title_img

まずはここから。エントリーフォーム最適化の要点だけ。

どうもどうも。2ヶ月ぶり…!
超久しぶりに更新を…

フォームの改善、EFO(エントリーフォーム最適化)なんかをしようかなと考えておりまして。
諸先輩のブログを拝見して、これはやっておくべきだなぁと思った要点だけざーっと自分用にメモ。
 
 

 
 
スポンサーリンク




 
 

「このフォームからの問合せでいいのかな…」
何のためのフォームかを明確にする

このフォームで、何が手に入るのかを具体的に表示してあげると良いみたいですね。
自分でフォームへのボタンを押してくるんだから、【何のための】なんてわかりきってるよなあ…とも思ったのですが、よくよく考えてみると「問合せ」なのか「見積り」みたいに複数ある場合は提示してあげた方が親切ですね。
 
 

「あとどれくらいで終わるんだろう…」
入力ステップの表示

これは大切ですよね。ゴールが見えないのは不安(ストレス)です。
入力フォームのページ数が多いと逆にアレですが…!
 
 

「めんどい…電話で済ませたい…」
フォーム以外の連絡手段を載せる

これは盲点でした。
フォームのページって、余計な情報は載せちゃダメなんだろうなーと思っていたのです。
たしかに、他の連絡手段が用意できるなら載せておいた方が取りこぼしが少なくなるかもですね。

 
 

「この入力フォームはどこまでつづくんだ…」
入力項目は出来るだけ絞り込む

すごいわかる。入力項目が少なければ、それだけ離脱は減るよねえ。
でも社内的な事を考えると…結構むずかしいポイントかもですね。
そこをなんとかするのがデザイ(ry
 
 

「え…全部必須…だ…と…?」
必須・任意の表記はしっかり考える

こんなの必須?と思うことって結構ありますよね。
実際に社内で聞いて回ってみると、そんなに必要な情報じゃなかったり。
必須・任意をしっかり分けて、明記してあげることが大切ですね。
 
 

「どこ入力してたっけ…」
入力してる項目はハイライトする

入力項目が多い時なんかは必要な気がしますねー
カード情報を入れようとおもって一旦入力項目から目を離すと、結構どこを入力してたのか見失います。
ここまで必要?とも思った時期もありましたが、とことんお客様にストレスを感じさせないように作るのがEFOなのかもなぁと。

 
 

「マウスに行ったりキーボードに行ったり…」
入力ボックスは分けない

キーボードに慣れてる人だといいんですけどね。
「tab」キーでポチポチやれば良いんですが、わたくしみたいにマウスでいちいちカーソル持ってく人には入力フォームが分かれてるとめんどいっすね。
名前とか一気に記入させてよ!と。
 
 

「げ…注意文だらけじゃん…」
入力時だけ説明を表示させる

これも盲点でした。
みなさまも経験あると思うのですが、注意文をすげー入れたがるんですよね。
いや、大切な事なんですけどね。
でも、あまりにも注意文が多いとお客様も読まないし、フォームにとっては離脱の原因になるし…とあまりいい事が無い気がします。
入力時だけ、その項目に必要な注意文が出る仕組みはスッキリしてて良いですね。
 
 

「えーと…東京都新宿く…めんどい…」
郵便番号による住所入力補助

勝手に元祖EFOはこれなんじゃないかと思ってます。
かなり昔から実装してるフォームが多いですよね。
でも、無いとかなりめんどいです。
もはやこれは必須なんじゃないでしょうか…!
 
 

「なんで混在してるのよ…」
全角・半角の扱い

ここは「全角」ここは「半角」
いやいやいや統一してよ!っていうかどっちで入力しても大丈夫なようにしてくださいよう!
とよく思ってるのですが、なかなかこういったフォームが減らないところをみると、結構めんどくさいのかな…
でも、これは実装したいですね。
 
 

「入力完了…え!なにこのエラーの数…!」
リアルタイムでエラーの表示と非表示

これあると嬉しいですね。
間違えてたら即時にエラーで教えてくれて、直したらエラーが消えてくれる。
全部入力終わってからのズラーとならんだエラーは確実に離脱しちゃいますよね…
あと何についてのエラーなのかも明確だと嬉しいですね。
IDが違うのかパスワードなのか…とか。
過去になんのエラーかわからないくて何回も入力を繰り返してたらログインできなくなったという苦い経験が…
 
 

「お、これは…(ポチッ)」
余計なリンクはつけない

詳しく説明したい…そんな気持ちから入力フォームにこれでもかってリンク張ってる場合がありますが、良く無いですね。
離脱を誘うようなモノですわ。
これは気をつけたいです。社内調整がんばります。
 
 

「これを全部読むとか無理…」
個人情報の取扱いや利用規約の見せ方

あまりにも長文をフォームページに載せるのはいかがなものか…
しかし、読んでくれた上で同意してくれないと困るんですけどね。
なんか良い方法ないですかねぇ…うーむ。。

 
 

「送信…あ!違う戻る押しちゃった…」
ボタンなどのデザイン

フォームに限らずの話ですね。
Webサイト上でのボタンもデザインには気をつけたいです。
「進む」や「送信」を右に配置するとか、色は暖色系を使うとか。
 
 

「入力完了…この後ってどうなるんだろう…」
完了画面の設計

「ありがとうございました」だけの完了画面って多いですよね。
これも諸先輩のブログを見て気づいたのですが、完了画面までお客様の事を考えてフォームを作るというのは大切だなあと。
入力完了後、詳細はメールで届くという仕組みなら、そう書いてあるとお客様は安心ですよね。
フォームを入力した後の流れまで気を使えるようになりたいものです。

 
 

と、自分用メモなのでずらずらっとまとめてしまいました。
もうこれでもかってくらい「至りに尽くせり」なフォームを作りたいと思います!

ではでは!
 
 
スポンサーリンク




 
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です