UIXHERO
#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)
作成: 2026年7月29日

読んだ内容を、自分の画面に当てるとき

UIXHEROは、記事を書くほかに、画面の検品・判定、デザインシステムの構築、実装と改善の伴走を受けています。何を頼めばいいか決まっていない段階の相談も、同じ窓口で受けます。

UIXHEROに頼めることを見る

※ 記事の内容についての質問や、書いてほしいテーマの要望も同じ窓口で受けています

この記事をシェアする
シェア: