シリーズ目次

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割

UIのフロー図、ページ構成を考えてるときに「起点になるページ」=「階層でいうと1番上のページ」をルートナビと呼んで紹介しています。

主にユーザーが”想起する”オブジェクトが来ることが多いです。

■スライド

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%3A3337

UIのフロー図、ページ構成を考えてるときに「起点になるページ」=「階層でいうと1番上のページ」をルートナビと呼んで紹介しています。

主にユーザーが”想起する”オブジェクトが来ることが多いです。

■スライド

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%3A3337

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割

閉じる

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

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
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.
Load Previous
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.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More