web-dev-qa-db-ja.com

4桁の年のヘルプテキスト

私は4桁である必要がある1年間の入力フィールドを設計しています。 MM/DDと組み合わせないと、ヘルプテキストとしてのYYYYはあまり明確に見えません。ここでのベストプラクティスは何ですか? Current Design

3
KristinG

最も簡単な方法は、ラベルの横にヘルプテキストを提供し、ユーザーが必要なパターンの入力に失敗した場合の簡単な検証を提供することです。

通年の入力を求めるフォームでは「4桁」が必要または一般的ではないと思います。私は「YYYY」が長年の文脈で使用されるのをよく見たので、ここで予期しない使用になることはありません。

showing form validation process for invalid 2-digit year

これにより、ユーザーに問題が明確に示され、修正方法が示されます。

7
maxathousand

YYYYは、DDおよびMMに加えて、デバイスおよびソフトウェア全体で使用される標準化された国際フォーマットです。
https://www.w3.org/QA/Tips/iso-date

変更する必要はありません。プレースホルダーとしてではなく、ヘルプテキストとしてではなくYYYYを配置できます。また、アンダースコアまたは簡単な背景を使用して、4桁を表示する入力フィールド検証を提供することもできます。 (_ _ _ _)

2
xul

クリスティン、その使用目的のためにユーザーがこのフィールドに入る典型的な年は何ですか?これに基づいて、ユーザーが入力した数字が4桁未満の場合に4桁の年を自動的に作成するアルゴリズムを考え出すことができます。

臨時の例として、これらは誕生年でしたが、どの年も2019年以下になると安全に想定できます。したがって、ユーザーが「19」と入力すると、フィールドは次のようになります。ユーザーがフィールドから離れるとすぐに「2019」。同様に、「23」は「1923」などになります。

これにより、3桁および1桁のエントリでスムーズに動作するようになるには少し手間がかかりますが、2桁の年を入力する場合、特に(おそらく)煩わしいフォーマットエラーメッセージが表示されない。

ヘルプテキスト付きのレイアウトについては、何も変更しなくても済む場合があります。ただし、意図したユーザーでフィールドをテストして、フィールドが使用可能かどうかを確認してください。

1
JochenW

Gov.ukは、日付入力設計システムに従って、完全に完成した一連のフィールド(dd、mm、yyyy)の例を示すことを推奨しています。

あなたの例では、これと同じアプローチを使用することができ、ヒントとしてYYYYを書く代わりに、For example 1999

enter image description here

https://design-system.service.gov.uk/components/date-input/

1
dougajmcdonald