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

シリーズ目次

トップ

使いやすいUIの秘密

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

2023

年

月

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

UIのあらゆる部分の基本である『３構造』について理解しましょう。
ナビゲーション/コンテンツ/アクションというソフトウェアを構成する基本の構造です。

使いやすいUIの秘密

全

本

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

xxxx

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

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

Text

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

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

34:13

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

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

xxx

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

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

38:40

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

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

お題

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

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

39:22

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

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

Text

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

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

xxxx

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

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

29:39

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

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

お題

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

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

33:59

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

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

09:52

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

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

35:47

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

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

Text

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

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

18:59

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

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

xxxx

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

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

34:43

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

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

お題

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

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

09:08

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

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

32:15

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

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

22:49

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

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

xxxx

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

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

26:22

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

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

お題

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

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

18:34

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

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

15:53

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

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

xxxx

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

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

22:13

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

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

17:18

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

閉じる

0 Comments

Active Here: 0

My Profile Image

Logout Edit Profile

Be the first to leave a comment.

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.

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.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.