ウンザリするフォーム入力を、流れる水のごとくなめらかに行うことができる「ダイアログフォーム」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

Form

思わず登録したくなる「登録フォーム」の実装として、クラウディアさんと会話しながら情報を入力していくことができる「ダイアログフォーム」が公開されています。

工夫した点は以下の通りということです。

  • 動線を考え、クラウディアさんの発言するタイミング、テキストフィールドやボタンを表示するタイミングを調整しました
  • パスワード入力を [全て伏字 & 2回入力] にしない代わりに [一部を伏字で表示 & 確認] とういう動作にしました
  • 見られても大丈夫なコードを目指して丁寧に書きました

ちょっとデモで動かしてみましたが、ほんとに会話しているような感じで入力できます。

ダイアログフォーム  jsdo it  Share JavaScript HTML5 and CSS

アンケートなんかで使えば回答率が上がるかも。ソースコードもMITライセンスで公開されています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次