スマホで見やすいホームページの3つのポイント｜お店のページを見直すときに

こんにちは、MIRAILABO_web（ミライラボ）です。
小さなお店・教室・地域の会社のホームページやLPを作っています。

お店のホームページを見る人の多くは、スマホから見ています。
「Instagramを見て、気になったのでお店の名前で調べてみた」
「Googleマップで見つけて、ホームページを開いてみた」
こんな流れで、お客様は小さな画面からお店のことを知ろうとしています。

パソコンではきれいに見えていても、スマホで見ると「文字が小さい」「ボタンが押しにくい」ということはよくあります。
今回は、スマホで見やすいホームページの3つのポイントをご紹介します。
今のホームページを見直すときの、チェックにも使ってみてください。

ポイント1. 最初の画面で「何のお店か」がわかる

スマホでページを開いたとき、最初に見える画面はとても小さな面積です。
ここで「何のお店か」「どこにあるか」が伝わらないと、そのまま閉じられてしまうことがあります。

チェックしてみてください。
・お店の名前と、何のお店か（美容室・カフェなど）がすぐわかる
・お店の雰囲気が伝わる写真が1枚ある
・「〇〇駅から徒歩5分」など、場所の手がかりがある

いちばん伝えたいことを、最初の画面に1つだけしぼるのがコツです。

ポイント2. 文字が読みやすく、ボタンが押しやすい

スマホで読むときに疲れてしまう原因の多くは、文字とボタンです。

・文字が小さすぎない（指で拡大しなくても読める）
・1行が長すぎず、段落ごとに少し空きがある
・背景と文字の色の差がはっきりしている（うすいグレーの文字は読みにくいことがあります）
・ボタンが小さすぎず、指で押しやすい大きさ
・ボタンどうしがくっつきすぎていない

とくに「予約する」「電話する」などのボタンは、いちばん大事な場所です。
画面の下にいつも表示されるボタンにしておくと、読んでいる途中でもすぐ押せるので便利です。

ポイント3. 知りたいことに、すぐたどり着ける

スマホのお客様は、ゆっくり全部を読むよりも「知りたいことだけ」を探していることが多いです。

・メニューと料金
・営業時間と定休日
・アクセス（地図・駐車場）
・予約やお問い合わせの方法

この4つが、スクロールしてすぐ見つかる場所にあるか見てみてください。
ページの順番を「お客様が知りたい順」にならべるだけで、ぐっと使いやすくなります。

自分のスマホで、一度見てみてください

いちばん簡単なチェック方法は、自分のスマホでお店のホームページを開いて、お客様になったつもりで見てみることです。
「予約したい」と思ったときに、迷わず予約までたどり着けるでしょうか。
ご家族やお友だちに見てもらうのもおすすめです。

MIRAILABO_webでは、スマホで見やすいことをいちばん大切にしてホームページやLPを作っています。
いろいろな雰囲気のサンプルを、プロフィールのポートフォリオに載せていますので、スマホでものぞいてみてください。

「今のホームページを見直したい」「これから作りたい」というときは、お気軽にご相談ください。