LogoMarkWhite.png

紀野はるか/総合研究I

My antenna

HSPの情報デザイン

myantenna_logo.jpg






概要

これは何?



インフォグラフィックスを活用したモーショングラフィックスによるHSP(エイチエスピー)の情報デザイン
動的なコンテンツを駆使し、SNS・WEBサイトでHSPの情報発信を行う



はじめに



 HSP(Highly Sensitive Person)とは、環境感受性が強く敏感な気質をもった⼈のことを指す*1。HSPは感受性の高さから、光・⾳・⾹りなどの外的な刺激に敏感で、他人の気持ちに共感しやすい、些細なことで疲れやすい、物事を深く考えるといった特徴が挙げられ、近年の日本では「繊細さん」や「敏感さん」という愛称で知られるようになっている。



背景と目的



背景:HSPである気づき


 HSP(Highly Sensitive Person)とは、環境感受性が強く敏感な気質をもった⼈のことを指す。HSPは⼈⼀倍繊細ゆえに、他人の気持ちや光・⾳・⾹りなどの外的な刺激に敏感で、些細なことで疲れやすい、物事を深く考えるといった特徴が挙げられ、近年の日本では「繊細さん」という愛称で知られるようになっている。HSPの存在と自身がHSPに該当することを理解したことにより、⽣きづらさを緩和させるきっかけとなった。



目的:ニュートラルな特性の認知


  2020年頃、HSPについて書かれた一般書籍の出版数が著しく増加し、HSPという言葉がブームになり社会的に広く知られるようになった。現在では、エッセイ本などの書籍から、TV番組やSNSなどでも多数取り上げられ、HSPという言葉は世間に浸透しつつある。
 しかし、このようなHSPの概念が広がっていく一方で、SNSなどでは、敏感で繊細な気質に対する誤解や偏見により、「HSPは生きづらい」「HSPはうつ病になりやすい」といったHSPのネガティブな印象を与えてしまうような投稿が目立つようになっていると感じる。敏感で繊細な気質のネガティブな部分だけを切り取った情報発信は、 HSPの認知が拡大していくうえで、誤解や偏見を助長している。こうした、HSPのネガティブな印象を促進させる情報の広がりが、HSPコンテンツの現状の問題であると考えた。
 そこで、本研究では、HSPの正しい基礎知識を整理し、誤解や偏見によったネガティブな印象の転換を図る、効果的な情報発信を行うことを目的とする。




コンセプト



HSPに関する効果的な情報を発信していくため、本研究ではWEBやSNSを積極的に活用する。現在、SNS上で公開されるHSPに関連する情報は、主に文字に偏っており、多くの情報を直感的に理解することが難しい状況である。そのため、本研究では動的なインフォグラフィックス表現を採用し、情報を視覚的に可視化することに重点を置く。文字だけでは伝わりにくい情報をビジュアルによって分かりやすく表現し、印象に残りやすく体系的なコンテンツによる情報発信を目指す。また、HSPに対して好意的な印象を与えるために、柔らかで親しみやすいキャラクターのイラストレーションを活用する。これらにより、HSPに対する理解と共感を促し、ポジティブな関心を喚起することが期待できる。



成果物の仕様



HSP基礎知識編

  1. HSPってナニ?
  2. HSP診断の誤解
  3. HSPは生きづらい?
  4. HSPの誤解

[ナレーションPDF] 
🔗Googleドライブ



アンテナ編

  1. 道端の小さな花や生き物を見つけること
  2. 猫の顔を覚える
  3. 風向きに敏感
  4. 雲の匂いで季節のうつろいを察知
  5. 隠し味を当てる
  6. その人特有のクセを見つけるのが得意
  7. 足音で人物を特定
  8. 相手が学生時代にやっていた部活を当てる
  9. 人の香水が変わったらすぐに気づく
  10. 美味しいパン屋さんを見つけること



似顔絵Instagram「◉◉」

「◉◉」@kino__tch
似顔絵とアンテナを紹介するInstagramアカウント



全体のコンテンツとして




制作ツール


プロジェクト管理

スケジュール


🗓️ スプレッドシート



ToDo







進捗記録






2023.12.19


アンケート調査



Google Forms 📝アンケート調査



HSPが世間にどのような印象を持たれているか、その原因についてのアンケート調査を行うための、アンケートをGoogleFormsで作成。





2023.12.14



概要(途中)word





2023.12.14


今後のスケジュール



🗓️ スプレッドシート

2023.12.13


MyAntennaタイトルロゴ試作


myantenna_logo.jpg



タイトルロゴ

シンボルマーク、アイコンは未定
副題として「あなただけの敏感で繊細な感受性」を設定
「My Antenna」に込めた意味を副題に入れることで分かりやすく、
「敏感」「繊細」という言葉を使用することでHSP情報であると気づきやすくした






2023.12.11


イベント企画の検討


insta.jpg
instb.jpg



「◉◉」@kino__tch
似顔絵とアンテナを紹介するInstagramアカウント
とMyAntennaを結びつけた展示イベントを企画したい

2023.12.08


成果物の修正



HSP基礎知識編

  1. HSPってナニ?
  2. HSP診断の誤解
  3. HSPは生きづらい?
  4. HSPの誤解

[ナレーションPDF] 
🔗Googleドライブ



アンテナ編

  1. 道端の小さな花や生き物を見つけること
  2. 猫の顔を覚える
  3. 風向きに敏感
  4. 雲の匂いで季節のうつろいを察知
  5. 隠し味を当てる
  6. その人特有のクセを見つけるのが得意
  7. 足音で人物を特定
  8. 相手が学生時代にやっていた部活を当てる
  9. 人の香水が変わったらすぐに気づく
  10. 美味しいパン屋さんを見つけること



似顔絵Instagram「◉◉」

「◉◉」@kino__tch
似顔絵とアンテナを紹介するInstagramアカウント



全体のコンテンツとして

2023.12.07


logoの検討


logo.jpg
logob.jpg



タイトルロゴの試作
font:Seravek - medium(スムース化で角を丸く)


タイトルロゴの要素案






2023.11.30


シンボルマークの検討


mark.jpg



ロゴと並行してシンボルマークの作成を検討中
上段 -キャラの要素を取り入れた
中段 -アンテナに注目した
下段 -カラフルさを取り入れた


シンボルマークの要素案






2023.11.30


アンテナ紹介編の場所スケッチ


locaa.png
locab.png
locac.png
CAFF店内街中図書館






2023.11.29


アンテナ紹介編のリスト化



🔗スプレッドシート






2023.11.23


ナレーション文の作成



HSP基礎知識編


🔗PDF HSP基礎知識編
🔗PDF HSP基礎知識編(省略化)


以下、ナレーション分の作成において変更した点





ナレーション動画時間


HSP基礎知識編


🔈①HSPってナニ? 1:03

🔈②環境感受性とは? 0:54

🔈③HSPと非HSP 0:57

🔈④HSPは生きづらい? 1:44

🔈⑤HSPの誤解 1:50

HSP基礎知識編(省略化)


🔈①HSPってナニ? 1:22

🔈②HSPは生きづらい? 1:44

🔈③HSPの誤解 1:50





2023.11.22


場所設定



アンテナ紹介編で使用する場所を設定






2023.11.16


絵コンテ



アンテナ紹介編(縦動画)

h_skea.jpg
h_skeb.jpg
h_skec.jpg
h_sked.jpg



アンテナ紹介編 | 足音で人物を特定の絵コンテを作成
そこから動画を組み立ててみた



動画時間 00:39






2023.10.26


コンテンツリスト



HSP基礎知識編

  1. HSPってナニ?
    • Highly Sensitive Personの略
    • この言葉はエレイン・アーロン博士が提唱
    • HSP=環境感受性が高い人のラベル
  2. 環境感受性
    • ポジティブとネガティブの両方の環境からの影響の受けやすさを表す特性
    • 環境からの影響の受けやすさは同じじゃない
    • 影響に対して同じ反応をするわけではない
    • 誰もが持っている特性
  3. DOES
    • A&A夫婦が提唱
    • 感覚処理感受性とは、環境の刺激に対する敏感さを表す特性
    • D(Depth of Processing):環境刺激に対する深い処理
      O(Overstimulation):環境刺激の受け取りやすさ
      E(Emotional response and empathy):共感的•情動的な反応の高まりやすさ
      S(Sensitivity to Subtletie):わずかな環境刺激に対する気づきやすさ
  4. HSPは生きづらい?
    • 良くも悪くも影響を受けやすい(ポジ環境からポジ・ネガ環境からネガ)
    • 良い特性でも悪い特性でもない、ニュートラルな特性
    • HSP=生きづらいは❌
    • 環境で生きづらくも、生きやすくもある
  5. HSPと非HSP
    • 環境感受性は誰もが持つ特性
    • 非HSPには感受性がないというのは❌
    • 感受性はグラデーションになっている
    • 点数で決められているものではなく、診断するものでもない
  6. HSPの誤解
    • ◯◯型HSP
      • 学術ではタイプ別に呼んだり区別したりしない
      • タイプに当てはまるHSPはいるけど、囚われすぎないようにする
    • HSPはうつ病になりやすい
      • うつ病は脳の慢性炎症、HSPは気質
      • ネガティブな環境からストレスを受けやすい
      • 自己判断は適切な支援につながらない
    • HSPを使った悪徳ビジネス
      • HSPは病気ではなく気質
      • ネットのHSP診断・まとめサイトを信じすぎない
  7. 心理学から見たHSP
    • みんな感受性を持っている、平均より高い人をHSPというラベルで呼ぶ
    • 感受性はグラデーションであり、境界線はない
    • HSPは生きづらい、自己肯定感が低い、というのは環境のせいであり、HSPであることとはまた別問題
    • 感受性の高低を花で例える
      • 低い:どのような環境下でも力強く咲く
      • 平均:ある程度の環境があれば綺麗に咲く
      • 高い:環境に気を使うことで美しく咲く
        適した環境でみな同じく美しい花が咲く💐



アンテナ編



全体のコンテンツとして






2023.10.12


ビジュアルの再検討



キャラクターのブラッシュアップ

orchan.png
tuli.png
popo.png
kid.png
lip.png
tan.png



感受性の高い・平均的・低い人たちを花の「蘭」「チューリップ」「タンポポ」
に例えることから、それぞれの花をモチーフにしたキャラクターを作成した。
現状、女の子のキャラクターのみだったので、男の子を作成してみた。
男の子のキャラクターも、感受性の高い・平均的・低い人たち、それぞれの花をモチーフにした。






2023.10.05


スケジュールの作成



🗓️ 研究スケジュール





2023.9.27


名前の再検討



My Antenna

myantenna.jpg

※logoはまだ検討中


「I'm HSP」の問題点






2023.9.20


ビジュアルの再検討



キャラクターのブラッシュアップ

ran.png
tuli.png
popo.png



感受性の高い・平均的・低い人たちを花の「蘭」「チューリップ」「タンポポ」
に例えることから、それぞれの花をモチーフにしたキャラクターを作成してみた。



dose.png
dose2.png



HSPとされる4つの基準の頭文字をとって「DOSE」と呼ばれることから
それぞれのキャラクターを作成してみた。





2023.9.20


目的の再検討



HSPのPR から ニュートラルな特性の認知

 しかし、このようなHSPの概念が広まりつつある一方で、SNSなどでは、繊細な気質に対する誤解や偏見によって、「HSPは生きづらい」「HSPはうつ病になりやすい」といったHSPのネガティブな印象を促進させるような投稿が目立っている。HSPは、ポジティブとネガティブの両方の環境からの影響を受けるニュートラルな特性である。HSP認知が広がる中で、このようなネガティブな部分だけを切り取ったコンテンツが多く存在していること、ネガティブな情報だけが広がっていくことでHSPがネガティブな印象にとらえやすくなっていることが、HSPの情報コンテンツの現状の問題であると考えた。そこで、本研究では、HSPの正しい基礎知識を整理し、HSPが持つポジティブな特性を促進する効果的な情報発信を行うことを目的とする。






2023.06.07


インフォグラフィックについての調査



インフォグラフィックとは

情報、データ、知識を視覚的に表現したものである。
インフォグラフィックは情報を素早く簡単に表現したい場面で用いられ、標識、地図、報道、技術文書、教育などの場面で使われている。
また、計算機科学や数学、統計学においても、概念的情報を分かりやすく表現するツールとしてよく用いられる。
科学的情報の可視化にも広く適用される。
Wikipedia参照

インフォグラフィックが効果的な理由

2023.6.5


ビジュアルの再検討



キャラクターのブラッシュアップ2

motion_test01.gif
motion_test02.gif
motion_test03.gif



illustratorで作成したキャラクターを動かしてみる。
実際に動かしてみて、角は2つあったほうがキャラクターが愛らしく映る。





2023.6.2


ビジュアルの再検討



キャラクターのブラッシュアップ

sk_01.jpg
sk_02.jpg
sk_03.jpg



スケッチをもとに、illustratorでキャラクターを作成した。
3案×3バリエーションの9つを試作した。





2023.5.31


ビジュアルの再検討



キャラクターのアイデアスケッチ

idea.jpg
idea02.jpg



前回のキャラクターのブラッシュアップ案を考えた。





2023.5.18


先行事例


CalorieMate commercial from Japan給与即日払いサービス「Payme」サービス紹介動画


3分で分かるワールドコーポレーションにほんのこども~中学生のいま~


WALLETポイントで賢くお得な生活/au数字で見る日本のスポーツ






2023.5.11


ToDoの追加


過去作品


HSPに関する過去作品



「I'm HSP」情報デザイン研究Ⅱ














PAGES

GUIDE

添付ファイル: filemyantenna_logo.jpg 32件 [詳細] fileinstb.jpg 35件 [詳細] fileinsta.jpg 37件 [詳細] filelogob.jpg 24件 [詳細] filelogo.jpg 29件 [詳細] filemark.jpg 40件 [詳細] filelocac.png 31件 [詳細] filelocab.png 32件 [詳細] filelocaa.png 33件 [詳細] filetan.png 41件 [詳細] filelip.png 50件 [詳細] filekid.png 48件 [詳細] fileorchan.png 44件 [詳細] filemyantenna.jpg 51件 [詳細] fileh_skea.jpg 44件 [詳細] fileh_skeb.jpg 48件 [詳細] fileh_skec.jpg 55件 [詳細] fileh_sked.jpg 51件 [詳細] filedose2.png 52件 [詳細] filedose.png 59件 [詳細] filepopo.png 56件 [詳細] filetuli.png 55件 [詳細] fileran.png 54件 [詳細] filemotion_test01.gif 98件 [詳細] filemotion_test02.gif 75件 [詳細] filemotion_test03.gif 76件 [詳細] fileidea02.jpg 76件 [詳細] filesk_03.jpg 77件 [詳細] filesk_02.jpg 75件 [詳細] filesk_01.jpg 83件 [詳細] fileidea.jpg 77件 [詳細] filetop.jpg 80件 [詳細]
Last-modified: 2024-04-22 (月) 13:45:08