web-dev-qa-db-ja.com

マップを明らかにクリック可能にする方法は?

ロケーションベースのQ&A

ロケーションベースのQ&Aアプリを開発しています。アプリのメイン画面には、その上に検索ボックスがある地図が表示されます。ユーザーが場所を選択すると、下部の「質問」ボタンが有効になり、ユーザーは質問を入力するための次の画面に移動できます。

モック

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

実際のスクリーンショット

enter image description here

地図を明らかにクリック可能にする方法

アプリで場所を固定するには2つの方法があります。

  • テキストボックスで場所を検索し、オートコンプリートリストから場所を選択します。ユーザーはすぐにこれを理解しました。
  • 地図上の場所をクリックすると、その場所の名前が上の検索ボックスに表示されます。

私は数人のユーザーでアプリをテストしましたが、2番目のオプションはユーザーにとって自然ではありません。ユーザーは地図をクリックして場所を見つけるのではなく、テキストの住所を見つけようとします。

マップを明らかにクリック可能にするにはどうすればよいですか?どのテキスト、アイコン、またはUXフローを使用すれば、ユーザーは場所をテキストで検索せずに指でピン留めできることを理解できますか?

更新

私が真剣に検討しようとしているテキストフィールドに関していくつかの素晴らしい提案があります。ヒントに役立つ視覚的/グラフィック要素に関するアイデアがあるかどうか知りたいです。

58
Adam Matan

ユーザーにスペルを伝えます。推測されたままにしたくないので、UIに簡単な追加を追加することをお勧めします。

検索ボックスの言語の変更。場所を選択すると言うと、多かれ少なかれ「ここでやる」と言っているので、2つのオプションのうちの1つにすぎないことは明らかです。

Edited screenshot with another box saying what to do "Or tap the map below to drop pin"

85
tim.baker

ボックスの外で考えるために、私はこれを「マップタップ」問題と呼んでいるので、これに根本的な提案を貼り付けることにしました。消えるか、そこにとどまり、幽霊のように残り、ユーザーに何をすべきかほのめかします。ユーザーが地図をタップすると、地図が消えます。

このアイデアがあなたの創造的なプロセスに役立つことを願っています。

enter image description here

51
McKnight

検索フィールドの強調を解除できます。デフォルトでは表示されません。画面の上部で「場所を選択してください」と言うだけで、住所を入力したい人のために検索フィールドをポップアップする虫眼鏡ボタンがあります。このようなもの:

enter image description here

このアプローチを採用しなくても、テキストのサイズと表現を調整する必要がある場合があります。 「検索」は「場所を選択」で、検索フィールドに「またはここに入力」よりも大きくする必要があります。

ただし、自問すべき質問の1つは、代わりにマップを実際に使用してほしいですか?個人的にアドレスを使用することがよくあります。複雑な地図でぽっちゃりした指を突き刺すよりも正確に正確に話す方が速いからです。必要な場所があまり正確でない場合、またはマップ上の既存の場所のアイコンがある場合、マップはより便利ですandマップはすでに適切な領域にズームされています(つまり、これがユーザーのcurrent場所の周りのものを選択します。

21
uliwitness

「ピン」を移動するのではなく、マップを移動することを検討しましたか?

マップをスクロールすることは、ほとんどのマップアプリケーションで一般的なアクションです。レチクルを静的に保ち、その下にマップを移動すると、ユーザーは目的の位置をターゲットにできます。ボックス内のテキストは、ユーザーがスクロールすると更新されます。これにより、追加のヘルプメッセージングなしで逃げることができる場合があります。

これには、ピンを配置するためにタップするよりもいくつかの利点があります。

  • より一般的なマップ操作であるスクロールに依存しています。 「タップ」アクションをまったく伝える必要はありません。
  • ユーザーの指がターゲットを覆い隠さず、マップ領域全体を使用して調整できるため、より正確なターゲット設定。
  • ユーザーの現在の場所のデフォルトのターゲットを持つことは、ユーザーの場所が既に選択されているため、ユーザーがマップを操作する必要がないことを意味します。
  • アクションは1つだけなので、偶発的なタップやスクロールはありません。ターゲットにスクロールします。

以下の線に沿った何か:

Map with reticule, reticule remains static, map moves underneath.

19
Darq

ユーザーは最初にエントリフォームを表示する可能性が高いので、これにプレースホルダテキストを使用するのはどうですか。

「場所を入力するか、地図から選択してください...」

12
Steffen Kastner

これが私の解決策です-十字線。地図は移動できますが、選択した場所は明らかです。

スクリーンショットは数年前のものであるため、Android 2.xマップおよびウィジェットです。

actual screenshot

4
tomash