爆発的な普及をしているスマートフォン(android,iPhone)
50代以下は男女とも7割以上がスマートフォンを持つ時代と言われており、
今やスマートフォンサイトは欠かすことの出来ない存在となっています。
スマートフォンの特徴として、圧倒的にインターネットの利便性が向上しています。
ユーザーはパソコンとあまり変わらない感覚で
外出先でもインターネットを使えるようになりました。
しかし、PC向けに制作されたWEBサイトは
必ずしもスマートフォンでサクサク閲覧が可能な訳ではありません。
そのため、スマートフォンに最適化されたWEBサイトを用意する事により、
モバイルユーザーを取り込む事が可能になります。
パソコンは「光回線」という高速なネット接続が主流となっており、
通常のWEBサイトを見る時はほとんどのサイトがスムーズに閲覧可能です。
PCサイトを制作する際は、動画や複雑なFLASHを使用しない限り、
特別回線速度を考慮する必要はありません。
しかし、スマートフォンは「3G回線」や「LTE」という
携帯電話向けの回線でインターネットに接続します。
そのため、通常のPCサイトを閲覧すると、「重い」と感じてしまいます。(特に画像)。
スマートフォンでも「サクサク快適に見れる」サイトにするには、
画像やhtmlファイルを最適化し、軽量にする必要があります。
PCのモニターは横幅1200~1800ピクセルなのに対し、
スマートフォンは340ピクセル程度と4分の1以下の横幅です。
画面サイズが小さければ、当然1ページに表示出来る情報量が変わってきます。
スマートフォンサイトではより
「シンプルで分かりやすい情報設計」が必要になってきます。
PCの場合は、マウスとキーボードによる操作で、
マウスを乗せた際にボタンの色を変えたり、変化を付ける事が可能ですが、
スマートフォンではタッチパネルに「タップ」するという
指での操作となるため、マウスとは異なる操作感となります。
また、指で押すボタンとなるため、
性別・世代を問わずどの人でもストレスなく操作が可能なように、
分かりやすいユーザビリティへの配慮が必要です。
PC向けのサイトとの最大の違いは1ページに表示出来る情報量が違う事です。
PCのモニターは横幅1200~1800ピクセルなのに対し、
スマートフォンは340ピクセル程度と4分の1以下の横幅です。
回線速度がPCサイトは「光回線」と高速なインターネット接続ですが、スマートフォンは3G回線というモバイル回線のため、沢山の情報量を詰め込めば当然重くなってしまいます。
また、PCの場合は、マウスとキーボードによる操作で、マウスを乗せた際にボタンの色を変えたり、変化を付ける事が可能ですが、スマートフォンではタッチパネルに「タップ」するという指での操作となるため、マウスとは異なる操作感となります。
携帯サイトは画面が小さかったり、CSS(スタイルシート)の使用に制限がありましたが、スマートフォンでは「html5+css3」により、リッチな表現が可能になりました。
また、携帯のボタンでの操作ではなく、タッチパネルでの操作のため、「クリック」
「スクロール」「入力」などのユーザーの操作は格段に利便性が高まりました。
スマートフォンユーザーはインターネットの使用料が定額の場合が大半のため、
従来の携帯ユーザーの何倍もネットを使うと言われています。
スマートフォンの特徴として、「位置情報とサービスの連携」がひとつ挙げられます。
例えば、新宿にいる時に「新宿 イタリアン」などと検索し、地図アプリ上に店の位置情報と現在位置が表示されるなど、今までの携帯ユーザーに比べ検索精度が高まったため、より「顧客になる可能性が高い」ユーザーであると言えます。
スマートフォンはどんな時に一番多く使われているでしょうか?
多くは移動時間やちょっとした空き時間など、外出先での利用です。
の際、通常のPCサイトでは、3G回線での閲覧は、表示が遅くなりユーザーにストレスを与えてしまいます。そのため、スマートフォンに最適化されたサイズの小さいサイトを用意する事で、ストレス無く閲覧が可能です。
スマートフォンは3G回線のため、PCでのインターネット接続に比べ、
回線速度が遅くなります。
そのため、通常のPCサイトの画像や情報量では、
重くてストレスを感じてしまいます。
「画像は極力使わない」「情報量を絞って表示させる」など
サイトを軽くする対策を講じる事により、
スマートフォンユーザーが快適にホームページを閲覧可能にします。
ワードプレスで制作する事により、
PCサイトとスマートフォンサイトとの連携が可能です。
PCサイトに新着情報を投稿すると、
スマートフォンサイトにも反映されるようにすれば、
更新の手間が大幅に省けます。
制作する際、iPhoneとAndroidそれぞれ 1機種ずつで
実機検証をさせて頂きます(それぞれ標準のブラウザ)。
実機で検証した際に表示に不具合や崩れがある際は修正いたしますが、
お客様にご理解頂きたい点としては、
「すべてのスマートフォンで必ず同じ表示が出来る訳ではない」
という事です。
現状、毎月のように様々な機種が発売されているため、
すべての機種で「同じ表示」を保証する事は
現実的に不可能な状況となります。
解像度の違いや、画面サイズの違いなど、各機種の違いにも対応出来るよう、
リキッド(可変)によるサイト構築を行います。
「html5+CSS3」によるコーディングを行うため、
「html5+CSS3」に対応していない機種やブラウザには
対応が出来ませんのでご了承ください。
※一部の機種・ブラウザを除き、大半のスマートフォンが
「html5+CSS3」に対応しています。
既存サイトを5~10ページ程度の
スマートフォン向けサイトにする目安の料金は10~20万円です。
スマートフォン向けに最適化する範囲や
PCサイトと連動させる場合など仕様によって料金は変わってきますので、
お気軽にお問い合わせ下さい。