SlideShare a Scribd company logo
1 of 61
Download to read offline
アクセシブルなナビゲーション
デザインの考え方
RIkiya Ihara / @magi1125
デザイニング
Webアクセシビリティ
2015年7月24日(金)発売!
http://www.amazon.co.jp/dp/4862462650/
http://www.jjg.
net/elements/translations/elements
_jp.pdf
構成
● 前編:よくある問題と解決アプローチ
○ デザイニングWebアクセシビリティよりご紹介
● 後編:ナビゲーションデザインとアクセシビリティ
○ 「特定」と「さまざま」の関係性
よくある問題と解決アプローチ
ナビゲーションとは
ある地点から別の地点へ誘導するもの
あるいはその過程を表示するもの
グローバルナビゲーション、ローカルナビゲーション、パンくず、関連情報、検索、サ
ジェスト、サイトマップ、メガメニュー、ドロワー、スプリングメニュー、カテゴリトップメ
ニュー、ダッシュボード、ステップインジケーター、ページネーション、タグクラウド、
キーワードリンク、目次…
よいナビゲーションとは
使いやすい わかりやすい 気持ちのよい
独自性がある かっこいい 先進的
豊富 多彩 シンプル 透明
よいナビゲーションとは
いまの居場所がわかる
行き先の名前がわかる
いろんな手段が選べる
いろんな経路が選べる
実際に行ける
やり直せる
アクセシブルなナビゲーションとは
● なるべく多くの人が「使える」ナビゲーションのこと
● 知覚可能、操作可能、理解可能
アクセシブルなナビゲーションの原則
慣例 冗長 寛容 一貫
慣例
NG
慣例
OK
慣例
NG
慣例
OK
慣例
NG
慣例
OK
冗長
NG
冗長
OK
冗長
NG
冗長
OK
冗長
NG
冗長
OK
寛容
NG
寛容
OK
寛容
NG
寛容
OK
寛容
NG
寛容
OK
一貫
NG
一貫
OK
一貫
OK
一貫
NG
一貫
NG
※書籍「デザイニング Webアクセシビリティ」240ページを参照ください
一貫
OK
一貫
NG
一貫
OK
ナビゲーションデザインと
アクセシビリティ
素朴な疑問
● アクセシビリティの話じゃない?
● ユーザビリティの話?
● 割と普通のこと?
http://intertwingled.org/jp/
http://www.bookslope.jp/blog/2012/07/evaluationuxhoneycomb.html
テキスト・セマンティクス
インタラクション
表層
構造・機能・内容
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)
「アクセス」のスコープ
● 取り組みとしてのレイヤーやレベルは存在する
● 現実的には、情報が取得できても、
理解して利用できなければ、体験としては最悪
「誰でも必ず使えるナビ」は存在しない
● 検討開始の軸はユーザビリティ
● 最初から全体を見るとビジネス要件に繋げられない
● 特定ユーザー想定でないと合意形成しづらい
● いわゆる情報設計のプロセスは普通にやる
※書籍「デザイニングWebアクセシビリティ」
42ページからの「3章 要件定義」の「概要と流れ」および
66ページからの「4章 ナビゲーション設計」の「概要と流れ」を
参照ください
「特定」と「さまざま」
ユーザビリティ:ISO 9241-11
特定の目的を達成するために、特定の利用者が、
特定の利用状況で、有効性、効率性、そして満足とともに
ある製品を利用することができる度合い。
アクセシビリティ:ISO 9241-20(JIS X 8341-1:2010)
様々な能力をもつ最も幅広い層の人々に対する製品,
サービス,環境又は施設(のインタラクティブシステム)の
ユーザビリティ
http://modelessdesign.com/modelessandmodal/2009/11/25/iso-9241-11/
http://blog.chachaki.net/archives/33311401.html
特定ユーザーへの最適化で十分?
● 業務アプリ :学習が前提、利用を強制
● ゲーム :学習が前提、レベルシステムで強化
● GitHub :教科書が出てる程、しくじると大変
● スペコン :独自UI、わかる人がわかればいい
Webの特徴
● ユーザーの状況を特定しきれない
○ 急いでる? 落ち着いてる?
○ 移動中? 家? 会社? バカンス中?
○ どのデバイスで、どのUAでアクセスしてる?
○ さっきまで何を見てた? 次に何を見る?
● もちろん狙いはつけるが、全部は無理
Webの特徴
● サイト個別の学習を前提としづらい
○ Google検索による直接ランディング
○ SNSやキュレーションメディアでの遭遇
● セレンディピティによる発見
○ アクセシビリティを調べていたのに、気づくと
なぜか「当たり前体操」「日本エレキテル連合」「スー
パー・ササダンゴ・マシン」を調べていた
アクセシブルなナビゲーションが必要
慣例 冗長 寛容 一貫
後から付け足すのではなく、同時に考える
● ユーザビリティが検討の軸なのは確か
● だが、画面設計やプロトタイピングが進んでから
アクセシビリティ成分を足すのは悪手
○ 目指すところが違うので根本的に無理が生じる
○ 後付け感が強く、どこか不自然な感じになる
バランスを考えながら案出する
● 常に「きもち、一般化」を心がける
● 一般 ≒ パターン、把握を常に怠らない
○ サイトのトレンド
○ 各種デザインガイドライン
○ デザインパターン集
○ ビジネスドメインにおける一般的な表現
http://matome.naver.jp/odai/2131496429696477001
http://spotlight-media.jp/article/13496080201729340
やりすぎないように
nav
nav nav
nav navコンテンツ
nav
nav
nav
やりすぎないように
高いレベルの「ふつう」を作る
それがアクセシブルなWebIA
デザイニング
Webアクセシビリティ
2015年7月24日(金)発売!
http://www.amazon.co.jp/dp/4862462650/
ありがとうございました

More Related Content

What's hot

あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティあなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ力也 伊原
 
Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌Yoshinori OHTA
 
SEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニングSEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニングYoshiki Hayama
 
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...Yoshiki Hayama
 
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリアHCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリアYoshiki Hayama
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン力也 伊原
 
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2Yoshiki Hayama
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインHiroyuki Makishita
 
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイントWeb制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント高本 徹
 
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]Izumi Izuizu
 
20180621_Node学園LT
20180621_Node学園LT20180621_Node学園LT
20180621_Node学園LTKahori Takeda
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
コラボレーティブデザインを実践するエンジニアは何を考えているのか?コラボレーティブデザインを実践するエンジニアは何を考えているのか?
コラボレーティブデザインを実践するエンジニアは何を考えているのか?Kohei Kakudo
 
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセットSatoru MURAKOSHI
 
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Web Accessibility Infrastructure Committee (WAIC)
 
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.00からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0Kenta Nakamura
 
フェローズ講演資料
フェローズ講演資料フェローズ講演資料
フェローズ講演資料Kenta Nakamura
 
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルールディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルールINFOBAHN.inc(株式会社インフォバーン)
 
社会人でも通える大学 履修証明プログラムのすすめ
社会人でも通える大学 履修証明プログラムのすすめ社会人でも通える大学 履修証明プログラムのすすめ
社会人でも通える大学 履修証明プログラムのすすめTetsuo Endo
 

What's hot (20)

あなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティあなたの価値を高めるWebアクセシビリティ
あなたの価値を高めるWebアクセシビリティ
 
Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌Web制作会社とBA、ここ15年の変貌
Web制作会社とBA、ここ15年の変貌
 
SEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニングSEO x UX ユーザー心理によるコンテンツプランニング
SEO x UX ユーザー心理によるコンテンツプランニング
 
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
UX専門家から見た「Running Lean」の改善ポイント 〜「Lean Customer Development」と読み比べ〜:2015年10月9日 ...
 
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリアHCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
HCDのはじめの一歩を体験しよう! ユーザーインタビューの基本:2016年8月5日 メンバーズキャリア
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
妻との相性をWatsonで分析してみた:2017年8月30日 水曜ワトソンカフェ vol.2
 
Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014Webアクセシビリティの現状ダイジェスト 2014
Webアクセシビリティの現状ダイジェスト 2014
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイントWeb制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
 
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
WP ZoomUP #44 無料ツールでアイキャッチ画像をつくろう[Canva編]
 
20180621_Node学園LT
20180621_Node学園LT20180621_Node学園LT
20180621_Node学園LT
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
コラボレーティブデザインを実践するエンジニアは何を考えているのか?コラボレーティブデザインを実践するエンジニアは何を考えているのか?
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
 
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
 
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
 
0からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.00からのwebディレクション講座 運用編4.0
0からのwebディレクション講座 運用編4.0
 
フェローズ講演資料
フェローズ講演資料フェローズ講演資料
フェローズ講演資料
 
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルールディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
 
社会人でも通える大学 履修証明プログラムのすすめ
社会人でも通える大学 履修証明プログラムのすすめ社会人でも通える大学 履修証明プログラムのすすめ
社会人でも通える大学 履修証明プログラムのすすめ
 

Viewers also liked

Design2Disrupt: Hannu Kauppinen - The Programmable World
Design2Disrupt: Hannu Kauppinen - The Programmable WorldDesign2Disrupt: Hannu Kauppinen - The Programmable World
Design2Disrupt: Hannu Kauppinen - The Programmable WorldVINTlabs | The Sogeti Trendlab
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
DeNAの動画配信サービスを支えるインフラの内部 #denatechcon
DeNAの動画配信サービスを支えるインフラの内部  #denatechconDeNAの動画配信サービスを支えるインフラの内部  #denatechcon
DeNAの動画配信サービスを支えるインフラの内部 #denatechconDeNA
 
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Tomoyuki Arasuna
 
Jordan Jarecke Slide
Jordan Jarecke SlideJordan Jarecke Slide
Jordan Jarecke Slidejjarec12
 
Vizualization effect on microbres citrex
Vizualization effect on microbres citrexVizualization effect on microbres citrex
Vizualization effect on microbres citrexCITREX
 
MIF Marketplace presentation
MIF Marketplace presentationMIF Marketplace presentation
MIF Marketplace presentationYves Lesenfants
 
03.Controls in Windows Phone
03.Controls in Windows Phone03.Controls in Windows Phone
03.Controls in Windows PhoneNguyen Tuan
 
Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010
Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010
Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010Osie Gaines, III
 
Open Days Ingria "Коротко о коммуникациях"
Open Days Ingria "Коротко о коммуникациях"Open Days Ingria "Коротко о коммуникациях"
Open Days Ingria "Коротко о коммуникациях"Ingria. Technopark St. Petersburg
 
С праздником 8 марта!
С праздником 8 марта!С праздником 8 марта!
С праздником 8 марта!Vadim Zhartun
 
Lauren’s lovely long lasting summer
Lauren’s lovely long lasting summerLauren’s lovely long lasting summer
Lauren’s lovely long lasting summerThe Lower School
 
Unite Chat Verkoop Folder
Unite Chat Verkoop FolderUnite Chat Verkoop Folder
Unite Chat Verkoop Foldermaarten44
 
Serap mutlu akbulut 21 şubat 2014 konserinden resimler
Serap mutlu akbulut 21 şubat 2014 konserinden resimlerSerap mutlu akbulut 21 şubat 2014 konserinden resimler
Serap mutlu akbulut 21 şubat 2014 konserinden resimleraokutur
 

Viewers also liked (20)

Design2Disrupt: Hannu Kauppinen - The Programmable World
Design2Disrupt: Hannu Kauppinen - The Programmable WorldDesign2Disrupt: Hannu Kauppinen - The Programmable World
Design2Disrupt: Hannu Kauppinen - The Programmable World
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
DeNAの動画配信サービスを支えるインフラの内部 #denatechcon
DeNAの動画配信サービスを支えるインフラの内部  #denatechconDeNAの動画配信サービスを支えるインフラの内部  #denatechcon
DeNAの動画配信サービスを支えるインフラの内部 #denatechcon
 
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
 
Jordan Jarecke Slide
Jordan Jarecke SlideJordan Jarecke Slide
Jordan Jarecke Slide
 
The Norwegian Gem
The Norwegian GemThe Norwegian Gem
The Norwegian Gem
 
Vizualization effect on microbres citrex
Vizualization effect on microbres citrexVizualization effect on microbres citrex
Vizualization effect on microbres citrex
 
MIF Marketplace presentation
MIF Marketplace presentationMIF Marketplace presentation
MIF Marketplace presentation
 
03.Controls in Windows Phone
03.Controls in Windows Phone03.Controls in Windows Phone
03.Controls in Windows Phone
 
Homes within reach.status 2012
Homes within reach.status 2012Homes within reach.status 2012
Homes within reach.status 2012
 
animations
animationsanimations
animations
 
yaM /yet another Meeting/ [Web Ready 2010]
yaM /yet another Meeting/ [Web Ready 2010]yaM /yet another Meeting/ [Web Ready 2010]
yaM /yet another Meeting/ [Web Ready 2010]
 
Segurtasuna Interneten
Segurtasuna InternetenSegurtasuna Interneten
Segurtasuna Interneten
 
Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010
Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010
Cmed Technology Timaeus5 Hot Spot Press Release- Oct18, 2010
 
Open Days Ingria "Коротко о коммуникациях"
Open Days Ingria "Коротко о коммуникациях"Open Days Ingria "Коротко о коммуникациях"
Open Days Ingria "Коротко о коммуникациях"
 
С праздником 8 марта!
С праздником 8 марта!С праздником 8 марта!
С праздником 8 марта!
 
Lauren’s lovely long lasting summer
Lauren’s lovely long lasting summerLauren’s lovely long lasting summer
Lauren’s lovely long lasting summer
 
Unite Chat Verkoop Folder
Unite Chat Verkoop FolderUnite Chat Verkoop Folder
Unite Chat Verkoop Folder
 
DemolaSPB
DemolaSPBDemolaSPB
DemolaSPB
 
Serap mutlu akbulut 21 şubat 2014 konserinden resimler
Serap mutlu akbulut 21 şubat 2014 konserinden resimlerSerap mutlu akbulut 21 şubat 2014 konserinden resimler
Serap mutlu akbulut 21 şubat 2014 konserinden resimler
 

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

グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607
グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607
グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607Yuta Saito
 
サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとはMakoto Shimizu
 
サイボウズ デザイン&リサーチ紹介
サイボウズ デザイン&リサーチ紹介サイボウズ デザイン&リサーチ紹介
サイボウズ デザイン&リサーチ紹介Satoshi Shibata
 
ウェブサービスの企画とデザイン
ウェブサービスの企画とデザインウェブサービスの企画とデザイン
ウェブサービスの企画とデザインShuhei Iitsuka
 
ヘルプサイトの制作プロセス
ヘルプサイトの制作プロセスヘルプサイトの制作プロセス
ヘルプサイトの制作プロセスNaohiro Nakata
 
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話Yusuke Goto
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planningTakashi Sakamoto
 
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)Kazuhiko Tsuchiya
 
Slide pocket開発物語
Slide pocket開発物語Slide pocket開発物語
Slide pocket開発物語Yuxio tech
 
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)Jiji Kim
 
菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)
菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)
菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)schoowebcampus
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..c-mitsuba
 
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳schoowebcampus
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることMasahiko Yoshikawa
 
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編Mari Takahashi
 
BPSttudy#84 アイデアをカタチにする方法
BPSttudy#84 アイデアをカタチにする方法BPSttudy#84 アイデアをカタチにする方法
BPSttudy#84 アイデアをカタチにする方法Haruo Sato
 
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)CREATIVE SURVEY
 

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

Visual Thinking
Visual ThinkingVisual Thinking
Visual Thinking
 
グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607
グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607
グローバルを目指すサイボウズ式UXリサーチ_UT事例発表170607
 
サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとは
 
サイボウズ デザイン&リサーチ紹介
サイボウズ デザイン&リサーチ紹介サイボウズ デザイン&リサーチ紹介
サイボウズ デザイン&リサーチ紹介
 
ウェブサービスの企画とデザイン
ウェブサービスの企画とデザインウェブサービスの企画とデザイン
ウェブサービスの企画とデザイン
 
ヘルプサイトの制作プロセス
ヘルプサイトの制作プロセスヘルプサイトの制作プロセス
ヘルプサイトの制作プロセス
 
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planning
 
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
 
Slide pocket開発物語
Slide pocket開発物語Slide pocket開発物語
Slide pocket開発物語
 
Webdirection
WebdirectionWebdirection
Webdirection
 
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
 
菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)
菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)
菊池崇のレスポンシブWEBデザイン道場(1限目:マーケティングから考えるRWD)
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..
 
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
 
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
 
BPSttudy#84 アイデアをカタチにする方法
BPSttudy#84 アイデアをカタチにする方法BPSttudy#84 アイデアをカタチにする方法
BPSttudy#84 アイデアをカタチにする方法
 
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは(MarkeZineDay2011)
 
インタフェースデザイン-渋谷雄
インタフェースデザイン-渋谷雄インタフェースデザイン-渋谷雄
インタフェースデザイン-渋谷雄
 

More from 力也 伊原

あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)力也 伊原
 
可能性のデザイン
可能性のデザイン可能性のデザイン
可能性のデザイン力也 伊原
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー力也 伊原
 
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ力也 伊原
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ力也 伊原
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?力也 伊原
 
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーションWAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション力也 伊原
 
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応力也 伊原
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ力也 伊原
 

More from 力也 伊原 (10)

あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
 
可能性のデザイン
可能性のデザイン可能性のデザイン
可能性のデザイン
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー
 
15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ15分でわかるモバイルアクセシビリティ
15分でわかるモバイルアクセシビリティ
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
 
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーションWAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
 
NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応NTTデータグループウェブサイトのマルチデバイス対応
NTTデータグループウェブサイトのマルチデバイス対応
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
 

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