ウェイクアップガールズスロットk8 カジノ作る側の都合でUI/UXを悪くしないための注意点まとめ仮想通貨カジノパチンコ31 ベット法

北斗の拳スロット 2017k8 カジノスマートフォン向けWebサイト構築の注意点総括

大海物語 4 スロット　こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「いまさら聞けないCSS3入門＆スマホ対応6つの問題点」では、スマートフォン向けWebサイト上でのCSS実装上の注意点と、機種依存事例を紹介しました。

　今回は、KSK製品の開発・販売や、実機での検証サービス事業で蓄積したノウハウと、これまで紹介してきた注意点などを総括して、スマートフォン向けWebサイト構築時にハマらないようにする方法を紹介します。

スマートフォン向けWebサイトに載せるべきコンテンツ

　Webサイトを企画する立場の方であれば、スマートフォン向けWebサイトにどのようなコンテンツを載せるかということを検討されると思います。「既存で存在するPC・モバイルサイトをスマートフォンでも見せたい」というニーズが出発点の場合は、以下のような違いを押さえてコンテンツ検討を行った方がよいでしょう。

デバイスが持つ特徴の違い

　まずデバイスそのものの違いです。スマートフォンがいくら高スペックになってきたとはいえ、画面に載る情報量や使い方の違いから、スマートフォンがPCの代わりになることはあり得ません。スマートフォンに合わせた情報量と使い勝手の検討が必要です。

　PCスマートフォン情報量約1300文字※1約300文字※2使い方キーボード＋マウス指とスクリーン＋数個の物理ボタン機能や表現リッチ表現可能Flash非対応、縦長の弊害は少ない

※1：14インチPCでYahoo! JAPANトップページを表示させてスクロールなしで確認できるおおよその文字数

※2：iPhone 5でYahoo! JAPANトップページを表示させてスクロールなしで確認できるおおよその文字数

利用シーンと、サイトを訪れる目的の違い

　スマートフォンの場合、デバイスの利用シーンがPCとは異なります。また、サイトを訪れる目的が、利用シーンによって多様になり、より特化したものになってきています。

　PCスマートフォンシーン会社・自宅屋外・寝ながら・交通機関の中環境落ち着いた場所、長時間、速い回線外出先、すき間の時間、遅い回線目的資料作成・買い物など場所にまつわる情報、暇つぶし

違いを考慮した2つのコンテンツ例

　こうした違いを考慮してスマートフォン向けWebサイトに載せる（優先する）べきコンテンツをはっきりと打ち出している例をいくつか紹介します。

【1】公共インフラ系企業サイト

　非常に分かりやすい例です。例えば、下記に示すガス会社サイトでは、スマートフォンをはじめとするモバイル向けWebサイトのコンテンツのトップに、「引越手続」「ガスが出ないときの確認・復旧方法」「災害時の供給情報」をまとめて配置しています。利用シーンを「閲覧者がガスについて困ったとき」と想定していることが伺えます。

フィーチャーフォン向けサイト（左）とスマートフォン向けサイト（右）【2】外食産業系サイト