記事

利用者視点で見るレスポンシブウェブデザイン

最近、個人的に不便に感じているのが、同じコンテンツにも関わらずアクセスするデバイスに応じてURLを変えているコンテンツだ。スマートフォンからのアクセスだと、"m"*1などの文字が前後いずれかに付与されたURLなどにリダイレクトされる。

そのデバイスからのみコンテンツをアクセスしている分にはさほど不便を感じないのだが、私はChromeのデバイス間タブ同期機能のヘビーユーザーであるため、頻繁に同じコンテンツをMacやWindows、そしてAndroidデバイスで見る機会に遭遇する。結果、何が起こるかというと、Androidからアクセスしていたスマートフォンに最適化されたコンテンツをMacやWindowsで見ることになり、なんとも不恰好なデザインで見させられることになる。

悪い例として出すことになってしまい申し訳なく思うが、このブログを再配信しているBLOGOSというブログメディアがある。このBLOGOSにスマートフォンからアクセスすると、lite.blogos.comというサブドメインにリダイレクトされる。スマートフォンから読む記事もすべてこのサブドメインで展開される。通勤時などにスマートフォンで読み途中となった記事をオフィスや自宅でMacやWindowsで読むと、スマートフォンに最適化されたページで読むことになる。例えば、「デジタルとアナログと思いやりとかかる手間と ~ 手書きと電子メールをめぐって*2という記事は下のようなデザインで表示される。

リンク先を見る

右上にわずかに見える「PC」というアイコンをクリックすれば、通常のURLで読むことができるが、利用者に余計な負担を強いてしまっている。

ー*ー*ー*ー

レスポンシブウェブデザイン、すなわち、「すべてのデバイスに単一のURLで同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更するサイト」*3の利点はすでにあらゆるところで言われている。

Googleウェブマスター向け公式ブログでも「Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法」という記事でも、レスポンシブウェブデザインを検索の観点からも推奨している。

マルチデバイス時代の今日、異なるデバイスであっても、「同じコンテンツ」がデバイスに「最適化されたデザイン」(すなわち、読みやすい、利用しやすいデザインである)でアクセスできることが、利用者視点で見た場合に重要であるが、それに加えて、同じURLでという点も是非強調させてもらいたい。

上で私が説明したような、デバイス間のタブ同期だけでなく、今日ではあらゆるところでURLがデバイスを超えて共有される。TwitterやFacebook、Google+などでコンテンツが共有されるが、MacやWindowsからクリックして見た先がスマートフォン用に最適化されたものであったら、利用者に最善の形でそのコンテンツを提供していることにはならないだろう。はてなブックマークのようなソーシャルブックマークも同じだ。

MacやWindowsからスマートフォン向けのコンテンツにアクセスしたら、リダイレクトすれば良いではないかと思われるかもしれないが、リダイレクトにかかる余計な時間も本来ならば避けるべきである。

レスポンシブウェブデザインについては、すでに多くの所で解説もされており、利点と欠点*4なども論じられている。しかし、製作者視点でなく、利用者視点で考えた場合には、結論は自ずと明らかだろう。多様なデバイスによる多様な使われ方が一般的となった今、是非ともコンテンツ制作者には、本来のパーマリンクの意味を良く考え、適切なデザインを心がけてもらいたい。

リンク先を見る

レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法

参照:

あわせて読みたい

「スマートフォン」の記事一覧へ

トピックス

  1. 一覧を見る

ランキング

  1. 1

    <止まない炎上>小室禍と東京五輪エンブレム騒動の類似点

    メディアゴン

    05月08日 08:13

  2. 2

    ネット署名 『人々の夢と希望をつなぐため、東京五輪の開催を支持します』立ち上がる

    和田政宗

    05月08日 21:34

  3. 3

    コロナワクチン打てば大丈夫?専門家すら反応を示さない風潮に疑問

    自由人

    05月08日 09:08

  4. 4

    菅さんじゃ駄目だとなっても、安倍さんがいいということには絶対にならないし、そうさせてもいけない

    早川忠孝

    05月08日 08:26

  5. 5

    出口治明さんが語る「35年ローン」で家を買ってはいけない理由

    幻冬舎plus

    05月07日 09:04

  6. 6

    コロナ対策で目立つ責任回避「国全体が緩んでいるようで不安」

    深谷隆司

    05月08日 17:31

  7. 7

    菅首相は何度同じ失敗を繰り返すのか

    鈴木しんじ

    05月08日 20:51

  8. 8

    「ダブルスタンダードになる」国民投票法改正案可決で立民が見せた“国対政治”に苦言

    BLOGOS しらべる部

    05月08日 08:03

  9. 9

    撤退する飲食店、益々予約が取れなくなる飲食店

    内藤忍

    05月08日 11:38

  10. 10

    「鬼滅の刃=Demon Slayer」米国では炭治郎の耳飾り“旭日旗”問題は?

    文春オンライン

    05月08日 14:48

ログイン

ログインするアカウントをお選びください。
以下のいずれかのアカウントでBLOGOSにログインすることができます。

コメントを書き込むには FacebookID、TwitterID のいずれかで認証を行う必要があります。

※livedoorIDでログインした場合、ご利用できるのはフォロー機能、マイページ機能、支持するボタンのみとなります。