Das Prozessdiagramm ist ein häufiges Inhaltselement auf Websites, das Nutzern hilft, die konkreten Schritte einer Dienstleistung oder einer Operation schnell zu verstehen. Viele Unternehmen stehen bei der Erstellung ihrer offiziellen Website vor der Frage: Wo sollte das Prozessdiagramm platziert werden, damit es klar ist und das Gesamtbild der Seite nicht beeinträchtigt? Dieser Artikel gibt aus der Perspektive der Benutzererfahrung und der praktischen Betriebsführung einige Empfehlungen.
Zunächst die Zielgruppe des Prozessdiagramms bestimmen
Bevor man über die Platzierung nachdenkt, muss man klären, für wen das Diagramm gedacht ist und welches Problem es löst. Es gibt in der Regel drei Szenarien:
- Für neue Nutzer: Vorstellung des Serviceprozesses, z. B. „Wie bestelle ich“ oder „After-Sales-Prozess“, mit dem Ziel, dem Nutzer zu zeigen, was als Nächstes passiert.
- Für potenzielle Kunden: Darstellung der Kooperationsschritte, z. B. „Kooperationsprozess“ oder „Onboarding-Prozess“, um Unsicherheiten zu reduzieren.
- Für bestehende Nutzer: Erklärung von Bedienungsschritten, z. B. „Kontoeinstellungen“ oder „Berechtigungsanfrage“, mit Fokus auf Anleitung.

Nachdem man den Verwendungskontext geklärt hat, wird die Entscheidung über die Platzierung des Prozessdiagramms sinnvoller.
Häufige Positionen und ihre Anwendungsszenarien
1. Wichtiger Bereich auf der Startseite
Wenn das Prozessdiagramm eine kurze Einführung in das Kerngeschäft des Unternehmens ist, z. B. den gesamten Ablauf von der Beratung bis zur Lieferung, kann es in der Mitte oder weiter unten auf der Startseite platziert werden. So können Nutzer nach dem Überblick über das Unternehmen schnell die Zusammenarbeitsweise verstehen. Da der Platz auf der Startseite begrenzt ist, wird empfohlen, nur eine vereinfachte Version des Prozesses zu zeigen; Details sollten auf Unterseiten platziert werden.
2. Service- oder Produktseiten
Wenn Nutzer zu einer bestimmten Dienstleistung oder einem Produkt gelangen, interessieren sie sich am meisten für „Wie nutze ich das“ oder „Wie erfolgt die Lieferung nach dem Kauf“. In diesem Fall eignet sich das Prozessdiagramm in der Nähe des Kerninhalts der Service-Seite, z. B. nach der Servicebeschreibung und vor den Hinweisen. Wenn die Seite lang ist, kann es auch am Ende der Seite als ergänzende Erläuterung platziert werden.

3. Hilfezentrum oder FAQ
Wenn das Prozessdiagramm zur Erklärung von Bedienungsschritten dient, z. B. „Wie reiche ich ein Ticket ein“ oder „Wie beantrage ich eine Rückerstattung“, sollte es in den entsprechenden Dokumenten des Hilfezentrums platziert oder über Links in den FAQ verlinkt werden. Solche Diagramme müssen nicht auf der Startseite oder den Service-Seiten platziert werden.
Was ist bei der Platzierung zu beachten?
- Hauptinhalte nicht verdecken: Das Prozessdiagramm ist eine unterstützende Erläuterung und sollte nicht die wichtigste Position der Seite einnehmen, z. B. den ersten Bildschirm.
- Einfachheit bewahren: Die Anzahl der Prozessschritte sollte nicht zu hoch sein, idealerweise unter 5 Schritten. Bei mehr Schritten kann eine hierarchische Darstellung verwendet werden.
- Mit Text kombinieren: Neben dem Diagramm sollte eine kurze Texterklärung stehen, um Nutzern mit unterschiedlichem Verständnis zu helfen.
- Responsive Design: Auf mobilen Geräten muss das Diagramm lesbar sein, horizontales Scrollen sollte vermieden werden.
Praktische Beispiele und Empfehlungen
Zum Beispiel kann ein Beratungsunternehmen auf der Startseite ein vereinfachtes Prozessdiagramm mit „Beratung – Diagnose – Lösung – Umsetzung – Review“ zeigen, damit Nutzer schnell die Zusammenarbeitsweise verstehen. Der detaillierte „Projektumsetzungsprozess“ kann auf einer separaten Seite „Serviceprozess“ platziert werden. Bei einem SaaS-Produkt ist das Prozessdiagramm möglicherweise besser in der „Hilfedokumentation“ aufgehoben als auf der Preisseite.

Zusammenfassend gibt es keine einheitliche Lösung für die Platzierung von Prozessdiagrammen. Sie sollte basierend auf der Website-Struktur, den Nutzerbedürfnissen und den Schwerpunkten der Seite entschieden werden. Es wird empfohlen, bei einem Relaunch oder der Erstellung einer neuen Website zuerst den Nutzerpfad zu skizzieren und dann zu entscheiden, an welchem Knotenpunkt das Prozessdiagramm am besten platziert wird.
Wenn Sie die Platzierung eines bestehenden Prozessdiagramms auf der Website anpassen möchten, können Sie zuerst die Absprungrate und die Verweildauer der Nutzer auf den Seiten analysieren. Die Daten helfen zu beurteilen, ob die aktuelle Platzierung effektiv ist.


