おためし受講中

親切解説プロトタイピングで学ぶアプリUIデザイン -2回目-

UIデザインはもとより、デザイン自体もちょっと自信がない。でもWebサービスやアプリ作りに関りたい。そんな方々に向けてUIデザインの概要から実践を分かりやすく解説します。

「あっという間にアナタのモックアップがステキになる」そんな授業です。

授業内では、アシスタントが実際にプロトタイプを作ります。余裕がある方は一緒に作ってみましょう。より理解が深まります。

---

■ 2限目の内容
* UIで迷ってしまいがちな箇所とは
* UIデザインは引き算で考えよう
* HIGにも出てきた設計戦略の意図するところとは
* プロトタイプで議論を深めよう

参考サイト/予習教材

学生代表

  • 新井 利佳

    新井 利佳

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    01:27  (00:38 ~ )
    アジェンダ
    00:43  (02:05 ~ )
    操作ボタンの位置は過去か未来で決められる?
    04:28  (02:48 ~ )
    はい、いいえの順番がOSで違う理由
    06:22  (07:16 ~ )
    ユーザーインターフェイスデザインは引き算で考える
    00:53  (13:38 ~ )
    ないと操作がままならない。レベルまで引き算する
    04:48  (14:31 ~ )
    あてはまるインターフェイスパターンを探す
    05:04  (19:19 ~ )
    プロトタイピングによって検討を重ねる
    00:20  (24:23 ~ )
    プロトタイピングとは?
    00:32  (24:43 ~ )
    ワイヤーフレームとの違い
    05:28  (25:15 ~ )
    コードを書かなくてもアプリのように動作・検証が出来るツール
    08:08  (30:43 ~ )
    プロトタイピングに修正を反映させる
    07:59  (38:51 ~ )
    まとめ
    00:32  (46:50 ~ )
    【後半】質疑応答
    Q,Caccoってなんですか?
    01:28  (47:29 ~ )
    Q,プロトタイプは、じっさいにターゲットになる人と同じ属性の人にいじってもらうことができない場合は、 どうするのでしょうか?
    02:57  (48:57 ~ )
    Q,カクーは大変便利ですが無料だとあまりに制限が多いのですが、無料で同じようにでいるものはありませんか?フォトショで作って送るしかないでしょうか?
    01:34  (51:54 ~ )
    Q,前回の授業で、イシジマ先生が、Chromeにブックマークしてるサイトを表示させていましたが、何のサイト一覧ですか?
    02:16  (53:28 ~ )
    Q,制作現場で、ペーパープロトタイピングを全く使わない、場合と使う比率はどれくらいでしょうか?
    01:39  (55:44 ~ )
    お知らせ
      (57:23 ~ )