ウェブフォームデザインパターン

Digg で登録フォームの設計について調査した結果をまとめた面白い記事を見つけた。コメントにもあるようにこの結果が全てではなく、状況を把握して参考にしたいところだ。

Web Form Design Patterns: Sign-Up Forms, Part 2 | How-To | Smashing Magazine

• sign-up forms don’t have any hover, active or focus-effects (84%),
• hints and help are either static (57%) or dynamic (33%) and appear below the input field (57%) or on the right side of the field (26%),
• static validation is as popular as dynamic validation — no trend toward Ajax;
• e-mail confirmation is not used (82%),
• password confirmation is used (72%),
• captcha can be used or not used (48% vs. 52%),
• cancel button is not used (92%),
• the submit-button is left-aligned (56%) or centered (26%),
• thank-you message motivates users to proceed with exploring the services of the site (45%).

日本語圏の場合「確認のためもう一度、コピーせず直接入力してください。」というようなページも多く見受けられるが、メールアドレスのフォーム入力はコピーした方が確実なため、コピペ機能を理解している人が多くなる世代の移行と共に追随することになると予想している。

またエラーメッセージのデザインは JavaScript を理解している UI 設計者にとって腕の見せ所だが、使い手の初心を忘れてしまったクライアントを相手に仕事をすると過小評価されることが多いのも事実である。