PC、スマホ、タブレット…最近のデバイス事情とは

ホームページを作成、運用するのに、パソコンのことだけ考えておけばよい、というのは、残念ながら間違いです。ホームページを訪問してくれる人たちが、どんなデバイス(機器)を使っているのかを知り、それに合わせてデザインやコンテンツを変更していく必要があります。なぜなら同じホームページでもそれを見るデバイスによって、見え方が全く違うからです。
今回は最近のデバイス事情を知り、それぞれに合ったホームページとは何かを考えていきましょう。

そもそもデバイスって何?

デバイスとは、場合によって意味が違う場合もありますが、カンタンに言うと「機器」という意味です。今回は「ホームページを見るときに使う情報機器」として使います。
現在はパソコン、スマートフォン、タブレット、フィーチャーフォン(いわゆるガラケー)と4つのデバイスがあり、ホームページを訪問する人たちはこれらのデバイスを利用し、時には併用している、というわけですね。

どのデバイスが多いの?

どのデバイスが一番多いか、については一概には言えませんが、昨年2014年度の出荷台数から傾向を見てみましょう。
まずJEITA(一般社団法人電子情報技術産業協会)の調査によると、
2014年度のPCの出荷台数は918万7000台、
タブレットは87万1000台だそうです。
さらにマーケティング・リサーチ会社のMM総研の調査では携帯電話の出荷台数が3,788万台、そのうちスマートフォンは2,748万台。
圧倒的にスマートフォンの出荷台数が多いですね。これでも前年度(2013年度)と比較するとやや減ってはいるのですが、大きな数字であることに変わりはありません。

それぞれの特長は?

パソコン

business_tool_ca_012
他のデバイスと最も違う点は、画面サイズが大きいことではないでしょうか。詳しく知りたいことを大きな画面でじっくり検索し、比較・検討できることから、ホームページでの滞在時間が他のデバイスと比べて3~4倍長い、という調査結果もあるようです。
さらにマウスでの操作やキーボードを使った入力の操作がしやすいため、お問い合わせや資料請求、商品の購入などに最も結びつきやすいデバイスとも言われています。
ただしホームページを閲覧するときに利用するブラウザ(Internet ExplorerやGoggle Chromeなど)によってデザインが崩れたり、表示されない機能があったりします。

スマートフォン

android-phone-md

パソコンと比べると、ホームページでの滞在時間は短いという調査結果が出ています。画面サイズが小さいことがその理由の一つでしょう。一番の強みは、移動中や休憩時間などの空き時間を利用できること。手軽に必要な情報を見つけることができ、パソコンのように起動に時間がかかることもありません。さらにGPS情報が利用できるため、アクセス情報の閲覧に適しています。
パソコン用のサイトは、閲覧は可能ですが、画面サイズが小さいために正しく表示されません。

フィーチャーフォン

pics1363

スマートフォンの普及によって、数が減っている印象のフィーチャーフォンですが、使い慣れたヘビーユーザーにまだまだ支持されているのがこのデバイスです。「スマホを使ってみたけどやっぱりガラケーに戻した」という人も実際には多く、まだまだ多くのユーザーが利用しています。
こちらも専用のホームページ以外ではデザインが崩れてしまったり、文字化けしてしまうということが多くあります。

タブレット

img139_19

タッチパネルのものが主流で、スマートフォンを大きくしたもの、という印象ですが、キーボードを付けられる機種も多くあり、ノートパソコンとの区別がしづらくなってきています。ただしパソコンよりは携帯しやすいサイズ・重さになっていることが多く、持ち歩いてプレゼンなどに利用する人も多いようです。また自宅での利用を勧めるメーカーも多くあり、利用環境はさまざまです。
画面サイズも多様で、機種やメーカーによってホームページの見え方が違ってきます。

ホームページはどのデバイス向けに作るべきか

デバイスによって、デザインが崩れたり、思うように表示されなかったりするケースがあるとお伝えしました。ではホームページはいったいどのデバイスに向けて作るべきなのでしょう?
パソコンでしかちゃんとサイトを見ることが出来ない、となると年々増えているスマートフォンユーザーを逃すことになりますし、かといってパソコンで見られないのも困りものです。難しいですが方法はあります。

1:デバイスごとのホームページを作成する

パソコンはパソコン用のホームページ、スマートフォンはスマートフォンのホームページ、というように、それぞれのデバイスに合った内容、デザインでホームページを作成する方法があります。
デバイスごとの微妙な違いにもきちんと対応することができ、ユーザーはストレスなく閲覧可能です。
デメリットとしては、単純に作るサイトの数が増えるため、更新の手間がかかります。費用もその分かかります。

2:レスポンシブデザインでホームページを作成する

「レスポンシブデザイン」とは、画面幅を基準に自動で表示を切り替える仕組みのことです。パソコンで見た場合、スマホで見た場合、タブレットで見た場合、という風に画面幅を認識して自動でデザインを調節します。サイトの数はひとつで出来るため、更新の手間も削減できます。ただし作成時は比較的時間がかかり、その分制作費用も多くなります。

まとめ

デバイスによる特性や違い、さらにそれらに対応したホームページを作るにはどうすれば良いか、ご理解いただけましたでしょうか?さらにデバイスごとにはユーザー層の違いもあります。違いを理解した上で、見え方に気を配れば、さらにユーザーに好かれるホームページにできますね。
ホームページ作成、リニューアルについては神戸のホームページ制作会社 ユーシステムにご相談ください!

関連記事

mark_syoshinsya

初心者向け!アクセス解析の基礎知識

ホームページを作成した後、私たちは手をかけてホームページを育てていくこと、つまりホームページの運用に

記事を読む

1

常時SSL化で顧客と検索エンジンに信頼されるホームページへ

御社のホームページはSSL化(暗号化)されていますか? ホームページを訪れるお客様とのデータ通信を

記事を読む

iOS

こんなに違う?!スマホとPCの検索キーワード

今後PCとスマートフォンからの検索結果は変わる 前回Googleが2015年2月26日に、ホームペ

記事を読む

business_plus_man

手をかけるほど業績アップ!ホームページ運用

ホームページに「完成」はなく、ずっと手をかけて育てていく必要があります、と何度かお伝えしてきましたが

記事を読む

img_kaiketsu1_02

HPの更新でお困りなら、知らなきゃいけない”CMS”

CMSとは、「コンテンツ・マネジメント・システム」の略で、プログラミングの知識無しに、ホーム

記事を読む

s002_578

iPhoneとAndroidって何が違うの?

この2つの一番の違いは開発している会社が違うことです。 iPhoneはOS(中身)ハード(機種

記事を読む

faq

「よくある質問」ページをホームページに作る理由とその作り方とは?

ホームページを見ていると「よくある質問」あるいは「FAQ」や「Q&A」といったページを見かけ

記事を読む

自社商品をネットで販売

自社商品をネットで販売~自社運営かショッピングモール出店か~

ネットショップでの出店形態は、大きく分けると ・自社でのネットショップ運営 ・ショッピングモール

記事を読む

font

知っておきたい!TPOに応じたフォントの選び方

ご存知の通り、フォントにはたくさんの種類があります。 かっこいいフォント、おしゃれなフォント、スマ

記事を読む

img_responsive_04

全てのデバイスに対応させる「レスポンシブサイト」

パソコンにスマートフォンやタブレットにガラケーなど、世の中はたくさんのデバイスで溢れています。しかし

記事を読む

Image (5)
まだ遅くない!SEOへの第一歩

せっかくホームページを作ったのに、検索エンジンからのアクセスが伸びない

グッとくる画像でアクセスアップにつなげよう!後編

先月の記事、「グッとくる画像でアクセスアップにつなげよう!前編」でショ

1702
リスティング広告だけじゃない!オンライン広告を使ってみよう

オンライン広告、と聞くと、どのようなものを思い浮かべるでしょう? 日

170113_0
グッとくる画像でアクセスアップにつなげよう!前編

あなたがネットショッピングを利用する際、無意識に一番最初に目に入れるコ

170123
アクセス解析で全解剖!自社のホームページをもっと知ろう

あなたの会社・お店のホームページには、月に何人の人が訪問しているか、把

→もっと見る

PAGE TOP ↑