1. 【初心者】UIデザインはこの3つで決まる!『3構造』を徹底解説
クエスト2: 2.UIデザインの基本:3構造
UIデザインで考えるべき3つの視点
この動画では「コンテンツ」「ナビゲーション」「アクション」のUIを構成する上で必須の3要素について解説します。この3つを知っているとUIを分析する目が身につき、自分でデザインするときも”何を今考えるべきか?”を要素ごとに整理して考えることができます。
使いやすさと見た目の掛け算が大切なUIの分野を攻略するためにこの3つをまずは知り、実践できるようになりましょう
目次
- 0:00 イントロ
- 0:29 UIデザイン理解が上がる”3構造"
- ”2:19 UIデザインの理解が高速に
- 3:51 この動画のポイント5:15 3構造とは?
- 7:21 具体的なUIで見る「3構造」
- 13:56 3構造が重要な理由
- 16:34 例で見る3構造
- 19:19 ①: コンテンツ2
- 0:58 コンテンツUIの例: YouTubeの管理画面
- 23:15 実例: コンテンツUIのパターン
- 25:28 ②: ナビゲーション29:41 役割1: 道案内
- 32:00 役割2: 現在地を伝える
- 33:16 役割3: ページの関係性を伝える
- 34:19 ③: アクション
- 37:15 アクションの基本と役割
- 38:49 アクションの例
- 1:05 3構造でデザインする流れ
- 43:23 もっと学びたい人はBONO (ボノ) をチェック
- 44:54 BONOの「UIデザイン基礎コース」
- 47:19 おわりに
