it-swarm.com.de

Layoutmuster für Standort und Meilenradius?

Ich möchte, dass unsere Benutzer einen Ort (wahrscheinlich Stadt oder Postleitzahl) und einen Meilenradius eingeben, wenn sie eine Suche durchführen.

Gibt es gute UI-Muster, um dies auf schlanke Weise zu tun?

9
Max

Ich würde vorsichtig sein, wenn ich Ergebnisse mit einem kontinuierlichen Parameter filtern würde, welcher Abstand ist. Der Grund für meine Annahme ist, dass potenziell nette Suchergebnisse gefiltert werden können, weil sie theoretisch 1 Entfernungseinheit hinter dem Schwellenwert liegen könnten, der auf 10.000 Entfernungseinheiten festgelegt werden kann, ein winziger Unterschied im Kontext.

Für mich besteht ein Ansatz, von dem der Benutzer mehr profitieren könnte, darin, das Suchergebnis standardmäßig nach Entfernung zu ordnen. Auf diese Weise kann der Benutzer ein Suchergebnis außerhalb seines anfänglichen Entfernungsbereichs erkennen, das jedoch faszinierend genug ist, um die Entfernungsschwelle nur geringfügig zu verlängern, da die Verstärkung größer ist.

Alles in allem kenne ich den Zweck der von Ihnen entwickelten Anwendung nicht, aber wenn es sich um Anzeigen/Stellenangebote oder ähnliches handelt, würde ich wirklich in Betracht ziehen, einen Bestellansatz anstelle einer Filterung zu verwenden.

BEARBEITEN: Es gibt eine schwedische Anzeigenseite, die die Loci-Auswahl ziemlich gut handhabt. Ich habe ein Modell erstellt, um darzustellen, wie Sie eine ähnliche Lösung mit einer interaktiven Karte anpassen können, um den Standort auszuwählen. Der einzige Unterschied besteht darin, dass der Benutzer hier in der Lage ist, Entfernungen und Suchvorgänge im gesamten Land zu ignorieren, was der schwedischen Werbeseite aus irgendeinem Grund fehlt ...

enter image description here

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Der Benutzer kann auch überprüfen, ob er in Zuständen neben dem ausgewählten suchen möchte. Hierbei wird ein direktes Manipulationskonzept verwendet, ein benutzerinteraktiver Ansatz, mit dem die meisten erfahrenen und unerfahrenen Benutzer aufgrund der klaren Zuordnung zur realen Welt normalerweise vertraut sind.

6
AndroidHustle

Die sauberste/minimalste Benutzeroberfläche für diese Situation könnte darin bestehen, die Radius-Eingabe zu beseitigen. Wenn Benutzer einen Ort eingeben, sind sie offensichtlich an den Orten interessiert, die dem am nächsten liegen. Das Anzeigen einer nach aufsteigender Entfernung sortierten Liste löst dies. Das Platzieren dieser Orte auf einer Karte könnte ebenfalls eine gute Alternative sein. (Sehr ähnlich zu dem, was @AndroidHustle vorgeschlagen hat)

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

3
Andrew Shipe

Ehrlich gesagt bedeuten lineare radiale Suchen außerhalb des Kontextes der Luftfahrt nicht so viel, wie wir denken möchten . Dies liegt hauptsächlich daran, dass reale Entfernungen nicht in geraden Linien gemessen werden. Ist es 12 km von meinem Haus zu meinem Büro? Nein, es ist 3, aber die Topographie und die Stadtlandschaft der Stadt machen es 12, weil ich eine Brücke überqueren muss.

Was soll die Distanzfilterung erreichen, um zu erreichen? Eine viel benutzerfreundlichere Option wäre für mich, eine anklickbare Karte mit Regionen bereitzustellen, die für Ihren Kontext sinnvoll definiert sind (Stadt, Stadtteil, Block, Land, usw. ).) Nicht genau das, was ich meine, aber der BBC Language Switcher könnte inspirierend sein, zumal er zwei Datensätze kombiniert: Geographie und Sprache.

Ich bin auch sehr dafür, Suchergebnisse einfach nach Entfernung zu ordnen.

1
msanford

Schauen Sie sich die Websites für die Jobsuche an. Sie sind sehr daran interessiert, dies so gut wie möglich zu lösen. Meistens handelt es sich jedoch nur um zwei Felder und einen Standardabstand (der angepasst werden kann). Denken Sie jedoch daran, dass die Wahrnehmung der Benutzer von "ihrem Gebiet" sehr unterschiedlich ist, wenn die Suche sehr lokal ist. Es wird ein selteneres Problem auf einer höheren Ebene.

0
The Question

Wie wäre es, wenn Sie 2 Textfelder für Stadt und Postleitzahl anzeigen (füllen Sie diese mit GPS/Standort-APIs aus, falls verfügbar) und darunter ein Schieberegler-UI-Steuerelement zum Einstellen des Radius.

0
Aziz Shaikh