【レスポンシブウェブデザインは万能ではない】スマホ専用サイトの必要性について（前編）

レスポンシブウェブデザインは正しい？

スマートフォンとタブレット端末の普及で、WebサイトはPCだけではなく、スマートフォンを始めとする様々な端末からのアクセスを考慮した設計が求められるようになりました。
そこで普及し続けているのが、レスポンシブウェブデザイン。
ご存じの方も多いと思いますがレスポンシブウェブデザインは一つのHTMLファイルで構成され、画面サイズの変化により画像・文字サイズ、段組やボタンなどの見せ方を変化させています。基本的にはどんなデバイスからでも見やすいように設計されています。
また、1か所更新すればすべてのデバイスでその更新が反映できるため、企業のWEB担当者にとっても更新管理が安易になります。さらにGoogleが推奨していることもあり、検索エンジン最適化の観点からも非常に有効なウェブデザインと言えます。

と、いいことばかりに見えるレスポンシブウェブデザイン。今やスタンダードになりつつありますが、本当にレスポンシブ化させることが正しいのでしょうか？
ユーザーにとって真に使いやすいWEBサイトとは？
本記事ではレスポンシブウェブデザインのメリット・デメリットを検証し、効果的なWEBサイトの在り方を前編・後編に分けて考えてみます。

WEB制作サイドから見たデバイス対応の歴史

当初WEBサイトといえば、PC閲覧を主眼に制作されていました。特徴として、WEBサイト上のあらゆる要素が固定幅になっていました。アニメーション要素はすべてflash。また、ネット環境が今ほど高速ではなかったため、表示スピードを保つためにも、画像サイズを圧縮し、キレイに見えるぎりぎりのところまで圧縮する必要がありました。
加えて、Internet Explorerの問題。これが本当に厄介で、バージョンごとに異なるバグが発生します。Internet Explorerのシェア率は非常に高く、このバグをすべて抑える必要がありました。そのため、WEB制作者はどのブラウザ・バージョンでも同じように見えるよう、できる限りの創意工夫を凝らし、時には力技でなんとかしながら対応してきました。
その後、Internet Explorerについては、Microsoftが徐々に古いバージョンのサポートを終わらせていき、現在ではそれほど気にしなくとも、支障がなくなってきています。

このようにInternet Explorerの問題が終息していく少し前、iPhoneが登場し、その後Androidが登場し、急速にスマートフォンが普及します。今度は「スマホ対応」が大きな課題となってきました。当時、PCサイトでは定番であったflashをappleがサポートをしないと宣言したため、iPhoneではアニメーションの実装もままならない状態でした。今でこそHTML5やCSS3、javascriptで様々なインタラクティブ要素が実装されていますが、当初は実用段階ではなく、ブラウザやデバイス、バージョンごとにそれぞれ対応していました。
そうこうしているうちに、タブレット端末や、大きめのスマホなどが次々と登場し、そろそろどこまで対応したらいいかわからない…という段階になり、レスポンシブウェブデザインが登場。1ソースですべてのデバイスで表示できるというレスポンシブウェブデザインは、非常に画期的な方法であり、レイアウトの組み替えがしやすいフラットデザインの流行したことや、googleがスマホ対応を必須にしたことも後押しして、多くのWEBサイトに取り入れられていくこととなりました。

次回、レスポンシブ化のメリット・デメリットを見ながら、適切なサイトデザインを考えてみたいと思います。