シニア向けサイト制作

シニア向けサイト制作

  1. シニア向けサイト制作

◆スマートフォンが普及し、インターネットが手軽に楽しめるようになった現代ですが、その多くが若年層向けのインターフェースになっており、シニア層のユーザビリティを考慮しない設計になっているものがほとんどです。

スマートフォンサイズの画面だと文字が小さくて見えづらい、狭い項目にメニューが密集しており上手く押せない、ホームページの構成が複雑で迷ってしまい使い勝手が悪い。こういった問題を解消し、ご高齢のユーザーに配慮したホームページを設計、制作いたします。

シニア層のお客様が多い事業者様に最適なご提案をさせていただきますので、ぜひ一度ご相談ください。

文字の大きさ・文字間・行間

一般的なホームページのフォントサイズは14px~16pxの間で作成されています。Googleが推奨するフォントサイズが16pxとなっておりますが、あくまで一般的なユーザー層を基準としたサイズです。

視力の低下を考慮した場合、文字サイズを大きめに設定するとともに、文字間や行間に十分な余白を設けることで視認性が向上します。

× 通常のテキスト見本

一般的なホームページで多く使われている16pxのフォントサイズのテキスト見本です。この文字の大きさですと、視力が低下したシニアユーザーには文字が小さすぎて、ピントが合わせづらく、文字がぼやけて見えてしまうといったことがおこり、読み取るのに非常に苦労します。

シニア向けテキスト見本

シニアユーザーに見やすいテキスト見本です。文字のサイズと太さを大きくし、文字間と行間にスペースを設けています。フォントの種類はUDフォントという、多くの人に分かりやすく、読みやすいように工夫されたフォントを使っています

見やすい配色

配色の選定では、目に優しく、識別しやすい色の組み合わせを使用します。たとえば、背景色と文字色のコントラストを明確にすることで、文字が読みやすくなります。

高齢者の中には白内障や加齢に伴う色覚変化を経験する方も多いため、低コントラストの配色を避け、落ち着いたトーンを基本に、アクセントとして重要な部分には注意を引く色を使用すると、シニア層でも読み進めやすいホームページになります。

[ × 低コントラストで見にくい ]

[ 〇文字がはっきりと見やすい ]

ボタン・リンクの使いやすさ

ボタンやリンクなどの設置は、違う項目を押してしまわないように、ヒットエリア(押せる範囲)の大きさの調整と、各項目ごとに適切なスペースを設ける事が重要です。それとともに、これは何のボタンなのか明確にわかるようにすることも大切です。

普段私たちが当たり前のように使っている言葉やオブジェクトも、シニアの方たちからすると、聞きなれない言葉だったり、直感的にわからないものだったりするのです。

[ × 通常のボタン見本]
目立たず、馴染みのない言葉。

[ 〇 シニア向けボタン見本 ]
立体感のあるデザインでわかりやすい言葉を使う。

[ × 通常のボタン見本]
目立たず、馴染みのない言葉。

[ 〇 シニア向けボタン見本 ]
立体感のあるデザインでわかりやすい言葉を使う。

[ × 通常のメニュー開閉ボタン ]
小さいうえに、何のボタンかわからない。

メニューを開く           

[ 〇 シニア向けメニュー開閉ボタン ]
押せる範囲を広くし、何のボタンかはっきり明示する。

[ × 通常のメニュー開閉ボタン ]
小さいうえに、何のボタンかわからない。

シニアが使いやすいようデザインされたメニューボタン

[ 〇 シニア向けメニュー開閉ボタン ]
押せる範囲を広くし、何のボタンかはっきり明示する。

[ × 通常のメニュー開閉ボタン ]
小さいうえに、何のボタンかわからない。

シニアが使いやすいようデザインされたメニューボタン

[ 〇 シニア向けメニュー開閉ボタン ]
押せる範囲を広くし、何のボタンかはっきり明示する。

このように、視力の低下に加え、手先の衰えにも配慮し、わかりやすく細かな操作を要求しないUI(ユーザーインターフェース)設計が必要になります。

理解しやすいコピー

必要な情報は簡潔にまとめ、カタカナ用語やビジネス用語ではなく、一目で内容が伝わる明確な表現を使うようにします。

  • コスパ重視 → 低価格を実現
  • ○○社とのタイアップ商品 → ○○社と共同開発
  • マストアイテム → 必需品
  • ソリューションを提供 → 解決します

シンプルなぺージ構成

複雑で多層的なページ構成は、シニアユーザーにとって混乱を招く原因になります。そのため、トップページから全ての下層ページに移動できるシンプルなナビゲーションが理想的です。

さらに、ページの読み終わり後に迷わないよう、「戻る」ボタンや「トップページに戻る」リンクを明確に表示する事で、ホームページ全体の使いやすさを向上させることができます。

[ 〇シンプルなサイトマップ ]

[ 〇シンプルなサイトマップ ]

シニアが使いやすいサイト構成の図
シニアが使いやすいサイト構成の図

制作料金・制作期間

ユニバーサルデザイン(全ての人にとって使いやすいデザイン)に見識のある国家資格保有のウェブデザイン技能士が制作を担当いたしますので、レスポンシブ化(スマホ・タブレット対応)に関しても、PC版からスマホ版への単純なレイアウト変更ではなく、実機での細かい調整を重ね、シニア層にも使いやすいUIを実現することができます。

制作料金:
通常のホームページ制作費+シニア向けUI設計・デザイン費 22,000円~

制作期間:2ヵ月~

お気軽にお問い合わせください。070-9055-2439受付時間 9:00-18:00 [ 日・祝日除く ]

お問い合わせ