シリーズ目次

使いやすいUIの秘密

1 : 『6つの基本』を抑えられてますか?
xxxx
1 : 『6つの基本』を抑えられてますか?

1 : 『6つの基本』を抑えられてますか?

【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
Text
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう

【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう

使いやすいUIをデザインするための『6つの基本』を知ろう
34:13
使いやすいUIをデザインするための『6つの基本』を知ろう

使いやすいUIをデザインするための『6つの基本』を知ろう

2 : 『3構造』UI構造の超基本
xxx
2 : 『3構造』UI構造の超基本

2 : 『3構造』UI構造の超基本

【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』
38:40
【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』

【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』

お題にチャレンジ!-3構造を使ってUI改善してみよう
お題
お題にチャレンジ!-3構造を使ってUI改善してみよう

お題にチャレンジ!-3構造を使ってUI改善してみよう

「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう
39:22
「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう

「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう

「3構造」の学びをまとめよう【テンプレ付き】
Text
「3構造」の学びをまとめよう【テンプレ付き】

「3構造」の学びをまとめよう【テンプレ付き】

3 : 『モード』の基本を習得しよう
xxxx
3 : 『モード』の基本を習得しよう

3 : 『モード』の基本を習得しよう

【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう
29:39
【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう

【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう

お題にチャレンジ!-モードを使ってUI改善しよう
お題
お題にチャレンジ!-モードを使ってUI改善しよう

お題にチャレンジ!-モードを使ってUI改善しよう

お題解答 NG UIを改善して、モードの基本を身につける
33:59
お題解答 NG UIを改善して、モードの基本を身につける

お題解答 NG UIを改善して、モードの基本を身につける

【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!
09:52
【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!

【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!

【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる
35:47
【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる

【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる

「モード」の学びをまとめよう【テンプレ付き】
Text
「モード」の学びをまとめよう【テンプレ付き】

「モード」の学びをまとめよう【テンプレ付き】

3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
18:59
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法

3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法

4 : 『アクション』の基本を習得しよう
xxxx
4 : 『アクション』の基本を習得しよう

4 : 『アクション』の基本を習得しよう

【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている
34:43
【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている

【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている

【お題】ボタン地獄UIのアクションを改善しよう!
お題
【お題】ボタン地獄UIのアクションを改善しよう!

【お題】ボタン地獄UIのアクションを改善しよう!

詳細ページのアクションを考えよう
09:08
詳細ページのアクションを考えよう

詳細ページのアクションを考えよう

アクション×情報設計 : ボタン地獄UIをどう改善する?
32:15
アクション×情報設計 : ボタン地獄UIをどう改善する?

アクション×情報設計 : ボタン地獄UIをどう改善する?

【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?
22:49
【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?

【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?

4 : 『ナビゲーション』の基本を習得しよう
xxxx
4 : 『ナビゲーション』の基本を習得しよう

4 : 『ナビゲーション』の基本を習得しよう

【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?
26:22
【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?

【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?

【お題】ナビゲーションの基本を使って改善してみよう
お題
【お題】ナビゲーションの基本を使って改善してみよう

【お題】ナビゲーションの基本を使って改善してみよう

【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
18:34
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本

【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本

アクション×情報設計 : ボタン地獄UIをどう改善する?
15:53
アクション×情報設計 : ボタン地獄UIをどう改善する?

アクション×情報設計 : ボタン地獄UIをどう改善する?

5 : 『コンテンツ』がUIの中心
xxxx
5 : 『コンテンツ』がUIの中心

5 : 『コンテンツ』がUIの中心

UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
22:13
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう

UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう

ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
17:18
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ

ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ

『モード』の学びを残そう

能動的なアウトプットが明日を作る〜!🔥
作ったものと学んだことが自分を伝えてくれる〜!

ということで時間をかけすぎず、自分のペースで、
未来の自分のために学びを残しましょう🙆
まとめる理由は例えば

  • 記憶の定着
  • 振り返り
  • ブログ用

などなど。シェア用テンプレートを作っておいたので活用してください👌

『モード』のポイント

  • そもそも「モード」はなぜ必要なのか?
  • 「モード」状態になった場合、ナビゲーション周りで何を注意しないといけないか?
  • 「モード」状態と、通常の状態では、何が変わるのか?
  • ダメUIは、何が、ダメだったのか?

有名なサービスUIの『モード』を考察してみよう

もし時間があれば、
普段自分が使っているサービスの
モードを考察して見るのもオススメです💡

実際のUIを分解/考察して、何かにまとめてみましょう〜!

テンプレートを使ってシェアしよう

学習の記録を助けるフレーム画像を作ってみました。
何種類か試しに作っているので、BONOメンバーは改変自由なので使ってやってください🙋

3種類作ってみたので好きなのを使ってみてください!

テンプレートのリンクはこちら

テンプレートのURLは以下から。Figmaでコピペして自由に使ってみてください
https://www.figma.com/file/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=322%3A66034&mode=design&t=3x6dTkLzZyVlIZXn-1

『モード』の学びを残そう

能動的なアウトプットが明日を作る〜!🔥
作ったものと学んだことが自分を伝えてくれる〜!

ということで時間をかけすぎず、自分のペースで、
未来の自分のために学びを残しましょう🙆
まとめる理由は例えば

  • 記憶の定着
  • 振り返り
  • ブログ用

などなど。シェア用テンプレートを作っておいたので活用してください👌

『モード』のポイント

  • そもそも「モード」はなぜ必要なのか?
  • 「モード」状態になった場合、ナビゲーション周りで何を注意しないといけないか?
  • 「モード」状態と、通常の状態では、何が変わるのか?
  • ダメUIは、何が、ダメだったのか?

有名なサービスUIの『モード』を考察してみよう

もし時間があれば、
普段自分が使っているサービスの
モードを考察して見るのもオススメです💡

実際のUIを分解/考察して、何かにまとめてみましょう〜!

テンプレートを使ってシェアしよう

学習の記録を助けるフレーム画像を作ってみました。
何種類か試しに作っているので、BONOメンバーは改変自由なので使ってやってください🙋

3種類作ってみたので好きなのを使ってみてください!

テンプレートのリンクはこちら

テンプレートのURLは以下から。Figmaでコピペして自由に使ってみてください
https://www.figma.com/file/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=322%3A66034&mode=design&t=3x6dTkLzZyVlIZXn-1

『モード』の学びを残そう

能動的なアウトプットが明日を作る〜!🔥
作ったものと学んだことが自分を伝えてくれる〜!

ということで時間をかけすぎず、自分のペースで、
未来の自分のために学びを残しましょう🙆
まとめる理由は例えば

  • 記憶の定着
  • 振り返り
  • ブログ用

などなど。シェア用テンプレートを作っておいたので活用してください👌

『モード』のポイント

  • そもそも「モード」はなぜ必要なのか?
  • 「モード」状態になった場合、ナビゲーション周りで何を注意しないといけないか?
  • 「モード」状態と、通常の状態では、何が変わるのか?
  • ダメUIは、何が、ダメだったのか?

有名なサービスUIの『モード』を考察してみよう

もし時間があれば、
普段自分が使っているサービスの
モードを考察して見るのもオススメです💡

実際のUIを分解/考察して、何かにまとめてみましょう〜!

テンプレートを使ってシェアしよう

学習の記録を助けるフレーム画像を作ってみました。
何種類か試しに作っているので、BONOメンバーは改変自由なので使ってやってください🙋

3種類作ってみたので好きなのを使ってみてください!

テンプレートのリンクはこちら

※メンバー限定で公開中

使いやすいUIの秘密

1 : 『6つの基本』を抑えられてますか?
xxxx
1 : 『6つの基本』を抑えられてますか?

1 : 『6つの基本』を抑えられてますか?

【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
Text
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう

【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう

使いやすいUIをデザインするための『6つの基本』を知ろう
34:13
使いやすいUIをデザインするための『6つの基本』を知ろう

使いやすいUIをデザインするための『6つの基本』を知ろう

2 : 『3構造』UI構造の超基本
xxx
2 : 『3構造』UI構造の超基本

2 : 『3構造』UI構造の超基本

【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』
38:40
【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』

【使いやすいUIの秘密】何がダメかわかる?NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』

お題にチャレンジ!-3構造を使ってUI改善してみよう
お題
お題にチャレンジ!-3構造を使ってUI改善してみよう

お題にチャレンジ!-3構造を使ってUI改善してみよう

「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう
39:22
「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう

「3構造」を使ってUI改善解説!NGなUIをふつうにする理由を知ろう

「3構造」の学びをまとめよう【テンプレ付き】
Text
「3構造」の学びをまとめよう【テンプレ付き】

「3構造」の学びをまとめよう【テンプレ付き】

3 : 『モード』の基本を習得しよう
xxxx
3 : 『モード』の基本を習得しよう

3 : 『モード』の基本を習得しよう

【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう
29:39
【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう

【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう

お題にチャレンジ!-モードを使ってUI改善しよう
お題
お題にチャレンジ!-モードを使ってUI改善しよう

お題にチャレンジ!-モードを使ってUI改善しよう

お題解答 NG UIを改善して、モードの基本を身につける
33:59
お題解答 NG UIを改善して、モードの基本を身につける

お題解答 NG UIを改善して、モードの基本を身につける

【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!
09:52
【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!

【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう!

【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる
35:47
【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる

【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる

「モード」の学びをまとめよう【テンプレ付き】
Text
「モード」の学びをまとめよう【テンプレ付き】

「モード」の学びをまとめよう【テンプレ付き】

3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
18:59
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法

3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法

4 : 『アクション』の基本を習得しよう
xxxx
4 : 『アクション』の基本を習得しよう

4 : 『アクション』の基本を習得しよう

【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている
34:43
【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている

【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている

【お題】ボタン地獄UIのアクションを改善しよう!
お題
【お題】ボタン地獄UIのアクションを改善しよう!

【お題】ボタン地獄UIのアクションを改善しよう!

詳細ページのアクションを考えよう
09:08
詳細ページのアクションを考えよう

詳細ページのアクションを考えよう

アクション×情報設計 : ボタン地獄UIをどう改善する?
32:15
アクション×情報設計 : ボタン地獄UIをどう改善する?

アクション×情報設計 : ボタン地獄UIをどう改善する?

【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?
22:49
【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?

【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか?

4 : 『ナビゲーション』の基本を習得しよう
xxxx
4 : 『ナビゲーション』の基本を習得しよう

4 : 『ナビゲーション』の基本を習得しよう

【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?
26:22
【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?

【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?

【お題】ナビゲーションの基本を使って改善してみよう
お題
【お題】ナビゲーションの基本を使って改善してみよう

【お題】ナビゲーションの基本を使って改善してみよう

【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
18:34
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本

【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本

アクション×情報設計 : ボタン地獄UIをどう改善する?
15:53
アクション×情報設計 : ボタン地獄UIをどう改善する?

アクション×情報設計 : ボタン地獄UIをどう改善する?

5 : 『コンテンツ』がUIの中心
xxxx
5 : 『コンテンツ』がUIの中心

5 : 『コンテンツ』がUIの中心

UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
22:13
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう

UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう

ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
17:18
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ

ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ

閉じる

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
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.
Load Previous
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.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More