本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 aoym_05

by Hatena

Slide 1

Slide 1 text

本質を理解して  デザインに取り組む  id:aoym_05

Slide 2

Slide 2 text

id：aoym_05 ・2022年4月入社  ・マンガアプリチームデザイナー  

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

デザインを作成  要件をもらう  レビューを受ける  → →

Slide 5

Slide 5 text

デザインレビューとは 

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

デザインレビューをお願いするが... 

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

どの案がベストなのか自分で判断ができない・  案の絞り込みができない 

Slide 12

Slide 12 text

どういった機能であるべきか、  どういう遷移やレイアウトがユーザーにとって  使いやすいのかを考える 

Slide 13

Slide 13 text

やったこと  ① アプリの機能を触って理解を深める   ② その上でどうしてその機能が実装されているのか考えてみる   ③ 課題や良いと思うポイントを洗い出す  

Slide 14

Slide 14 text

良い体験は伸ばしつつ、課題を解決するデザイン  

Slide 15

Slide 15 text

マンガアプリ内で出す  アンケート機能のデザイン  ・現在出しているアンケートのデザインをリニューアル   ・アンケートの回答＝今後の運用に役立てられる  

Slide 16

Slide 16 text

回答数を伸ばしたい！  アンケートを盛り上げたい！ 

Slide 17

Slide 17 text

・マンガアプリっぽい見た目にして華やかに   ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する   →

Slide 18

Slide 18 text

いつもと違う  インパクトある見た目で   ユーザーの興味を惹き、押してもらいたい  →

Slide 19

Slide 19 text

アンケートが変わるごとに   キャラクターを変えれば、   押したくなる人が増えそう   今後のアンケートも答えてもらえるかも...  →

Slide 20

Slide 20 text

レビューを出してみる  が、OK! とはならなかった 

Slide 21

Slide 21 text

アンケートにたくさん回答してもらいたいのは合っている   けど、回答は機能向上のための大切な資料   押させるように誘導するのは違うのではないか？   ↓

Slide 22

Slide 22 text

・機能を触って理解を深める  ・その上でどうしてその機能が実装されているのか考えてみる  

Slide 23

Slide 23 text

・アンケートに回答してもらうことでデータが取れる  ・そのデータを用いてアプリの機能が向上される  ユーザーの需要を正確に確認したい  ↓

Slide 24

Slide 24 text

見た目のインパクトで興味を引く案  ・回答項目より装飾が目立ってしまっていて、　答えづらくなっているのではないか   ・アンケート内容と関係ない、装飾部分でボタ　ンを押させようとするのは目的と違っている  

Slide 25

Slide 25 text

回答完了画面の見た目を毎回変える案  ・見た目の変化を見たいだけの人がアンケート　の内容を確認せずに押してしまう可能性もあ　る  

Slide 26

Slide 26 text

回答してくれる人への感謝は伝えたい  

Slide 27

Slide 27 text

・シンプルで項目が見やすい既存のデザインを使用   ・送信ボタン押下時のアクションを追加  

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text