Contents
デザイン動画一覧
Contents
デザイン動画一覧
Contents
デザイン動画一覧
戻る
UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
質問
勉強会
コミュニケーション
コンテンツ一覧
メンバーシップになる
トップ
/
UI PATTERN 入門
/
参考UIの調べ方
UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
質問
勉強会
コミュニケーション
コンテンツ一覧
コミュニティ
マイページ
アカウント
ログイン
メンバー登録
コンテンツ一覧
コミュニティ
5
参考UIの調べ方
March 6, 2021
UI Design
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細
参考UIの調べ方
①類似サービスを調べる
②同じモデルのサービスを調べる
③テンション上がるのを調べる
基本UIの視点で応用や実践しているサービスを見るとより高い解像度で参考になると思います。
参考UIの調べ方
①類似サービスを調べる
②同じモデルのサービスを調べる
③テンション上がるのを調べる
基本UIの視点で応用や実践しているサービスを見るとより高い解像度で参考になると思います。
UI PATTERN 入門
全
23
本
STEP-01
パターンを出す方法を知ろう
00
パターンを出す方法を知ろう
シリーズの進め方:UIのパターン作りを実践しながら学ぼう
2:53
シリーズの進め方:UIのパターン作りを実践しながら学ぼう
なぜパターンを出した方が良いのか
5:51
なぜパターンを出した方が良いのか
パターンの出し方
6:56
パターンの出し方
マテリアルデザインで基本パーツを知る
10:06
マテリアルデザインで基本パーツを知る
参考UIの調べ方
6:43
参考UIの調べ方
STEP-02
ホームUIをパターン作成でカイゼン
00
ホームUIをパターン作成でカイゼン
ホーム画面パターン作成 ヘッダー
20:51
ホーム画面パターン作成 ヘッダー
ホーム画面 フィルター
13:06
ホーム画面 フィルター
ホーム画面 コンテンツ
22:08
ホーム画面 コンテンツ
ホーム画面 パターンからUIを作成
23:24
ホーム画面 パターンからUIを作成
STEP-03
店舗選択UIをパターン作成でリデザイン
11
店舗選択UIをパターン作成でリデザイン
ダメな店舗選択UIをリデザインしよう
9:30
ダメな店舗選択UIをリデザインしよう
カイゼン要素を出そう
12:29
カイゼン要素を出そう
検索の基本UIを知ろう
9:09
検索の基本UIを知ろう
参考を元に検索UI作成
21:50
参考を元に検索UI作成
店舗選択部分をカイゼン
9:37
店舗選択部分をカイゼン
UIパターンを作成しよう
16:27
UIパターンを作成しよう
店舗選択のリストUI作成
10:41
店舗選択のリストUI作成
UIを統合、完成させる
16:07
UIを統合、完成させる
STEP-04
商品詳細・カート・確認UIをリデザイン
44
商品詳細・カート・確認UIをリデザイン
STEP4で作るものを確認
8:32
STEP4で作るものを確認
「商品詳細」画面の改善
11:50
「商品詳細」画面の改善
「カート導線」を改善
7:01
「カート導線」を改善
「カート」画面を改善
12:41
「カート」画面を改善
「確定/履歴」画面を改善
6:27
「確定/履歴」画面を改善
STEP-05
UI PATTERN まとめ
00
UI PATTERN まとめ
まとめ-Before/After比較
2:44
まとめ-Before/After比較