本シリーズ3回目にして早くも（本には書いていない）番外編。。(^^;
CEOブログで、スマートフォンサイトを公開させていただいた話を書きました。
このときはスマホ専用サイトとしてPCサイトとは別に作成しましたが、PCサイトと共通で作ることも可能です。

レスポンシブデザイン

最近お問い合わせの中でも増えてきている「ホームページのスマホ対応」について、その中でも特に「レスポンシブWebデザイン」についてご紹介します。

スマホへの対応

ご存じのようにスマホのブラウザではPCサイトを表示することは可能です。
ただし、画面サイズが小さいのでコンテンツを読むには
拡大縮小したり、横スクロールしたりしながら読むことになるので、一応見ることはできるが使い勝手はイマイチ、、ですね。
慣れている人は、PC用サイトでもガシガシ普通に読んで、そこから商品を注文しちゃったりもしていますが、やはりコンテンツを提供する側としては、スマホユーザーに対応させたホームページを提供したいものです。

レスポンシブWebデザイン

スマホ対応させるにはいくつか技術的手法があります。
最近よく耳にするのが「レスポンシブWebデザイン」という、画面サイズによって自動的にレイアウトを変えて横スクロールなしで見ることができる技術。

これだとスマホ用に別途ホームページを作る必要がなく、ソースも1本化できるので効率的なように思えます。
が、やはり万能な技術ではないので、デメリットや注意して導入しなければならないこともありますので、そこを押さえておきましょう。

(1) レスポンシブ対応の設計が必要

まず第一に、レスポンシブ対応にするには最初の設計段階からレスポンシブデザインを考慮した設計・レイアウト構成を行う必要があります。
レスポンシブを考慮していないデザイン・レイアウトのホームページに、後から適用するのはとても困難です。

(2) ブロック単位にまとまっているようなレイアウト構成に向いている

レスポンシブデザインは、コンテンツがブロック単位にまとまっているようなホームページ構成に向いています。このようなホームページは画面サイズを縮めていったときに、まとまった単位でレイアウトを変えやすいからです。
会社案内のようなクールでカッチリしたコーポレートサイトなどには比較的向いていますが、メルヘンチックやキャラクター系の自由なレイアウトを好むようなホームページには導入しづらいという傾向があります。

(3) スマホユーザーにPC用と同じコンテンツを見せるだけで良いか？

レスポンシブデザインは、基本的にはPC用と同じコンテンツを小さい画面で見やすくする用途で使われることが多いです。
そもそもスマホユーザーには、そのターゲット層に見せるべきコンテンツ（ページや見せ方）があるのではないでしょうか。
であれば同じコンテンツを見やすくするだけではなく、スマホユーザーを対象とした企画設計の「スマホ専用ホームページ」を別途作ることも選択肢としてありかと思います。

もちろんレスポンシブデザインで、画面サイズが小さくなったときに見せるコンテンツを制限したりすることもできますが、そこまで凝ってしまうと、もはや何のために1ソースで作るのか、、という根本的な疑問に行き着いてしまいます。

(4) その他

レスポンシブデザインにすることで技術的難易度が上がります。
そうすると、場合によっては後で自社の担当者が更新しようとしても簡単にはできないケースなどもあり得ますので、事前にそのあたりの考慮も必要です。
また、データベースやシステムと連動しているサイトの場合、システムとの連携がスムーズに行くか考える必要があります。

結論

レスポンシブデザインは、その導入するホームページによって、便利になるケースもありますし、逆に返って不便になる（手間・コストがかかる）ケースもあり得ます。
また そのホームページの目的によりPCサイトと同じコンテンツで良いのか考える必要もあります。
導入しようとするホームページの目的や意義をよく考えて、導入可否を慎重に判断しましょう。