« ブログのトップページに戻る

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

   投稿者 : 2015年9月18日 By

イメージ画像

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

 

1.入力内容を軽くする

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

 

2.要素は大きくする

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

 

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

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

 

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

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

 

 

まとめ

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

関連する記事

今さら聞けないモバイル ファースト インデックスとは?... 昨年11月、Googleはモバイル ファースト インデックスのテストを開始したと発表した。本年、早々にでもこのモバイル ファースト インデックスが開始されるだろうと言われており、そのためかどうか、最近はGoogle検索の順位が日々変化しているとの指摘もある。 今回はこの検索結果の順位を大き...
いいデザインは「余白」をうまく使っている!... グラフィックデザイン、WEBデザインにおいて、「余白」を意識しデザインすることは重要な要素である。「余白」が計画的かどうかで「見やすさ」が大きく左右される。 今回は、デザイン4原則の整列、近接、繰り返し、コントラストのプラス1要素として「余白」を取り上げたい。WEBデザインはこの「余白」を積...
今、ECサイトに効果的な「カード型デザイン」がトレンド... Webデザインは時代ごとに変化してきている。今やWebデザインはパソコンやタブレット、スマホなどたくさんのディバイスに対応するため、従来のサイドバーを活用したWebデザインよりシングルカラムのデザインが主流になりつつある。そして、2015年は特にレスポンシブに対応した「カード型デザイン」が注目さ...
デバイス毎のWebブラウザシェアは? 2017−12月... 前回、2017年9月からブラウザシェアはどのような変化が見られたか。Google Chromeはどこまでシェアを伸ばしたか、MicrosoftのIE11や Edgeのシェアは、どこまで伸びたのか。Iphoneが販売され、シェアは伸びたのだろうか? 今回は12月の日本と世界の各ブラウザシェア...
カゴ落ち対策を行っていますか? お店に買い物に行って、料理などのいろいろな食材をカゴに入れ、レジ並んでる間に気が変わって食材を棚に戻すことがある。ECサイトの場合は「カートに入れる」までは完了したが、決済や配送のステップで気が変わり、別のサイトに移ってしまう。 このようにカートに商品を入れたにもかかわらず、途中でページから...
顧客を逃さない為のECサイトチェックポイント... ECサイトの目的は成約率をあげ、売上げを伸ばすことである。でも、サイトのどこをどうすれば良いのかわかない。ECサイトは構造が複雑でどこに問題点があるのか分かりにくいも事実である。 だた、押さえるところをしっかり押さえられていれば、売上げは伸びていくものと思われる。 今回は少しでも売上げア...

タグ: ,

このエントリーをはてなブックマークに追加