シリーズ目次

/

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

/

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

OOUI/モデリング

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

共有

2023

年

10

月

16

日

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

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

メンバー登録について

オブジェクト指向のデザインフローを使ってお題をデザインしてみました。
最終成果のアウトプット UIがどうか。も大事ですが、このシリーズでは、そのアウトプットを”論理的に組み立てられているか”にフォーカスしてみましょう。

オブジェクト指向の考え方を動画で見たら、次から早速各ステップごとに思考とプロセスを身につけるために学んでいきましょう。

‍

□ 作成したUIのデザインデータはこちら
https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=321%3A6470&node-id=329%3A10219&viewport=241%2C48%2C0.11&scaling=min-zoom&starting-point-node-id=329%3A10219&show-proto-sidebar=1

オブジェクト指向のデザインフローを使ってお題をデザインしてみました。
最終成果のアウトプット UIがどうか。も大事ですが、このシリーズでは、そのアウトプットを”論理的に組み立てられているか”にフォーカスしてみましょう。

オブジェクト指向の考え方を動画で見たら、次から早速各ステップごとに思考とプロセスを身につけるために学んでいきましょう。

‍

□ 作成したUIのデザインデータはこちら
https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=321%3A6470&node-id=329%3A10219&viewport=241%2C48%2C0.11&scaling=min-zoom&starting-point-node-id=329%3A10219&show-proto-sidebar=1

オブジェクト指向のデザインフローを使ってお題をデザインしてみました。
最終成果のアウトプット UIがどうか。も大事ですが、このシリーズでは、そのアウトプットを”論理的に組み立てられているか”にフォーカスしてみましょう。

オブジェクト指向の考え方を動画で見たら、次から早速各ステップごとに思考とプロセスを身につけるために学んでいきましょう。

‍

□ 作成したUIのデザインデータはこちら
https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=321%3A6470&node-id=329%3A10219&viewport=241%2C48%2C0.11&scaling=min-zoom&starting-point-node-id=329%3A10219&show-proto-sidebar=1

‍

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.