おためし受講中

これからのモバイルサイト UIデザイン基礎 -1回目-

Web制作現場では、市場のニーズや制作ワークフローの変化から、Webデザイナーの役割が少しずつ変わってきています。従来では、ディレクターの作ったワイヤーフレームを元にPhotoshopでサイトデザインをするのがデザイナーの役割でした。しかし、現在ではサービスやプロダクト全体のユーザー体験(UX)の価値を上げるためにより良いユーザーインターフェース(UI)を設計するには、デザイン作業の前後の工程にも参加し、情報を深く理解するスキルが求められています。

全3回の授業で、モバイルサイトデザインにスポットを当てて、UIデザインの基礎授業を講義と実技を交えながら進めていきます。対象者は、Webデザインを勉強している初心者の方、またはモバイルUIデザインを基礎から学びたい方です。

1限目
モバイルサイト制作のワークフローと情報設計を学ぶ

※PhotoshopやIllustratorなどのデザインツールの具体的な使い方はこの授業で行いませんので、別の授業と併せてご覧ください。

自分で印刷して使えるプロトタイプPDF

 

 

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    01:29  (00:58 ~ )
    授業ターゲットの紹介
    00:49  (02:27 ~ )
    授業の目標
    00:35  (03:16 ~ )
    今回の授業内容
    01:18  (03:51 ~ )
    先生からの質問:UIデザインとは何か説明出来ますか?
    02:40  (05:09 ~ )
    UIとは?
    01:12  (07:49 ~ )
    UXとは?
    02:04  (09:01 ~ )
    PCとモバイルUIの違い
    05:55  (11:05 ~ )
    Webサイト制作ワークフローについて学ぼう
    05:46  (17:00 ~ )
    本日の授業で触れるワークフロー
    03:40  (22:46 ~ )
    情報設計について学ぼう
    00:15  (26:26 ~ )
    コンセプトとは
    01:27  (26:41 ~ )
    ペルソナとは
    05:32  (28:08 ~ )
    5W1Hで考えて見よう
    00:58  (33:40 ~ )
    サイトマップについて学ぼう
    03:42  (34:38 ~ )
    ペーパープロトタイプについて学ぼう
    07:27  (38:20 ~ )
    デザインコンセプト
    05:41  (45:47 ~ )
    デザインのインプット方法に付いて例を見てみよう
    03:40  (51:28 ~ )
    まとめ
    02:45  (55:08 ~ )
    次回授業の予告
    00:27  (57:53 ~ )
    【後半】質疑応答
    Q,最近、『UIデザイン(デザイナー)』と『webデザイン(デザイナー)』が混在してきてる気がしますが、使い分けられている理由はあるのでしょうか?同意語に感じるのですが、、
    01:45  (58:41 ~ )
    Q,プロトタイプを社内だけでなくクライアントさんにも見せて共有するといいとのお話がありましたが、紙では直感的にリンクなどの動きを伝えづらいと思うのですが、いい方法はありますか?
    01:30  (1:00:26 ~ )
    Q,プロトタイプは紙媒体で作成するんですね。プロトタイプを作るようなソフトがありますが、先生は使用されてますか?使用されているようでしたら、どんなソフトを使用してますか?
    01:23  (1:01:56 ~ )
    お知らせ
      (1:03:19 ~ )