スマホ表示は自分で確認できる?

スマホ表示は自分で確認できる?

記事
コラム
はい、特別な道具は要りません。手元のスマホでサイトを開けば、それがそのままお客様の見え方です。パソコンでも、ブラウザ(=サイトを見るソフト)の窓を細くすれば、近い形で確かめられます。

PCでも見られる仕組み


今のホームページの多くは、画面の幅に合わせて中身が並び替わる作りになっています。横に3つ並んでいた写真が、幅が狭くなると縦1列になる、といった動きです。

イメージとしては、吊るし方を変えられるカーテンに近いです。同じ布でも、窓が広ければ横に広がり、狭ければ畳まれて縦に長くなります。布そのものは1枚なのに、見え方だけが変わるわけです。

ですからパソコンの画面でブラウザの窓を左右から縮めていくと、途中でレイアウトが切り替わります。その状態が、スマホでの見え方のおおよその目安になります。本番の確認は実機が確実ですが、作業中のチェックにはこの方法が手軽です。

1台だけだと見落とす


よくあるのが、自分のスマホ1台で見てOKと判断してしまうケースです。スマホは機種によって画面の幅も文字の大きさも違うため、別の端末では印象が変わることがあります。

可能なら、次のような条件違いで見てみると安心です。

・iPhoneとAndroid
・大きめの画面と小さめの画面
・横向きにした状態
・文字サイズを大きく設定した端末
・Wi-Fiではなくモバイル回線

もう一つ多いのが、修正したはずなのに古い表示のままに見える、という相談です。これはスマホが前回の表示を一時的に保存しているために起こります。ページを再読み込みする、時間を置いて開き直す、別の端末で開く、といった方法で確認してみてください。

見るべきポイント


確認するときは、細かいデザインより先に「困らないか」を見ると判断しやすくなります。文字が小さすぎて読みづらくないか、ボタンが指で押しやすい大きさか、電話番号や問い合わせ先がすぐ見つかるか、といった点です。

横にはみ出していないかも大事です。指で左右にずれてしまう場合は、画像や表が画面幅をはみ出していることが多いです。気になった画面は、スクリーンショットを撮って制作者に渡すと話が早く進みます。どの機種で、どのページの、どこが気になったかが伝われば十分です。

まとめ


スマホ表示の確認は、知識がなくてもできます。自分のスマホで開き、読みやすさと押しやすさを見るだけで、かなりの部分がわかります。

気になる箇所が出てきたら、画面の写真を添えて伝えてみてください。迷ったときは、制作を依頼する前に質問だけしてもらっても大丈夫です。

▼ ホームページ制作のご相談はこちら
サービス数100万件のスキルマーケット、あなたにぴったりのサービスを探す