#515
UX基礎・原則
#515でざいんひょうじゅん
デザイン標準
別名・表記:Design Standards標準業界標準デファクトスタンダード
UIXHERO Definition
UIXHEROでは、デザイン標準を「多数のプロダクトで共通して採用され、ユーザーが既に学習済みとみなせるUIの型」と定義する。
概要
デザイン標準は、一貫性のうち「プロダクトの外側との一貫性(外部一貫性)」を担う。ユーザーは自社サービスより他社サービスに触れている時間のほうが圧倒的に長いため、外部標準に従うことは学習コストを直接下げる。
ただし標準は2種類あり、性質が違う。
- 規格としての標準: WCAG、各国のアクセシビリティ関連法令、プラットフォームの審査基準など。準拠が要求されうる。
- 慣習としての標準: 配置、アイコン、ジェスチャーなど。強制力はないが、外れると学習コストが発生する。
UXでの活用
- 判断の省力化: 標準がある領域では、独自案を検討する時間を他に回せる。
- 差別化の焦点: 全部を独自にする必要はない。標準に乗る部分と、あえて外す部分を意図的に選ぶ。
- リスクの明示: 標準から外れる決定をする時、何を引き換えにするかをチームで共有できる。
誤用・混乱
- 一貫性と標準の混同: 一貫性はプロダクト内部の統一、標準は外部の慣習との一致を指すことが多い。ニールセンの第4原則は両方を含むが、実務では分けて議論するほうが判断しやすい。
- 標準は不変ではない: ハンバーガーメニューやプルダウンリフレッシュのように、慣習は10年単位で入れ替わる。過去の標準を根拠に議論を止めない。
- 「みんなやっている」は根拠ではない: 多数採用されていても、ユーザーが理解できているとは限らない。標準に従う場合も、必要ならラベルを添える。
💡 使いどころ
独自UIを採用するかどうかを判断する時。標準から外れる場合に、外れるだけの理由と補助(説明、代替導線)を用意できているかを確認する。
⚠️ 注意点・誤用
「標準」には、規格として定められたもの(WCAGなど)と、慣習として広まったもの(ハンバーガーメニューなど)がある。後者は時間とともに変わり、地域やサービス種別によっても異なる。普遍的な正解として扱うと判断を誤る。
具体例
- ロゴをクリックするとトップページに戻る
- カートアイコンは右上に置く
- フォームの必須項目にはアスタリスクを付ける
出典・参考文献:
- 10 Usability Heuristics for User Interface Design(第4原則 Consistency and standards)Jakob Nielsen
- WCAG 2.2 (W3C)
関連する解説記事
UIデザイン
一貫性と標準の違いとは?UIデザインにおける2つの「揃える」を区別する
UIXHERO POINT
- •UIXHEROでは、一貫性を「プロダクト内で揃えること」、標準を「業界やプラットフォームの慣習に従うこと」と定義し区別する。
- •一貫性は「内部の統一」、標準は「外部との整合」。両方を守ることで、学習コストを最小化できる。
心理学・認知バイアス
既知パターンの活用 (Familiar Patterns / Mental Model)
ユーザーは他のサービスで学んだ操作パターンを、あなたのUIにも期待する。ヤコブの法則に基づき、既存のメンタルモデルを活用して学習コストをゼロにする設計原則。