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

関連記事

  1. Web関連

    こんなのアリなの!?世界で話題のプロモーション!

    こんにちは。12月まではコートを出さずに頑張った真野です。季節はすっか…

  2. Web関連

    ホームページ更新時に見直したい。事例から学ぶサイト小改善

    昨年、人生で初めて髪を染めました。元々カットのみの予定だったのです…

  3. Web関連

    今からでも遅くない!BtoB?BtoC?EC?ってなに?

    今回は「ECサイトってよく耳にするけど、正直何のことかよく分からない!…

  4. Web関連

    スマートフォン対応サイト制作のコツ

    スマートフォンの爆発的な普及により、スマートフォン対応サイトの制作は「…

  5. Web関連

    クラウドビジネスの動向。世の中のサービスちょっとだけ調べてみました。

    こんにちは、コンサルの横山です。会社の掃除をすることが多くなってきまし…

  6. SEO関連

    【Web制作会社が調べた】第1回 ここがヘンだよSEO対策!?

    さまざまなSEO対策情報のウソ?ホント?をお教えします。インターネ…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    ポジティブでいることは成功への近道?! Web制作会社だからこそ求められる理由と…
  2. Web関連

    コンパクトカメラがなくなる?最近のスマホのカメラがすごい!
  3. Web関連

    マーケターの常識!?プライベートDMPとオープンDMPの違い
  4. Web関連

    バレンタイン? なにそれ、美味しいの?
  5. Web関連

    ユーザーをイラっとさせない!毎日使うスマートフォン
PAGE TOP