読み込み中...

検索の基本UIを知ろう | UI PATTERN 入門 | BONO

UI PATTERN 入門

UI PATTERN 入門

1

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

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

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

パターンの出し方

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

参考UIの調べ方

2

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

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

ホーム画面フィルター

ホーム画面コンテンツ

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

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

3

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

カイゼン要素を出そう

検索の基本UIを知ろう

参考を元に検索UI作成

店舗選択部分をカイゼン

UIパターンを作成しよう

店舗選択のリストUI作成

UIを統合、完成させる

4

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

STEP4で作るものを確認

「商品詳細」画面の改善

「カート導線」を改善

「カート」画面を改善

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

5

UI PATTERN まとめ

まとめ-Before/After比較

UI PATTERN 入門

UI PATTERN 入門

1

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

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

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

パターンの出し方

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

参考UIの調べ方

2

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

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

ホーム画面フィルター

ホーム画面コンテンツ

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

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

3

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

カイゼン要素を出そう

検索の基本UIを知ろう

参考を元に検索UI作成

店舗選択部分をカイゼン

UIパターンを作成しよう

店舗選択のリストUI作成

UIを統合、完成させる

4

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

STEP4で作るものを確認

「商品詳細」画面の改善

「カート導線」を改善

「カート」画面を改善

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

5

UI PATTERN まとめ

まとめ-Before/After比較

プレミアムコンテンツ

この動画を視聴するにはメンバーシップの登録が必要です

ログインするメンバーシップ登録へ

2. 検索の基本UIを知ろう

クエスト3: 店舗選択UIをパターン作成でリデザイン

■ Material Design - Search
https://material.io/design/navigation/search.html#usage

■ HIG - Search Bar
https://developer.apple.com/design/human-interface-guidelines/ios/bars/search-bars/

■ 店舗選択画面、参考UIのデータ
基本コンポーネント&参考UIリンク

続きを読むにはメンバーシップの登録が必要です

ログインするメンバーシップ登録へ