既存のフォームをユーザーに使いやすくする10のポイント

10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー

[karauma]

“フォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを”

[sekilberg]

[UI/UX]

[kazukiz]

フォームの入力欄を垂直方向に配置する

[CUTPLAZA-Tomo]

@[B!]

[yocchi24]

基本的なまとめ。キャンセルボタンはホントなくしてほしい。間違えて押したときのガッカリ感といったら…。離脱率が物凄く上がりますｗｗ

[sinsengumi-2]

[for:@twitter]

[boyasan]

基本

[matuix]

1.必須入力欄は強調 2.エラーメッセージは分かりやすく 3.クライアントサイドのバリデーション 4.入力している欄を明示 5.進捗を明示 6.データの保存やキャッシュ 7.送信ボタンの文言 8.キャンセルボタン 9.入力例の記載　…

[nors]

http://sixrevisions.com/user-interface/10-tips-for-optimizing-web-form-submission-usability/

[hr07jp]

フォームを使いやすくするポイント