メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
情報設計
【お題】ボタン地獄UIのアクションを改善しよう!
使いやすいUIの秘密
・
November 24, 2023
情報設計
【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている
使いやすいUIの秘密
・
November 29, 2023
デザイナーのキャリア構築
【エンジニアとのズレ減らす】開発しやすいUIをデザインする3つのコツ
UIデザイナー1年目の立ち回り
・
December 20, 2023
デザイナーのキャリア構築
【エンジニアとのズレ減らす】開発しやすいUIをデザインする3つのコツ
UIデザイナー1年目の立ち回り
・
November 24, 2023
デザイナーのキャリア構築
コード書けなくてもOK! できるデザイナーがやってる『エンジニアリングに貢献するべき』5つの理由 / エンジニアと協業するための"仕組み化"、"デザインデータ"、"モチベ"の概念
UIデザイナー1年目の立ち回り
・
November 15, 2023
情報設計
お題解答 NG UIを改善して、モードの基本を身につける
使いやすいUIの秘密
・
November 23, 2023
情報設計
お題にチャレンジ!-モードを使ってUI改善しよう
使いやすいUIの秘密
・
November 8, 2023
情報設計
【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう
使いやすいUIの秘密
・
November 9, 2023
情報設計
「3構造」の学びをまとめよう【テンプレ付き】
使いやすいUIの秘密
・
November 2, 2023
情報設計
使いやすいUIをデザインするための『6つの基本』を知ろう
使いやすいUIの秘密
・
March 12, 2024
デザイナーのキャリア構築
できる人は全てやってる、UI作成時の『UIデザイナー8つの強い立ち回り』
UIデザイナー1年目の立ち回り
・
December 3, 2023
情報設計
「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう
使いやすいUIの秘密
・
October 21, 2023
前へ
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ目次
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比較
トップ
/
UI PATTERN 入門
/
「カート導線」を改善
UIパターン検証
「カート導線」を改善
保存済
質問
質問
共有
2023
年
4
月
18
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
動画で使っている資料
https://figma.fun/eVJjOo
□ 作成したデザインをみる
https://figma.fun/b0aBlx
動画で使っている資料
https://figma.fun/eVJjOo
□ 作成したデザインをみる
https://figma.fun/b0aBlx
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比較
閉じる
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
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
Delete Forever
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.
Cancel
0
0
Reply
2
Replies
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
Delete Forever
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.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
0 Comments