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

関連記事

  1. Web関連

    「今夜、星を見に行こう。」

    こんにちは。山羊座の真野です。(って書くと聖闘●星矢の登場人物みたいで…

  2. Web関連

    知らなかったはもったいない!得をするにはネットも視野に

    冬物セールの時期ですね!セールと聞くとついたくさん買いたい衝動に駆…

  3. Web関連

    グループウェア導入による業務効率化とは

    昨今、多くの企業で「業務効率化」や「業務スピード」が非常に求められてお…

  4. Web関連

    情報をうまく活かしてサービスレベルUP!デジタルマーケティングで変わる企業と顧客との距離

    インターネット元年といわれている1995年から20年がたち、私たちの生…

  5. Web関連

    アプリやWebで香りを楽しもう!

    こんにちは。突然ですが、風邪をひきました。絶対に同じフロアで仕事して…

  6. SEO関連

    ブログを書く時に注目すべきSEO対策まとめ~前編~

    ブログ記事にもSEO対策!どうも、デザイナーの尾崎です。これま…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    【デザイナー必見!】街中でよく見かけるフォント(英語編)
  2. Web関連

    野球がしたい人のためのコミュニティサイト活用術
  3. Web関連

    これだけ載せておけば大丈夫!リクルートサイト必須コンテンツ!
  4. Web関連

    QRコードとO2Oマーケティング
  5. Web関連

    現場レベルのデータ分析。セルフサービスBI活用シチュエーションを考えてみた
PAGE TOP