web-dev-qa-db-ja.com

入力フィールドでマスキングを使用するのが適切なのはいつですか?

ユーザーが入力フィールド(Webフォーム)に適用されたマスキングを好むことを確信している。入力中にフォームが入力を操作するとき、私は個人的にそれを嫌います。エラーメッセージのポップアップ、スライドダウン、またはエラー/警告を表示したいのですが。通常、自分で正しい形式に入力を取得できます。

他のユーザー、おそらく彼らはいくつかの助けが必要です。では、マスキングテクニックを使用して、ユーザーがオンラインフォームに入力中に(オンザフライで)入力を変更するのはいつが適切でしょうか。

マスキングの例は、このNice jQueryマスキングプラグインで表示されます。

https://igorescobar.github.io/jQuery-Mask-Plugin/

私は技術的な問題なしにそれを使用しました。これは技術的な開発者の質問ではなく、ユーザーエクスペリエンスの質問です。

生年月日をマスクすることは適切ですか?

$('#date_of_birth').mask('00/00/0000');

通貨/金額をマスクすることは適切ですか?

$('#money').mask('000,000,000,000,000.00', {reverse: true});

電話フィールドをマスクしようとする必要があります。

マスキングは非常に便利です。マスキングで気を付けなければならない落とし穴はありますか?

3
jjwdesign

badユーザーエクスペリエンスはすべてExpectation vs Outcome Mismatchに関するものであることを覚えておいてください

したがって、ユーザーが入力フィールドに入力するとき、フィールドに入力するのはexpectsだけですが、フィールドが自動的にマスクされるとき(outcome)には、期待値と結果の不一致があります。 。そしてそれゆえに苛立ち。

これに対する簡単な解決策は、想定される形式で適切な[〜#〜] placeholder [〜#〜]を提供することです。

これにより、ユーザーはフォーマットを想定することができ、マスキングはイライラするのではなく、ユーザーを助けるように見えます。

それでもユーザーが苛立ちに直面している場合は、先に進んで日付ピッカーとタイムピッカーを使用してください。マテリアルデザインのものは本当に面白いものです

4