【初心者】UIデザインはこの3つで決まる！『3構造』を徹底解説

UIデザインで考えるべき3つの視点

この動画では「コンテンツ」「ナビゲーション」「アクション」のUIを構成する上で必須の３要素について解説します。
この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 おわりに