Webマーケティングにおいて「消費者に一番近いコミュニケーションの接点はスマートフォンである」ということは、もはや言及するまでもないことですが、もうひとつ忘れてはならないのがタブレットの存在です。タブレットの利用・普及率についてはスマートフォンほどの伸びはないものの、内閣府の調査データによると世帯普及率は2015年3月時点で28.3%まできています。スマートフォンは約60%ですので、それと比較するとまだまだですが、決して少ない数字ではありません。当社はWebサイトのモバイル対応サービス「Mobify」を提供しており、サービスのご提案などでさまざまな企業の方とお話させていただく機会があります。BtoCのWebサイトだと、タブレットからのアクセスの割合はだいたい10%~15%前後といったところです。普及率に対して利用率はそれほど伸びていないようです。これにはいくつかの要因がありますが、その要因のひとつに「Webサイトの使いにくさ」があります。タブレットからアクセスした場合、PC(デスクトップ)用サイトのコンテンツをそのまま見せているWebサイトがほとんどです。“タブレット”といってもスクリーンサイズはさまざまです。10インチサイズはまだしも、6~7インチサイズだとすべてのコンテンツが「キュッと」縮小されて見えるため、かなり見づらいですよね。デスクトップ用のWebサイトは“マウス操作”を前提とした作りとなっているため、“指でタッチ”するタブレットでは使い勝手が大きく変わってしまいます。「まだタブレットのアクセスの割合が少ないから......」と思われるかもしれませんが、その「使いにくさ」が原因で利用率が伸びないとも言えるのではないのでしょうか。そもそも使い方が違うタブレットには“指でタッチ”するユーザーインターフェース(UI)を考慮する必要があります。タブレット用のデザイン、UIで考慮すべきことWebサイトをタブレット対応するために大切なことは、大きく3つあります。「タッチフレンドリーであること」「Wi-Fi以外のアクセス環境も意識したページの容量」「スクリーンに応じたコンテンツサイズ」これら3つを考慮したWebサイトにすることで、タブレットでも「使いやすい」サイトになると思います。タッチフレンドリーであること繰り返しになりますが、スマートフォンと同様にタブレットは“指でタッチ”が基本です。メニューボタンやテキストリンクがタッチしやすい大きさや配置になっていることが重要です。可能なかぎり、ブロック要素を覆うようにリンクを設定したり、タップさせたい箇所には、テキストリンクではなくボタン形状でタップしやすくする必要があります。タッチデバイスでは、ホバー(コンテンツに「マウスオーバー」してアクションを起こす前の中間・補助動作)という状態がありませんので、現在のPC用サイトにそういった機能が使われている場合は意味をなさず、意図しない動作をしてしまい、ユーザーの不満に繋がってしまうこともあります。Wi-Fi以外のアクセス環境も意識したページの容量スマートフォンと同じように、タブレットももちろん、屋外での利用機会が多いデバイスです。屋外での利用シーンを考えると、Wi-Fiにくらべて通信量が少ない環境(4G、3Gなど)でのアクセスがほとんどです。容量の重いサイトでは、なかなか表示がされずにイライラしてあきらめてしまう、すなわち離脱をしてしまいます。いった環境でも素早く表示させるには、ボタンやバナー、見出しなど画像で表示させていたものをデバイスフォント・CSSを使って軽量化してあげましょう。表示パフォーマンスを向上させて、ユーザーのストレスを軽減することで、離脱を防ぐことが重要です。mini(7.9インチ)では、コンテンツの見え方にも大きな差があります。miniやファブレットなどで見た時に、文字が読みにくい、タッチしにくいというストレスの原因を与えかねません。細かいようですが、フォントやサムネイルなど、小さいスクリーンでは大きく表示するような設定が必要です。誤動作を防ぐためにも、各要素の大きさや余白を十分にとるなどの配慮も必要になってきます。タブレットリニューアルという考え方ももし今後、サイトのリニューアルを検討しているのであれば、「デザインの中心をタブレットにおいてしまう」というのもひとつの選択肢です。当社でもwebサイトをタブレットデザインでリニューアルするお手伝いをさせていただきました。online」リニューアルアクセスの大半がスマートフォン・タブレットになるのであれば、そもそものWebサイトもPC中心ではなく、タブレットをメインに考えていこうというのがこのケースでした。すると、スマートフォンへのコンテンツ設計もしやすく、PC用へも展開しやすいというメリットがありました。online」のタブレットリニューアルでも、タブレットに必要な3つのポイントを考慮した設計になっています。タブレットを意識したデザイン・インターフェースのサイトも増えてきています。BRAND前述のようにタブレットを意識することはもちろん必要ですが、今後はむしろ「タッチデバイスを意識したWebサイト」という考え方の方が良いかもしれません。Webサイトの運用方法や考え方は企業によってそれぞれの選択があると思います。世の中はどんどん“タッチデバイスの文化”となっていきますので、それに合わせた考え方のシフトチェンジも必要ですね。明日花タグWebサイトタブレットマルチスクリーンマルチデバイスTweetMobify(モビファイ)とはGoogleが認定しているマルチスクリーン対応のための最適化サービス。デバイスに応じ、専用にデザインされたサイトを表示することができます。ページの表示を高速化させる仕組みも持ち合せており、ユーザーの離脱を防ぐことが可能です。新しい発見やTIPS、セミナー&イベント企画を募集しています。あなたの力を待っています。