ECサイト制作ならスターズデザイン

中小企業がシンプル&レスポンシブなウェブデザインに目を向けている理由

2014年04月21日

レスポンシブデザイン案件、急増中

近頃、レスポンシブデザインの案件が非常に多くなっています。

かつてモバイル端末でウェブサイトを閲覧するときは、パソコン用にデザインされたウェブサイトを、小さな画面のなかで拡大したりしながら閲覧することが一般的でした。しかし、これは訪問者にとって大きなストレスになっていました。

この問題の対策として、「モバイル専用」のページを制作して、機種ごとに表示ファイルを振り分けるサイトも増えましたが、膨れ上がるファイル数にサイト管理者がストレスを感じることになってしまったのは、笑えない事実です。

しかし今では、レスポンシブデザインによって、単一のページで、多様なデバイスに最適化されたデザインを見せることができるようになったのです。具体例として弊社の制作実績をご覧ください。

レスポンシブデザイン事例 (川原町治療院)

(1) デスクトップパソコンで見たときの閲覧イメージ

幅769ピクセル以上の画面(ウインドウ)で見るときには、「PC向けのデザイン」が表示されるように設定されています。

PC閲覧イメージ

(2)タブレットで見たときの閲覧イメージ

幅481ピクセル以上~768ピクセル以下の画面(ウインドウ)で見るときには、「タブレット向けのデザイン」が表示されます。

タブレット閲覧イメージ

(3)スマートフォンで見たときの閲覧イメージ

幅480ピクセル以下の画面(ウインドウ)で見るときには、「スマートフォン向けのデザイン」が表示されます。

スマートフォン閲覧イメージ

このように、レスポンシブデザインは機種単位の最適化ではなくウインドウサイズによって最適化を行います。スタイルシートでレイアウトの制御を行うため、マルチデバイスに対応したデザインを効率的に管理できることができます。

いまではウェブサイトの新規立ち上げや、リニューアルを予定しているクライアントの8割以上がレスポンシブなデザインを求めてくるといっても過言ではありません。

レスポンシブデザイン注目の理由

レスポンシブがなぜ有効な方法なのか。それは、以下にあげる3つのメリットを知ることで理由が見えてきます。

  • メリットその1
    1つの型で、すべてのデバイスにフィットする
  • メリットその2
    デザインからムダが省かれ、機能的になる
  • メリットその3
    Googleが推奨している

このような理由から、ほとんどの企業サイトがレスポンシブデザインに転換していますが、最大の恩恵は、成約や問い合わせが増加することでしょう。かつて、モバイルからの集客はデスクトップほどコンバージョンにつながらなかったと言われていましたが、その原因の多くは、操作性が劣っていただけのことです。

レスポンシブデザインは完璧なのか?

レスポンシブデザインに対応することはコンバージョン率の向上や、SEOによる集客面でメリットが大きいのですが、落とし穴も存在することを忘れてはいけません。

レスポンシブデザインは完璧なデザイン手法ではありません。あくまでも基準となる「型」があるため、その「型」の中に配置されていないコンテンツは表示することができません。

わかりやすく言い換えれば、スマホとデスクトップで「まったく異なるコンテンツ」を表示させることはできないということです。スマホ専用のコンテンツに大きな価値があるならば、多少の管理の手間があろうとも、冒頭の話のように、「スマホ専用のページ」を作るべきでしょう。

また、デザインの基準にするデバイスをどれにするか、という判断も慎重に行うべきです。

もしもあなたのビジネスのターゲットが10代を中心にしているのであれば、デスクトップパソコンを基準にするよりも、彼らの生活のなかで最も密接な存在になっているスマートフォンを基準にして、コンテンツやデザインを最適化したほうが、ウェブサイトの閲覧体験はより豊かなものになるでしょう。(最近ではこのようなモバイルファーストな考え方が広がってきています)

以上、【中小企業がシンプル&レスポンシブなウェブデザインに目を向けている理由】をお届けしました。

私たちについて

私たちローカルストラテジーは、全国にクライアントをもつデザイン会社です。ECサイト制作、運営代行、コンサルティングのほか、SEO(検索エンジン最適化)など、中小企業のEコマース事業に関する、幅広い支援サービスを取り扱っています。

ECサイトの収益改善にお悩みの経営者様、デザインやコンテンツ作成にお悩みのネットショップ担当者様は、どうぞお気軽にご相談ください。(→問い合わせフォームへ

©2016- ECサイト制作の専門企業 Starsdesign co.,ltd.
中小企業がシンプル&レスポンシブなウェブデザインに目を向けている理由