Ajaxを使った便利なお問い合わせフォームを考える。フォームに確認画面は必要？

ウェブサイトを作っているとフォームの制作が雑なことが多い。ほとんどのウェブサイトにおいてフォームはゴールの1つなのに、いつも作業プライオリティが低い。コンバージョン計測もしてないケースも多い。これは昔からずっと疑問

フォームに力を注ぎたいが、そこに予算が計上されない。みんなの興味も薄い。

なぜ手抜きのフォームが多いのか？

なんでか？と考えると、Ajaxなどのフロントプログラムの担当がいないからだと思う。

• システム屋さん担当なのか？
• デザイナーさんがやるべきか？

デザイナーさんはユーザービリティにこだわりたいが、JSは詳しくない。システム屋さんはバックエンド開発はするけど、JSはそれほど詳しくないことがある。ユーザビリティ向上のための開発というのが微妙なタスクなのだ。

だから、テンプレート流し込みで終わっちゃうんだと思う。フォームを使って便利にしたいな。と思う気持ちが前々からあったので、自分で作ることにした。別に大したことじゃない。既存のライブラリーを使うだけ。

AjaxMail

最初は、AjaxMailをベースにしようと思ったけど、phpのソースがあんまり汎用的でなかったから使うのやめた。

JSで入力チェック

そして、必要な要素を考えた。まずは入力チェック。jQuery.validation.jsが便利そうだ。

住所検索はAjaxZip

あとは、住所検索AjaxZip 2.0。サクッと入った。XMLデータのメンテナンスは必要とはいえ、導入は簡単だ。これを開発会社に頼むといくらなんだろう？

カタカナ自動入力

カタカナ自動入力もほしい。autoRubyがメジャーそうだが、1画面に1つしか設置できない。複数フィールド対応を探したらautoKanaが出てきた。
てな感じでやってたら、autoKanaとvalidationの共存がうまくいかない。バッティングしてるのか？昔はalertでコツコツとデバッグしてたけど、こうライブラリが利用するようになるとどうやってデバッグしたらいいのか分からん。
niceformもサクッとはいかない。

確認画面は必要か？

あと、作ってたら気になったのが、入力確認画面って必要なのか？ってこと。ユーザーにとってワンアクション増えるし、サイト運営側からすると、確認画面での離脱者の可能性がある。ユーザーが確認するためにはあったほうがいいけど、デメリットを考えるといらないような気がしてくる。どうなんだろう。ちなみに、Google のフォームにもWordpressのプラグインフォームには確認画面がない。

ただ、個人情報入れる際は、個人情報保護法的に確認画面が必要とどこかで見た記憶もある。

てな感じで、1人で悩みながらあるサイトのフォームを公開してみたMODXのサイトに入れてみた。これからブラッシュアップしていこ。