web-dev-qa-db-ja.com

住所自動補完

記入するフィールドはかなり多く、オートコンプリート機能が機能するかどうかhowについては決心できません。ここで他に2つまたは3つの同様の質問を見つけましたが、このケースでは役に立ちませんでした。

下の画像のUIの欠陥は無視してください。これは0.1アルファバージョンです。私は現在、UXの問題に焦点を当てています。

enter image description here

enter image description here

オートコンプリートドロップダウンが表示されます Line1、Line2、都市、郵便番号、国、略称。ユーザーは、各フィールドに何でも入力できます。

そのドロップダウンでアイテムを選択すると、残りのフィールドが入力されます（どのフィールドにコンテンツアシストがあるかによって異なります。 ライン1 他のすべてを満たします。 市 いっぱいになります 国 そして 略語）。

質問：選択した提案は、他のフィールドにすでに存在する値を置き換える必要がありますか？それはユーザーにとって煩わしい/混乱しないでしょうか？

autocompleteaddresses
1
GGrec

すべきではない。

ユーザーは、あなたの背中の後ろで彼の入力を変更しないことを期待しています。

ユーザーが次のフィールドに進むと、彼の焦点はその唯一のフィールドになりました。フィールドは視覚的に互いに近いかもしれませんが、彼は以前の入力を変更したことに注意を払わないかもしれません。たとえ彼がそれに注意を払ったとしても、それが彼を困らせるかもしれないと言ってあなたが正しく理解したことは言うまでもありません。ここで、「OK、私が行った変更についてユーザーに通知します」と言うと、そもそも、本来行うべきではない変更についてユーザーに通知することになります。

一度に1つのフィールドのままにしておきます。ユーザーが「適用」または「次へ」ボタンをクリックすると、全体入力に対して検証を実行できます。これは、Amazonがアドレスの検証に使用している方法です。

enter image description here

4
Assimiz

フォームの右側に十分なスペースがあるようです。それらを受け入れるためのオプションを付けてそこに提案を配置することは考えですか？このようなもの：

enter image description here

それは最もきれいな例ではありませんが、あなたがアイデアを得ることを望みます。フォーム要素をグループ化している場合は、すべてのグループに対して[すべて承認]ボタンを繰り返すことができます。

編集：アイデアを変えることも可能です。提案によってユーザーの値が上書きされると、ユーザーはそのアクションを元に戻すことができます。

enter image description here

1
jazZRo

あなたの質問に答えるために、彼らはオーバーライドすべきではありません。私が推奨するのは、照合する住所の一部を入力する別のフィールドを用意して、住所を入力するか、手動で住所を入力することです。例：

アドレス帳に既にあるアドレスの一部を入力して、以下のフィールドに入力してください
 [___________________________________] 
 
または
新しいアドレスの入力を開始します：
 1行目：[____________________________________] 
 2行目：[_____________________________________] 
など
0
bishop