前の記事 ≪:Canvasでブラウザ上に動的にテキストを描画できる「canvas-text」
次の記事 ≫:2009年4月13日 管理人のブックマーク

登録フォームにプログレスバーを表示するJavaScriptチュートリアル

2009年04月13日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Create a Progress Bar With Javascript - Nettuts

登録フォームにプログレスバーを表示するJavaScriptチュートリアルが公開されています。
1ページに表示する入力項目は出来るだけ少なくして、最初の抵抗感をなくすという手法がありますが、ページ移動した後に、あとどれだけなのかが分かるとより登録率を高められそう。
次のように、フォームの上部にJavaScriptを使って進捗状況を表示するチュートリアルとソースコードのDLが可能です。

デモページ


画面遷移もJavaScriptで軽快に動作します。
登録フォームの参考にするとよいかもしれませんね。

関連エントリ
関連の記事検索:JavaScript, フォーム, UI, プログレスバー
スポンサード リンク

By.KJ : 2009年04月13日 11:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)