web-dev-qa-db-ja.com

入力フィールドに多くのフォームが定型入力を使用するのはなぜですか?

正直なところ、定型入力は迷惑です。サイトによってマスクが異なると動作が異なる場合があり、その動作は予測できません。また、混乱しないように注意する必要があるため、実際には情報の入力に時間がかかります。

たとえば、自動的に次のタブインデックスに移動するものもあれば、そうでないものもあります(文字を削除/置換しようとしないでください)。正しい情報を入力するまで続行できないものもあれば、そうでないものもあります。 「/」、「-」、「(」、またはその他の文字を入力する方がはるかに便利です。これにより、入力する内容とフィールドに必要なものが正確にわかるため、できるだけ早く入力できます。通常は入力します。フォーマットがオフの場合、問題のフィールドの横に小さなエラーボックスがポップアップ表示され、フォーマットを入力するように指示されます。

  • 定型入力が必要な標準のように見えるのはなぜですか?これに基づいているユーザーの標準/研究はありますか?それはユーザーにとって本当に簡単になることを示していますか?
  • また、「テンプレート」が提供されていないため、定型入力を使用しないと、技術に精通していないユーザーを疎外する可能性があります。または、定型入力は実際にそれらをさらに混乱させ、予期しない(そして突然の)動作を引き起こしますか?
10
Daniel Ward

入力マスクは多くの場合、説明どおりにうまく機能しませんが、正しく実行されますcan入力を減らし、予想される形式を表示することで非常に役立ちます。それらを正しく行うことが重要です。

多分私は社会保障番号の入力を持っているかもしれません、それは常に[nnn-nn-nnnn]の形式であるので、マスクに既に存在するダッシュでフィールドを表示するかもしれません[ - - ]しかし、そうするなら、ダッシュを入力するか、ダッシュをスキップすることができます。数字キーパッドで整数を9桁の数字として入力する方が、ダッシュを正しい場所に配置するよりも高速ですが、マスクのダッシュ位置にいるときにダッシュを入力すると、受け入れて次に進みます。同様に、123-45-6789123456789123 45 6789のいずれかを貼り付けると、受け入れられます。

私はこれをダッシュ​​のある単一のフィールドとフィールド間にダッシュのある3つのフィールドの両方として行いました。どちらの場合も、入力または貼り付けされたこれらのフォームのいずれかを適切に受け入れます。ダッシュタイプ。

10桁の電話番号の場合、マスクのない単一の入力フィールドを使用し、(nnn) nnn-nnnn(スペースあり、またはスペースなし)、nnn-nnn-nnnnnnn.nnn.nnnnnnn nnn nnnnなどのいくつかの一般的な形式のいずれかで番号を入力できるようにします。たった10桁nnnnnnnnnn —私が理解できる限り。必要に応じて、ユーザーleavesフィールドの場合に、サイトの優先形式にマスクを適用します。

これにより、ユーザーは期待する形式で情報を入力できます個人的には快適であり、システムを理解するときに不要な「句読点」を省略できることを学習できます。

マスクはフィールドで期待されることのヒントとして機能することができ、適切に実装されていれば、実際にマスク文字を入力したことでユーザーを罰するべきではありません。 (常に貼り付けを許可します!)

13
Stephen P