レスポンシブWebデザインの3つのポイント

Point 1

既存のデバイスにも、今後発売されるエマージングデバイスにも対応できる！

既に多くのタブレット、スマートフォンが発売され、ある記事ではWebコンテンツを閲覧できるスクリーンの数は35億以上と言われています。

これら１つひとつに対応することは非常に難しいと容易に想像できます。コスト面においても回線テストのため端末をアクティブして検証する必要があり、端末機器の値段以外に毎月の契約費用が発生します。

レスポンシブWebデザインでは画像やレイアウトのサイズの可変ができるので端末ごとに振り分けをしなくてもマルチデバイス対応が可能です。

Point 2

1つのURLであることのメリットは大きく3つあります。1つ目は”ユーザーのマインド”です。「パソコンページで見たあのページの情報をみたい。」と思っても振り分けされていたら見ることができません。

2つ目は”ソーシャルメディアではほぼ1つのURLしか掲載できない！”ということです。ページのターゲットデバイスに入っていなければユーザーの友達はそのURLを見ることができません。せっかくソーシャルメディアも台無しです。

3つ目は"1つのHTMLだから更新作業が少なくて済む"ことです。振り分けの場合、スマートフォン、タブレット、パソコンだけでも3つのページを更新しなくてはなりません。振り分け端末ごとに更新するページが増えるのは大変です。

Point 3

Googleが2012年にスマートフォンに最適化したサイト制作手法を発表しました。発表された３つの手法の中で、一番オススメされているのが「レスポンシブWebデザイン」です。

また、スマートフォンサイトを導入した企業の半数以上が売上げアップなど直接的な効果を上げていると言われています。

レスポンシブWebデザイン関係の書籍で売り上げNo.1の著者による講座です。
実践で迷いやすい最適な切り替え（ブレイク）ポイントの設置箇所などベストプラクティスをご紹介します。