Reiseplaner-Dashboard-Design

Ein Reise-Dashboard, das Ort und Zeit verbindet

Daybreak Atlas verwandelt einen fiktiven Tag in Halcyon Cove in drei verknüpfte Ansichten. Gespeicherte Orte befinden sich links, eine illustrierte Stadtkarte nimmt die Mitte ein und „The Day“ verläuft rechts. Die Karte beantwortet, wo eine Station liegt; die Zeitleiste beantwortet, wann sie besucht wird. Wenn beides sichtbar bleibt, lassen sich die Folgen einer Ortsauswahl leichter vergleichen.

Die Ortsbibliothek ist nicht nur eine Liste von Namen. Gullwing Bakery hat ein Öffnungszeitfenster von 6:30am–11am und wird als „In Breakfast“ markiert, sobald der Ort der Route hinzugefügt wird. Derselbe Ort erscheint anschließend im Zeitfenster „Breakfast“, mit Besuchsdauer sowie den Steuerelementen „View“ und „Remove“. Diese wiederholte Identität verbindet Stöbern und Planen: Die Karte ändert ihre Rolle, aber nicht ihren Namen.

Öffnungszeiten, Besuchsdauer und Reisezeit getrennt darstellen

Der nützlichste Teil dieses Reiseplaner-Dashboard-Designs ist sein Umgang mit Zeit. Ein Öffnungszeitfenster, eine Besuchsdauer und eine Gehzeitschätzung beschreiben unterschiedliche Einschränkungen. Sie sollten nicht zu einer einzigen mehrdeutigen Dauer zusammengefasst werden. Dieses Beispiel platziert sie nahe an der Entscheidung, die sie jeweils unterstützen.

Von einer vorgeschlagenen Route zu einer bewusst geplanten Reiseroute

„Surprise Me“ stellt eine Ausgangsroute bereit, anstatt die Besuchenden sechs leere Zeitfenster ausfüllen zu lassen. Im aufgenommenen Zustand „Hidden Gardens“ führt die Abfolge von Gullwing Bakery über Gärten, Mittagessen und einen Lesesaal. So erhält die nutzende Person etwas Konkretes zum Bearbeiten. Dennoch handelt es sich um einen Vorschlag und nicht um einen Beleg dafür, dass diese Route optimiert oder geografisch korrekt ist.

01

Ein Ort, mehrere nützliche Einstiegspunkte

Sowohl eine Karte eines gespeicherten Ortes als auch ein Kartenpin können zu den Details führen. Der Drawer vereint Beschreibung, Öffnungszeiten, typische Besuchsdauer und das am besten passende Zeitfenster. Wer auf der Karte beginnt, kann daher dieselbe Planungsentscheidung treffen wie jemand, der die Bibliothek durchsucht.

02

Benannte Ziele machen das Verschieben vorhersehbar

Der Drawer zeigt die aktuelle Zuordnung und bietet „Breakfast“, „Morning“, „Lunch“, „Afternoon“, „Sunset“ und „Evening“ als Buttons an. Dadurch wird das Verschieben eines Ortes zu einer sichtbaren Aktion statt zu einer Geste, die erst entdeckt werden muss. Eine Produktversion sollte den Ersatz eines belegten Zeitfensters vor dem Bestätigen ebenso eindeutig machen.

1. Beginne mit einem vollständigen Beispiel

   Wähle ein „Surprise Me“-Thema und lies die Abfolge der Stationen zusammen mit der Karte. Prüfe, ob sich das vorgeschlagene Thema in den tatsächlichen Ortskategorien widerspiegelt und nicht nur in seiner Bezeichnung.

2. Prüfe vor dem Verschieben

   Öffne einen Ort, vergleiche sein Öffnungszeitfenster mit den verfügbaren Zeitfenstern und verschiebe ihn über ein benanntes Zeitfenster. Verfolge die daraus entstehende Änderung in Zeitleiste und Route.

3. Prüfe den Tag als Ganzes

   Vergleiche vor der Verwendung von „Lock the Day“ die Anzahl der belegten Zeitfenster mit der Gesamtdauer der Fußwege. Diese Angaben ermöglichen eine nützlichere abschließende Prüfung, als einen Abschluss-Button als Beweis für eine praktikable Reiseroute zu behandeln.

Was dieser Reiseplaner-Prototyp demonstriert

Halcyon Cove, die dortigen Orte und die Gehzeitschätzungen sind Demonstrationsinhalte. Das Artefakt ist ein lokaler Frontend-Prototyp und keine Live-Karte, kein Buchungsdienst und kein Mehrbenutzer-Reiseplaner. Sein ursprüngliches Local-Storage-Verhalten ist in der isolierten „Show Preview“-Umgebung nicht verfügbar; dort sollte man sich daher nicht auf gespeicherte Fortschritte verlassen. Claude Opus 5 ist die mit dem Export der verantwortlichen Person gelieferte Bezeichnung und kein unabhängig verifiziertes Benchmark-Ergebnis.