it-swarm.com.de

Schnittstellen mit mehreren Elementtypen: Registerkarten, Tabellen, Menüs und Akkordeons

Ich entwerfe eine Website, die im Grunde genommen mit Informationen überladen ist, und ich muss ein Layout erstellen, das die Aufnahme aller Informationen ermöglicht, jedoch mit zwei Einschränkungen:

  • Ich möchte maximal 3 Klicks, um selbst den tiefsten Datenpunkt zu erreichen (extrem schwer mit so vielen Daten).
  • Ich würde keine Duplikate von Elementtypen bevorzugen. Mit Elementtypen meine ich, ich würde es vorziehen, keine Registerkarten zu haben, auf denen ein Benutzer eine auswählt und ein weiteres Registerkartenpaar angezeigt wird.

Ich möchte dem Benutzer ermöglichen, auf natürliche Weise in seinem Kopf zu versetzen, welche Art von Element welche Datenpunkte steuert. Da ich weiß, dass jemand fragen wird, muss ich dem Benutzer außerdem alle Daten anzeigen. Dies ist eine Voraussetzung.

Die Idee, die ich jetzt habe, benötigt den Benutzer ungefähr 4 Klicks, um zum tiefsten Datenpunkt zu gelangen, und verwendet Tabs (als Hauptstruktur), eine linke Seitenleiste, die das Recht in eine Tabellenstruktur in Form einer Auflistung ändert, und danach Durch Klicken auf einen Link in der Liste ersetzt ein Akkordeon die Tabelle durch Datengruppen.

Gibt es bessere Schnittstellenelemente, die besser genutzt werden könnten, an die ich nicht denke? Ich möchte den Benutzer nicht überwältigen, aber gleichzeitig sauber und funktionell halten.

1
ars265

Ich möchte maximal 3 Klicks, um selbst den tiefsten Datenpunkt zu erreichen

Ich muss das sagen, auch wenn es etwas schwierig ist. Was Sie wollen, ist nicht wichtig - was Ihre Benutzer wollen, ist alles, was zählt. Wenn Ihr Benutzer Elemente mit sieben Klicks einfacher findet als mit drei Klicks, sollten Sie dies implementieren.

Das heißt - es gibt eine Reihe von Navigationsstrukturen, die Ihrem Wunsch nach weniger Klicks entsprechen. Eine beliebte ist die breite Navigation, die wie die von Ihnen implementierte aussieht:

breadth and deep navigation structure

Die breite Navigation zeichnet sich dadurch aus, dass sie flach ist und Sie sie mit nur drei Klicks auf ein Element gestalten können. Das Problem dabei ist, dass der Benutzer viele Elemente durchsuchen muss, bevor er auf ein Element klickt.

Wählen Sie die breite Navigation, wenn sie den Anforderungen Ihrer Benutzer entspricht. Sie müssen jedoch auch andere Stile unterstützen, um Informationen zu finden. Das wäre Suche und Tags, Da das Muster des Benutzers zum Auffinden von Informationen in mehreren Schritten abläuft, wird zwischen regulärem Navigationsklick und Suchen gewechselt (Morville, Polar Bear Book).

Polar Bear Book cover

Das Markieren von Informationselementen würde Ihrer Suchmaschine helfen und Ihren Benutzern helfen, verwandte Inhalte dessen zu finden, was sie gerade lesen. Wenn Sie all diese drei Techniken implementieren, haben Sie gute Chancen, Ihre Website zum Erfolg zu führen.

Viel Glück!

3
Benny Skogberg

In einer Situation wie Ihrer hilft wirklich ein Suchfeld mit Autocomplete-Funktion. Denn egal wie gut Sie Dinge klassifizieren können, es kann nur eine Sitemap geben, mit der Sie am Ende fertig werden. Und egal wie gut durchdacht es ist, es wird Leute geben, die es nicht verstehen. Sagen wir, auf der DMV-Website kann ich dort nichts finden. Wenn ich jedoch auf die Seite komme, sehe ich, dass sie ziemlich vernünftig in der Hierarchie der Seiten platziert wurde.

Um mit einem Klick zu den Daten zu gelangen, insbesondere wenn der Benutzer weiß, wonach er sucht, sollten Sie ein großes Suchtextfeld mit der Bezeichnung "Wie können wir Ihnen helfen?" Hinzufügen. Auf der Titelseite.

Dies ist möglicherweise keine Lösung, nach der Sie suchen, sondern nur eine Idee, über die Sie nachdenken sollten.

AKTUALISIEREN

Eine andere Sache, die beim Navigieren sehr hilfreich ist, ist eine Liste von Links zu den zugehörigen Seiten auf jeder Seite. Sehen Sie, wenn ich nur die Liste der erforderlichen Dokumente für das Bestehen der Führerscheinprüfung rot mache, könnte es mich interessieren, 1) Standorte und Stunden zu kennen 2) einen Termin zu vereinbaren 3) eine Frage zu stellen.

0
Trident D'Gao