シリーズ目次

使いやすい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の秘密
/
お題にチャレンジ！-3構造を使ってUI改善してみよう
基本UIパターン

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

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

３構造を使った改善お題にトライしよう！

3構造の概念説明の動画を見て、ダメポイントを意識して自分で改善してみましょう！

次の動画で解説をしていきます💡

ダメUIのFigmaデータ
https://www.figma.com/file/o5klJSwjCijT73Yx6hphJQ/3%E6%A7%8B%E9%80%A0-%E3%81%8A%E9%A1%8C?type=design&node-id=0%3A1&mode=design&t=U1j76tUOPKSFeiPI-1

　

３構造を使った改善お題にトライしよう！

3構造の概念説明の動画を見て、ダメポイントを意識して自分で改善してみましょう！

次の動画で解説をしていきます💡

ダメUIのFigmaデータ
https://www.figma.com/file/o5klJSwjCijT73Yx6hphJQ/3%E6%A7%8B%E9%80%A0-%E3%81%8A%E9%A1%8C?type=design&node-id=0%3A1&mode=design&t=U1j76tUOPKSFeiPI-1

　

３構造を使った改善お題にトライしよう！

3構造の概念説明の動画を見て、ダメポイントを意識して自分で改善してみましょう！

次の動画で解説をしていきます💡

ダメUIのFigmaデータ
https://www.figma.com/file/o5klJSwjCijT73Yx6hphJQ/3%E6%A7%8B%E9%80%A0-%E3%81%8A%E9%A1%8C?type=design&node-id=0%3A1&mode=design&t=U1j76tUOPKSFeiPI-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.