Webシステム開発、サーバー構築/リプレイス、ホスティングなら愛知県名古屋市のハッピーネットへ!

■文字が小さくて読めない！欲しい情報が見つからない！

スマートフォンの横幅はPCモニターの４分の１程度。縮小表示したら文字が読めません。等倍で表示したら、情報がどこにあるのかわかりません。サイトの構成も複雑で、必要な情報を探すのに時間がかかります。

■画像が多くて重い！ 待っていても開かない！

高速なネット接続が主流のPCサイトでは様々な画像が使用されますが、スマホの場合、画像の読み込みに時間がかかります。その画像はスマホユーザーにとって不要な場合も多いのです。

■ボタンが小さくて押せない！ 違うボタンを押してしまう！

PCサイトのボタンはスマートフォンで見ると、小さすぎて押せない、隣のボタンとのスペースが狭くて間違ったボタンを押してしまう、リンクされているボタンかどうか判別できないなど様々な問題があります。

■情報が入力しづらい！

PC用の入力フォームはスマートフォンユーザーにとって使いにくいものが多く、またスマートフォンはPCに比べて文字の入力がしづらいため、エラーやミスがあればすぐに途中放棄してしまいます。

「即時のページ離脱」 「問い合わせの放棄」「申し込みや購入の途中放棄」など、スマホユーザーはPCユーザーよりも切り替えが早いため、閲覧時のストレスは即座に機会損失に繫がります！

■画像は必要最低限。CSSを使うので読み込みが早くなります。

不要な画像は使わない、CSS３で表現できるものは極力CSSを使ってサクサク読み込めるようにします。

■情報を厳選して文字数を減らし、サイト構成をシンプルにします。

スクロールなしで見ることができる文字数は最大300文字程度。短い文章でわかりやすくします。サイトの構成もシンプルにして、必要な情報をすぐに探し出せるようにします。

■ボタンは大きくわかりやすく押しやすくします。

ボタンの最小サイズは44px × 44px 。屋外で見ることも多いため、はっきりとわかりやすい配色にします。

■フォームの入力をできるだけ簡単にします。

文字の入力はできるだけ少なく、選択制を多くします。問い合わせフォームには電話番号を載せます。

■横向きで見ることを考慮してデザインします。

横向きになってもデザインが崩れない、画像がボロボロにならないように配慮して作ります。

■FlashはTOPページやナビゲーションには使用しません。

iPhoneはFlashに未対応です。またFlashの中身は検索されないため、動的サイトはHTML5等で作成します。