noteが目指す創作をつづけるためのエモーショナルデザイン

note inc. 2 松下ゆき @yuki_doro note株式会社デザイナー 2014-2018 Yahoo! Japan
2018.11- note

note inc. 本日の内容 noteにあげています！ 3

どんなサービス？どんなイメージ？

6 デザイナーがよく記事書いてる… 白くてシンプル… 「クリエイティブ系」っぽい？… 手軽に文章を発信するなら…

note inc. エモーショナルデザイン 7

note inc. なぜ、エモーショナルデザイン？ noteとエモーショナルデザイン 8 1 2

note inc. なぜ、エモーショナルデザイン？ 9 1

10 80% なぜ、エモーショナルデザイン？

11 80% 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とエモーショナルデザイン 26 2

note inc. エモーショナルデザインの必然性 27

28 noteとエモーショナルデザインエモーショナルデザインは必須か？ →NO。圧倒的な機能差や生活必須度で勝負できるのなら不要。 noteは強みのひとつに、エモーショナルデザインを選んできた。

note inc. noteのミッションだれもが創作をはじめ、続けられるようにする。 29 noteとエモーショナルデザイン

note inc. 人はポジティブな感情にあると、好奇心が高まり、より創造的になる 30 noteとエモーショナルデザイン

31 noteとエモーショナルデザインポジティブな感情が創作につながるはず創作をミッションに掲げている以上、感情は避けて通れない要素

note inc. エモーショナルデザインの実践 32

エモーショナルデザインの実践 33 本能レベルもたらしたい内省を定義し、一貫して設計五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル
総合的にもたらされる感情・状態設計に反映していく

エモーショナルデザインの実践 34 本能レベル　　noteの目指すエモーショナルデザイン五感で感じるトーン色・形のフィーリング行動レベル実際の使い心地機能設計内省レベル
総合的にもたらされる感情・状態プレーンかつ柔らかく優しい、使う人を選ばないトーン相対評価に寄りすぎない機能設計歩みを振り返れる創作をつづけてる自分ってなんだかいい感じ作っている自分のことが好き

note inc. 内省の定義 35

36 noteとエモーショナルデザインめざす内省（感情・状態）の言語化

37 noteとエモーショナルデザイン創作をつづけてる自分って、なんだかいい感じ作っている自分のこと、ちょっと好き 💞 もたらしたい内省

38 noteとエモーショナルデザイン周りに比べて自分は全然ダメだ… ツールとしてイケてなくてテンション下がる… 💔 こんな内省はいやだ

note inc. 内省をふまえトーンと使い心地を設計 39

総合的にもたらされる感情・状態プレーンかつ柔らかく優しい、使う人を選ばないトーン相対評価に寄りすぎない機能設計歩みを振り返れる創作をつづけてる自分ってなんだかいい感じ作っている自分のことが好き設計に反映していく

41 noteとエモーショナルデザイン目指す設計方針の言語化誰でも「自分のための創作の場」と思える自分の作品に集中できる創作するほどに、自分を肯定できる

43 noteとエモーショナルデザイン誰でも「自分のための創作の場」と思えるには？ →エッジも、強いキャラも「ない」のが「いい」

44 視覚的なノイズの少なさによる、心地よさ要素を絞っているからこそ、どんな表現でも受け皿になる noteとエモーショナルデザイン

45 プレーン、でもやさしいビジュアルトーンとライティングイラストも、個性を立てすぎず心地よくなじむトーンに無機質すぎず、かつカジュアルすぎないライティング noteとエモーショナルデザイン

47 noteとエモーショナルデザイン自分の作品に集中するためには？ →「周りと比べる」が目的にならないほうがいい

48 数字上の「人気記事」をフューチャーしすぎない noteとエモーショナルデザイン PVやスキ数上位ではなく、実際に目を通して記事をピックアップ「ランキング」UIはあえて不在にしている

49 自分が取り組みたいジャンルで活動できる noteとエモーショナルデザイン各ジャンルを明示し、さまざまなクリエイター自身が活動したい領域を発見できるジャンルごとでの活動で挑戦できる取り組み

51 noteとエモーショナルデザイン創作するほどに、自分を肯定するためには？ →反響は諸刃の剣なので取り扱いに注意。特に、否定的な反響は…

52 リアクションの機能バランス明示的にサクッとできるリアクションは「スキ」に絞っているコメントはあえて上に置きすぎず、さらにコメント時の「深呼吸」モーダルを表示 noteとエモーショナルデザイン

53 自身の歩みを振り返れる工夫クリエイターそれぞれ、どれだけの歩みがあったかを絶対評価で振り返ることができる noteとエモーショナルデザイン

総合的にもたらされる感情・状態プレーンかつ柔らかく優しい、使う人を選ばないトーン相対評価に寄りすぎない機能設計歩みを振り返れる創作をつづけてる自分ってなんだかいい感じ作っている自分のことが好き設計に反映していく

note inc. エモーショナルデザインの結果観測 55

note inc. エモーショナルデザインの結果観測ってできるの？ →選択肢はある 56 noteとエモーショナルデザイン

57 noteで行っている結果観測手法定期アンケートでどういうイメージ・感情を得ている人が多いのかを調査インタビューによる定性的な反響分析 noteとエモーショナルデザイン

得られた成果① 「場としての雰囲気」が価値としてあげられ、情緒的な項目への当てはまりが大きいほど、NPSも高くなった 58 noteとエモーショナルデザイン

得られた成果② インタビューでnoteについて「やさしい反応が多く、治安が良い」「手軽に取り組めるし、書くことの楽しさに目覚めた」という声が。設計が実感値に結びついている 59 noteとエモーショナルデザイン

note inc. 一歩一歩積み上げている💪 60 noteとエモーショナルデザイン

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

noteが目指す創作をつづけるためのエモーショナルデザイン

noteが目指す創作をつづけるためのエモーショナルデザイン

More Decks by 松下ゆき

Other Decks in Design

Featured

Transcript