UI
Web
Career
Turtorial
コンテンツ一覧
コミュニティへ
アカウント情報
ログイン
メンバー登録
コンテンツ一覧
コミュニティ
UI PATTERN 入門
良いUIに必須なパターン出しの方法を体感しよう
最初のコンテンツを見る
シェアする
動画数
23
本
お題数
3
本
カテゴリ
UI
Design
カテゴリ
2021
1月
STEP-01
パターンを出す方法を知ろう
0
メンバーコンテンツ
パターンを出す方法を知ろう
00
チャレンジのお題&シリーズの進め方
1
メンバーコンテンツ
チャレンジのお題&シリーズの進め方
2:53
なぜパターンを出した方が良いのか
2
メンバーコンテンツ
なぜパターンを出した方が良いのか
5:51
パターンの出し方
3
メンバーコンテンツ
パターンの出し方
6:56
マテリアルデザインで基本パーツを知る
4
メンバーコンテンツ
マテリアルデザインで基本パーツを知る
10:06
参考UIの調べ方
5
メンバーコンテンツ
参考UIの調べ方
6:43
STEP-02
ホームUIをパターン作成でカイゼン
メンバーコンテンツ
ホームUIをパターン作成でカイゼン
00
ホーム画面パターン作成 ヘッダー
6
メンバーコンテンツ
ホーム画面パターン作成 ヘッダー
20:51
ホーム画面 フィルター
7
メンバーコンテンツ
ホーム画面 フィルター
13:06
ホーム画面 コンテンツ
8
メンバーコンテンツ
ホーム画面 コンテンツ
22:08
ホーム画面 パターンからUIを作成
9
メンバーコンテンツ
ホーム画面 パターンからUIを作成
23:24
STEP-03
店舗選択UIをパターン作成でリデザイン
メンバーコンテンツ
店舗選択UIをパターン作成でリデザイン
11
ダメな店舗選択UIをリデザインしよう
10
メンバーコンテンツ
ダメな店舗選択UIをリデザインしよう
9:30
カイゼン要素を出そう
11
メンバーコンテンツ
カイゼン要素を出そう
12:29
検索の基本UIを知ろう
12
メンバーコンテンツ
検索の基本UIを知ろう
9:09
参考を元に検索UI作成
13
メンバーコンテンツ
参考を元に検索UI作成
21:50
店舗選択部分をカイゼン
14
メンバーコンテンツ
店舗選択部分をカイゼン
9:37
UIパターンを作成しよう
15
メンバーコンテンツ
UIパターンを作成しよう
16:27
店舗選択のリストUI作成
16
メンバーコンテンツ
店舗選択のリストUI作成
10:41
UIを統合、完成させる
17
メンバーコンテンツ
UIを統合、完成させる
16:07
STEP-04
商品詳細・カート・確認UIをリデザイン
メンバーコンテンツ
商品詳細・カート・確認UIをリデザイン
44
STEP4で作るものを確認
18
メンバーコンテンツ
STEP4で作るものを確認
8:32
「商品詳細」画面の改善
19
メンバーコンテンツ
「商品詳細」画面の改善
11:50
「カート導線」を改善
20
メンバーコンテンツ
「カート導線」を改善
7:01
「カート」画面を改善
21
メンバーコンテンツ
「カート」画面を改善
12:41
「確定/履歴」画面を改善
22
メンバーコンテンツ
「確定/履歴」画面を改善
6:27
STEP-05
UI PATTERN まとめ
メンバーコンテンツ
UI PATTERN まとめ
00
まとめ-Before/After比較
23
メンバーコンテンツ
まとめ-Before/After比較
2:44
