戻る
メンバーシップになる
コンテンツ一覧
コミュニティ
トップ
/
UI PATTERN 入門
/
「商品詳細」画面の改善

「商品詳細」画面の改善

□ 動画で使っている資料
https://figma.fun/r28Beu

□ 作成したデザインをみる
https://figma.fun/JP6TVv

UI PATTERN 入門

23
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