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関連

    iPhone5の両端から光が漏れてきた話

    皆様は、iPhoneを使用されておりますでしょうか。私は使用しておりま…

  2. SNS関連

    実名でつながるソーシャルコミュニケーション

    Web業界の第一線で活躍するティファナがWeb関連情報をお届けしていま…

  3. Web関連

    エクセル管理はもうやめよう!プロジェクト管理ツール「Backlog(バックログ)」の導入メリット

    Webサイトを運用している皆さんは、タスクや課題をどのように管理してい…

  4. Web関連

    【Web制作を成功に導く】企業、商品・サービスブランディング、商品サービスの認知向上

    企業のWeb担当者の方からいただく相談の多くは・ブランド戦略をWe…

  5. Web関連

    なぜコスプレをするのか、ハロウィンが終わってから冷静になって考えてみる

    皆さんも一度は見たことある「コスプレイヤー」が、「コスプレを始めよう!…

  6. Web関連

    おいしいインドカレー屋さんを見分けるポイント、五か条

    こんにちは、ティファナ編集部です。ティファナ社員はみんな仕事熱心(…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    私たちの仕事ってすばらしい!社会貢献度のものさし「SDGs」
  2. Web関連

    Web制作会社が提案する顧客ロイヤリティ向上施策
  3. AI関連

    顧客体験を「個客」体験へと向上させる人工知能(AI)
  4. AI関連

    「モノ消費」よりも心に残る「コト消費」が広がる理由は?
  5. Web関連

    最近流行のゴーグルみたいなアイツ
PAGE TOP