最近ホームページを作りたい、見直したい、という相談を受ける中で、
まずお伝えしていることがあります。
それは、
今、ホームページはほとんどスマホで見られている
という事実です。
実際に多くの会社のアクセスデータを見ると、
7割前後、業種によっては8割以上がスマホというケースも珍しくありません。
つまり、
「パソコンで見たときにきれい」
だけでは、もう十分とは言えない時代になっています。
スマホで見る人は、じっくり読んでくれません
ここは少し厳しい話ですが、とても大事なポイントです。
スマホでホームページを見る人は、
- 移動中
- 仕事の合間
- 夜に少しだけ
- 何となく気になって
という状況がほとんどです。
つまり、
腰を据えて読む前提ではないのです。
よくある失敗
- 文章が長い
- 説明が丁寧すぎる
- 一画面に情報が多い
作る側としては「ちゃんと説明したい」気持ちなのですが、
見る側はそこまで付き合ってくれません。
これは好みの問題ではなく、
スマホという道具の特性によるものです。
スマホ向けのホームページで大切なのは「分かりやすさ」
スマホで見られるホームページで一番大切なのは、
考えなくても分かること
です。
良くない例
- 何の会社か分かるまでスクロールが必要
- 専門用語が多い
- 結局、何をしてほしいのか分からない
これでは、
ページを閉じられてしまいます。
良い設計の考え方
- 最初に「何の会社か」「誰向けか」が分かる
- 見出しを読むだけで内容が理解できる
- 下にスクロールすると、自然に話がつながる
スマホでは
読むというより、流し見る
この前提で作る必要があります。
スマホでは「迷わせない」ことがとても重要です
スマホの画面は小さいため、
人はすぐに迷います。
- メニューがどこか分からない
- 戻り方が面倒
- どこを見ればいいのか分からない
この状態になると、
ほぼ確実に離脱されます。
ありがちな勘違い
「いろいろ見てもらいたいから、情報をたくさん置く」
これは逆効果です。
スマホ向けの考え方
- 見てほしい順番を決める
- 一本道のように案内する
- 次に何をすればいいかを明確にする
スマホでは
回遊よりも、案内
これが正解です。
問い合わせボタンは「最後」ではなく「途中」に必要です
よくあるのが、
- 問い合わせボタンが一番下だけ
- 小さくて目立たない
- 何をするとどうなるか分からない
というケースです。
スマホの場合、
「あとで問い合わせしよう」と思っても、
そのまま忘れられます。
スマホ向けの工夫
- ボタンは押しやすい大きさ
- 色は背景としっかり区別
- 文言はやさしく具体的に
例：
- 「まずは無料で相談する」
- 「営業されませんのでご安心ください」
- 「LINEで気軽に聞く」
今の気持ちを逃がさない
これがスマホではとても重要です。
「スマホ対応しています」だけでは足りません
よく聞く言葉に
「スマホ対応しています（レスポンシブです）」
があります。
これは間違いではありませんが、
それだけでは不十分です。
レスポンシブは
画面サイズに合わせて表示を変える技術の話です。
本当に大切なのは、
- スマホでの読み順
- スマホでの視線の流れ
- スマホでの判断スピード
これを考えた設計そのものです。
まとめ：スマホで見るホームページは別物です
スマホで見るホームページは、
- 小さなパソコン画面
- 情報を全部載せる場所
ではありません。
- 分かりやすく
- 迷わず
- 行動しやすい
この3つがそろって、初めて意味を持ちます。
これからホームページを作るなら、
「デザインがきれいか」よりも、
スマホで見たときに、分かるか・動けるか
ここを大切にしてみてください。