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

高齢層にやさしい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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide