【使いやすいUIの秘密】何がダメかわかる？NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』 | 使いやすいUIの秘密 | BONO | BONO
一覧
使いやすいUIの秘密
0
%
1
1 : 『6つの基本』を抑えられてますか？
【シリーズ紹介】UIのどこに何を配置するか迷う？UIの基本概念で解決しよう
使いやすいUIをデザインするための『6つの基本』を知ろう
2
2 : 『3構造』UI構造の超基本
【使いやすいUIの秘密】何がダメかわかる？NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』
お題にチャレンジ！-3構造を使ってUI改善してみよう
「3構造」を使ってUI改善解説！NGなUIをふつうにする理由を知ろう
「3構造」の学びをまとめよう【テンプレ付き】
3
3 : 『モード』の基本を習得しよう
【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう
お題にチャレンジ！-モードを使ってUI改善しよう
お題解答 NG UIを改善して、モードの基本を身につける
【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう！
【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる
「モード」の学びをまとめよう【テンプレ付き】
3種のモーダルの違い分かる？新米UIデザイナー必見！モーダルUIの基本とUIリサーチ方法
4
4 : 『アクション』の基本を習得しよう
【使いやすいUIの秘密】"アクション"の基本 : ダメなUIデザインは、アクションと〇〇が離れすぎている
詳細ページのアクションを考えよう
【お題】ボタン地獄UIのアクションを改善しよう！
アクション×情報設計 : ボタン地獄UIをどう改善する？
【改善】なぜリストUIに常にボタンを表示するのは微妙なUIデザインなのか？
5
4 : 『ナビゲーション』の基本を習得しよう
【使いやすいUIの秘密】UIで道案内！ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは？
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
【お題】ナビゲーションの基本を使って改善してみよう
アクション×情報設計 : ボタン地獄UIをどう改善する？
6
5 : 『コンテンツ』がUIの中心
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
ユーザー心をつかむUIの作り方：15パターン検討で、コンテンツUI表現の模索を全部見せ
1. 【使いやすいUIの秘密】何がダメかわかる？NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』
クエスト2: 2 : 『3構造』UI構造の超基本
完了にする
お気に入り
シェア
完了にする
お気に入り
シェア
前
使いやすいUIをデザインするための『6つの基本』を知ろう
次
お題にチャレンジ！-3構造を使ってUI改善してみよう
