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:レスポンシブデザインでホームページを作成する

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

まとめ

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

関連記事

b7de25cce3b88336538f2c6208b07aa5_s

Webで売る!決済方法について知ろう

ネットショップをスタートさせて、直接的に利益をうむホームページを作ってみると、今まで取引のなかったお

記事を読む

iOS

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

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

記事を読む

自社で更新

自社で定期的にホームページを更新したい!更新システムを利用する場合

ホームページ制作会社へ依頼をした場合、必ず聞かれるのが 自社での更新を行うかどうかということ。

記事を読む

150123

「コーポレートカラー」って何?色に込めたい企業戦略

あなたの会社の「コーポレートカラー」は何色ですか?決まっていますか? 「コーポレートカラー」という

記事を読む

blog_201611_1

採用情報ページを見直して採用率アップ

新卒・中途採用いずれの場合にも、 応募される方にとって企業公式ホームページは重要な判断材料のひとつで

記事を読む

9114e8f3160b60302bd32399ad9a285c_s

何を?誰に向けて?サイトコンセプトを考えよう

ホームページを作る前に、最も重要と言えるのは「サイトコンセプト」を考えることではないでしょうか。デザ

記事を読む

自社サイトは既にある。

自社のホームページは既にある。でも活用できているかはわからない

自社のホームページは既にあるが、本当に活用できているかはわからない。 こんな風に思っている企業

記事を読む

hikaku_ball_man

競合サイトから学ぶ、どんなホームページを作るか

これからホームページをつくろう!またはより良いホームページにリニューアルしよう!というとき、必ず必要

記事を読む

1706

ネタ切れで困ってない?会社ブログを続ける秘訣

会社でスタッフブログをやっているのって、最近ではめずらしいことではなくなってきましたよね。 広報部

記事を読む

youtube

競合他社と差をつける!Youtubeを使ったSEO対策!

Youtubeとはもちろん誰もが知っている動画投稿サイトです。しかし動画サイトとホームページのSEO

記事を読む

img
ブラウザサイズからホームページを考えよう

普段使用していないパソコンを使った時やパソコンを新調した時に日々閲覧し

1707
ポイントは写真映え!?instagramを活用しよう

スマートフォンが普及するとともにSNSを利用する人が増え、企業でもSN

icon
新着情報だけじゃない!CMSでコンテンツもしっかり更新!

CMSについては、こちらの投稿をご覧ください! http://www

1706
ネタ切れで困ってない?会社ブログを続ける秘訣

会社でスタッフブログをやっているのって、最近ではめずらしいことではなく

illust3684
鮮度が命のホームページ!CMSで更新しよう

ホームページは「鮮度が命」です。 常に最新の情報を掲載し、タイムラグ

→もっと見る

PAGE TOP ↑