質問しよう
トップ
/
ナビゲーションUIの基本
/
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

August 5, 2022
情報設計
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

使いやすいUIをデザインしよう

このシリーズでは「ナビゲーション」について学んでいきます。 「ナビゲーション」とは主にUIが設計するデジタル空間の道案内の役割を果たします。

ページ構造と読んだり、UIフローと呼ぶものなどと関わりがあります。シリーズでは”よくやってしまう間違いUI”を題材にして、ナビゲーションを学んでいきます。

ダメなUIを元に基本を理解していこう

解説だけでなく、実際によくないUIを題材にして進んでいきます。 成功事例の解説を聞いてわかった気になるのを防ぐのが目的です。なので、動画を観ながら”なぜこのUIがダメなのか?”を考えて視聴しましょう。

動画の中では『リデザインチャレンジ』もできます。ぜひ余裕がある方はダメなUIデータを元に、何がダメなのか?を言語化しながらUIのリデザインにチャレンジしてみてください。知るだけでなく具体化してみて初めて習得できます。

スライドのデータはこちら

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=48%3A1522

使いやすいUIをデザインしよう

このシリーズでは「ナビゲーション」について学んでいきます。 「ナビゲーション」とは主にUIが設計するデジタル空間の道案内の役割を果たします。

ページ構造と読んだり、UIフローと呼ぶものなどと関わりがあります。シリーズでは”よくやってしまう間違いUI”を題材にして、ナビゲーションを学んでいきます。

ダメなUIを元に基本を理解していこう

解説だけでなく、実際によくないUIを題材にして進んでいきます。 成功事例の解説を聞いてわかった気になるのを防ぐのが目的です。なので、動画を観ながら”なぜこのUIがダメなのか?”を考えて視聴しましょう。

動画の中では『リデザインチャレンジ』もできます。ぜひ余裕がある方はダメなUIデータを元に、何がダメなのか?を言語化しながらUIのリデザインにチャレンジしてみてください。知るだけでなく具体化してみて初めて習得できます。

スライドのデータはこちら

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=48%3A1522

使いやすいUIをデザインしよう

このシリーズでは「ナビゲーション」について学んでいきます。 「ナビゲーション」とは主にUIが設計するデジタル空間の道案内の役割を果たします。

ページ構造と読んだり、UIフローと呼ぶものなどと関わりがあります。シリーズでは”よくやってしまう間違いUI”を題材にして、ナビゲーションを学んでいきます。

ダメなUIを元に基本を理解していこう

解説だけでなく、実際によくないUIを題材にして進んでいきます。 成功事例の解説を聞いてわかった気になるのを防ぐのが目的です。なので、動画を観ながら”なぜこのUIがダメなのか?”を考えて視聴しましょう。

動画の中では『リデザインチャレンジ』もできます。ぜひ余裕がある方はダメなUIデータを元に、何がダメなのか?を言語化しながらUIのリデザインにチャレンジしてみてください。知るだけでなく具体化してみて初めて習得できます。

スライドのデータはこちら

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=48%3A1522

ナビゲーションUIの基本

8
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう
08:06
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

グローバルナビゲーションの基本
13:21
グローバルナビゲーションの基本

グローバルナビゲーションの基本

お題解答 : ゴールがグロナビの在り方を決めます
12:27
お題解答 : ゴールがグロナビの在り方を決めます

お題解答 : ゴールがグロナビの在り方を決めます

階層ナビゲーションの基本
14:51
階層ナビゲーションの基本

階層ナビゲーションの基本

お題解答:ユーザーに”位置”を伝えるUIは使いやすい
08:43
お題解答:ユーザーに”位置”を伝えるUIは使いやすい

お題解答:ユーザーに”位置”を伝えるUIは使いやすい

モーダルナビゲーションの基本
16:30
モーダルナビゲーションの基本

モーダルナビゲーションの基本

お題解答:アクションのデザインはコンテンツとの関係が鍵
12:11
お題解答:アクションのデザインはコンテンツとの関係が鍵

お題解答:アクションのデザインはコンテンツとの関係が鍵

使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

August 5, 2022
情報設計
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

使いやすいUIをデザインしよう

このシリーズでは「ナビゲーション」について学んでいきます。 「ナビゲーション」とは主にUIが設計するデジタル空間の道案内の役割を果たします。

ページ構造と読んだり、UIフローと呼ぶものなどと関わりがあります。シリーズでは”よくやってしまう間違いUI”を題材にして、ナビゲーションを学んでいきます。

ダメなUIを元に基本を理解していこう

解説だけでなく、実際によくないUIを題材にして進んでいきます。 成功事例の解説を聞いてわかった気になるのを防ぐのが目的です。なので、動画を観ながら”なぜこのUIがダメなのか?”を考えて視聴しましょう。

動画の中では『リデザインチャレンジ』もできます。ぜひ余裕がある方はダメなUIデータを元に、何がダメなのか?を言語化しながらUIのリデザインにチャレンジしてみてください。知るだけでなく具体化してみて初めて習得できます。

スライドのデータはこちら

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=48%3A1522

使いやすいUIをデザインしよう

このシリーズでは「ナビゲーション」について学んでいきます。 「ナビゲーション」とは主にUIが設計するデジタル空間の道案内の役割を果たします。

ページ構造と読んだり、UIフローと呼ぶものなどと関わりがあります。シリーズでは”よくやってしまう間違いUI”を題材にして、ナビゲーションを学んでいきます。

ダメなUIを元に基本を理解していこう

解説だけでなく、実際によくないUIを題材にして進んでいきます。 成功事例の解説を聞いてわかった気になるのを防ぐのが目的です。なので、動画を観ながら”なぜこのUIがダメなのか?”を考えて視聴しましょう。

動画の中では『リデザインチャレンジ』もできます。ぜひ余裕がある方はダメなUIデータを元に、何がダメなのか?を言語化しながらUIのリデザインにチャレンジしてみてください。知るだけでなく具体化してみて初めて習得できます。

スライドのデータはこちら

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=48%3A1522

使いやすいUIをデザインしよう

このシリーズでは「ナビゲーション」について学んでいきます。 「ナビゲーション」とは主にUIが設計するデジタル空間の道案内の役割を果たします。

ページ構造と読んだり、UIフローと呼ぶものなどと関わりがあります。シリーズでは”よくやってしまう間違いUI”を題材にして、ナビゲーションを学んでいきます。

ダメなUIを元に基本を理解していこう

解説だけでなく、実際によくないUIを題材にして進んでいきます。 成功事例の解説を聞いてわかった気になるのを防ぐのが目的です。なので、動画を観ながら”なぜこのUIがダメなのか?”を考えて視聴しましょう。

動画の中では『リデザインチャレンジ』もできます。ぜひ余裕がある方はダメなUIデータを元に、何がダメなのか?を言語化しながらUIのリデザインにチャレンジしてみてください。知るだけでなく具体化してみて初めて習得できます。

スライドのデータはこちら

https://www.figma.com/file/BlZSubEgojxbcdf63T5Mxp/🍣-悪いUIから学ぶ-ナビゲーションの基本?node-id=48%3A1522

ナビゲーションUIの基本

8
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう
08:06
使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

使いやすいUIをデザインしたいなら『ナビゲーション』を理解しよう

グローバルナビゲーションの基本
13:21
グローバルナビゲーションの基本

グローバルナビゲーションの基本

お題解答 : ゴールがグロナビの在り方を決めます
12:27
お題解答 : ゴールがグロナビの在り方を決めます

お題解答 : ゴールがグロナビの在り方を決めます

階層ナビゲーションの基本
14:51
階層ナビゲーションの基本

階層ナビゲーションの基本

お題解答:ユーザーに”位置”を伝えるUIは使いやすい
08:43
お題解答:ユーザーに”位置”を伝えるUIは使いやすい

お題解答:ユーザーに”位置”を伝えるUIは使いやすい

モーダルナビゲーションの基本
16:30
モーダルナビゲーションの基本

モーダルナビゲーションの基本

お題解答:アクションのデザインはコンテンツとの関係が鍵
12:11
お題解答:アクションのデザインはコンテンツとの関係が鍵

お題解答:アクションのデザインはコンテンツとの関係が鍵