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

F0ae5a05ec07277aadb66e2874e06ce7?s=47 tossy
January 18, 2019

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

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

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

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

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

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

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

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

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

F0ae5a05ec07277aadb66e2874e06ce7?s=128

tossy

January 18, 2019
Tweet

Transcript

  1. 高齢層にやさしい webデザイン って、どんなもの? 2019年1月18日 tossy

  2. はじめまして、tossyです。 IT系女子ログ Twitter ブログ @tosssaurus 好き 恐竜、とくにステゴサウルス

  3. これって、 アクセシブルじゃないよね⋯

  4. わからないものは触らない 高齢層ユーザーは、

  5. →ボタンは押せそうな見た目にする ボタン ボタン

  6. →折りたたまない 選択してください 大切な選択1 大切な選択2 大切な選択3

  7. →スクロールを予測できるように

  8. 複雑な操作はあきらめる 高齢層ユーザーは、

  9. →クリック範囲は広く 大切な選択1 大切な選択1

  10. →ポップアップ、別ブラウザは避ける ×

  11. ページ内リンクは避ける

  12. エラーが怖い 高齢層ユーザーは、

  13. →入力ミスを防ぐ 「半角数字で  入力してください」 全角・半角 どちらも対応

  14. →エラーかどうかは都度表示する × × × ×

  15. →エラーメッセージはやさしく 「エラーがあります」 「郵便番号を正しく  入力してください」

  16. わかる人にまかせたい 高齢層ユーザーは、

  17. →問い合わせの電話番号を表記する お電話でもお問い合わせできます 000‑0000‑0000

  18. →FAXや郵送でも受け付ける

  19. →オフラインのサポートをする

  20. 高齢層ユーザーの特徴 ・身体的機能の低下 ・知覚や感覚の低下 ・注意とワーキングメモリ(短期記憶)の低下 参考文献:「高齢者心理学」太田信夫 監修 佐藤眞一 編集

  21. 高齢層以外のユーザーにも 使いやすいサイトになる!

  22. 高齢層にやさしい webデザイン って、どんなもの? ありがとうございました! でした。