シリーズ目次

/

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

/

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

UIパターン検証

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

2023

年

4

月

18

日

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

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

メンバー登録について

いよいよオブジェクト指向をやってきた成果が見えます！（長かった！w
この動画を見ると、なぜ今まで整理してきたのか、UIを作るのにどう貢献するのかがわかると思います。

‍

□ 動画の中で使っているデザインとスライドのデータ

https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=72%3A3867&node-id=311%3A287&viewport=241%2C48%2C0.17&scaling=min-zoom&starting-point-node-id=311%3A287&show-proto-sidebar=1

いよいよオブジェクト指向をやってきた成果が見えます！（長かった！w
この動画を見ると、なぜ今まで整理してきたのか、UIを作るのにどう貢献するのかがわかると思います。

‍

□ 動画の中で使っているデザインとスライドのデータ

https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=72%3A3867&node-id=311%3A287&viewport=241%2C48%2C0.17&scaling=min-zoom&starting-point-node-id=311%3A287&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.