1
View Slide
note inc.2松下ゆき @yuki_doronote株式会社 デザイナー2014-2018 Yahoo! Japan2018.11- note
note inc.本日の内容noteにあげています!3
4
どんなサービス?どんなイメージ?
6デザイナーがよく記事書いてる…白くてシンプル…「クリエイティブ系」っぽい?…手軽に文章を発信するなら…
note inc.エモーショナルデザイン7
note inc.なぜ、エモーショナルデザイン?noteとエモーショナルデザイン812
note inc.なぜ、エモーショナルデザイン?91
1080%なぜ、エモーショナルデザイン?
1180%DLされた後使われなくなるAPPなぜ、エモーショナルデザイン?
12「使えるから使う」の時代は終わった。なぜならどのサービスも「使える」から
note inc.なぜ、エモーショナルデザイン?「使える」「使い続けたい」13プロダクトの魅力も必要になった
誰のためのデザイン?「使いやすいデザイン」の重要さを説いたエモーショナル・デザイン使いやすさだけでなく「情動」のUXもプロダクトの魅力には必要14ノーマンにも変遷なぜ、エモーショナルデザイン?
note inc.なぜ、エモーショナルデザイン?エモーショナルデザイン15=トーンと使い心地を通しポジティブな感情をもたらすデザインを行う
note inc.プロダクトはいかに「お気に入り」になるか?16なぜ、エモーショナルデザイン?
なぜ、エモーショナルデザイン?17おしゃれなあの人が推してたペン、気になる…わ〜かっこいい!!まさに欲しかったやつ!!!使い心地も機能もよくて気持ちいい!いっぱい使っちゃうライフスタイルに合ってる!もっとカッコいい自分になれそう!
なぜ、エモーショナルデザイン?18本能レベル人間の認知と情動に関する三つの処理参照: ドナルド・A・ノーマン「エモーショナル・デザイン」五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル総合的にもたらされる感情・状態
なぜ、エモーショナルデザイン?19おしゃれなあの人が推してたペン、気になる…わ〜かっこいい!!まさに欲しかったやつ!!!使い心地も機能もよくて気持ちいい!いっぱい使っちゃうライフスタイルに合ってる!もっとカッコいい自分になれそう!本能レベル 行動レベル 内省レベル内省レベル
なぜ、エモーショナルデザイン?20いい内省=「こうありたい」自分に重なる
なぜ、エモーショナルデザイン?21本能レベル Airbnbのエモーショナルデザイン事例五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル総合的にもたらされる感情・状態クオリティの高い写真画像が大きく旅のイメージが膨らむ宿泊先を適切に条件絞り込みが可能、ホストともクイックにチャットで連絡がとれる魅力的な宿泊先が選べそう!素敵な旅になるんだろうな!ワクワク感
note inc.実は…デザイナーが潜在的にやってきたこと愛せるプロダクトの理由は、合理性や機能性だけではない22なぜ、エモーショナルデザイン?
note inc.愛は数値で説明しづらかったでも愛せるプロダクトには理由がある23
note inc.24なぜ、エモーショナルデザイン?数値で目指す「使いやすさ」「感情」を見越した設計どっちも大事
note inc.25● 「使い続けたい」にはプロダクトの魅力も必要になった● エモーショナルデザインはそのアプローチのひとつ● 「本能(トーン)」「行動(使い心地)」から「内省(総合的な印象)」がもたらされるなぜ、エモーショナルデザイン?まとめ
note inc.noteとエモーショナルデザイン262
note inc.エモーショナルデザインの必然性27
28noteとエモーショナルデザインエモーショナルデザインは必須か?→NO。圧倒的な機能差や生活必須度で勝負できるのなら不要。noteは強みのひとつに、エモーショナルデザインを選んできた。
note inc.noteのミッションだれもが創作をはじめ、続けられるようにする。29noteとエモーショナルデザイン
note inc.人はポジティブな感情にあると、好奇心が高まり、より創造的になる30noteとエモーショナルデザイン
31noteとエモーショナルデザインポジティブな感情が創作につながるはず創作をミッションに掲げている以上、感情は避けて通れない要素
note inc.エモーショナルデザインの実践32
エモーショナルデザインの実践33本能レベルもたらしたい内省を定義し、一貫して設計五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル総合的にもたらされる感情・状態設計に反映していく
エモーショナルデザインの実践34本能レベル noteの目指すエモーショナルデザイン五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル総合的にもたらされる感情・状態プレーンかつ柔らかく優しい、使う人を選ばないトーン相対評価に寄りすぎない機能設計歩みを振り返れる創作をつづけてる自分ってなんだかいい感じ作っている自分のことが好き
note inc.内省の定義35
36noteとエモーショナルデザインめざす内省(感情・状態)の言語化
37noteとエモーショナルデザイン創作をつづけてる自分って、なんだかいい感じ作っている自分のこと、ちょっと好き💞 もたらしたい内省
38noteとエモーショナルデザイン周りに比べて自分は全然ダメだ…ツールとしてイケてなくてテンション下がる…💔 こんな内省はいやだ
note inc.内省をふまえトーンと使い心地を設計39
エモーショナルデザインの実践40本能レベル noteの目指すエモーショナルデザイン五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル総合的にもたらされる感情・状態プレーンかつ柔らかく優しい、使う人を選ばないトーン相対評価に寄りすぎない機能設計歩みを振り返れる創作をつづけてる自分ってなんだかいい感じ作っている自分のことが好き設計に反映していく
41noteとエモーショナルデザイン目指す設計方針の言語化誰でも「自分のための創作の場」と思える自分の作品に集中できる創作するほどに、自分を肯定できる
42noteとエモーショナルデザイン目指す設計方針の言語化誰でも「自分のための創作の場」と思える自分の作品に集中できる創作するほどに、自分を肯定できる
43noteとエモーショナルデザイン誰でも「自分のための創作の場」と思えるには?→エッジも、強いキャラも「ない」のが「いい」
44視覚的なノイズの少なさによる、心地よさ要素を絞っているからこそ、どんな表現でも受け皿になるnoteとエモーショナルデザイン
45プレーン、でもやさしいビジュアルトーンとライティングイラストも、個性を立てすぎず心地よくなじむトーンに無機質すぎず、かつカジュアルすぎないライティングnoteとエモーショナルデザイン
46noteとエモーショナルデザイン目指す設計方針の言語化誰でも「自分のための創作の場」と思える自分の作品に集中できる創作するほどに、自分を肯定できる
47noteとエモーショナルデザイン自分の作品に集中するためには?→「周りと比べる」が目的にならないほうがいい
48数字上の「人気記事」をフューチャーしすぎないnoteとエモーショナルデザインPVやスキ数上位ではなく、実際に目を通して記事をピックアップ「ランキング」UIはあえて不在にしている
49自分が取り組みたいジャンルで活動できるnoteとエモーショナルデザイン各ジャンルを明示し、さまざまなクリエイター自身が活動したい領域を発見できるジャンルごとでの活動で挑戦できる取り組み
50noteとエモーショナルデザイン目指す設計方針の言語化誰でも「自分のための創作の場」と思える自分の作品に集中できる創作するほどに、自分を肯定できる
51noteとエモーショナルデザイン創作するほどに、自分を肯定するためには?→反響は諸刃の剣なので取り扱いに注意。特に、否定的な反響は…
52リアクションの機能バランス明示的にサクッとできるリアクションは「スキ」に絞っているコメントはあえて上に置きすぎず、さらにコメント時の「深呼吸」モーダルを表示noteとエモーショナルデザイン
53自身の歩みを振り返れる工夫クリエイターそれぞれ、どれだけの歩みがあったかを絶対評価で振り返ることができるnoteとエモーショナルデザイン
エモーショナルデザインの実践54本能レベル noteの目指すエモーショナルデザイン五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル総合的にもたらされる感情・状態プレーンかつ柔らかく優しい、使う人を選ばないトーン相対評価に寄りすぎない機能設計歩みを振り返れる創作をつづけてる自分ってなんだかいい感じ作っている自分のことが好き設計に反映していく
note inc.エモーショナルデザインの結果観測55
note inc.エモーショナルデザインの結果観測ってできるの?→選択肢はある56noteとエモーショナルデザイン
57noteで行っている結果観測手法定期アンケートでどういうイメージ・感情を得ている人が多いのかを調査インタビューによる定性的な反響分析noteとエモーショナルデザイン
得られた成果①「場としての雰囲気」が価値としてあげられ、情緒的な項目への当てはまりが大きいほど、NPSも高くなった58noteとエモーショナルデザイン
得られた成果②インタビューでnoteについて「やさしい反応が多く、治安が良い」「手軽に取り組めるし、書くことの楽しさに目覚めた」という声が。設計が実感値に結びついている59noteとエモーショナルデザイン
note inc.一歩一歩 積み上げている💪60noteとエモーショナルデザイン
note inc.まとめ61
note inc.62● noteがエモーショナルデザインを選んでいる理由→プロダクトの強み作り、「創作」での必須性● どう実践してるか→「内省」を定義し、一貫した設計を各要素に取り入れていく● 結果観測は→アンケートやインタビューで「感情・イメージ」を定点観測しているnoteとエモーショナルデザインnoteとエモーショナルデザイン
note inc.「使いやすい」だけでは辿り着けない、魅力あるプロダクト設計を目指しています63
note inc.魅力あるプロダクトを作るための学びに少しでもなっていますように😌ご静聴ありがとうございました‼64
note inc.いろんな角度でデザイナーが活躍している会社です💪全力で募集中!!!65採用ページhttps://open.talentio.com/r/1/c/note/pages/34186