menu

多くの企業が取り入れているレスポンシブデザインのメリット&デメリット

リニューアル

スマートフォン市場が毎年2桁の成長を続け、ユーザーの過半数がスマートフォンを使ってインターネットにアクセスしていると言われるなか、企業のWebサイトのリニューアル要件にも入ってくることの多いのがレスポンシブ対応です。

レスポンシブ対応は、画面のサイズに合わせてWebページの表示を最適化させる施策です。レスポンシブ対応が施されたWebサイトのレイアウトはレスポンシブデザインと呼ばれ、Googleもレスポンシブデザインの採用を推奨しています。

レスポンシブデザインのメリットは運用の方法次第でコストを大きく抑制できること。デバイスの種類を問わず共通のHTMLとスタイルシート(CSS)を利用するため、メンテナンスやコンテンツを増やす際もPC向けのWebサイトとスマートフォン向けのWebサイトを別々に更新する必要はありません。

また、カラムやサムネイルの表示がスクリーンサイズによって自動的に調整されるため、小さなディスプレイでも的確な情報を提供することができます。さらに画像やコンテンツの表示が画面のサイズに依存しないので、将来的に新しいデバイスが登場した際にも速やかに対応することができます。

その反面、レスポンシブデザインには少なからずデメリットもあります。その1つはスマートフォンでの表示速度が低下する可能性が高いこと。レスポンシブデザインではディスプレイの大きさに合わせた画像の表示切り替えにスタイルシートが使われるため、スマートフォンでスタイルシートを読み込む際に時間がかかり、ページの表示が遅くなる傾向があります。

また、共通のソースでWebサイトを管理できる一方、もともとPC向けに作成されたレイアウトが崩れたりする可能性もあります。ECサイトなどでよく見られる文字情報を書き加えた画像の場合、スマートフォンでは文字がつぶれたり縮小されたりして読めなくなることがあるため、PCとスマートフォンの両方でユーザビリティを確保しようとすれば、おのずと画像に加える情報量は限られてきます。

そういった意味でレスポンシブデザインは汎用性の高い施策ではありますが、見方を変えれば折衷案でもあり、決して万能ではありません。ネットユーザーの主力がPCからスマートフォンにシフトするなか、自社のサービスや商品の特徴によってはスマートフォン専用のサイトを作り、その運用に注力していくのも有効な選択肢の1つと言えるかもしれません。

リニューアルに関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

Bitbite|ユーザーの「咀嚼」を解析して食生活改善をサポート。 イヤホン型のウェアラブルデバイス

Pawtrack|気まぐれな猫の行動をGPSで追跡。 猫専用のWi-Fi対応・首輪型トラッカー

関連記事

  1. 業界別に見るドローン動画のWebコンテンツ活用事例(1)

    ドローンの登場によって空撮はとても身近な表現方法になりました。ドローンを使って撮影を行うためには国土…

  2. Webサイトの価値をキープするために、パートナー企業に委託したい…

    Webサイトはリリースしてからが本当の勝負になりますが、常にフレッシュな情報を発信してWebサイトの…

  3. モックアップ作成も自分でできる、便利なWeb制作ツール3選

    WordPressやオンライン上の画像編集ソフトなどさまざまなツールが普及し、Webサイトの制作・リ…

  4. 目に見えない部分こそ大事?開発費と検証費用~Webサイトの制作費…

    Webサイト制作はディレクションとデザインだけでは終わりません。ユーザーが快適に閲覧できるよう配慮さ…

  5. 絞り過ぎず、仮説を立てる。具体的な施策を決める「CSF設定」

    Webサイトをリニューアルする目的を具体的な数値に落とし込んでKGIを設定したら、次に取り組んでおき…

  6. ユーザーに新鮮な驚きを与え、想像力を掻き立てる「シネマグラフ」と…

    Webサイトのアイキャッチ効果を高める方法の1つとして最近注目を浴びているのが「シネマグラフ」です。…

  7. Web制作/リニューアルの素材を効率的に管理できるオンラインツー…

    企業のコーポレートサイトなどをリニューアルする場合、社屋の外観写真や社内風景、商品画像といった素材は…

  8. リニューアルをスムーズに進め、運用にもメリットをもたらすデッドラ…

    Webサイトのリニューアルは社内外問わず多くの人が携わるプロジェクトです。リニューアルの要件を制作会…

PICKUP

PAGE TOP