シリーズ目次

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

全
12
本
STEP-01
オブジェクト指向ってなに？
0
オブジェクト指向ってなに？

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

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

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

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

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

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

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

STEP-02
オブジェクトを定義しよう
0
オブジェクトを定義しよう

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

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

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

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

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

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

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

STEP-03
UIフロー図を定義しよう
0
UIフロー図を定義しよう

UIフロー図を定義しよう

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

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

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

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

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

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

UIフロー図を作ろう
11:05
UIフロー図を作ろう

UIフロー図を作ろう

STEP-04
UIをデザインしよう
1
UIをデザインしよう

UIをデザインしよう

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

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

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

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

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

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

トップ
/
OOUI コンテンツ中心のUI設計
/
2.お題-最初にやってみよう
OOUI/モデリング

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

2023
年
10
月
12
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について

■ お題のスライドはこちら

https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=57%3A67&node-id=80%3A109&viewport=584%2C358%2C0.14613112807273865&scaling=contain&starting-point-node-id=80%3A109

‍

■ まずはやってみよう！

1.コンテンツ中心の考え方を知る前にやってみよう
2.次の動画から考え方を学べる動画
3.動画を見てもう１度同じお題を提示します。Before/Afterで比較してみよう

‍

■ お題のスライドはこちら

https://www.figma.com/proto/5Lx4F7DU9QbwBR2eanddFP/オブジェクト指向UIデザイン?page-id=57%3A67&node-id=80%3A109&viewport=584%2C358%2C0.14613112807273865&scaling=contain&starting-point-node-id=80%3A109

‍

■ まずはやってみよう！

1.コンテンツ中心の考え方を知る前にやってみよう
2.次の動画から考え方を学べる動画
3.動画を見てもう１度同じお題を提示します。Before/Afterで比較してみよう

‍

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

全
12
本
STEP-01
オブジェクト指向ってなに？
0
オブジェクト指向ってなに？

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

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

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

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

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

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

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

STEP-02
オブジェクトを定義しよう
0
オブジェクトを定義しよう

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

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

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

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

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

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

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

STEP-03
UIフロー図を定義しよう
0
UIフロー図を定義しよう

UIフロー図を定義しよう

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

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

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

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

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

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

UIフロー図を作ろう
11:05
UIフロー図を作ろう

UIフロー図を作ろう

STEP-04
UIをデザインしよう
1
UIをデザインしよう

UIをデザインしよう

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

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

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

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

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

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

閉じる

0 Comments

Active Here: 0
Login or register to join the conversation.
My Profile Image
LogoutEdit Profile
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
Delete Forever
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.
0
0
Reply
2 Replies
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
Delete Forever
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.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
利用規約プライバシーポリシー特定商取引法にに基づく表示お問い合わせ
Copyright ©︎ BONO All Right Reserved.