スマートフォンで見た事務所ホームページ、相談者の方の画面を確かめるポイント

相談者の方の画面で見ることが大切な理由

事務所のホームページを作るとき、制作会社はスマートフォンでも表示が崩れないように作っています。これを「レスポンシブ」という作り方と呼びます。ただし、崩れていないことと、相談者の方が読みやすく、迷わず次の行動に進めることは、少し違う話です。

たとえば、パソコンの画面では余白にゆったり収まっていた電話番号や相談フォームへのボタンが、スマートフォンの縦長の画面では何度も指でスクロールした先にしかない、ということがあります。急いで探している相談者の方が、途中で探すのをやめてしまうかもしれません。ホームページが「ある」ことと、相談者の方にとって「使える」ことは別だと考えて、一度ご自身のスマートフォンで確かめてみてください。

文字の大きさと行間を確かめる

まず確かめたいのは、本文の文字の大きさです。スマートフォンの画面を拡大しなくても、無理なく読める大きさになっているでしょうか。顧問先や相談者の方には、年配の方も少なくありません。小さな文字が詰まって並んでいると、読む前に離れてしまうことがあります。

• 見出しと本文の文字の大きさに、はっきりとした違いがあるか
• 行と行の間が詰まりすぎず、目で追いやすいか
• 横に長い表や画像が、画面からあふれて見切れていないか
• 画面を横にしなくても、縦のまま最後まで読めるか

拡大しないと読めない、横にスクロールしないと表がすべて見えない、という状態であれば、制作会社や保守の担当に相談してみてください。文字の大きさや表の作り方は、デザインを大きく変えずに直せることが多い部分です。

ボタンと電話番号の押しやすさを確かめる

次に、指で押す場所を確かめます。パソコンではマウスで小さな文字リンクでも正確にクリックできますが、スマートフォンでは指先で押すため、ボタンが小さい、ボタンどうしが近すぎる、という状態だと、押し間違いや押しにくさにつながります。

電話番号が押すとそのまま電話がかかる仕組みになっているかは、特に確かめていただきたい点です。相談を考えている方が「電話で聞いてみよう」と思ったときに、番号を目で読んで自分で入力し直す手間があると、そこで気持ちが切れてしまうことがあります。無料の自動診断（こちら）でも、ホームページ全体の状態を確かめられますので、合わせてご利用ください。

相談フォームの入力しやすさを確かめる

相談フォームは、事務所にとって相談者の方との最初の接点になる、特に大切な場所です。スマートフォンから実際に入力してみて、次の点を確かめてみてください（送信ボタンは実際には押さず、途中で止めて構いません）。

1. 入力欄の大きさを確かめるお名前やご相談内容を入力する欄が、指で押しやすい大きさになっているか確かめます。
2. 入力の種類を確かめる電話番号を入れる欄で数字の画面が出るか、メールアドレスの欄で記号が出やすい画面になるかを見ます。
3. 選択肢の見え方を確かめる「相談内容」などをプルダウンや選択肢で選ぶ場合、選びにくい小さな表示になっていないか確かめます。
4. 送信前の確認画面を見る入力した内容の確認画面が、スマートフォンでも見やすく表示されるか確かめます。

入力の途中で画面が崩れる、文字がボタンからはみ出す、といった不具合が見つかった場合は、事務員さんだけで直せる部分ではないことが多いので、早めに制作会社や保守の担当に伝えてください。相談フォームの通り道そのものについては、相談フォームに書かれた内容はどこを通る？でも扱っていますので、合わせてご確認ください。

確かめた結果を、どう直してもらうか

気になる点が見つかったら、画面を見ながら伝えるのが一番確実です。文章だけで「文字が小さい」と伝えるよりも、スマートフォンの画面を撮影したものを見せながら「このボタンがこの指だと押しにくい」と伝えるほうが、制作会社にも状況が伝わりやすくなります。

• 気になった画面のスクリーンショットを残しておく
• 使った機種（お使いの電話の種類）もあわせて伝える
• 直してもらったら、同じ場所をもう一度スマートフォンで確かめる
• 次の更新のときにも、同じ観点で見てもらえるよう伝えておく

事務所のホームページの更新を事務員さんが自分で行っている場合は、更新のたびにスマートフォンでの見え方まで確かめるのは手間がかかります。どこまでを事務所で見て、どこからを外部に頼むかの分け方は、更新は自分でするか外に頼むかもご参考にしてください。

一度きりにせず、見る仕組みにする

スマートフォンでの見え方は、一度確かめて終わりにできるものではありません。お知らせを追加した、料金表を改定した、相談フォームの項目を増やした、といった更新のたびに、見え方が少しずつ変わることがあります。更新の頻度の決め方については更新はどのくらいの頻度で？でも触れていますので、合わせてご覧ください。

見た目の崩れとは別に、ホームページの土台そのものが古くなっていないかも気になるところです。HPドクターの無料の自動診断では、約10秒でホームページの状態を確かめられます。継続して見守る場合は、AIみまもり＋AIチャットが月額1,500円・14日間無料です。週3回（月・水・金）サイトを診断し、変化があったときだけお知らせしますので、スマートフォンでの見え方を含めた変化にも気づきやすくなります。今の制作会社との契約はそのままで、人に相談したい場合は無料でご相談いただけます。保守契約の見直しを考えている場合は保守契約を見直す前に確かめたいことも参考にしてください。