Mail、eBayの各サインアップのフォームを使用して、22~33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。study以下、10のガイドラインからポイントのピックアップです。horizontal水平ではなく、垂直にフォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。可能であれば、各ラベルも垂直方向に揃えて配置してください。(anecdotally)ラベルは左寄せにすると、より明確フィールドと水平に配置したラベルや、右寄せのラベルはユーザーの視線の動きが複雑になります。そのため、ラベルはフィールドに垂直に揃えて配置します。垂直が不可能なら、ラベルは左寄せにしてください。氏名や日付など複数のフィールドを一行に配置する際は、慎重に設計してください。同じラベルで複数のフィールドがある場合は、関連性を持たせるために、それぞれをより近くに配置します。important重要なポイントには、色を使って目立たせる関連しているフィールドをまとめるためにグルーピングを使用する際、それぞれにヘッダを配置することがあります。グルーピングのヘッダはユーザーの目にはなかなか止まりまらず、フィールドの方に注意が向けられる傾向にあります。これらグルーピングしたヘッダをユーザーに、他と異なる色や濃淡を使用してヘッダを強調するとユーザーの目にとまるようになります。fieldsオプションのフィールドに、アスタリスク(*)を使用しない必須や任意の項目に、アスタリスク(*)だけを使用しないでください。これは、このサインがどちらを示しているのかか、人によって認識が異なる上、サイン自体を見逃すこともあります。必須には「必須」、任意には「任意」と明確に記述します。postcode電話や郵便番号は、1つのフィールドで電話や郵便番号の入力は、ユーザーを悩ませます。これらは、数字の区切りや記号の使用などユーザーによってフォーマットが異なる場合もあります。いった項目は1つのフィールドだけにして、あらゆるフォーマットの入力を受け付けるように設定してください。ないなら、明確なエラーメッセージをユーザーに提供するようにします。enoughユーザーのタスクは、少なくユーザーに多くのタスクを与え、気をちらすようなことは避けてください。ユーザーに目にしてほしいものがあるなら、注意を引き付けるように十分に目立つようにし、余計なものは配置しないでください。feedback入力チェックをリアルタイムに行う際は、用心深くAJAXなどでフィールドに入力されたデータをリアルタイムにチェックを行う際は、仕様を十分に検討してください。数秒のアニメーションでテキストを表示するものは、ユーザーの入力の気を散らせることがあり、またそのメッセージを見逃してしまうこともあります。リアルタイムにチェックを行う際は、慎重に適切な方法を検討してください。fieldsフィールドの補足は、すぐ下にフィールドの入力を助ける補足説明は、フィールドの垂直にあたるすぐ下に配置すると、離れた箇所や横に配置するよりユーザーの目にとまります。formフォームが複数のページにわたる時は、ステップを表示フォームが複数のページにわたる時は、登録や支払いなどプロセスが完了するまでの進捗をユーザーに伝えるために、プログレスインジケーターなどでステップを表示してください。