Uploaded byschoowebcampus
分かりやすく、使いやすいデザインを生み出す工夫 先生：池田 拓司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーー
More Related Content
分かりやすく、使いやすいデザインを生み出す工夫 先生：池田 拓司
- 1. 分かりやすく使いやすい デザインの工夫 い け だた く じ 池田拓司 2013/12/25 schoo
- 2.
- 3. 自己紹介 • • 池田拓司 takuji ikeda クックパッド株式会社 デザイン部 • • • • • クックパッドサービス全体のデザイン ユーザー体験の責任 デザインフロントエンド基盤の構築 ・ 新規事業 サービスへの送客 ・ http://tikeda.net/ twitter: @tikeda
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. iOS Human InterfaceGuideline Android Design (English only)
- 16.
- 17.
- 18.
- 19.
- 20. 第1問より • プラットフォームの特徴や利点を理解して 設計することにより、ユーザーが慣れによって 習得した経験を自然に引き出してあげることができる • アプリとウェブではユーザーにとってサービスへの 関わり方が違う場合がある •デバイスの特性によってユーザー環境が変わるため 設計を変える場合もある
- 21.
- 22.
- 24.
- 25.
- 26.
- 27.
- 30. 第2,3問より • 同じ意味を持つアイコンも、 プラットフォームによって変わる場合がある • サービスオリジナルのアイコンは1サービスで 1つになるように心がける •新しいものを生み出すだけではなく、 長く使い続けて浸透するための工夫や努力も大切
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 38. 第4問より • 同じメッセージのデザインでも複数が考えられ 機能の特徴に合わせて適したUIを選ぶ • モーダルは連続して行うようなアクションには 強制力が強くて不向き •トーストは連続して行うようなアクションに 便利だが気づかれない恐れもある • メッセージもプラットフォームで標準がある
- 39.
- 40.
- 41.
- 42. 第5問より • 作るだけではなく検証してみないと分からない • 新しい機能やサービスを伝えるのは説明だけではない •長い説明をすればよいとは限らない。 省略すればよいとも限らない。バランスが大切
- 43.
- 44. 分かりやすい？伝わりやすい？ • ユーザーがどういう環境かを配慮し それに合わせたデザインを心がける • ユーザーに馴染みのある標準的なものがあるか それとも新しいものが必要なのか判断が必要 •機能の役割やユーザーの行動を意識し 画面の流れを考えながら適切なデザインを考える • ユーザーへの伝え方は１つではない。 多方面から考えて試行錯誤が必要である
- 45.
- 46.