押さえておきたい!スマホサイトのフォーム最適化のポイント

イメージ画像

パソコンECサイトではコンバージョン率があるのに、スマホECサイトでは成約に至らないケースが多いのはフォームに問題があるケースが多い。せっかくスマホECサイトを作ったのに売上が伸びない、効果が発揮されないなど悩みがある方も多い。パソコンに比べ、入力にストレスを感じることの多い、スマホサイトのフォーム。
今回はスマホサイトのフォームの最適化のポイントについて、どんなところに改善点があるのか見ていこう。

 

1.入力内容を軽くする

基本中の基本であるが、入力内容を絞ること。購入に必要でない内容はできる限り、削ること。そして入力は簡単に、軽く、できるようにすること。
ユーザーは軽い気持ちで、気軽に空き時間などにスマホでサイトを訪問している。そこへ重い内容の入力フォームが現れたら、誰でも離脱するのは当然である。
例えば、郵便番号を入力するだけで、住所が自動で表示されたり、「半角」「カナ」などの入力の種類を強制しないなど、簡単に入力できるをポリシーとして設計すべきである。

 

2.要素は大きくする

フォームで最もストレスを与える内容として要素が小さいことからくる、誤操作、誤タップをするストレスだ。文字を大きくする。タップエリアを大きくする。ボタンを大きくするなど、スマートホンは指で操作するディバイスあることから、指の厚み分を確保したデザインにする必要がある。
タップエリアは44px以上、入力欄で50px、ボタンで40pxが最低ラインである。また、文字の行間、余白も重要である。ゆとりをもったデザインは誤動作を最小限にとどめることができる。

 

3.キーボードを変えさせない

キーボードを切り換えるだけでもユーザーには負担と感じている。
入力エリアにフォーカスされたとき、自動的にキーボードが変換されると良い。
スマホでは文字入力するとき、「日本語」「数字」「英字」などユーザーが入力内容にあわせて、キーボードを切り替えるようにする。最低でもメールアドレス時は「英字キーボード」になり、電話番号、郵便番号入力時には「数字キーボード」に自動的にキーボード表示が変わるようにする。

 

4.電話でも購入できるようにする。

スマートホンは電話でもある。電話成約が取りやすいディバイスである。入力に挫折しそうな人、入力中に商品・サービスの質問ができたりが、連絡ボタンひとつでできるとユーザーの安心、信頼を獲得できる。

 

 

まとめ

どんなに良いスマホECサイトを作ってもフォームで離脱されては意味がない。
コンバージョンに直結するフォームの最適化は重要な項目である。もし、フォームで離脱率が高いようなら、フォームの内容に問題があることは間違いない。今回のフォーム最適化でスマホECサイトを見直し、あてはまる内容などあれば、改善していただきたい。
ユーザーのスマホ入力に対するストレスを最大限に減らし、快適でかつ的確な情報入力を促すフォームにすることが重要である。

関連する記事

もう対応してる? モバイルフレンドリー... 最近は電車のなかでスマホを見てる人が多くなった。外出先でもインターネットが当たり前の時代だ。Googleの発表によると、スマホからの検索数がPCからの検索数を超えたようだ。スマホの重要性は今後、ますます高いものとなるだろう。そのようなスマホユーザーに確実に良い情報検索結果が表示されるように、Go...
今さら聞けない? SEO内部対策の基本 前回はユーザビリティについて書いたが、今回はSEO対策についても再確認してみたいと思う。こちらもユーザビリティと同様に継続的な見直しが必要な項目である。SEO対策とはズバリ、googleなどの検索エンジン対策である。 検索エンジンは日々サイト内の情報を収集し、その情報やコンテンツは評価され、...
越境EC “言語”のハードルを超えるには... 越境ECの第一のハードルは言語である。国内ECサイトから仕様を海外販売のサイトにチェンジしサイトを構築するには、まずサイトを日本語で作成し、そのあとに、英語、中国語などにテキストを翻訳していく必要がある。 日常会話ならなんとか訳すことはできても、越境ECの場合、商品情報や専門用語などユーザー...
多言語、多通貨対応ECサイトの構築、その留意点は?... 最近のECサイトは越境ECであることが求められる時代だ。越境ECサイトを構築するは多言語対応、多通貨対応にする必要がある。 今回はひとつのECサイトで多言語、多通貨切り替え対応しているECサイトで、日本から海外に発信している越境ECサイトと海外から日本などに発信している越境ECサイトに別けて...
ディバイス毎のWebブラウザシェアは? 2016-6月... デスクトップのブラウザシェア争いは世界的にはGoogle Chromeがシェアを独占してるが、2位争いにも変化が見られた。ひと昔前までは首位独走だったInternet Exploerが徐々に下降し、前回まで3位だったFirefoxが追いつき、ついには追い越されるという事態になっている。 今回...
押さえておきたい! WEBデザイントレンド7選... 5月18日、JECCICA(ジャパンEコマースコンサルタント協会)主催の「ECデザイン大賞2018」が開催され、大賞他各受賞者、WEBサイトが発表された。 ダイヤモンド賞(大賞)を獲得した達磨正宗のWEBサイトはワンカラムで、商品ページに特徴があり、写真、動画、キャッチコピーなど、クォリテ...

タグ: ,

コメントをどうぞ