シリーズ目次

/

UI PATTERN 入門

/

なぜパターンを出した方が良いのか

UIパターン検証

なぜパターンを出した方が良いのか

2023

年

4

月

18

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

パターンを出した方が良い理由<br>①UIの成功確率が上がる<br>②失敗しても次の行動が早い<br>パターンを出すと作る量が増えるので必然的にグラフィックを作るスキルや判断するスキルが伸びやすいというのもあります。

‍

パターンを出した方が良い理由<br>①UIの成功確率が上がる<br>②失敗しても次の行動が早い<br>パターンを出すと作る量が増えるので必然的にグラフィックを作るスキルや判断するスキルが伸びやすいというのもあります。

‍

UI PATTERN 入門

STEP-01

パターンを出す方法を知ろう

パターンを出す方法を知ろう

シリーズの進め方：UIのパターン作りを実践しながら学ぼう

シリーズの進め方：UIのパターン作りを実践しながら学ぼう

なぜパターンを出した方が良いのか

なぜパターンを出した方が良いのか

パターンの出し方

パターンの出し方

マテリアルデザインで基本パーツを知る

マテリアルデザインで基本パーツを知る

参考UIの調べ方

参考UIの調べ方

STEP-02

ホームUIをパターン作成でカイゼン

ホームUIをパターン作成でカイゼン

ホーム画面パターン作成ヘッダー

ホーム画面パターン作成ヘッダー

ホーム画面フィルター

ホーム画面フィルター

ホーム画面コンテンツ

ホーム画面コンテンツ

ホーム画面パターンからUIを作成

ホーム画面パターンからUIを作成

STEP-03

店舗選択UIをパターン作成でリデザイン

店舗選択UIをパターン作成でリデザイン

ダメな店舗選択UIをリデザインしよう

ダメな店舗選択UIをリデザインしよう

カイゼン要素を出そう

カイゼン要素を出そう

検索の基本UIを知ろう

検索の基本UIを知ろう

参考を元に検索UI作成

参考を元に検索UI作成

店舗選択部分をカイゼン

店舗選択部分をカイゼン

UIパターンを作成しよう

UIパターンを作成しよう

店舗選択のリストUI作成

店舗選択のリストUI作成

UIを統合、完成させる

UIを統合、完成させる

STEP-04

商品詳細・カート・確認UIをリデザイン

商品詳細・カート・確認UIをリデザイン

STEP4で作るものを確認

STEP4で作るものを確認

「商品詳細」画面の改善

「商品詳細」画面の改善

「カート導線」を改善

「カート導線」を改善

「カート」画面を改善

「カート」画面を改善

「確定/履歴」画面を改善

「確定/履歴」画面を改善

STEP-05

UI PATTERN まとめ

UI PATTERN まとめ

まとめ-Before/After比較

まとめ-Before/After比較

閉じる

0 Comments

Active Here: 0

Login or register to join the conversation.

My Profile Image

Logout Edit Profile

Be the first to leave a comment.

Loading

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.

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.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.