web-dev-qa-db-ja.com

オートコンプリートを正しく処理する方法は?

私はgoogles Place Automcomplete APIを使用して自動住所補完を導入したいと考えているウェブショップに取り組んでいます。私の主な焦点はユーザビリティであり、それを正しくすることは正確には簡単ではありません。私の主な問題は:

  • ブラウザの自動入力機能は、入力フィールドのすぐ下にGoogleの提案を表示するほとんどの「クラシック」アプローチをオーバーレイします。フィールドの自動入力を無効にするのが最も簡単な方法ですが、それも望んでいません。自動入力に適切なアドレスがあるユーザーはそれを使用できますが、そうでないユーザーはGoogleの提案を使用できます。 UIの観点からは、何もオーバーレイしたくない-それが私の最初の問題です。Googleの提案をどこにどのように表示するのですか?現場の吹き出しに入れようかと思っていたのですが、慣れていません。

  • Googleの提案がランダムになるのは望ましくありません。ユーザーが通りの名前を入力し始めた場合、可能性としては、Googleが探している通りではなく、世界中の通りを提案する可能性があります。 Googleに国と郵便番号をフィードすることは可能ですが、これら2つを要求することは、ユーザーが慣れていないことです。ウィザードのようなものでそれらの詳細を尋ねることは頭に浮かびますが、それでも私が住所フォームを見るのに慣れていないものです。

つまり、すべてを可能な限り使いやすくすることが重要です。あなたの誰かがより良いアイデアを持っているか、別の方法でそれを行う店を知っているなら、私も完全に異なるアプローチを探しています。

あなたのアイデアをありがとう!

2
Sto

これはUXよりも技術的な質問です。最初に、技術的な実装(Google Maps API)と必要なUX(アドレスを適切に提案)の間に太い線を引く必要があります。

そうすれば、その瞬間、物事が楽になります。 Forkflow for you:1.オートコンプリートを設計する2.開発者3Aに相談する。これがアイデアである場合、実装することが可能です-大成功3B。実装できない場合。 UXの問題ではなくなりました。デザインは正しいですが、テクノロジーは最新ではありません。手順1に進みます。


1。「ネイティブオートコンプリートを表示または非表示にする」ようにブラウザに命令する技術的な方法はありません。それに対処します。したがって、1つのリストでネイティブオートプレンテの結果と提案をうまく組み合わせることができません。唯一のオプションは、カスタムオートコンプリートを作成し、ブラウザにネイティブオートコンプリートを完全に無効にするように依頼することです。ブラウザは、状況によってはそれを無視する場合があります。

痛みを感じる: https://stackoverflow.com/questions/12374442/chrome-ignores-autocomplete-off


2。別の質問で答えてもいいですか

なぜユーザーは通りから入力し始めるのですか?

なぜなら、彼は彼女が店と同じ都市に住んでいるため、郵便番号や国名を入力する必要がないと考えているからです。

ショップの近くに住んでいると、サイトから別の国のストリートが提案されるのはなぜですか?

開発者は賢明ではなかったので:)これに対する簡単な解決策は、この通りまたは家が同じ都市にあると想定することです。

1
ADOConnection