Sitemaps und User Flows: Planung der Besucherpfade

Stellen Sie sich vor, Sie überreichen einem Freund die Schlüssel zu einem von Ihnen entworfenen Gebäude und bitten ihn, den Konferenzraum im dritten Stock zu finden. Wenn die Korridore sinnvoll angelegt sind, die Beschilderung klar ist und die Treppen dort sind, wo man sie erwartet, wird er ohne Nachzudenken dorthin gelangen. Wenn die Anordnung ein Labyrinth aus unbeschilderten Türen und Sackgassen ist, wird er herumirren, frustriert sein und vielleicht aufgeben und gehen. Eine Website funktioniert genau auf die gleiche Weise. Bevor jemand eine Farbe auswählt oder ein Wort schreibt, muss jemand das Gebäude planen, wo jeder Raum liegt und wie sich Menschen zwischen ihnen bewegen. Diese Planung ist der Zweck von Sitemaps und User Flows.

Diese beiden Werkzeuge klingen technisch, aber die Idee dahinter ist wunderbar einfach. Eine Sitemap ist der Grundriss Ihrer Website, eine Karte aller ihrer Seiten und ihrer Beziehungen zueinander. Ein User Flow ist die Reise, die ein bestimmter Besucher unternimmt, um etwas zu erledigen, der Weg von „Ich habe eine Frage“ bis „Ich bin zufrieden“. Planen Sie beides gut, und Ihre Website wird sich mühelos bedienen lassen. Verzichten Sie darauf, und Sie erhalten eine schöne Website, die niemand navigieren kann. Dieser Leitfaden erklärt beides in einfacher Sprache und zeigt, warum es sich lohnt, sie vor dem Bau zu erstellen.

Was eine Sitemap wirklich ist

Eine Sitemap ist einfach eine Liste, die normalerweise als Diagramm gezeichnet wird, aller Seiten, die Ihre Website haben wird, und wie sie gruppiert sind. Stellen Sie sich das als Inhaltsverzeichnis Ihrer Website vor, das vor dem Bau einer einzigen Seite festgelegt wird. Es zeigt die Startseite oben, die Hauptbereiche, die davon abzweigen, und alle Unterseiten, die darunter verschachtelt sind. Auf einen Blick kann jeder die gesamte Struktur und deren Zusammenhänge erkennen.

Dies unterscheidet sich von der technischen XML-Sitemap, die Suchmaschinen lesen, obwohl es verwandte Ideen sind. Die Art, über die wir hier sprechen, ist ein Planungswerkzeug für Menschen, eine Möglichkeit, sich darauf zu einigen, welche Seiten existieren und wie sie organisiert sind, bevor die aufwendige Arbeit des Entwerfens und Schreibens beginnt. Diese Skelett frühzeitig richtig zu gestalten, spart später enorme Nacharbeit, denn ein Raum auf dem Papier zu verschieben ist kostenlos, während es nach dem Bau des Gebäudes kostspielig ist.

Warum die Strukturplanung so wichtig ist

Es ist verlockend, direkt ins Design einzutauchen, die visuellen Aspekte machen Spaß. Aber eine Website ohne Sitemap zu bauen, ist wie ein Haus ohne Grundriss zu bauen: Man endet mit Räumen an seltsamen Orten, keinem logischen Fluss und dem Gefühl, dass etwas nicht stimmt, auch wenn man es nicht benennen kann. Besucher spüren diese Verwirrung. Sie finden die gewünschte Seite nicht, verlieren den Überblick darüber, wo sie sich befinden, und verlassen die Website.

Eine gute Struktur bewirkt das Gegenteil. Sie gruppiert verwandte Inhalte sinnvoll, hält die Anzahl der Klicks auf wichtige Informationen gering und entspricht dem mentalen Modell, das Besucher bereits haben. Wenn Menschen erwarten, "Preise" unter einem klaren Preislink und "wie Sie uns erreichen" unter Kontakt zu finden, und genau dort diese Dinge sind, fühlt sich die Website intuitiv an. Diese durchdachte Organisation von Inhalten ist das Herzstück einer guten Website-Planung und fließt direkt in eine klare Website-Navigation ein.

Wie man eine Sitemap erstellt

Sie benötigen keine spezielle Software, um zu beginnen. Haftnotizen an einer Wand oder Kästchen in einem einfachen Diagramm funktionieren perfekt. Der Prozess dreht sich hauptsächlich um klares Denken statt um sauberes Zeichnen. Das Ziel ist eine Struktur, die für Ihre Besucher sinnvoll ist, nicht nur für Sie.

Beginnen Sie mit den Seiten, die Sie benötigen

Listen Sie jede Seite auf, die Ihre Website haben soll. Für die meisten kleinen Unternehmen ist dies eine überschaubare Anzahl: eine Startseite, eine Über-Uns-Seite, eine oder mehrere Dienstleistungsseiten, Referenzen oder ein Portfolio und eine Kontaktseite. Unser Leitfaden zu den essentiellen Seiten, die jede kleine Unternehmenswebsite benötigt, ist eine gute Ausgangscheckliste. Machen Sie sich noch keine Gedanken über die Reihenfolge, bringen Sie einfach jede Seite auf den Tisch.

Gruppieren und ranken Sie sie

Nun gruppieren Sie verwandte Seiten und entscheiden, was am wichtigsten ist. Ihr oberstes Menü sollte nur die wenigen Dinge enthalten, die Besucher am meisten interessieren. Weniger kritische Seiten können als Unterseiten darunter liegen oder unauffällig im Footer platziert werden. Ziel ist eine flache Struktur: Besucher sollten alles Wichtige mit nur ein oder zwei Klicks erreichen können und sich nicht durch Schichten über Schichten graben müssen.

Was ein User Flow hinzufügt

Wenn eine Sitemap die Räume zeigt, zeigt ein User Flow den Weg, den jemand durch sie nimmt, um ein Ziel zu erreichen. Er zoomt von „hier ist das ganze Gebäude“ auf „hier ist genau, wie ein erstmaliger Besucher einen Termin bucht“. Ein User Flow folgt einer Art von Besucher mit einer Absicht und kartiert jeden Schritt, den er unternimmt, und jede Entscheidung, vor der er steht, bis er erfolgreich ist oder stecken bleibt.

Diese Fokusverschiebung ist mächtig, denn echte Menschen besuchen Ihre Website nicht, um ihre Struktur zu bewundern, sondern um etwas zu tun. Sie wollen einen Preis finden, einen Termin buchen, eine Frage stellen oder ein Produkt kaufen. Ein User Flow zwingt Sie, sich in ihre Lage zu versetzen und zu fragen: Ist der Weg zu diesem Ziel von dem Punkt aus, an dem sie landen, offensichtlich und kurz? Oder führt er in eine Sackgasse, kehrt um oder erfordert zu viele Schritte? Genau das ist das Denken hinter einer hochkonvertierenden Landing Page, bei der jeder Schritt darauf ausgelegt ist, den Besucher zu einer Aktion zu bewegen.

Einen einfachen Flow abbilden

Wählen Sie ein gemeinsames Ziel, sagen wir, die Buchung einer Beratung. Verfolgen Sie es nun: Der Besucher landet auf der Startseite, klickt auf Dienste, liest über den relevanten Dienst, klickt auf einen "Jetzt buchen"-Button, wählt eine Zeit aus und bestätigt. Schreiben Sie jeden Schritt auf. Dann schauen Sie es kritisch an. Fehlt etwas? Gibt es zu viele Schritte? Könnte ein bereiter Besucher "Jetzt buchen" früher erreichen? Oft werden Sie einen Schritt entdecken, der Reibung erzeugt, oder einen fehlenden Wegweiser, den Sie im Design allein nie bemerkt hätten. Eine reibungslose Buchungsseite am Ende dieses Flows verwandelt Absicht in einen bestätigten Termin.

Flüsse für Ihre wichtigsten Ziele entwerfen

Sie können nicht jede mögliche Reise abbilden, und das müssen Sie auch nicht. Konzentrieren Sie sich auf die wenigen Flows, die für Ihr Unternehmen am wichtigsten sind: die, die zu Anfragen, Buchungen oder Verkäufen führen. Für ein Dienstleistungsunternehmen könnte das "Besucher zu Anfrage" sein. Für ein Geschäft könnte es "Browser zu abgeschlossenem Kauf" sein. Gestalten Sie diese kritischen Pfade so reibungslos und offensichtlich wie möglich, und der Rest der Website wird sich weitgehend von selbst erledigen.

Wenn Sie diese Schlüsselabläufe abbilden, beseitigen Sie natürlich Hindernisse: einen zusätzlichen Klick hier, ein verwirrendes Etikett dort, eine fehlende Bestätigung im Moment der Entscheidung. Jedes Hindernis, das Sie beseitigen, erhöht die Wahrscheinlichkeit, dass der Besucher das Ziel erreicht. Dies ist der praktische Kern dessen, was eine Website konvertieren lässt: keine Magie, sondern klare, reibungslose Wege zu den Aktionen, die wichtig sind.

Häufige strukturelle Fehler, die es zu vermeiden gilt

Einige Fallen tappen immer wieder. Die erste ist, wichtige Seiten zu tief zu vergraben, so dass Besucher vier oder fünf Mal klicken müssen, um etwas zu erreichen, das sie sofort wollten. Die zweite ist, zu viele Elemente ins Hauptmenü zu stopfen, was die Leute überfordert und die wirklich wichtigen Dinge verbirgt. Die dritte ist, die Website um Ihre interne Struktur, Ihre Abteilungen oder Stellenbezeichnungen herum zu organisieren, anstatt um das, was Besucher erreichen wollen.

Die Heilung für alle drei besteht darin, immer wieder die Perspektive des Besuchers einzunehmen. Benennen Sie Dinge so, wie sie es tun würden, gruppieren Sie Dinge so, wie sie es erwarten würden, und halten Sie die wichtigen Ziele leicht erreichbar. Fragen Sie im Zweifelsfall jemanden, der mit Ihrem Unternehmen nicht vertraut ist, eine wichtige Seite zu finden, und beobachten Sie, wo er zögert. Seine Verwirrung wird Ihnen mehr lehren als jede Theorie.

Von Anfang an auf Wachstum planen

Eine Sitemap handelt nicht nur von den Seiten, die Sie heute brauchen; sie ist eine leise Wette darauf, wohin Ihre Website sich entwickeln wird. Viele Unternehmen fangen klein an und fügen im Laufe der Jahre Seite für Seite hinzu, bis die Struktur unter dem Gewicht ächzt und nichts mehr dort sitzt, wo Besucher es erwarten. Ein wenig Voraussicht verhindert dies. Wenn Sie Ihre Struktur skizzieren, lassen Sie Platz für die Bereiche, die Sie vernünftigerweise hinzufügen könnten, einen Blog, weitere Dienstleistungen, einen Ressourcenbereich, und entscheiden Sie grob, wo diese platziert werden sollen. Sie müssen sie nicht sofort bauen, aber zu wissen, wo sie hinkommen, hält Ihre Website kohärent, während sie wächst.

Dies ist wichtig, da eine Struktur, die elegant skaliert, Sie später vor schmerzhaften Neuentwicklungen bewahrt. Das Hinzufügen eines neuen Dienstes zu einer gut geplanten Website ist eine einfache Angelegenheit, indem man ihn in eine bestehende, logische Gruppe einfügt. Das Hinzufügen zu einer Website, die ohne Plan gewachsen ist, bedeutet oft, Menüs neu anzuordnen, Links zu brechen und wiederkehrende Besucher zu verwirren. Ein Schritt vorauszudenken während der Planung ist eine der günstigsten Formen der Zukunftssicherheit, die es gibt, und es kostet nichts außer ein paar Minuten Vorstellungskraft in der Skizzierungsphase.

Testen Sie Ihren Plan, bevor Sie bauen

Das Schöne an Sitemaps und User Flows ist, dass Sie sie testen können, bevor Sie Geld für Design und Entwicklung ausgeben. Zeigen Sie Ihre Sitemap einigen Personen, die Ihrer Zielgruppe entsprechen, und fragen Sie, wohin sie klicken würden, um verschiedene Aufgaben zu erledigen. Gehen Sie Ihre wichtigsten User Flows durch und prüfen Sie, ob sich die Schritte natürlich anfühlen. Ein strukturelles Problem auf dem Papier zu beheben, kostet Sie Minuten; es nach dem Start zu beheben, kann Wochen und ein frustrierendes Redesign kosten.

Diese Planungsphase geht Hand in Hand mit dem Design Ihrer Schlüssel-Seiten und arbeitet eng mit dem Wireframing zusammen, bei dem Sie das Layout einzelner Seiten skizzieren. Zusammen bilden Struktur und Layout den Bauplan, auf dem Ihre gesamte Website aufgebaut ist. Gut getroffene Entscheidungen hier wirken sich positiv auf jede folgende Seite aus.

Der Lohn: Eine Website, die sich selbstverständlich anfühlt

Wenn Sitemaps und User Flows durchdacht erstellt werden, bemerken Besucher sie nie, und genau das ist der Punkt. Die Website fühlt sich einfach richtig an. Die Menschen finden, was sie brauchen, der Weg zur gewünschten Aktion ist kurz und klar, und sie verlassen die Website zufrieden statt frustriert. Diese unsichtbare Geschmeidigkeit ist das Ergebnis sorgfältiger Planung, nicht von Glück.

Bevor Sie sich also in Schriftarten und Farben verlieben, nehmen Sie sich ein wenig Zeit als Architekt. Skizzieren Sie das Gebäude, planen Sie die Wege hindurch und gehen Sie diese Wege so, wie es Ihre Besucher tun würden. Eine Website, die auf einer klaren Sitemap und reibungslosen User Flows basiert, sieht nicht nur gut aus, sie funktioniert auch, indem sie jeden Besucher stillschweigend zu dem führt, was Sie am meisten von ihm wünschen. Wenn Sie Hilfe bei der Planung Ihrer Website wünschen, können Sie uns jederzeit kontaktieren.

Häufig gestellte Fragen

Referenzen

1. Nielsen Norman Group. "Information Architecture and Site Structure." nngroup.com.
2. Interaction Design Foundation. "User Flows and Information Architecture." interaction-design.org.
3. Google. "Search Central: Sitemaps." developers.google.com.