$30 off During Our Annual Pro Sale. View Details »

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

Hatena
February 02, 2023

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

Hatena

February 02, 2023
Tweet

More Decks by Hatena

Other Decks in Design

Transcript

  1. 本質を理解して

    デザインに取り組む

    id:aoym_05

    View Slide

  2. id:aoym_05
    ・2022年4月 入社

    ・マンガアプリチーム デザイナー 


    View Slide

  3. View Slide

  4. デザインを作成

    要件をもらう
 レビューを受ける

    → →

    View Slide

  5. デザインレビューとは


    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

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


    View Slide

  10. View Slide

  11. どの案がベストなのか自分で判断ができない・

    案の絞り込みができない


    View Slide

  12. どういった機能であるべきか、

    どういう遷移やレイアウトがユーザーにとって

    使いやすいのかを考える


    View Slide

  13. やったこと

    ① アプリの機能を触って理解を深める

    ② その上でどうしてその機能が実装されているのか考えてみる

    ③ 課題や良いと思うポイントを洗い出す

    View Slide

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

    View Slide

  15. マンガアプリ内で出す

    アンケート機能のデザイン

    ・現在出しているアンケートのデザインをリニューアル

    ・アンケートの回答=今後の運用に役立てられる

    View Slide

  16. 回答数を伸ばしたい!

    アンケートを盛り上げたい!


    View Slide

  17. ・マンガアプリっぽい見た目にして華やかに 

    ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する 


    View Slide

  18. いつもと違う

    インパクトある見た目で 

    ユーザーの興味を惹き、
    押してもらいたい


    View Slide

  19. アンケートが変わるごとに 

    キャラクターを変えれば、 

    押したくなる人が増えそう 

    今後のアンケートも答えて
    もらえるかも...


    View Slide

  20. レビューを出してみる

    が、OK! とはならなかった


    View Slide

  21. アンケートにたくさん回答してもらいたいのは合っている

    けど、回答は機能向上のための大切な資料

    押させるように誘導するのは違うのではないか?


    View Slide

  22. ・機能を触って理解を深める

    ・その上でどうしてその機能が実装されているのか考えてみる

    View Slide

  23. ・アンケートに回答してもらうことでデータが取れる

    ・そのデータを用いてアプリの機能が向上される

    ユーザーの需要を正確に確認したい


    View Slide

  24. 見た目のインパクトで興味を引く案

    ・回答項目より装飾が目立ってしまっていて、 答え
    づらくなっているのではないか 

    ・アンケート内容と関係ない、装飾部分でボタ ンを
    押させようとするのは目的と違っている 


    View Slide

  25. 回答完了画面の見た目を毎回変える案

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


    View Slide

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

    View Slide

  27. ・シンプルで項目が見やすい既存のデザインを使用 

    ・送信ボタン押下時のアクションを追加 


    View Slide

  28. View Slide

  29. ありがとうございました


    View Slide