シリーズ目次

使いやすい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の秘密
/
【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる
基本UIパターン

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

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

改善したUIをプロトタイプでチェックする

パターン1:改善後のUIのプロトタイプ

https://www.figma.com/proto/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=637-82978&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A82978&show-proto-sidebar=1&mode=design

パターン2:改善後のUIのプロトタイプ

https://www.figma.com/proto/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=637-85349&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A85349&show-proto-sidebar=1&mode=design

メンバー限定でご意見お待ちしてます〜!

2023年内限定で、ご意見お待ちしてます〜!
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。

・こういうの悩む
・こういうの知りたい

などありましたら教えてください

フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform

1 : 概要

figmaを使用してUI設計の改善パターンを考えていく内容です。まずフォルダ作成機能において、モードの切り替えがうまくいってないことを指摘し、ステップごとの画面遷移を明確にすることで改善できると提案しています。その後、フォルダ作成後の画面遷移のパターンとして、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。最後に、何が問題だったのかを再確認しながら、モードの切り替え方のポイントを伝えています。

2 : 動画で得られること

  • フォルダ作成機能の改善点を確認する
  • ステップごとの画面遷移を導入してみる
  • フォルダ作成後の遷移パターンを2通り検討する
  • ユーザーの操作目的に合わせて遷移先を選択する
  • モードの切り替え方のポイントを理解する

3 : 動画の目次

4 : コンテンツ内容

figmaでUIの改善パターンを考える

はじめに、figmaでUIの改善パターンを作っていく予定であることを説明しています。まずは問題点をラフで描いていき、改善のアイデアを形にしていくと述べています。

フォルダ作成機能の問題点

フォルダ作成機能では、モードが終わっているのに終わっていないように交錯しているなど、モードの切り替えがうまくできていないことを問題点として指摘しています。

ステップごとの画面遷移で改善

フォルダ名入力と契約書選択を別々のステップとして画面遷移を明確にすることで、改善できると提案しています。ステップ1がフォルダ名入力、ステップ2が契約書選択となり、1つのモードで完結するようにしています。

フォルダ作成後の遷移パターン

フォルダ作成後の遷移先として、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。遷移先はユーザーの操作目的によって変える必要があるとしています。

問題点の再確認

最後に、初めのUIがなぜ駄目だったのかを再確認し、モードの切り替え方のポイントを伝えています。

改善したUIをプロトタイプでチェックする

パターン1:改善後のUIのプロトタイプ

https://www.figma.com/proto/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=637-82978&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A82978&show-proto-sidebar=1&mode=design

パターン2:改善後のUIのプロトタイプ

https://www.figma.com/proto/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=637-85349&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A85349&show-proto-sidebar=1&mode=design

メンバー限定でご意見お待ちしてます〜!

2023年内限定で、ご意見お待ちしてます〜!
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。

・こういうの悩む
・こういうの知りたい

などありましたら教えてください

フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform

1 : 概要

figmaを使用してUI設計の改善パターンを考えていく内容です。まずフォルダ作成機能において、モードの切り替えがうまくいってないことを指摘し、ステップごとの画面遷移を明確にすることで改善できると提案しています。その後、フォルダ作成後の画面遷移のパターンとして、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。最後に、何が問題だったのかを再確認しながら、モードの切り替え方のポイントを伝えています。

2 : 動画で得られること

  • フォルダ作成機能の改善点を確認する
  • ステップごとの画面遷移を導入してみる
  • フォルダ作成後の遷移パターンを2通り検討する
  • ユーザーの操作目的に合わせて遷移先を選択する
  • モードの切り替え方のポイントを理解する

3 : 動画の目次

4 : コンテンツ内容

figmaでUIの改善パターンを考える

はじめに、figmaでUIの改善パターンを作っていく予定であることを説明しています。まずは問題点をラフで描いていき、改善のアイデアを形にしていくと述べています。

フォルダ作成機能の問題点

フォルダ作成機能では、モードが終わっているのに終わっていないように交錯しているなど、モードの切り替えがうまくできていないことを問題点として指摘しています。

ステップごとの画面遷移で改善

フォルダ名入力と契約書選択を別々のステップとして画面遷移を明確にすることで、改善できると提案しています。ステップ1がフォルダ名入力、ステップ2が契約書選択となり、1つのモードで完結するようにしています。

フォルダ作成後の遷移パターン

フォルダ作成後の遷移先として、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。遷移先はユーザーの操作目的によって変える必要があるとしています。

問題点の再確認

最後に、初めのUIがなぜ駄目だったのかを再確認し、モードの切り替え方のポイントを伝えています。

改善したUIをプロトタイプでチェックする

パターン1:改善後のUIのプロトタイプ

https://www.figma.com/proto/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=637-82978&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A82978&show-proto-sidebar=1&mode=design

パターン2:改善後のUIのプロトタイプ

https://www.figma.com/proto/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=637-85349&t=FvgCa3vjKDod5did-1&scaling=min-zoom&page-id=179%3A1790&starting-point-node-id=637%3A85349&show-proto-sidebar=1&mode=design

メンバー限定でご意見お待ちしてます〜!

2023年内限定で、ご意見お待ちしてます〜!
情報設計の中の「UIの書くパーツをどこになぜ配置するのか〜」の基本的な部分をやっていこうとしています。

・こういうの悩む
・こういうの知りたい

などありましたら教えてください

フォーム
https://docs.google.com/forms/d/e/1FAIpQLSdLk0jXuMxKgxOzI4xbWTSD_MY4ephm7kmw1HMYHlJ37Ds3MA/viewform

1 : 概要

figmaを使用してUI設計の改善パターンを考えていく内容です。まずフォルダ作成機能において、モードの切り替えがうまくいってないことを指摘し、ステップごとの画面遷移を明確にすることで改善できると提案しています。その後、フォルダ作成後の画面遷移のパターンとして、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。最後に、何が問題だったのかを再確認しながら、モードの切り替え方のポイントを伝えています。

2 : 動画で得られること

  • フォルダ作成機能の改善点を確認する
  • ステップごとの画面遷移を導入してみる
  • フォルダ作成後の遷移パターンを2通り検討する
  • ユーザーの操作目的に合わせて遷移先を選択する
  • モードの切り替え方のポイントを理解する

3 : 動画の目次

4 : コンテンツ内容

figmaでUIの改善パターンを考える

はじめに、figmaでUIの改善パターンを作っていく予定であることを説明しています。まずは問題点をラフで描いていき、改善のアイデアを形にしていくと述べています。

フォルダ作成機能の問題点

フォルダ作成機能では、モードが終わっているのに終わっていないように交錯しているなど、モードの切り替えがうまくできていないことを問題点として指摘しています。

ステップごとの画面遷移で改善

フォルダ名入力と契約書選択を別々のステップとして画面遷移を明確にすることで、改善できると提案しています。ステップ1がフォルダ名入力、ステップ2が契約書選択となり、1つのモードで完結するようにしています。

フォルダ作成後の遷移パターン

フォルダ作成後の遷移先として、作成モードに留まるパターンと、フォルダ詳細画面に遷移するパターンの2通りを例示しています。遷移先はユーザーの操作目的によって変える必要があるとしています。

問題点の再確認

最後に、初めのUIがなぜ駄目だったのかを再確認し、モードの切り替え方のポイントを伝えています。

使いやすい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