「3構造」を使ってUI改善解説！NGなUIをふつうにする理由を知ろう

ダメなUIを３構造で改善して、理解しよう！

この動画では「３構造」の原則でダメUIを解説していきます。
何を変更するのか？それがなぜなのか？を理解することで3構造の理解と、UIを見る視点が備わるはず...です！

‍

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

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

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

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

‍

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

‍

‍

ダメUIと改善後の比較

Figmaのリンク
https://www.figma.com/file/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=134%3A17457&mode=design&t=U1j76tUOPKSFeiPI-1

‍

‍

ダメなUIを３構造で改善して、理解しよう！

この動画では「３構造」の原則でダメUIを解説していきます。
何を変更するのか？それがなぜなのか？を理解することで3構造の理解と、UIを見る視点が備わるはず...です！

‍

ダメUIと改善後の比較

Figmaのリンク
メンバーになると閲覧できます。

‍

‍

‍