分かりやすく、使いやすいデザインを生み出す工夫

分かりやすく、使いやすいデザインを生み出す工夫

  • 第1回
    分かりやすく、使いやすいデザインを生み出す工夫
おためし受講中
  • 授業で使用する教材

    教材はありません

「授業フィードバック」で、授業の感想を教えてください!

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました!

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • 自己紹介&アジェンダ
  • 00:00:13〜(02:09)
  • はじめに
  • 00:02:22〜(02:33)
  • プラットフォームの話
  • 00:04:55〜(08:18)
  • アイコンの話
  • 00:13:13〜(07:34)
  • メッセージの話
  • 00:20:47〜(07:16)
  • 事例に基づいた送客の話
  • 00:28:03〜(05:40)
  • まとめ
  • 00:33:43〜(02:17)
【後半】質疑応答
  • Q:スマホとPCのUIは異なりますが、レスポンシブ設計する場合に、難しいと感じる点があれば教えて下さい。
  • 00:36:16〜(02:29)
  • Q:BとCはユーザーが実際に入力する時には、操作方法の違いはあったんでしょうか?
  • 00:38:45〜(01:25)
  • Q:iOSやAndroidなど、プラットフォーム公式のデザインガイドを、どのように気にされていますか?
  • 00:40:10〜(01:32)
  • Q:A/Bテスト等をすぐに検証できるようになった場合において、UIデザイナーの役割や重要性ってどうなのでしょうか?
  • 00:41:42〜(01:25)
  • Q:スライド37枚目のようなガイドラインは、どのようなツールで作成しているのでしょうか?
  • 00:43:07〜(02:13)
  • Q:ユーザーの習熟度などにもよって、UIの造りを変えたりという事は、考えたりするのでしょうか?
  • 00:45:20〜(01:42)
  • Q:タブレットに適したUIというのは、あまり重要視されない感じでしょうか?
  • 00:47:02〜(01:28)
  • Q:スライド40枚目について
  • 00:48:30〜(01:37)
  • Q:これは長年愛用されるだろうな!と思われるUIはありますか?
  • 00:50:07〜(02:36)
  • Q:クックパッドのUIで一番工夫しているところって、どこでしょうか?
  • 00:52:43〜(01:31)
  • Q:スマホサイトをレスポンシブにしていない理由は、どうしてでしょうか?
  • 00:54:14〜(03:14)
  • 課題発表
  • 00:57:28〜

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全1回 2013年12月25日公開
    分かりやすく、使いやすいデザインを生み出す工夫

    ユーザーにとって分かりやすく使いやすいデザインを提供するためには、プラットフォームにあった標準的なデザインを用いること、ユーザーのストーリーに沿ったUIを用いること、コンテンツに合わせた表現で興味を持ってもらうこと、などが考えられます。

    それらを事例を元に考えるとともに、使いやすさ分かりやすさを超えて、いつも使いたくなるような愛着を持てる工夫を施すためにはどのような事ができるか一緒に考えていきましょう。

    【題材事例】

    ・プラットフォームの標準的表現と特徴
    「これら3つのUI、Android的なUIはどれ?」

    ・適切なメッセージ表現
    「お気に入りに追加する場合の適切なメッセージは次のうちどれ?」

    ・フィードバックのための表現
    「コンテンツ投稿者に感謝の気持ちを伝えるのに適したUIはどれ?」

    ・数値計測による分かったデザインの成果事例
    「次のうち実際にユーザーのアクションが多かったデザインはどれ?」

    分かりやすく、使いやすいデザインを生み出す工夫 (全1回)

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう!