web-dev-qa-db-ja.com

米国の州はドロップダウンまたはテキストフィールドにする必要があります

住所入力フォームの場合、「都道府県」はテキストフィールドまたはドロップダウンのどちらにする必要がありますか?個人的には、2文字のテキストフィールドの方が、ドロップダウンから選択するよりもはるかに速く入力できることがわかりました。ただし、私が遭遇したフォームの大部分はドロップダウンを使用しています(完全な州名を表示しているフォームと略語を表示しているフォーム)。

ドロップダウンが推奨される理由はありますか、それとも単なる慣例の問題ですか?

4
Laplie Anderson

州のことを考えると、かなりの数の人が2文字の略語を考えると思う。短い形式と長い形式の両方の手動入力と従来のドロップダウンリストの両方を考慮したフォームは、私の頭の中では理想的です。省略形またはフルネームのいずれかで検証する標準のテキストフィールドのようなものを想像しています。タイプミスがある場合、フィールドはエラー状態と従来のドロップダウンリストを取得します。ドロップダウンリストは、マウスの使用を希望するユーザーがいつでも利用できます。

Input validates on either abbreviation or full name

On error, drop-down opens for manual selection

5
Brian

テキストボックスを使用して、入力を検証します。

私はSmartyStreetsの開発者です。ここでは この問題に対処しますたくさん 。ドロップダウンは、キーボードでナビゲートするのが難しいため、ユーザーを遅くすることで有名です。たとえば、「NV-Nevada」を使用する州のドロップダウンもあれば、「Nevada」だけを使用する州もあれば、「NV」だけを使用する州のドロップダウンもあります。あなたはこの矛盾を自分で述べました。したがって、ユーザーは頻繁にマウスを使用して、フォームを埋める溝を破壊します。

それだけでなく、リストに50以上の状態があるドロップダウンは読みにくいです。ユーザーは、「ネバダ」または「NV」などの状態を入力するだけの場合よりも、スクロールに多くの時間を費やし、目の動きが多くなります。

さて、検証について:ユーザーが有効な状態を入力したことを確認することは、50のオプションしかないため、非常に簡単です。しかし、実際に優れたユーザーエクスペリエンスに役立つものはほとんどありません。「買い物」して、その判断を下す必要があります。ユーザーがアドレスを入力している場合は、アドレスを確認してください。 これは無料で使用できるjQueryプラグインです これは非常に簡単です(ただし、前のリンクを参照してください:ドロップダウンが問題になる可能性があります)。

ドロップダウンメニューの不適切な使用に対する私の個人的な復讐の一環として、私は住所を標準化するだけでなく、住所フォームも個人的に仕事に取り組んでいます。繰り返しますが、私はあなたがonly状態名を収集しないフォームについて質問していると思いますが、結局のところ、私はすべての住所フォームを1つのフィールドに統合できると思います(フリーフォーム入力の解析と検証をサポートする、上記にリンクされているjQueryプラグインを参照してください)。単一のテキストボックスまたはテキスト領域を使用すると、プロセス全体がスムーズになり、完全に正規化されます。ユーザーは入力を好きなように入力でき、入力が検証されているので、フォームを使用してストッパーになりません。

さらに読むために、 私のウェブサイトの私の記事を参照 jQueryプラグインについて、それは半分ほど下にあり、アドレスフィールドのドロップダウンに対してかなり徹底的な怒りを持っています(私はほとんどここに再入力しました; oh上手)。

私はとりとめています。しかし、あなたはアイデアを得ます。

3
Matt

キーボードを使用してフォームをナビゲートする多くの「通常の」ユーザーを知りません。私が知っているほとんどの人はマウスを使用します(私が作業している人との対話/支援から)。ドロップダウン/選択はこの使用例に適しています。個人的には、キーボードを使用してタブで選択し、「C」を3回入力して「コネチカット」に行く傾向があります。テキストフィールドで私が目にする唯一の問題は、かなりの数の人が都道府県の2文字の略語を知らない可能性があることです(フォームによっては、ライブの都道府県を常に選択しているわけではありません)。省略形を間違えてから「無効な状態」メッセージを受信するためだけにフォームを送信すると、さらに遅くなります。 selectはユーザーの選択を制限し、検証のエラーを防ぎます。

1
Eric Belair

代わりにこれについて考えてください、そもそも本当に必要ですか?誰かが自分の名前、住所、市区町村、郵便番号を知っている場合は、リズムの名前を変えて州の名前や「コード」を見つける必要はほとんどないと思います。

0
Daniel Downing