web-dev-qa-db-ja.com

単にタイプするのではなく、ユーザーにロケーションの選択を強制する方法は?

この単純なフォームを考えてみましょう:

enter image description here

したがって、ユーザーは会議の完全な住所のキーワードを入力する必要があります。
入力中、候補が表示されます(オートコンプリート機能)。
ここに例があります:

enter image description here

ユーザーは一部のキーワードしか選択しないため、99%の場合、ユーザーはリストから正しいアドレスを選択します。
それで結構ですが、リスト内の項目を選択せず​​にフォームを有効にする他の1%については、一度に完全な住所を入力した可能性があるためです。

なぜユーザーはselectにアドレスを入力したとしても、それを入力するように期待するのですか?
selectingの場合、選択したcompleteアドレスに緯度/経度を関連付けるバックグラウンドプロセスがあるためです。

ユーザーにこのマッピングをバイパスさせたくありません。そうしないと、会議を地理的にローカライズできません。

緯度/経度を関連付けるために、選択が必須であることをユーザーが理解できるように、フォームをどのようにフォーマットする必要がありますか?

デフォルトでは最初の選択を選択できます(入力されたアドレスが一致した場合)が、入力されたアドレスが完全に完了せず、いくつかの結果が得られない場合があります。

PDATE ------実際には、実際の形式は次のとおりです(ネイティブアプリ以降のモバイルデバイス)

enter image description here

UXを増やすために何を提案できますか(デザインにもかかわらず、まだ作成されていません:))?有効なアドレスを選択する前に、ユーザーがNextをクリックできるようにしたくはありません。

項目「ニューヨークタイムズプラザ」をクリックすると、値が入力テキストに入力され、バックグラウンドで緯度/経度が設定されるため、ユーザーは「次へ」をクリックする必要があります。

enter image description here

6
Mik378

この場合の最も簡単な解決策は、ユーザーが入力したアドレスを取得して、最も近い場所にマッピングし、マッピングを認識してアドレスを承認または拒否できるように知らせることだと思います。

Amazonは同じことを行いますが、住所が見つからない場合は検証して提案された住所を表示し、ユーザーに確認させます

enter image description here

複数のマッピングがある場合は、アドレスを一覧表示し、Googleマップが行うように、最も近いものを確認するようユーザーに依頼します

enter image description here

11
Mervin

私はあなたの質問に直接答えると思う私の2セントを追加します(ところで、私の英語については申し訳ありません)。

具体的に:ユーザーに何かをしてもらいたい場合はただ伝えてください。したがって、「ミーティングアドレスを検索し、下のオプションを選択する」の「ミーティングアドレス」を変更できます。

分割統治:ユーザーは怠惰になりたい。検索入力を3つのフィールドに分割することもできます(場所、都市、州、おそらく国は必要ありません)。同じものにすべてを書き込むよりも入力間を変更して入力する方がユーザーにとって面倒なので、それらはより可能性が高くなります。予測を選択します。

視覚的なマッチング:注文の色は同じで、注文から取得するアクションも同じです。

他の選択肢を与えないでください。私はモバイル開発者ではありませんが、オプションを選択するまで[次へ]ボタンを無効にすることができます。

enter image description here

4

私はUXを念頭に置いてタイプアヘッドを最近設計しました。すべてのボックスをチェックする単一のコンポーネントを見つけることができませんでしたが、いくつかは少しだけ見落としています。

とにかく、私が問題を正しく理解していれば、次のように、一致リストで常に一致が選択されているはずです。

An image showing an input field with some query entered, and one of the matches being highlighted

ユーザーがフィールドを離れると(ぼかしイベント)、Enterキー、Tabキーを押すか、フィールドの外側をクリックしても、選択した一致(および一致する必要があります)がフィールド値になります。このタイプの動作は、多くの場合 強制選択 として記述されます。

3
Izhaki

それらを「選択」させないでください。待ち合わせ場所への道順を尋ねると、「それはシェルステーションの向かいのワシントン通りにある」と私に言った場合。そして、「ワシントンステーションにあるという意味ではありませんか[〜#〜] next [〜#〜]シェルステーションまで!?」、あなたは失礼です。実際の会話のような人々とのやり取りを考えてください。たとえば、ウェイターがサラダに何を求めているかについて質問が多すぎる場合、ウェイターは失礼です。できるだけ礼儀正しくなるようにしてください:)

だから私はあなたが言っていることが良いと思います。彼がアドレスの半分を入力し、あなたの提案がその下にポップアップし、彼がそれを選択せず​​にクエリを送信する場合、それが彼の望んだものであったと仮定します。多分あなたが提案している場所を次のページに示してください。したがって、彼が次のページで「1337 Elite Ave NYC」を検索した場合、「1337 Elite Avenue、New York、NY 12345」と書くことになります。彼が見つけたものを彼にいくつかの指示を与えます。

そして、UXヒントの回答から少し間をおいてください。できるだけ多くの人の答えに対応できるようにしてください。あなたの質問では、場所としてニューヨークを使用しました。クエリで文字列NYCをNew Yorkに置き換えます。たとえばニューヨークを考えると、多くの人がニューヨークに入るでしょう。そして今、あなたの答えに戻りましょう。

人々が言っ​​ていること/意味を理解するようにしてください。 1%の確率でアイダホ州ではなくカンザス州の地図を見ている場合、うまくいけば、住所を変更する必要があることを示しています。そして、あなたはあなたのドロップダウン提案を提供することによって2つのアドレスがあり得ることを合図するのに良い仕事をします。特に、非常にまれなエラーであると思われる場合は、人々が文字通り選択する必要のあるものを使用してください。それらのフォーマットされていないクエリを修正します。 「NYC」など、あなたの事業分野における口語的な言葉を認識する。

1
Tyler Langan