レスポンシブデザイン

レスポンシブデザインとは、ユーザーの端末環境（パソコン、スマホ、タブレット等）に関係なく、同じURLでサイトを閲覧することができ、端末環境に応じて（つまりレスポンシブに）自動的に見やすい表示に切り替わるデザインのことを言います。

以前はパソコンサイトと携帯サイトが別々に分かれていましたが、レスポンシブデザインを使えば、どの端末環境にも共通のURL、HTML、CSSを使用するので、管理が容易になります。また、パソコンでは表示されているのにスマホでは表示されないといったエラーを避けることもできます。

しかしながら、パソコン用のHTMLコードやCSSはスマホ上で読み込む際に時間がかかることもあり、掲載する情報はシンプルにしてできるだけ読み込み時間がかからないようにすることが重要です。その他、パソコンサイトのテキストが画像が多すぎる場合、スマホ上では文字が溢れてしまうといった事も発生します。

レスポンシブデザインはあくまで選択肢の一つであり、自社のターゲットユーザーがどのような端末環境を好み、どのような場面で自社のホームページを利用するかを考えて、適切なデザインを選ぶのが良いでしょう。


​




​