$30 off During Our Annual Pro Sale. View Details »

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

tossy
January 18, 2019

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

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

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

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

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

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

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

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

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

tossy

January 18, 2019
Tweet

More Decks by tossy

Other Decks in Design

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デザイン って、どんなもの? ありがとうございました! でした。