シリーズ目次

UIデザインの基本-応用

15
STEP-01
アイデア出し
111
アイデア出し

アイデア出し

お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
2:02
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう

お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう

目的の達成に必要な要素を洗い出そう
08:06
目的の達成に必要な要素を洗い出そう

目的の達成に必要な要素を洗い出そう

既存フローを整理してアイデアを出そう
05:41
既存フローを整理してアイデアを出そう

既存フローを整理してアイデアを出そう

起点になる画面からUIアイデアをデザインする
08:04
起点になる画面からUIアイデアをデザインする

起点になる画面からUIアイデアをデザインする

STEP-02
まずはラフにUIをすべて作り切る
11
まずはラフにUIをすべて作り切る

まずはラフにUIをすべて作り切る

UIアイデアのリサーチ
3:30
UIアイデアのリサーチ

UIアイデアのリサーチ

パターンを1度作り切る
7:58
パターンを1度作り切る

パターンを1度作り切る

パターンを作り切るpart.2
10:35
パターンを作り切るpart.2

パターンを作り切るpart.2

セルフチェックのために遷移をつける
6:40
セルフチェックのために遷移をつける

セルフチェックのために遷移をつける

UIグラフィックのリサーチ
4:37
UIグラフィックのリサーチ

UIグラフィックのリサーチ

STEP-03
もう1度UIをカイゼン。完成へ。
22
もう1度UIをカイゼン。完成へ。

もう1度UIをカイゼン。完成へ。

紙ラフでUIパターンを出す
9:29
紙ラフでUIパターンを出す

紙ラフでUIパターンを出す

新しいUIパターンを出すpart.1
13:01
新しいUIパターンを出すpart.1

新しいUIパターンを出すpart.1

新しいUIパターン出しpart.2
40:19
新しいUIパターン出しpart.2

新しいUIパターン出しpart.2

作成したUIを実機で確認
4:30
作成したUIを実機で確認

作成したUIを実機で確認

条件を満たすUIにカイゼンする
25:36
条件を満たすUIにカイゼンする

条件を満たすUIにカイゼンする

まとめ
4:58
まとめ

まとめ

追加お題も、本編と流れは同じです。まずはお題を達成するために何が必要なのか。要素を洗い出していきましょう。達成状態のユーザーの行動フローをもとに考えていきます。

追加お題も、本編と流れは同じです。まずはお題を達成するために何が必要なのか。要素を洗い出していきましょう。達成状態のユーザーの行動フローをもとに考えていきます。

UIデザインの基本-応用

15
STEP-01
アイデア出し
111
アイデア出し

アイデア出し

お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
2:02
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう

お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう

目的の達成に必要な要素を洗い出そう
08:06
目的の達成に必要な要素を洗い出そう

目的の達成に必要な要素を洗い出そう

既存フローを整理してアイデアを出そう
05:41
既存フローを整理してアイデアを出そう

既存フローを整理してアイデアを出そう

起点になる画面からUIアイデアをデザインする
08:04
起点になる画面からUIアイデアをデザインする

起点になる画面からUIアイデアをデザインする

STEP-02
まずはラフにUIをすべて作り切る
11
まずはラフにUIをすべて作り切る

まずはラフにUIをすべて作り切る

UIアイデアのリサーチ
3:30
UIアイデアのリサーチ

UIアイデアのリサーチ

パターンを1度作り切る
7:58
パターンを1度作り切る

パターンを1度作り切る

パターンを作り切るpart.2
10:35
パターンを作り切るpart.2

パターンを作り切るpart.2

セルフチェックのために遷移をつける
6:40
セルフチェックのために遷移をつける

セルフチェックのために遷移をつける

UIグラフィックのリサーチ
4:37
UIグラフィックのリサーチ

UIグラフィックのリサーチ

STEP-03
もう1度UIをカイゼン。完成へ。
22
もう1度UIをカイゼン。完成へ。

もう1度UIをカイゼン。完成へ。

紙ラフでUIパターンを出す
9:29
紙ラフでUIパターンを出す

紙ラフでUIパターンを出す

新しいUIパターンを出すpart.1
13:01
新しいUIパターンを出すpart.1

新しいUIパターンを出すpart.1

新しいUIパターン出しpart.2
40:19
新しいUIパターン出しpart.2

新しいUIパターン出しpart.2

作成したUIを実機で確認
4:30
作成したUIを実機で確認

作成したUIを実機で確認

条件を満たすUIにカイゼンする
25:36
条件を満たすUIにカイゼンする

条件を満たすUIにカイゼンする

まとめ
4:58
まとめ

まとめ

閉じる

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