最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる
質問しよう
シリーズ目次

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
まとめ

まとめ

閉じる