ホームページ制作について調べていると、「レスポンシブデザイン」という言葉を見かけることがあります。

少し難しそうな言葉ですが、簡単にいうと、パソコンでもスマートフォンでも見やすいように表示を調整する仕組みのことです。

今はスマートフォンからホームページを見る人も多いため、会社のホームページでもスマホでの見やすさは大切です。

この記事では、レスポンシブデザインの意味だけでなく、「自分のホームページはスマホ対応できている？」という確認方法まで、分かりやすく紹介します。

レスポンシブデザインとは？

レスポンシブデザインとは、見る人の画面サイズに合わせて、ホームページの表示を見やすく調整する方法です。

たとえば、パソコンでは横に並んでいる内容をスマートフォンでは縦に並べたり、スマートフォンではメニューをコンパクトに表示したりします。

パソコン用とスマートフォン用に別々のホームページを用意するのではなく、同じホームページをそれぞれの画面で見やすく表示すると考えると分かりやすいです。

スマートフォンだけ見やすければいいわけではない

スマートフォン対応は大切ですが、会社のホームページはパソコンで見られることもあります。

そのため、「スマホだけ」「パソコンだけ」と考えるのではなく、どの画面で見ても情報が分かりやすいことが大切です。

同じ内容でも、パソコンでは横に並べた方が見やすく、スマートフォンでは縦に並べた方が見やすいことがあります。それぞれの画面に合わせて自然に見えるように調整します。

なぜスマートフォン対応が必要？

パソコン用に作られたホームページを、そのままスマートフォンで表示すると、文字やボタンが小さくなってしまうことがあります。

見たい情報があっても、毎回画面を拡大したり、横に動かしたりしないと読めない状態では、見る人にとって負担になります。

会社やサービスに興味を持ってホームページを開いてくれたのに、内容を読む前に「見にくい」と感じられてしまうのはもったいないことです。

スマホ対応できていないホームページで起こりやすいこと

• 文字が小さくて読みにくい
• ページが画面から横にはみ出している
• ボタンやリンクが小さくて押しにくい
• メニューが使いにくい
• 写真が大きすぎたり、小さすぎたりする
• お問い合わせフォームが入力しにくい

特に会社のホームページでは、「電話したい」「問い合わせたい」と思ったときにボタンが押しにくいと、せっかくの機会を逃してしまうこともあります。

自分のホームページは大丈夫？スマホで確認してみよう

専門的な知識がなくても、まずは自分のスマートフォンでホームページを開くだけで確認できます。

• 文字を拡大しなくても読めるか
• 横にスクロールしなくても見られるか
• メニューを迷わず開けるか
• ボタンを押し間違えない大きさになっているか
• 電話やお問い合わせの場所がすぐ分かるか
• お問い合わせフォームを無理なく入力できるか

トップページを見るだけでなく、サービスページや実績、お問い合わせフォームまで実際に操作してみるのがおすすめです。

スマートフォンに限らず、ホームページ全体の見やすさが気になる場合は、「ホームページが見にくいと言われたら？まず見直したいポイント」もあわせてご覧ください。

スマホ対応するには作り直しが必要？

スマートフォンで見にくいからといって、必ずホームページをすべて作り直さなければならないわけではありません。

今のホームページの作り方や状態によっては、部分的な修正で改善できる場合もあります。

一方で、長く使っているホームページで、デザインや掲載内容も古くなっている場合は、スマホ対応だけを直すより、サイト全体を見直した方がよいこともあります。

サイト全体の見直しを考えている方は、「ホームページのリニューアルとは？タイミングと進め方を解説」も参考にしてください。

KENZO724.がスマホ表示で確認していること

KENZO724.では、ホームページ制作時にパソコンだけでなく、スマートフォンでの見え方や使いやすさも確認しています。

• 文字が読みやすいか
• 写真が見やすく表示されているか
• メニューが使いやすいか
• ボタンが押しやすいか
• お問い合わせまで迷わず進めるか
• フォームが入力しやすいか

単に「スマホでも表示される」だけではなく、実際に使ったときに見にくいところや操作しにくいところがないかを確認することが大切だと考えています。

よくある質問

まとめ

レスポンシブデザインとは、パソコンやスマートフォンなど、見る画面に合わせてホームページを見やすく表示する方法です。

まずは自分のスマートフォンでホームページを開き、文字の読みやすさやボタンの押しやすさ、お問い合わせまでの流れを確認してみてください。

見にくいところがあっても、必ずしもすべて作り直す必要はありません。今のホームページの状態に合わせて、必要な対応を考えることが大切です。