Web関連

【Web制作】Googleが推奨するレスポンシブはホントにいいの?「レスポンシブに適するサイト/適さないサイト」

0

食事を健康的な物に切り替えて、最近少し痩せてきた吉田です。
今回はWeb制作の中でも今多くのサイトが対応してきているレスポンシブについて。

Googleが推奨しているレスポンシブWebデザインですが、本当に何でもかんでもレスポンシブにすることが良いのか?と言う事を考えてみたいと思います。

レスポンシブWebデザインについて

 

レスポンシブWebデザインとは、アクセスしたデバイスの画面サイズによって、その画面内で最適に収まるよう自動的にレイアウト変更が行われるデザインのことです。
Googleが推奨していることもあり、レスポンシブでサイトを作る企業が増えていますが、逆にレスポンシブをやめる企業もあります。
なぜなのでしょうか。

Web制作会社の視点から考えてみようと思います。

WebサイトをレスポンシブWebデザインで作る理由

 

もともとGoogleが推奨しており、さらにモバイルフレンドリーの件もあって、SEO上有利!と言うのが大きいと思います。
PCもタブレットもスマホも全て単一のURLで閲覧できるので、検索エンジンから見た場合、情報の収集がしやすくなると言う事と、実際にユーザーが閲覧する際には、それぞれのデバイスに最適化された状態で表示できるサイトの方が、ユーザーフレンドリーであるとGoogleが判断しているからですね。
単一URLはシェアしやすいというメリットもあります。
その他、ワンソースで対応できるため、更新などがやりやすい。各デバイスにHTMLを用意する場合と比べると、構造が単純で扱いやすい。
等々、いいことづくしな感じですね。
だったら、全部レスポンシブで対応したらいいじゃないかとなるのが普通です。

でもWebサイトの中には、レスポンシブにしない場合もあるんですね。なぜかと言うところを見て行きましょう。

レスポンシブに適さないWebサイト

 

簡単に言えば、PCで見る場合とスマホで見る場合で、目的が大きく異なるサイトの場合は適しません。

PCでの閲覧は主にその会社の情報を網羅的に見る。

スマホの場合は主に、その会社の持っている店舗情報だけが見られる。

こんな場合にレスポンシブにしてしまうと、スマホで一番見たい店舗情報以外のコンテンツがたくさん表示され、情報にたどり着きづらく、また扱いにくいサイトになってしまう…ということです。

また、レスポンシブはデータが重くなりがちです。スマホ用に表示を隠している項目があるとしても、結局は全て読み込むので、さくっと閲覧したいスマホユーザーにとっては、迷惑な話になってしまう訳です。

重要なのはユーザー目線

そのサイトをレスポンシブにすべきか否かの判断は、そのサイトを利用するユーザーに聞いてみるのが一番です。
もちろん直接聞くわけにはいかないので、ログなどから割り出すしかないのですが、PCのユーザーとスマホのユーザーが何を見てどんな導線をたどるのかを調べれば答えが見えてきます。

まとめ – レスポンシブWebデザイン制作のポイント

PC、スマホ共に同じ利用傾向にあれば、そのサイトはレスポンシブにして問題ないサイトです。
違う導線をたどるのであれば、スマホ用に別立てしてあげる方が、ユーザーにとって便利なサイトになります。

PCとスマホでは1度に表示出来る情報はもちろん、操作のしかたも違います。
そもそも、PCとスマホでアクセスするユーザー自体が大きく異なる場合すらあります。

このあたりに気をつけて、それぞれのデバイスを使うユーザーにとって、どうするとより扱いやすくなるのかを考えてレスポンシブ対応を考えていきましょう。

0

【CMS構築】サーバレンタル~WordPress導入編。前のページ

WEB制作で考えるべきはここだった!心理学から学ぶデザイン次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 新しい販売形態であるDtoCについて考えてみる
  3. AIに求められているものは、実は意外な物だった
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    iPhoneが動かない!慌てる前に試したい緊急措置の方法

    未だにiPhone4Sを使用しています。web制作会社の人間とは思…

  2. SNS関連

    Web制作会社がアパレル業界のSNS戦略について調査してみた

    昨今顧客を取り入れるためにソーシャルメディア(以下SNS)を使っている…

  3. Web関連

    なにがいいの?なぜいいの?GoogleAnalyticsのメリットとは

    Webサイトを運用していたら、一度は聞いたことがある名前「Google…

  4. Web関連

    WEBサーバーの設定に便利な.htaccessの使い方

    WEBサイトを運営するにあたって、切り離せないのがWEBサーバーの設定…

  5. Web関連

    ヤフオク初心者が、ECサイトとは違う気になる点をピックアップしてみた

    こんにちは、デザイナーの角田です。皆さんは、ネットオークション…

  6. Web関連

    ナビゲーション設計に必要なユーザビリティとファインダビリティ

    ナビゲーションとはウェブサイトにおいては、ユーザーを目的の情報へと…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. SEO関連

    Web制作・SEO対策に効果的なコンテンツは人工知能に聞け!
  2. Web関連

    デジタルコンテンツをカード化するサービス conca(コンカ)とは
  3. Web関連

    日用消耗品業界について書きます
  4. Web関連

    顧客満足度を上げるためには従業員満足度も大事!
  5. Web関連

    これだけは覚えておいてほしい、地味に使えるExcelの時短ワザ3選。
PAGE TOP