ヒューマンインタフェース・アクセシビリティ

HI 設計原則 (ニールセン 10ヒューリスティクス)、WCAG 4原則 POUR、JIS X 8341-3 を整理。

ヒューマンインタフェース (HI) は AP科目A 1〜2問、科目B問4 (アーキテクチャ) でも UX・アクセシビリティ要件として問われます。

鳴海 理央(普段) 鳴海 理央

ヒューマンインタフェース設計の主要原則は3つあります。
① ヤコブ・ニールセンの10ヒューリスティクス、② シュナイダーマンの8つの黄金律、③ Web Content Accessibility Guidelines (WCAG) です。

砂原 ニコ(普段) 砂原 ニコ

アクセシビリティって何のこと?

緒方 ナオミ 先生(笑顔) 緒方 ナオミ 先生

障害の有無に関わらず誰もが使える設計のことね。
WCAG では4原則: 知覚可能 (Perceivable)・操作可能 (Operable)・理解可能 (Understandable)・堅牢 (Robust) = POUR で覚えるのよ。

藤咲 まりあ(普段) 藤咲 まりあ

具体的にはどんな配慮があるんですかぁ?

鳴海 理央(普段) 鳴海 理央

(1) 画像に alt 属性で代替テキスト、(2) キーボードのみで全機能操作可能、(3) 色だけに依存せず文字でも情報伝達、(4) コントラスト比を 4.5:1 以上、(5) スクリーンリーダー対応 (ARIA)、(6) 字幕・手話。

緒方 ナオミ 先生(普段) 緒方 ナオミ 先生

AP では『WCAG の準拠レベル A・AA・AAA』『色盲対応』『JIS X 8341 (高齢者・障害者等配慮設計指針)』が頻出よ。
日本では官公庁サイトに JIS X 8341-3 (Web) 準拠が求められるの。

砂原 ニコ(普段) 砂原 ニコ

UX デザインも試験に出るの?

鳴海 理央(普段) 鳴海 理央

はい。
ペルソナ、カスタマージャーニーマップ、ユーザビリティテスト、A/B テスト (前章で触れたもの) といったユーザ中心設計 (UCD) 手法が頻出です。

確認クイズ

WCAG (Web Content Accessibility Guidelines) の4原則として、正しい組合せはどれか。

  1. Performance・Operability・Usability・Reliability
  2. Perceivable・Operable・Understandable・Robust (POUR)
  3. Accessibility・Branding・Compatibility・Design
  4. Consistency・Efficiency・Simplicity・Trust
こたえを見る

正解: 2. Perceivable・Operable・Understandable・Robust (POUR)

WCAG の4原則は POUR: 知覚可能 (Perceivable)・操作可能 (Operable)・理解可能 (Understandable)・堅牢 (Robust)。Web アクセシビリティの国際標準で、日本では JIS X 8341-3 で対応規格化されています。

🔖 この記事の関連書籍

Amazonアソシエイトリンクを含みます。他分野は おすすめ書籍ページ へ。