Standort finden

Hauptkapitel
Designsystem
Unterkapitel
Muster (Patterns)
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung und Verhalten

Das Element «Standort finden» besteht aus einer Listenansicht und einer Detailansicht. Zu beiden Ansichten wird eine Karte mit den Standorten angezeigt. Auf kleinen Screens zeigen wir initial die Karte an. Die Liste ist nicht sichtbar. Sie ist per Klick auf das Listen-Icon zugänglich. Im geöffneten Zustand legt sich die Liste über die Karte.

Liste

  • Die Liste besteht aus 2 bis beliebig vielen Einträgen. Jeder Eintrag besteht aus:
    • Name des Standorts
    • Adresse (Strasse, Nr., PLZ, Ort)
  • Die Liste kann mit einem optionalen Suchfeld durchsucht werden.
  • Per Klick auf einen Eintrag wird die Detailansicht angezeigt und die Karte zum Pin des Standorts gezoomt.

Detailansicht

  • Die Detailansicht wird angezeigt, wenn es nur einen Standort gibt oder wenn ein Eintrag in der Liste angeklickt wurde.
  • Wurde ein Eintrag ausgewählt, so wird ein «Zurück»-Link angezeigt.
  • Die Detailansicht besteht aus:
    • Name des Standorts
    • Link auf weitere Informationen zum Standort (Optional)
    • Adresse (Strasse, Nr., Adresszusatz, PLZ, Ort) mit der Option Route anzeigen (öffnet Google Maps) und weiteren Informationen zur Adresse in Textform (optional)
    • Telefonnummer inkl. weiteren Informationen zur Telefonnummer (optional)
    • Fax-Nummer
    • E-Mail-Adresse inkl. weiteren Informationen zur E-Mail-Adresse (optional)

Karte

Die Karte zeigt alle Standorte der Liste an (siehe Karte).

Verwendung

Dieses Element verwenden wir, um Nutzenden einen oder mehrere Standorte zu zeigen. Durch die Karte können Nutzende die Lage des Standortes direkt verstehen und den Weg dorthin besser planen.

Das Element eignet sich für Standorte, bei denen die Position wichtig ist. Das kann bei Standorten der Fall sein, bei denen Nutzende einen Service vor Ort in Anspruch nehmen können. Beispiel: Die Standorte des Strassenverkehrsamts für die Fahrzeugprüfung.

Wenn die Liste der Standorte sehr lang ist (ab ca. 7–10 Standorten), verwenden wir ein Suchfeld.

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch