スマホで見にくいサイトの共通点

今は多くの人がスマートフォンでサイトを見ます。パソコンではきれいに見えたサイトが、スマホでは読みにくいということはよくあります。スマホで見にくいサイトに共通する点をまとめます。

文字が小さく、行が詰まっている

スマホで一番つらいのが、小さな文字がぎっしり詰まった画面です。パソコン向けの文字サイズをそのまま使うと、スマホでは読むために拡大しなければならなくなります。

本文はスマホでもそのまま読める大きさにし、行の間隔にも余裕を持たせること。読む負担が減るだけで、サイトの印象は大きく変わります。

ボタンやリンクが押しにくい

リンク同士がくっついていたり、ボタンが小さかったりすると、指で押すときに間違えてしまいます。特に「お問い合わせ」や「申し込み」といった大切なボタンが押しにくいと、せっかくの訪問者が離れてしまいます。

ボタンは指で押しやすい大きさにし、周りに余白を取ること。押す場所がはっきりしていると、操作のストレスが減ります。

横スクロールが必要になる

スマホの画面幅に収まっていない表や画像があると、横にスクロールしなければ全体が見えなくなります。横スクロールは読み手の負担が大きく、途中で読むのをやめてしまう原因になります。

表はスマホでも縦に読める形に組み直すか、重要な列だけに絞る。画像も画面幅に収まる大きさに調整する。こうした工夫で、縦スクロールだけで読めるサイトになります。

欲しい情報まで遠い

スマホでは画面に一度に表示できる情報が少ないため、知りたい情報までの道のりが長くなりがちです。営業時間や住所、連絡先といった基本情報がページの奥に隠れていると、読み手は探すのをあきらめてしまいます。

よく探される情報は、トップページや分かりやすい場所に置くこと。読み手の立場で「何を知りたくて来たか」を考えると、配置が見えてきます。

まとめ

スマホで見にくいサイトの共通点は、文字の小ささ、押しにくいボタン、横スクロール、情報までの遠さです。どれも特別な技術ではなく、読み手の立場で画面を確かめることで見つかります。自分のスマホで実際に開いて確かめてみるのが、改善の第一歩です。

沼ラボでは、プロフィールの出品サービスでWeb制作のご相談を受け付けています。「スマホで見やすいサイトにしたい」という段階のご相談も歓迎です。