UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
Flowは、UI検品で使う6つの観点のうちの2つめです。前の画面からの流れがつながっているか、次の一歩が見つかるか、戻る・やり直すができるかを見ます。AIが作った1画面を材料に、Flowが何を見る観点なのかと、自分の画面で確かめる3つの手順をまとめます。
Frictionは、UI検品で使う6つの観点のうちの5つめです。目的までのステップが必要なものだけか、一度に受け止められる量に収まっているか、エラーや空の状態に手当てがあるかを見ます。AIが作った1画面を材料に、Frictionが何を見る観点なのかと、自分の画面で確かめる3つの手順をまとめます。
Trustは、UI検品で使う6つの観点のうちの4つめです。主張に根拠が添えてあるか、お金や個人情報に安心材料があるか、表記が事実と釣り合って一貫しているかを見ます。AIが作った1画面を材料に、Trustが何を見る観点なのかと、自分の画面で確かめる3つの手順をまとめます。
生成AIにUIを作らせると、動く画面はかなりの確率で出てきます。では出していいかどうかは何で判断するのか。文脈ゼロのAIにデザインシステムだけで175画面を組ませた記録から、満点の回と最低点の回で何が違ったのかを、実際の画面を並べて確かめます。
Clarityは、UI検品で使う6つの観点のうちの1つです。「何の画面か」「いちばん大事な情報はどれか」「次に何をすればいいか」が画面から読み取れるかを見ます。AIが作った1画面を材料に、Clarityが何を見る観点なのかと、自分の画面で確かめる3つの手順をまとめます。
AI生成UIの検品を、公開された物差しで1画面ずつ行う連載「UI裁判」の第1回。デザインシステム群青のコールドテスト#175「施工写真台帳」を6観点で測り、要再構築の判定に至るまでの筋道をそのまま公開します。
トグルボタンとは、押した状態を保持してON/OFFや選択中を示すUIです。Switch・Button・Checkboxとの違い、使う場面、aria-pressedの設計を解説します。
Undo Redoとは、操作を元に戻すUndoと、取り消した操作をやり直すRedoのこと。意味、アンドゥ/リドゥの違い、Undoの逆、UI設計での使い方を解説します。
Context Menuとは、右クリックや長押しで表示するコンテキスト依存のメニューUIです。contextmenuイベント、Dropdown Menuとの違い、ARIA menu、モバイル対応を解説します。
ページネーションとは、一覧を複数ページに分けて移動しやすくするUIです。表示件数、ページ送り、無限スクロールとの違い、アクセシビリティ要件を解説します。
プログレッシブディスクロージャーは、必要な情報や操作を段階的に見せるUI設計です。段階的開示の意味、使う場面、フォーム・設定画面での設計ポイントを解説します。
Progressive Disclosure（段階的開示）とは、最初に基本情報だけを見せ、必要なタイミングで詳細を開示するUX設計手法です。認知負荷、情報の匂い、アコーディオンとの違いを解説します。