この動画では、ナビゲーションデザインの基本的な3つの考え方について解説しています。1つ目は、ナビゲーションの構造はグローバルナビゲーション、コンテンツ内ナビゲーション、サブナビゲーションの3段階が基本であること。2つ目は、グローバルナビゲーションにはユーザーの目的となるコンテンツが配置されるべきこと。3つ目は、ページ遷移とモード切替えの2種類しかないこと。基本的なこの3つの考え方を理解することで、UIデザインの解像度が上がると述べられています。
ナビゲーションの構造は、グローバルナビゲーション、コンテンツ内ナビゲーション、サブナビゲーションの3段階が基本である。グローバルナビゲーションが最上位に位置し、コンテンツ内ナビゲーションは表示中のコンテンツの中での移動、サブナビゲーションはその中のさらに細かい移動となる。図や実例で説明している。
グローバルナビゲーションには、ユーザーの目的となるコンテンツが配置されるべきである。サービスの提供するコンテンツがユーザーの出発点となるべきだ。YouTubeの例では、動画やマイページなどのコンテンツが配置されている。
ナビゲーションの移動には、ページ遷移とモード切替えの2種類しかない。YouTubeの例では、編集モードへの切替えがモード切替えの例として紹介されている。移動がおかしい場合はこの2つの種類を確認する必要がある。
動画の続きはこちら↓
□ お題に挑戦しよう！
https://www.bo-no.design/contents/ui-layout-basic03-2
2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。
・こういうの悩む
・こういうの知りたい
などありましたら教えてください
フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform
この動画では、ナビゲーションデザインの基本的な3つの考え方について解説しています。1つ目は、ナビゲーションの構造はグローバルナビゲーション、コンテンツ内ナビゲーション、サブナビゲーションの3段階が基本であること。2つ目は、グローバルナビゲーションにはユーザーの目的となるコンテンツが配置されるべきこと。3つ目は、ページ遷移とモード切替えの2種類しかないこと。基本的なこの3つの考え方を理解することで、UIデザインの解像度が上がると述べられています。
ナビゲーションの構造は、グローバルナビゲーション、コンテンツ内ナビゲーション、サブナビゲーションの3段階が基本である。グローバルナビゲーションが最上位に位置し、コンテンツ内ナビゲーションは表示中のコンテンツの中での移動、サブナビゲーションはその中のさらに細かい移動となる。図や実例で説明している。
グローバルナビゲーションには、ユーザーの目的となるコンテンツが配置されるべきである。サービスの提供するコンテンツがユーザーの出発点となるべきだ。YouTubeの例では、動画やマイページなどのコンテンツが配置されている。
ナビゲーションの移動には、ページ遷移とモード切替えの2種類しかない。YouTubeの例では、編集モードへの切替えがモード切替えの例として紹介されている。移動がおかしい場合はこの2つの種類を確認する必要がある。
動画の続きはこちら↓
□ お題に挑戦しよう！
https://www.bo-no.design/contents/ui-layout-basic03-2
2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。
・こういうの悩む
・こういうの知りたい
などありましたら教えてください
フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform
この動画では、ナビゲーションデザインの基本的な3つの考え方について解説しています。1つ目は、ナビゲーションの構造はグローバルナビゲーション、コンテンツ内ナビゲーション、サブナビゲーションの3段階が基本であること。2つ目は、グローバルナビゲーションにはユーザーの目的となるコンテンツが配置されるべきこと。3つ目は、ページ遷移とモード切替えの2種類しかないこと。基本的なこの3つの考え方を理解することで、UIデザインの解像度が上がると述べられています。
ナビゲーションの構造は、グローバルナビゲーション、コンテンツ内ナビゲーション、サブナビゲーションの3段階が基本である。グローバルナビゲーションが最上位に位置し、コンテンツ内ナビゲーションは表示中のコンテンツの中での移動、サブナビゲーションはその中のさらに細かい移動となる。図や実例で説明している。
グローバルナビゲーションには、ユーザーの目的となるコンテンツが配置されるべきである。サービスの提供するコンテンツがユーザーの出発点となるべきだ。YouTubeの例では、動画やマイページなどのコンテンツが配置されている。
ナビゲーションの移動には、ページ遷移とモード切替えの2種類しかない。YouTubeの例では、編集モードへの切替えがモード切替えの例として紹介されている。移動がおかしい場合はこの2つの種類を確認する必要がある。
動画の続きはこちら↓
□ お題に挑戦しよう！
https://www.bo-no.design/contents/ui-layout-basic03-2
□ お題解答
作成したら自分のアウトプットと見比べて理解を深め、
時間がない人は見て、要点を理解しよう。
https://www.bo-no.design/contents/ui-layout-basic03-3
ダメなUIを題材に、”なぜダメなのか？”を考えながら
「モード」を理解する動画でうs。
モードはアクションなどサービスのUIデザインには必ず登場する概念です。
かつソフトウェア特有のもので、なんとなくで真似して使ってしまうと
使いづらいUI構造に知らず知らずなってしまいます。
を理解して、実物のUI改善アイデアを考えながら理解していきましょう〜！
.jpg)
0 Comments