Design Management

Vol.80

author

ストラテジック・デザイナー

T.M.

高齢者向けWebサイトはどう設計する?

- 文字だけでなく、迷いと不安を減らす

この記事の対象:
高齢の利用者にも情報を届けたい企業や医療・公共サービスの責任者広報・Web担当者
高齢者向けWebサイトでは、文字を大きくするだけでなく、言葉、色、押しやすさ、戻りやすさ、相談方法まで整えることが大切だ。年齢で決めつけず、実際の利用場面を確かめると、誰にとっても安心して使える体験になる。
dotted lineこの記事の対象
高齢の利用者にも情報を届けたい企業や医療・公共サービスの責任者広報・Web担当者
dotted line

この記事でわかること

  • 文字を大きくするだけでは足りない理由
  • 見やすい文字と色の整え方
  • 押しやすく戻りやすい導線
  • 実際の利用者と確かめる方法
stuffstuff

文字を大きくすれば使いやすくなる?

文字を大きくすれば使いやすくなる?

見る、理解する、操作する負担をまとめて減らす

見る、理解する、操作する負担をまとめて減らす

高齢者向けWebサイトというと、文字を大きくすることだけが先に思い浮かぶ。けれども、文章が難解で、押すところが小さい、前の画面へ戻れない、問い合わせ先が見つからないと、不安は残る。

必要なのは、見る、読む、理解し、操作する、困った際に相談するまでの負担を減らすことだ。使いにくさは年齢だけで決まらず、端末、明るさ、体調、経験によっても変わる。高齢者への配慮を特別な対応にせず、誰も迷いにくいブランド体験として整えることが大切だ。

高齢者を一つの像で考えてよい?

高齢者を一つの像で考えてよい?

年齢ではなく、場面ごとの負担を見ます

年齢ではなく、場面ごとの負担を見ます

年齢が同じであっても、日頃からスマートフォンを使う人と、電話を中心に使う人では慣れが違う。視力や手の動かしやすさだけでなく、急いでいる時、不安が強い時、屋外で見る時にも使い方は変わる。

まず、誰が、どういった状況で、何のために使うかを決める。次に、文字が読めない、言葉がわからない、押し間違える、途中で戻れないという負担を動きごとに書き出す。年齢から答えを決めず、場面から困りごとを見つけると、必要な改善点を具体的に選べるようになる。

見やすい画面はどうつくる?

見やすい画面はどうつくる?

文字、行間、言葉、色の差を一緒に整えます

文字、行間、言葉、色の差を一緒に整えます

文字は、ただ大きければ良いわけではない。細すぎる書体、狭い行間、長い一文、背景との差が小さい色は、読む負担を増やす。知らない英字や略語が続くと、内容を理解する前に読むことをやめてしまう。

本文は十分な大きさと太さを保ち、行間と段落の間に余白を取ります。一文を短くし、専門用語には身近な説明をそえる。文字と背景には十分な明暗差をつけ、色だけで大切な在り方を伝えずに、文字や言葉、余白、色をまとめて見ることで、読みやすさを安定させられる。

専門的な情報をどう安心につなげる?

専門的な情報をどう安心につなげる?

説明と相談を、利用者の不安から組み立てる

説明と相談を、利用者の不安から組み立てる

おうじクリニックのPROJECTSでは、専門的でわかりしにくい治療情報や、費用、通院への不安に向き合い、患者さんが選びやすい情報支援の在り方を整えた。対面の支援とオンライン相談を組み合わせ、地域で続けて相談できる安心を形づくっている。

医療に限らず、不安がある時ほど、使う人は長い説明を一度では理解しきれない。要点を分け、次に何をすればよいかを示し、電話や相談への道を見つけやすくする。高齢者向けWebサイトでは、情報の正しさと同等くらいに質問できる在り方が信頼につながる。

押し間違いと迷いをどう減らす?

押し間違いと迷いをどう減らす?

大きな操作と、わかる言葉、戻れる道を用意する

大きな操作と、わかる言葉、戻れる道を用意する

小さな文字のリンクや、隣との間がせまいボタンは押し間違いを生む。記号だけのボタンは、意味を知る人には早くても、初めて使う人には伝わらない。申し込みの途中で前へ戻れないと、はじめからやり直す負担も生じてしまう。

よく使うそうさは十分な大きさと間隔を取り、記号には短い言葉をそえる。今どこにいるか、次に何が起きるか、取り消せるかを見えるようにする。電話で相談したい人のために、電話番号と受付時間も見つけやすく置く。自分に合うやり方を選べることが、安心につながるのだ。

本当に使いやすいか、どう確かめる?

本当に使いやすいか、どう確かめる?

重要な一つの行動を、実際の利用者と試す

重要な一つの行動を、実際の利用者と試す

制作する側が使いやすいと思っても、使う人が同じように感じるとは限らない。社内の人は画面の意味を知っているため、初めて使う人が迷うところをついつい見落としやすくなってしまうだ。

まず、予約、資料請求、場所の確認など、重要な動きを一つ選ぶ。高齢の使う人に実際の端末で試してもらい、止まったところ、読み直したところ、助けを求めたところを記録する。公開後も問い合わせや離脱の多い画面を見直す。こうした小さな検証をくり返すほうが、思いこみだけで全体を直すより確かな見直しになる。

高齢者への配慮はブランドにどう関わる?

高齢者への配慮はブランドにどう関わる?

だれも取り残さない姿勢を、接点の使いやすさで示す

だれも取り残さない姿勢を、接点の使いやすさで示す

高齢者向けWebサイトを整えることは、一部の人だけへ特別に対応することではない。見やすい文字、わかる言葉、押しやすいそうさ、戻れる道、相談できる手段は、誰にとっても役立つ。

BOELは、使いやすさを画面だけの問題ではなく、会社が使う人へどのように向き合うかを示す振る舞いだと考える。困っている人を急がせず、自分に合うやり方で選べるようにする。その一貫した配慮が、安心して関われるブランドの信頼を育てることになるのだ。

著者について

企業やサービスの価値を整理し、利用者の体験と事業の判断をつなぐブランド設計に取り組んでいます。

この記事のテーマ

#デザイン#webデザイン#色彩#UI・UX

FAQ

高齢者向けWebサイトでは、文字をどこまで大きくすればよいですか?
数字だけで決めず、書体の太さ、行間、背景との明暗差、端末での見え方をいっしょに確かめます。拡大しても内容が切れず、操作が続けられることも大切です。
高齢者だけを対象に利用確認する必要がありますか?
主な利用者に高齢の方がいるなら、実際に試してもらうことが重要です。ただし、見やすさや戻りやすさは多くの人に役立つため、年齢の異なる利用者も加えると改善の広がりを確認できます。
何から改善すればよいですか?
予約や問い合わせなど、事業と利用者の両方にとって重要な一つの行動から始めます。途中で止まる場所を見つけ、文字、言葉、操作、相談方法の順に原因を分けて直します。
PREV
Vol.62企画の作り方とは?
NEXT
Vol.83多言語Webサイトはどう設計する?

MORE FOR YOU

ビジョンをデザインし、ブランドの未来を変える次の視点。