前の記事 ≪:コメント欄を華麗にスタイルするサンプル集
次の記事 ≫:つい押したくなるようなボタン作成Photoshopチュートリアル集

長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプル

2009年10月01日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
長ったらしいフォームをウィザードにして抵抗を少なくするjQueryサンプルが公開されています。
長々としたフォームは利用者が入力を躊躇してしまいますが、ウィザードにすることでその抵抗を軽減できますね。
この変換を自動で行えるjQueryのサンプルが公開されています。

図1:長いフォーム


スクリプトを実行すると次のようにウィザード形式に変換できます。

図2:ウィザード形式(Step1〜Step3)


チュートリアル記事になっているので、見ながら簡単に実装できます。
フォームを作成する時は、参考にしてみてもよいでしょう。

次のエントリにて具体的手法が見れます。
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
関連の記事検索:jQuery, ユーザビリティ
スポンサード リンク

By.KJ : 2009年10月01日 09:08 livedoor Readerで購読 Twitterに投稿

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