Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

→折りたたまない 選択してください 大切な選択１ 大切な選択２ 大切な選択３

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

→クリック範囲は広く 大切な選択１ 大切な選択１

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

ページ内リンクは避ける

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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