メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
デザイン前にやるべき参考デザイン集め - ふつうを集めよう
バナーデザイン入門
・
May 9, 2024
【センスは知識から】デザイン前に参考デザインを集めるの上達を加速する3つの理由
バナーデザイン入門
・
May 9, 2024
【基本】デザイン上達の秘訣、「構造分解」のやり方をシェアします
バナーデザイン入門
・
May 9, 2024
バナーデザイン基本の流れ - デザイン原則と審美眼を身につける7ステップ
バナーデザイン入門
・
May 9, 2024
デザイナーのキャリア構築
【転職話】UI/UXデザイナーの面接で気をつけること/エージェントの使い方/ポートフォリオと受ける会社/相談できるメンバーは大切
キャリア相談まとめ
・
April 11, 2024
比較と仕上げ:パターンの違いから学んで、デザインを仕上げる!
バナーデザイン入門
・
April 26, 2024
【パターン3】上下反対のレイアウトのパターンを作ろう
バナーデザイン入門
・
April 26, 2024
【パターン2】文字被せレイアウト:新しいレイアウトで伝わり方の違いを体験しよう
バナーデザイン入門
・
April 26, 2024
【パターン1】レイアウトテクを使ってパターンをデザインしよう
バナーデザイン入門
・
April 26, 2024
伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう
バナーデザイン入門
・
April 26, 2024
#4 配色&装飾:伝わる雰囲気をつくるグラフィックのデザインテクニック
バナーデザイン入門
・
March 29, 2024
#3 文字:伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方
バナーデザイン入門
・
March 29, 2024
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ目次
ゼロからはじめるUI情報設計
全
20
本
1.シリーズ全体像と手順
sss
1.シリーズ全体像と手順
どんなシリーズ?
05:09
どんなシリーズ?
シリーズをやるメリット
04:08
シリーズをやるメリット
要件をUIに反映するデザインの流れ
06:58
要件をUIに反映するデザインの流れ
【補足】おすすめの道具:紙とペン
03:09
【補足】おすすめの道具:紙とペン
2.要件内容を把握する
sss
2.要件内容を把握する
お題を把握する-デザインの前に始めること
09:54
お題を把握する-デザインの前に始めること
補足:内容がわからない時は1人で考えない
04:10
補足:内容がわからない時は1人で考えない
3.UIの要件定義をしよう
sss
3.UIの要件定義をしよう
UIの要件定義をトレースしよう
06:24
UIの要件定義をトレースしよう
【重要】UIの要件を整理する意味あります?
05:59
【重要】UIの要件を整理する意味あります?
トレースするUI要件定義の完成形をチェック
10:05
トレースするUI要件定義の完成形をチェック
①ユースケース:UIを人がいつ使うか整理しよう
05:34
①ユースケース:UIを人がいつ使うか整理しよう
②行動フロー : UIで必要なアクションの整理
08:23
②行動フロー : UIで必要なアクションの整理
③オブジェクト:表示する情報を書き出そう
11:55
③オブジェクト:表示する情報を書き出そう
④タスク:UIで必要なアクションを整理する
07:43
④タスク:UIで必要なアクションを整理する
UIのリサーチをしよう
xxx
UIのリサーチをしよう
1.作る前にUIを調べよう
03:32
1.作る前にUIを調べよう
UIリサーチの方法:同じカテゴリーのものを調べる
06:55
UIリサーチの方法:同じカテゴリーのものを調べる
UIリサーチ:まずは構造から参考にしよう
04:58
UIリサーチ:まずは構造から参考にしよう
UIの見た目よりまずは、構造を参考に仕様
02:40
UIの見た目よりまずは、構造を参考に仕様
UIのVer1.0をデザインする
xxx
UIのVer1.0をデザインする
UI制作スタート:手書きで情報設計
23:07
UI制作スタート:手書きで情報設計
UI情報構造のデザインをトレースで実践学習
38:50
UI情報構造のデザインをトレースで実践学習
1.0を壊して自分で改善する
xxx
1.0を壊して自分で改善する
UI情報設計をブラッシュアップするには? - Ver.1で終わるのはハーゲンダッツ
04:36
UI情報設計をブラッシュアップするには? - Ver.1で終わるのはハーゲンダッツ
ラフをデザインしたら、叩いてアイデアを出そう
13:08
ラフをデザインしたら、叩いてアイデアを出そう
「フィッシュボーン図」で課題解決のアイデアを効率よく考える
15:10
「フィッシュボーン図」で課題解決のアイデアを効率よく考える
優先度を付ける。UIアイデアをパターンでデザインしていこう
23:12
優先度を付ける。UIアイデアをパターンでデザインしていこう
UIの質の上げ方:テーブルUIをデザインする
21:23
UIの質の上げ方:テーブルUIをデザインする
配色はアクションからUIに指定していく
16:19
配色はアクションからUIに指定していく
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
36:45
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
お疲れ様でした!
ss
お疲れ様でした!
おわりに:ゼロからはじめる情報設計
07:00
おわりに:ゼロからはじめる情報設計
トップ
/
ゼロからはじめるUI情報設計
/
UIのリサーチをしよう
UIのリサーチをしよう
保存済
質問
質問
共有
2022
年
12
月
02
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
ゼロからはじめるUI情報設計
全
20
本
1.シリーズ全体像と手順
sss
1.シリーズ全体像と手順
どんなシリーズ?
05:09
どんなシリーズ?
シリーズをやるメリット
04:08
シリーズをやるメリット
要件をUIに反映するデザインの流れ
06:58
要件をUIに反映するデザインの流れ
【補足】おすすめの道具:紙とペン
03:09
【補足】おすすめの道具:紙とペン
2.要件内容を把握する
sss
2.要件内容を把握する
お題を把握する-デザインの前に始めること
09:54
お題を把握する-デザインの前に始めること
補足:内容がわからない時は1人で考えない
04:10
補足:内容がわからない時は1人で考えない
3.UIの要件定義をしよう
sss
3.UIの要件定義をしよう
UIの要件定義をトレースしよう
06:24
UIの要件定義をトレースしよう
【重要】UIの要件を整理する意味あります?
05:59
【重要】UIの要件を整理する意味あります?
トレースするUI要件定義の完成形をチェック
10:05
トレースするUI要件定義の完成形をチェック
①ユースケース:UIを人がいつ使うか整理しよう
05:34
①ユースケース:UIを人がいつ使うか整理しよう
②行動フロー : UIで必要なアクションの整理
08:23
②行動フロー : UIで必要なアクションの整理
③オブジェクト:表示する情報を書き出そう
11:55
③オブジェクト:表示する情報を書き出そう
④タスク:UIで必要なアクションを整理する
07:43
④タスク:UIで必要なアクションを整理する
UIのリサーチをしよう
xxx
UIのリサーチをしよう
1.作る前にUIを調べよう
03:32
1.作る前にUIを調べよう
UIリサーチの方法:同じカテゴリーのものを調べる
06:55
UIリサーチの方法:同じカテゴリーのものを調べる
UIリサーチ:まずは構造から参考にしよう
04:58
UIリサーチ:まずは構造から参考にしよう
UIの見た目よりまずは、構造を参考に仕様
02:40
UIの見た目よりまずは、構造を参考に仕様
UIのVer1.0をデザインする
xxx
UIのVer1.0をデザインする
UI制作スタート:手書きで情報設計
23:07
UI制作スタート:手書きで情報設計
UI情報構造のデザインをトレースで実践学習
38:50
UI情報構造のデザインをトレースで実践学習
1.0を壊して自分で改善する
xxx
1.0を壊して自分で改善する
UI情報設計をブラッシュアップするには? - Ver.1で終わるのはハーゲンダッツ
04:36
UI情報設計をブラッシュアップするには? - Ver.1で終わるのはハーゲンダッツ
ラフをデザインしたら、叩いてアイデアを出そう
13:08
ラフをデザインしたら、叩いてアイデアを出そう
「フィッシュボーン図」で課題解決のアイデアを効率よく考える
15:10
「フィッシュボーン図」で課題解決のアイデアを効率よく考える
優先度を付ける。UIアイデアをパターンでデザインしていこう
23:12
優先度を付ける。UIアイデアをパターンでデザインしていこう
UIの質の上げ方:テーブルUIをデザインする
21:23
UIの質の上げ方:テーブルUIをデザインする
配色はアクションからUIに指定していく
16:19
配色はアクションからUIに指定していく
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
36:45
UIをブラッシュアップする方法:詳細ページの完成UIを紹介
お疲れ様でした!
ss
お疲れ様でした!
おわりに:ゼロからはじめる情報設計
07:00
おわりに:ゼロからはじめる情報設計
閉じる
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