PCサイトをスマートフォンへ対応させる方法

スマートフォン・タブレットの個人所有率が伸びる今、スマートフォン対応サイトの需要が急速に伸びています。

• 「PCはもっているけど、外出先はスマホでネットサーフィンする」
• 「仕事ではPCだけれど、家にいるときはタブレットと使う」

など、PCと使い分けながら生活している人が増えたような気がします。また、B2Cサイトでもスマートフォン・タブレットの利用を前提に作られることが当たり前になってきました。

スマートフォン対応のパターン

スマートフォンでWebを利用する人の多くは電車や外出先で利用します。「データの転送量」＝「表示速度」となるため、なるべく容量の少ないサイトが好ましいです。

スマートフォンへの対応は以下のような3パターンになります。

モバイル端末にしかできないWebサービス

携帯電話、スマートフォンへのGPS搭載が義務付けられてから、それを利用したサービスが充実しています。

例）

• 勤務地の範囲を自動で絞り込んでくれるアルバイト情報アプリ
• 現在地を投稿してくれるFacebook、Twitter
• QRコードによる会員登録
• 各種施設のチケット・クーポン

モバイルファースト

モバイルを中心としたWeb設計を「モバイルファースト」と呼びます。近年、B2CサイトはPCからよりもスマホからのアクセスが増加傾向にあります。ユーザ層を予測して構築しましょう。

スマートフォンのユーザビリティポイントとは

PCの感覚でWebページを作成すると、ユーザにとって不親切な場合があります。以下のようなスマートフォンの特徴を押さえておきましょう。

• ロールオーバーの概念が存在しない。
• タッチパネルコンテンツで、リンクに指を重ねると遷移する。
• マウスカーソルで開くサブメニューは適さない。
• フォーム入力を指一本でやる必要がある。
• 入力値によって入力モードを切り替える必要がある。