*

スマホサイトを最適化しなければならない4つの理由

公開日: : 最終更新日:2014/12/27 マーケティング, 日記

いきなりですが、スマートフォンでネットやってますか?インターネットだけではありません、アプリを使うのもゲームをするのもネットをやっていることになります。iPhone(アイフォン)やAndroid(アンドロイド)といったスマートフォン(スマホ)の普及が進み、もはやスマホはなくてはならないものになっている方も多いのではないでしょうか?

スマートフォンが普及するきっかけとなったのは、2008年7月のiPhone発売でしたね。私も発売してすぐに買ったのを覚えています。
あのころは通話の品質や電波状況も悪く、電池の持ちも悪すぎて、アプリを立ち上げるとあっという間に電池が終わってしまうので、、室内で充電できるところにいないときは、アプリなんて使えませんでした。まだまだスペック的に追いついていない部分も多く周りからは、普通の携帯(あのころはそう呼ばれていました)に戻せば?なんて言われてました。その年にわずか2.6%だったスマートフォンの利用率は、2014年3月の時点で全体の約5割。年代別だと、男女ともに20代の利用者数がもっとも多く80.6%、30代で72.4%、40代で57.0%と20代~40代ではすでに半数を超えた人がスマホを持っている状態となっています。
(内閣府・平成24年2014年2月消費動向調査)。

この割合は今後もさらに増え続けると考えられます。

この状況を知ってか知らずかはわかりませんが、最近クライアントから言われるのがスマホサイト作ったほうがいいの?という質問です。

私は絶対作ったほうがいいですね。と答えています。なぜなら、数年前とは比較にならないほどスマホからのアクセスが伸びているからです。まずはこのデータを見てください。このブログのアクセス比率です。

理由1.約半数がスマホからのアクセス

デバイス比率

デバイス比率

スマホ:64.66%
パソコン:31.07%
タブレット:4.27%

という結果です。

スマホからのアクセスが64%つまりホームページへのアクセス者のうち、半分以上の方がスマホからアクセスしている、ということです。ここにはお出しすることはできませんが、私の担当させていただいているどのサイトも半数を超えています。通販サイトの売り上げも、半分を超えているサイトがほとんどという状況になってきました。

スマホサイトがあれば、その半数のアクセス者にも的確にサービスの魅力を伝えることができるようになるわけですから、やはり企業にとってスマホサイトの作成はもはや必須といえるでしょう。

理由2.スマホサイトを作ると結果に結びつきやすい

スマホからのアクセス数が増えているのに、スマホから問合せや申込みをしたり商品を購入したりするケースは、まだそれほど多くありません。実際に、スマホは移動中や出先などに検索や下調べに使い、問合せや申込み、商品購入などは家に帰ってからパソコンで行う、というケースが多いとも言われます。

なぜこのようなことが起きるかというと、問合せや申込み、商品購入などに至るプロセスがスマホに最適化されていないからです。

たとえば、

  • そもそもスマホサイトがない
  • 入口ページしかスマホ対応していない
  • スマホサイトはあるがとりあえず作っただけ

といったことがその理由です。

スマートフォンは、パソコンや従来型の携帯電話にはない特有の操作方法や表示上の制約があります。そのため、パソコンサイトを表示していたり一部分だけのスマホ対応をしたりしただけでは、なかなか成果につながりません。

パソコンサイトをただ作っても成果にはつながらないように、ただ作っただけでは役に立たないのがスマホサイトなのです。

反対に、そうした点が最適化されれば、問合せや申込みなどにつながりやすいのがスマートフォンです。業種やターゲットによってはパソコンサイトよりも反応がよくなる可能性があります。

たとえば、電話による問合せ。そもそもスマホは「電話」ですから、ホームページを見てそのまま電話で問い合わせる、ということがしやすいわけです。このようにスマホサイトを適切に作成すれば、問合せや申込みが2~6倍になるというデータもあります。スマホサイトは、その特有の操作性などから、パソコンサイトとはまったく異なるデザインを作成する必要があります。

理由3.パソコンと大きく異なるスマートフォンの操作方法

スマートフォンには、パソコンと大きく異なる点があります。それは、画面操作方法です。画面全体がタッチパネルになっていて、基本的には、画面に触れることでさまざまな操作を行います。

ここで、スマホ特有の画面操作方法を見てみましょう。

タップ
スマホの画面を1回タッチすること。パソコンのマウスで、左ボタンを1回クリックするのと同じです。
ダブルタップ
スマホの画面を続けて2回タッチすること。パソコンのマウスで、左ボタンを2回クリックするのと同じです。
ピンチイン
親指と人差し指をスマホの画面に載せ、その2本の指を近づけること。画面を縮小します。
ピンチアウト
親指と人差し指をスマホの画面に載せ、その2本の指を離していくこと。画面を拡大します。
スライド
スマホ画面の上で、指を上下左右に滑らせること。ホームページのスクロールや、ページ移動などができます。
テキストで書くと何やら難しそうですが、実際に操作してみるとすぐにその便利さが実感できると思います。

スマホサイトは、こうしたスマートフォン特有の操作方法に合わせ、パソコンサイトとはまったく異なるデザインにする必要があるのです。

理由4.スマホサイトで再現できない機能がある

スマートフォンでは、パソコンサイトをそのまま表示することができますが、パソコンサイトでは可能でも、スマホサイトでは再現できない機能などにも注意が必要です。例えばパソコンサイトでは、マウスカーソル(画面上の矢印)をリンクテキストの上に重ねると色が変わる、というような機能をよく使います。

色を変えることで「リンクがここにありますよ」ということをわかりやすく知らせているわけですが、マウスを使用しないスマートフォンでは、そもそもこの方法が使えません。

したがって、目で見てリンクとわかってもらえるようにする必要があり

  • テキストリンクには必ず下線を付ける
  • ひと目でボタンとわかるデザインの画像を使用する

といった対策が必要です。

また、パソコンサイトで多用される「Flash」(フラッシュ)という技術がありますが、たとえばiPhoneではこのFlashを再生することができません。

そのため、もしiPhone向けの対策を何もしていないと、エラー表示となってしまい、サイトの印象悪化は避けられません。

そうしたことのないように、iPhoneで表示されたときの対策をきちんと施しておく必要があります。たとえば弊社の「スライド動画」サービスでは、こうしたことに対応するため、iPhoneでのアクセス時には静止画を表示させるかもしくは、HTML5での動画に変更するという対策をとっており、そうした悪影響がないようにしています。

結論として、結局どうすれば良いの?

パソコンサイトとスマホサイトのこうしたさまざまな相違点を克服する一番の方法は、「スマホ専用サイト」を新たに作成することです。スマートフォンでの閲覧だけを前提に、スマホ専用のボタンや、スマホ表示用の画像などを作成し、ページを作成します。しかし、こうした専用サイトを新規に作成するには、かなりの費用と時間がかかります。またスマホの画面は機種によって大きさが異なるため、それらをひとつひとつ最適化していくのは、かかる手間を考えるとあまり有効ではありません。

では、どうすればユーザーに価値のあるスマホ専用サイトをより効率的に構築できるのでしょうか?
その具体的な答えの一つが、レスポンシブ型ウェブデザインといわれる表現手法です。

レスポンシブWebデザイン

レスポンシブWebデザイン

おわかりいただけますでしょうか?横幅が小さくなった分、ボタンの配置や改行が自動的に行われ、ボタンがタップでも押しやすく、文字も小さくならずに読みやしい大きさに自動的に変化しています。

このデザイン方法であれば、PC、タブレット、スマートフォンなど、あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現することができます。ブラウザーのスクリーンサイズを基準にCSSでレイアウトを調整することで、デバイスごとに専用サイトを用意することなく、マルチスクリーンに対応したWebサイトを制作できます。
さらに、このレスポンシブ型ウェブデザインでワードプレスというオープンソースのブログソフトウェアを使い、最初にサイトの作りこみを行ってしまえば、管理画面からブログを更新する要領で、HTMLやCSSの知識に関係なく、パソコン、タブレットPC、スマートフォンに最適化されたページを更新していくことができるようになるのです。もちろんこれが正解ということではありませんが、実際にこのレスポンシブ型ウェブデザインでリニューアルされたクライアント様はスマートフォンからのアクセスが1か月~2か月という短期間で20%~30%伸びています。この機会にスマホサイトについて見直しされてみてはいかがでしょうか?

ad

関連記事

no image

ポカリスウェット 『SKY MESSAGE』

大塚製薬のこの企画すばらしいと思いません? ポカリスウェット SKY MESSAGE 夢があり

記事を読む

no image

コカ・コーラブラック 発表! 私が思い出したのはメッコール

米清涼飲料大手コカ・コーラは7日。 コーヒーを混ぜ、甘さを抑えた。 「コカ・コーラ ブラック」を来年

記事を読む

no image

世の中 『熱意!』

最近、意識をしているせいか、熱意という言葉、文字をよく見かけるような気がします。 熱意! 暑い夏

記事を読む

no image

AUTO SALON TOKYO 2009 (オートサロン東京2009)  / 幕張メッセ 千葉市美浜区中瀬

オートサロン東京2009が幕張メッセで開催されているということで、 行ってまいりました。 オート

記事を読む

no image

日本水泳 男子メドレーリレー3位

それにしても水泳界が熱いですね。 メドレーリレーは 背泳ぎ 平泳ぎ バタフライ フリー(

記事を読む

no image

本田美奈子さん ご冥福をお祈りします。

本田美奈子さんが亡くなりました。 ちょうど泣ける動画 について書いていたときだったので。 なんと

記事を読む

no image

ブログってすごい! in 群馬

群馬 最近、ブログで群馬のことを書いているからなのか 何人かの友達に、ブログ見たよ! との連絡

記事を読む

no image

ブログの力を改めて感じる瞬間。

こうやってブログを書いていて、それがきっかけで 人と出会うきっかけになるのかなぁ と少しは、思っ

記事を読む

no image

ローソンストア 100/桜木町駅前店

磯子から桜木町に場所を移し、ラーメンを求め、さまよう途中です。  んっ!

記事を読む

loveacademy(ラブアカデミー)

弊社制作群馬婚活パーティの「ラブアカデミー」サイト制作公開

loveacademy(ラブアカデミー)[/caption] 弊社制作のLoveAcademyサ

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

群馬から念願のロボットプログラミングコンテストWRO 2018 国際大会出場

群馬県から国際的なロボットプログラミングコンテストWRO 2018 国

FAAVOファーボ群馬
クラウドファンディング「FAAVO」に挑戦!

国際的なロボコンの地区大会WRO群馬大会を盛り上げるためロボットが欲し

ロボ団高崎校授業の様子
ロボット制作×プログラミング教室ロボ団 前橋校、桐生校、高崎校スタッフ募集

ロボ団高崎校授業の様子[/caption] 群馬県のロボット制

iPhone7にSuica(スイカ)を転送できない【サーバー障害発生中】

いよいよ本日から始まったApple Pay。 このApple P

ロボ団高崎校体験会チラシ表
子ども向けのロボット製作×プログラミング教室「ロボ団高崎校」体験会開催のお知らせ

2016年10月より、群馬県高崎市にオープンする、子ども向けのロボット

→もっと見る

  • 染川 裕
    名前:染川 裕(そめかわ ゆたか)
    HN:somyu
    職業:マーケティングコンサルタント兼webクリエイター
    Webshop Marketing株式会社 代表取締役。
    1976年群馬県生まれ。家電、ゴルフ用品、群馬名産品、カー用品などの通販サイトの立ち上げから運用までの経験を生かし、現在、Webマーケティングコンサルタントとして、経営視点から包括的にとらえた戦略立案、実行までをサポートするWEBを中心としたマーケティングコンサルティングを行っている。

    → もっとみる

    • twitter
    • facebook
    • google
    • instagram
    • pinterest
  • follow us in feedly
PAGE TOP ↑