Upgrade to Pro — share decks privately, control downloads, hide ads and more …

アクセシブルなナビゲーションデザインの考え方

Rikiya Ihara
July 04, 2015
9

 アクセシブルなナビゲーションデザインの考え方

Rikiya Ihara

July 04, 2015
Tweet

More Decks by Rikiya Ihara

Transcript

  1. WCAG 2.0 2 操作可能 2.4 ナビゲーション可能 2.4.5 複数の手段(AA) 2.4.8 現在位置(AAA)

    3 理解可能 3.2 予測可能 3.2.3 一貫した ナビゲーション(AA) 3.2.4 一貫した 識別性(AA)
  2. 「特定」と「さまざま」 ユーザビリティ:ISO 9241-11 特定の目的を達成するために、特定の利用者が、 特定の利用状況で、有効性、効率性、そして満足とともに ある製品を利用することができる度合い。 アクセシビリティ:ISO 9241-20(JIS X 8341-1:2010)

    様々な能力をもつ最も幅広い層の人々に対する製品, サービス,環境又は施設(のインタラクティブシステム)の ユーザビリティ http://modelessdesign.com/modelessandmodal/2009/11/25/iso-9241-11/
  3. Webの特徴 • サイト個別の学習を前提としづらい ◦ Google検索による直接ランディング ◦ SNSやキュレーションメディアでの遭遇 • セレンディピティによる発見 ◦

    アクセシビリティを調べていたのに、気づくと なぜか「当たり前体操」「日本エレキテル連合」「スー パー・ササダンゴ・マシン」を調べていた
  4. バランスを考えながら案出する • 常に「きもち、一般化」を心がける • 一般 ≒ パターン、把握を常に怠らない ◦ サイトのトレンド ◦

    各種デザインガイドライン ◦ デザインパターン集 ◦ ビジネスドメインにおける一般的な表現