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

関連記事

  1. Web関連

    あれ、ここのデザイン変わった?見るタイミングで変化するWebサイト!

    こんにちは!段々寒くなってきましたが、まだまだ薄着の角田です。先日入用…

  2. Web関連

    ブラウザの種類と脅威!

    お正月のリバウンドが元に戻ったのは良いけれど、そこからいっこうに体重が…

  3. Web関連

    仕事で使える!スマホ、iPodで印刷が出来るプリンターアプリ

    仕事の効率化、したくないですか?あんなことやこんなこと、痒いところに手…

  4. Web関連

    マーケティングオートメーションによってまんまとユニコーンのライブDVDを買ってしまいました。

    今回は「マーケティングオートメーションって具体的にどういうこと?」とい…

  5. Web関連

    【業務・会計担当必見】医療控除の困った!はコレで解決!

    確定申告の時期になりました。その中でも確定申告で医療控除を行う方もいら…

  6. Web関連

    【ホームページ制作】Google認定パートナーになってみよう!

    皆さん暑い中仕事に励んでいることと思います。この記事を見つけた人は…

おすすめ記事

最近の記事

  1. 持つべきなのか?運転免許証+マイナンバーカード
  2. RPAから始める業務効の自動化 働き方改革への選択肢の一つに…
  3. 【3分で解説】これから始まる自動車教習所のオンライン学科教習…
  4. 約1年間のウィズコロナ生活で大きく変わったもの
  5. スマートストアにより、小売業は激変する

アーカイブ

  1. Web関連

    スマホアプリ「Vine(バイン)」でアーティスティックな作品を作りたい!
  2. Web関連

    正しいcanonical属性活用でGoogle評価を最適化!
  3. AI関連

    テレワーク、ときどきメンタルヘルス ~テレワークをやってみて思ったこと
  4. Web関連

    webデザイン目線で、webアクセシビリティをUP!させましょう
  5. Web関連

    売れるキャッチコピーを作る法則とは…
PAGE TOP