2026年10月8日にW3CのAccessibility, Usability, and Inclusion本文とNN/gのUX定義を再確認した。UIは接点の一部、UXは利用前後を含む経験として整理できるが、アクセシビリティ、ユーザビリティ、インクルージョンは重なりながら別の問いを持つ。見た目の変更だけで体験の改善を主張せず、タスクの成功、理解、キーボードや支援技術での利用、異なる利用者の参加を別々に確認する。
30秒で要点
UIは接点、UXは利用者が目的を達成するまでの経験、と整理すると入口を作れます。境界を暗記するより、タスクと条件を分けて見ます。
- UIは画面、入力、表示、操作など、利用者が直接触れる接点を指す
- UXは利用前の期待、利用中の理解や操作、利用後の結果や再利用も含む経験として扱う
- ISO 9241-210:2019は、インタラクティブシステムのライフサイクル全体で人間中心設計を考える標準である
- W3C WCAG 2.2は、知覚可能・操作可能・理解可能・堅牢の4原則に基づくアクセシビリティ標準である
1. UIとUXを同じ表に置く
UIとUXは別の言葉ですが、実際の改善では切り離せません。入力欄のラベル（UI）が分かりにくければ、入力を完了できるか（UX）へ影響します。反対に、契約条件や配送の遅さは、画面を整えても解消しません。
表が収まらない場合は、横にスクロールできます
| 見る欄 | 例 | 確認すること |
|---|---|---|
| UIの接点 | 文字、ボタン、フォーム、状態表示 | 見える、読める、操作できるか |
| タスク | 検索、申請、購入、問い合わせ | 利用者の目的を一つに言えるか |
| UXの結果 | 完了、保留、再訪、安心 | 目的達成と負担をどう捉えるか |
| 条件 | 端末、回線、支援技術、時間 | 誰がどの状況で使うか |
2. 人間中心設計を工程にする
ISO 9241-210:2019の現行ページは、インタラクティブシステムのライフサイクルを通じた人間中心設計の原則と活動を扱うと説明しています。ISOページでは、この版は2025年に確認され、現行版と表示されています。この考え方を小さなWeb改善へ落とすと、次の順になります。
- 利用者と状況を観察する。
- タスクと必要な結果を言葉にする。
- 変更案を作る。
- 代表的な利用者と試す。
- 証拠を見て、継続・修正・中止を決める。
3. WCAG 2.2をUIの確認へ入れる
W3CのWCAG 2概要は、4原則とテスト可能な達成基準を示しています。レベルA・AA・AAAは適合水準の区分であり、ページ全体の価値や使いやすさを一つの点数にする仕組みではありません。表が収まらない場合は、横にスクロールできます
| 原則 | UIでの確認例 |
|---|---|
| 知覚可能 | 文字の代替、色以外の状態、拡大時の情報 |
| 操作可能 | キーボード操作、焦点、時間制限、移動 |
| 理解可能 | ラベル、説明、予測できる挙動、エラー修正 |
| 堅牢 | ブラウザや支援技術で意味が保たれるか |
適合確認の結果と、利用者が目的を達成できたかは別の記録へ置きます。
4. 改善を一つのタスクに絞る
「UIを良くする」では広すぎます。たとえば「初回利用者が料金の違いを理解し、比較表から適切なプランを選ぶ」のように、対象者、行動、結果、条件を一文にします。
表が収まらない場合は、横にスクロールできます
| 欄 | 記録例 |
|---|---|
| 対象 | 初回利用者、キーボード利用者 |
| 変更 | 見出しの順序とエラー説明を一つ変更 |
| 成功 | 比較を終え、選択を保留なく完了 |
| 指標 | 完了、誤り、時間、質問 |
| 期間 | 変更前後の同じ期間と分母 |
UIだけを磨いて数字が変わらなかった場合、UX全体を失敗と決めず、価格、在庫、権限、速度、サポートなど別の条件を切り分けます。
5. 初心者が避けたい短縮
- UIを装飾だけ、UXを満足度だけと決める
- WCAG適合を売上やコンバージョンの保証と読む
- 一人の感想を利用者全体の結果へ拡張する
- 変更と同時に計測方法も変え、比較できなくする
最初はタスク一つ、変更一つ、指標一つから始めます。観察で出た言葉、ログで見えた分母、専門家の評価を混ぜずに記録すると、次の変更が選びやすくなります。
6. UI/UXから言えないこと
用語の整理や標準の確認だけでは、特定のサイトが成功するか、どの色が正解か、売上が何％増えるかは分かりません。自社の利用者、目的、制約、期間で確かめます。
画面を越えたデザインの考え方はデザインとは何か、分母と結果の置き方はデータドリブンUX改善も参照してください。