15パターン作ったUI検討全部見せ！

この動画ではコンテンツがUIの中心である！（OOUI）の考えのもと、最適なUIをどう作るのか？その過程を15パターンの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=693%3A55715&mode=design&t=0oAuC7OyZsbNzRg9-1

‍

コンテンツ中心のUI設計をやっていこう

情報設計コースの別シリーズ「コンテンツ中心のUI設計（OOUI）」で詳しい概念解説をしています。
概念から知りたい方はぜひどうぞ。

https://www.bo-no.design/series/ooui

‍

動画の内容

1. UI設計のコンテンツ中心性: UI設計では、ユーザーが主に触れるコンテンツを中心に考える必要がある。
2. コンテンツの重要性とUIへの統合: 効果的なUIは、コンテンツの価値を最大限に引き出し、統合することがカギ。
3. 複数のUIパターン検討の重要性: 様々なUIパターンを検討することで、最適なユーザー体験を見つける。
4. 実際のサービスUIの詳細分析: 具体的なサービスのUIを深く分析し、問題点を特定する。
5. 改善策の提案と比較: 適切な改善策を提案し、ビフォーアフターで効果を比較する。
6. ビフォーアフターでの効果検証: 改善前後のUIを比較し、デザインの変更がもたらす影響を検証。
7. 実践的なUI変更の効果: 実際にUIを変更し、その効果を実践的に検証する。
8. 視聴者への自己試行の促進: 視聴者にもUI改善を試すことを推奨し、学習と成長を促す。
9. UI改善のポートフォリオへの活用: 自身のUI改善作業をポートフォリオに記録し、スキルを示す。
10. UI設計の考察と共有: UI設計に関する考察を共有し、知識と経験を広める。

‍

‍

‍

‍

15パターン作ったUI検討全部見せる

この動画ではコンテンツがUIの中心である！（OOUI）の考えのもと、最適なUIをどう作るのか？その過程を15パターンのUIを見せながら話しています。

‍

Figmaファイルはこちら

メンバー限定どぅえす

‍

コンテンツ中心のUI設計をやっていこう

情報設計コースの別シリーズ「コンテンツ中心のUI設計（OOUI）」で詳しい概念解説をしています。
概念から知りたい方はぜひどうぞ。

https://www.bo-no.design/series/ooui

‍

動画の内容

1. UI設計のコンテンツ中心性: UI設計では、ユーザーが主に触れるコンテンツを中心に考える必要がある。
2. コンテンツの重要性とUIへの統合: 効果的なUIは、コンテンツの価値を最大限に引き出し、統合することがカギ。
3. 複数のUIパターン検討の重要性: 様々なUIパターンを検討することで、最適なユーザー体験を見つける。
4. 実際のサービスUIの詳細分析: 具体的なサービスのUIを深く分析し、問題点を特定する。
5. 改善策の提案と比較: 適切な改善策を提案し、ビフォーアフターで効果を比較する。
6. ビフォーアフターでの効果検証: 改善前後のUIを比較し、デザインの変更がもたらす影響を検証。
7. 実践的なUI変更の効果: 実際にUIを変更し、その効果を実践的に検証する。
8. 視聴者への自己試行の促進: 視聴者にもUI改善を試すことを推奨し、学習と成長を促す。
9. UI改善のポートフォリオへの活用: 自身のUI改善作業をポートフォリオに記録し、スキルを示す。
10. UI設計の考察と共有: UI設計に関する考察を共有し、知識と経験を広める。

‍

‍

‍

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript