アクション×情報設計 : ボタン地獄UIをどう改善する？

ダメなUIナビゲーションの３つのポイント

‍この動画ではダメUIのナビゲーションを、ナビゲーションの３つの基本を使って改善する実例動画です。

ダメなポイントは大きく３つ

• グロナビの目的がバラバラ
• ナビゲーションの情報の構造化がバラバラ
• 遷移のパターンがバラバラ

UIデザイン初心者は意識的にUIを見る目をまずは養うために、自分で改善してみたり、動画の観点を見てみましょう〜！

そのあと普段見ているUIを自分で見てみて、『なぜそうなっているのか？』を考察するとより良い視点を持つことができます。

‍

‍

メンバー限定でご意見お待ちしてます〜！

2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。

・こういうの悩む
・こういうの知りたい

などありましたら教えてください

‍

フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform

‍

‍

改善後のUIをプロトタイプでチェックする

改善後のUIのプロトタイプ

https://www.figma.com/proto/k4HVxEnPdth8k46vu6mtnj/"使いやすいUIの秘密-『3つの基本構造』%2F-わかりやすいUIには6つの指標があるよ-%2F?type=design&node-id=845-79499&t=UqfK8iBOQQqImIHS-1&scaling=min-zoom&page-id=693%3A32026&starting-point-node-id=845%3A79499&show-proto-sidebar=1&mode=design

‍

‍

最初の数分間、無料で見れます

BONOの有料コンテンツってどんな感じ？な人向けに数分間だけ観れます🙋
ぜひ検討してみてください。

BONO加入はこちらから↓

https://www.bo-no.design/plan

‍

‍

ダメなUIナビゲーションの３つのポイント

‍この動画ではダメUIのナビゲーションを、ナビゲーションの３つの基本を使って改善する実例動画です。

ダメなポイントは大きく３つ

• グロナビの目的がバラバラ
• ナビゲーションの情報の構造化がバラバラ
• 遷移のパターンがバラバラ

UIデザイン初心者は意識的にUIを見る目をまずは養うために、自分で改善してみたり、動画の観点を見てみましょう〜！

そのあと普段見ているUIを自分で見てみて、『なぜそうなっているのか？』を考察するとより良い視点を持つことができます。

‍

メンバー限定でご意見お待ちしてます〜！

2023年内限定で、ご意見お待ちしてます〜！
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。

・こういうの悩む
・こういうの知りたい

などありましたら教えてください

‍

フォーム
→メンバー限定でURL公開

‍

改善後のUIをプロトタイプでチェックする

改善後のUIのプロトタイプ

→メンバー限定でURL公開

‍