高齢層にやさしいwebデザイン って、どんなもの？

アクセシビリティを勉強したい人が集まって、勉強したり相談したりと1歩踏み出す・踏み込む勉強会、Accessibility Step Vol.02でのLTスライドです。
https://a11ystep.connpass.com/event/112654/

※個人で調査、考察して得た見解ですので、ご意見ご感想などいただければ嬉しいです。

高齢層ユーザーは、わからないものは触らない
→ボタンは押せそうな見た目にする
→折りたたまない
→スクロールを予測できるように

高齢層ユーザーは、複雑な操作はあきらめる
→クリック範囲は広く
→ポップアップ、別ブラウザは避ける
→ページ内リンクは避ける

高齢層ユーザーは、エラーが怖い
→入力ミスを防ぐ
→エラーかどうかは都度表示する
→エラーメッセージはやさしく

高齢層ユーザーは、わかる人にまかせたい
→問い合わせの電話番号を表記する
→FAXや郵送でも受け付ける
→オフラインのサポートをする

高齢層ユーザーの特徴
・身体的機能の低下
・知覚や感覚の低下
・注意とワーキングメモリ（短期記憶）の低下

高齢層にやさしいサイトは、高齢層以外のユーザーにも使いやすいサイトになる！

Transcript

1. 高齢層にやさしい webデザイン って、どんなもの？ 2019年１月18日 tossy
2. はじめまして、tossyです。 IT系女子ログ Twitter ブログ @tosssaurus 好き 恐竜、とくにステゴサウルス
3. これって、 アクセシブルじゃないよね⋯
4. わからないものは触らない 高齢層ユーザーは、
5. →ボタンは押せそうな見た目にする ボタン ボタン
6. →折りたたまない 選択してください 大切な選択１ 大切な選択２ 大切な選択３
7. →スクロールを予測できるように
8. 複雑な操作はあきらめる 高齢層ユーザーは、
9. →クリック範囲は広く 大切な選択１ 大切な選択１
10. →ポップアップ、別ブラウザは避ける ×
11. ページ内リンクは避ける
12. エラーが怖い 高齢層ユーザーは、
13. →入力ミスを防ぐ 「半角数字で 　入力してください」 全角・半角 どちらも対応
14. →エラーかどうかは都度表示する × × × ×
15. →エラーメッセージはやさしく 「エラーがあります」 「郵便番号を正しく 　入力してください」
16. わかる人にまかせたい 高齢層ユーザーは、
17. →問い合わせの電話番号を表記する お電話でもお問い合わせできます 000‑0000‑0000
18. →FAXや郵送でも受け付ける
19. →オフラインのサポートをする
20. 高齢層ユーザーの特徴 ・身体的機能の低下 ・知覚や感覚の低下 ・注意とワーキングメモリ（短期記憶）の低下 参考文献：「高齢者心理学」太田信夫 監修　佐藤眞一 編集
21. 高齢層以外のユーザーにも 使いやすいサイトになる！
22. 高齢層にやさしい webデザイン って、どんなもの？ ありがとうございました！ でした。