it-swarm.com.de

Was ist der beste Weg, um ein Element aus einer Baumstruktur eines Elternteils, Kindes oder Enkels elegant zu durchsuchen und auszuwählen?

  • sie wählen nur einen Artikel aus
  • in diesem Fall handelt es sich um sportliche Aktivitäten
  • die Levels reichen von allgemein bis spezifisch. Beispiel: Radfahren (Eltern)> Mountainbiken (Kind)> Downhill-Mountainbiken (Enkelkind)
  • sie können eine Aktivität auf jeder Ebene auswählen, möchten sie jedoch dazu ermutigen, bei der Auswahl einer Aktivität spezifisch zu sein

Grundsätzlich möchten wir, dass Benutzer jedes Element auf jeder Ebene so einfach wie möglich finden. Wir sind der Meinung, dass es schwierig ist, Benutzer in Ordner und Unterordner ein- und auszubohren. Eine Idee ist, ein Suchfeld mit automatischem Vorschlag zu haben. Der Nachteil hierbei ist, dass Benutzer nicht allen Artikeln ausgesetzt sind, die wir anbieten (was wir wollen). Hat jemand Ideen oder Beispiele, die er teilen kann?

3
meepsh

Ich hätte einen Drilldown wie diesen (nicht sicher, wie der genaue Name für das Muster lautet), bei dem der Benutzer aus einer Liste von Sportarten auswählen würde. Ich würde als Auswahlfeld für die automatische Vervollständigung anzeigen, in dem der Benutzer entweder die gesamte Liste der Sportarten sehen oder eine Sportart eingeben kann, um Optionen zu erhalten.

Sobald dies ausgewählt ist, würde ich die Kindersportarten anzeigen. Ich vermute, dass diese Liste nicht so lang sein wird, sodass es sich lohnt, die gesamte Liste anzuzeigen. Der Benutzer kann den Drilldown fortsetzen, bis keine Level mehr vorhanden sind, oder auf die Schaltfläche "Auswählen" klicken, um diese Sportart auf einem beliebigen Level zu öffnen. Diese Schaltfläche sollte relativ zur aktiven Liste angezeigt werden (z. B. Wenn die 2. Liste aktiv war (Mountainbiken, Rennradfahren), zeigen Sie die Auswahlschaltfläche darunter an.)

enter image description here

0
Wander

Ich würde vorschlagen, die oberste Ebene des Baums mit einem Suchfeld anzuzeigen, dh:

Search: [_____________]

+ Biking
+ Surfing

Der Benutzer kann entweder hier in den Baum bohren oder suchen. Die Suche nach dem Fahrrad wird dann wie folgt angezeigt:

Search: [Bik__________]

Biking
  Mountain biking
    Downhill mountain biking
Surfing
  Surf biking

das heißt, Sie zeigen die Übereinstimmungen und den Weg zum Root an, wobei Sie die ursprüngliche Struktur beibehalten, die Sie ihnen gezeigt haben. Sie könnten auch die vollständige untergeordnete Liste für einen erweiterten Knoten behalten, aber ausgegraut, falls sie nach Radfahren suchen, aber Velodrom fahren möchten oder so?

Ich bin mir nicht sicher, wie gut dies für Sie funktionieren würde, aber ich habe diesen Ansatz schon an einigen Stellen gemocht, und niemand schien ihn als Lösung anzubieten.

3
Robin

Ich bin diese Woche auf ein sehr ähnliches Problem gestoßen. Meine bisherige Lieblingsidee ermöglicht es den Nutzern, die Artikel zu durchsuchen, wenn sie möchten, erleichtert jedoch die Suche nach Artikeln und ermutigt sie, den spezifischsten auszuwählen.

  1. Zeigen Sie zunächst die gesamte Struktur als Baum an, wobei alle Ebenen erweitert sind. (Ermöglicht Benutzern das Durchsuchen aller Einträge.)
  2. Fügen Sie oben ein Eingabefeld "Suchen" ein.
  3. Wenn Text in das Suchfeld eingegeben wird, passen Sie die Liste so an, dass nur die Einträge angezeigt werden, deren Name oder Name des Elternteils oder Großelternteils den Text enthält. (Ermöglicht es Personen, alle interessierenden Einträge einfach anzuzeigen.)
  4. Zeigen Sie Einträge von den spezifischsten bis zu den am wenigsten spezifischen an. (Ermutigt die Menschen, die spezifischste Aktivität zu wählen.)
  5. Personen müssen auf ein Element klicken, um es auszuwählen.

Die erste Ansicht sieht also so aus:

Suche :[_____________]

Radfahren
Dreiradfahren
Einradfahren
Mountainbiking
Extremes Radfahren
Surfen
Longboard
Surfbiken

Wenn Sie dann bik in das Suchfeld eingeben, ändert sich die Anzeige wie folgt:

Suche :[bik__________]

Extremes Radfahren
Dreiradfahren
Einradfahren
Mountainbiking
Surfbiken
Radfahren

2
Bennett McElwee