シリーズ目次

/

OOUI コンテンツ中心のUI設計

/

ページはコレクションとシングルが8割

ナビゲーション

ページはコレクションとシングルが8割

2023

年

4

月

18

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

オブジェクトからページを考えるときは「コレクション（オブジェクトのアイテムを並べる）」と「シングル（アイテムの詳細）」に大きく分けれます。

□ スライドはこちら

https://www.figma.com/file/5Lx4F7DU9QbwBR2eanddFP/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=174%3A2035

‍

オブジェクトからページを考えるときは「コレクション（オブジェクトのアイテムを並べる）」と「シングル（アイテムの詳細）」に大きく分けれます。

□ スライドはこちら

https://www.figma.com/file/5Lx4F7DU9QbwBR2eanddFP/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=174%3A2035

‍

OOUI コンテンツ中心のUI設計

STEP-01

オブジェクト指向ってなに？

オブジェクト指向ってなに？

1.どっちがよいUI?なぜコンテンツ中心設計がユーザーを満足させやすいのか

1.どっちがよいUI?なぜコンテンツ中心設計がユーザーを満足させやすいのか

2.お題-最初にやってみよう

2.お題-最初にやってみよう

3.お題解答-オブジェクト指向を使って論理的にデザイン

3.お題解答-オブジェクト指向を使って論理的にデザイン

STEP-02

オブジェクトを定義しよう

オブジェクトを定義しよう

なぜ"オブジェクト"を中心にするのか？【答えはUIで要件を満たしたいから】

なぜ"オブジェクト"を中心にするのか？【答えはUIで要件を満たしたいから】

オブジェクトとは？【UIのメインコンテンツ】

オブジェクトとは？【UIのメインコンテンツ】

オブジェクトの要素を考えよう

オブジェクトの要素を考えよう

STEP-03

UIフロー図を定義しよう

UIフロー図を定義しよう

オブジェクトからページ構成を考える

オブジェクトからページ構成を考える

ページはコレクションとシングルが8割

ページはコレクションとシングルが8割

起点になるページ群「ルートナビゲーション」

起点になるページ群「ルートナビゲーション」

UIフロー図を作ろう

UIフロー図を作ろう

STEP-04

UIをデザインしよう

UIをデザインしよう

プレゼン：整理した情報を使って楽にUIパターンを出す方法

プレゼン：整理した情報を使って楽にUIパターンを出す方法

UIは使い手の気持ちに紐づく必要があります

UIは使い手の気持ちに紐づく必要があります

デザインするエリアは"情報"と"アクション"の2つが9割

デザインするエリアは"情報"と"アクション"の2つが9割

閉じる

0 Comments

Active Here: 0

Login or register to join the conversation.

My Profile Image

Logout Edit Profile

Be the first to leave a comment.

Loading

Someone is typing...

No Name

Set

4 years ago

Moderator

(Edited)

This is the actual comment. It's can be long or short. And must contain only text information.

Your comment will appear once approved by a moderator.

No Name

Set

2 years ago

Moderator

(Edited)

This is the actual comment. It's can be long or short. And must contain only text information.

Your reply will appear once approved by a moderator.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.