infografik userinterfacedesign Visualdesign Sitemap

Site Map – die Landkarten des digitalen Produkts.

Die Site Map visualisiert die komplette Architektur des digitalen Produkts. Sie bildet die Hierarchie der Inhalte ab und zeigt die Navigations- und Menüpunkte des zukünftigen Anwendung.

Beschreibung

Die Site Map ist ein sehr praktisches Hilfsmittel bei (seitenbasierten) Anwendungen, da sie mehr können als nur die Struktur abbilden.

  • Die Site Map bildet die Hierarchie der einzelnen Seiten/Views ab und zeigt die künftige Navigation mit den Menüpunkten.
  • Sie visualisiert die Anzahl und Art der einzelnen Seitentypen/Views.
  • Abgeschlossene Bereiche (z.B. welcher Bereich ist erst nach dem Login verfügbar) können einfach dargestellt werden.
  • Sie definieren, wo Inhalte und einzelne Seiten/Views liegen und wie sie verlinkt sind.
  • Ausserdem können Site Maps den Projektstatus abbilden und zeigen, welche Seiten in welcher Ausarbeitungsstufe umgesetzt sind.

Vorgehen

Die Basis für die Site Map lässt sich mit der Designmethode Card Sorting erarbeiten.

Aus der Praxis

Um hilfreiche und verständliche Site Maps und Flowcharts zu erstellen, ist es wichtig, dass die einzelnen Seiten, Content-Elemente und Tasks mit einem eindeutigen visuellen Vokabular erstellt und Nummerierungs-System beschriftet werden, damit das gesamte Projektteam und alle Stakeholder darauf referenzieren können.