シリーズ目次

使いやすい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パターン

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

2023
年
11
月
24
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について

改善①：ボタン地獄

ダメなポイントを把握して
改善をしていきましょう！

ダメUIのFigmaデータ
https://www.figma.com/file/2E4c39iMHdkT2f7xpFz5zP/%E7%84%A1%E6%96%99%2F%2F%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=1%3A40911&mode=design&t=1AuO16hrKi6K86f6-1
ボタンの形と配置は適切か？
意味を考えた時もここの配置がベストだろうか？

‍

改善②:ずっと表示されてるボタン

常に表示されている必要があるか、考えよう

‍

‍

改善①：ボタン地獄

ダメなポイントを把握して
改善をしていきましょう！

ダメUIのFigmaデータ
https://www.figma.com/file/2E4c39iMHdkT2f7xpFz5zP/%E7%84%A1%E6%96%99%2F%2F%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=1%3A40911&mode=design&t=1AuO16hrKi6K86f6-1
ボタンの形と配置は適切か？
意味を考えた時もここの配置がベストだろうか？

‍

改善②:ずっと表示されてるボタン

常に表示されている必要があるか、考えよう

‍

‍

改善①：ボタン地獄

ダメなポイントを把握して
改善をしていきましょう！

ダメUIのFigmaデータ
https://www.figma.com/file/2E4c39iMHdkT2f7xpFz5zP/%E7%84%A1%E6%96%99%2F%2F%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=1%3A40911&mode=design&t=1AuO16hrKi6K86f6-1
ボタンの形と配置は適切か？
意味を考えた時もここの配置がベストだろうか？

‍

改善②:ずっと表示されてるボタン

常に表示されている必要があるか、考えよう

‍

‍

‍

使いやすい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
Login or register to join the conversation.
My Profile Image
LogoutEdit 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.
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
利用規約プライバシーポリシー特定商取引法にに基づく表示お問い合わせ
Copyright ©︎ BONO All Right Reserved.