happycoding

Card Sorting & Tree Testing: Nutzerzentrierte Navigation planen

Navigation entscheidet, ob Nutzer finden, was sie suchen – oder abspringen. Card Sorting und Tree Testing sind die zwei UX-Methoden, mit denen wir bei happycoding eine Informationsarchitektur planen, die nicht aus dem Bauch eines Stakeholder-Workshops kommt, sondern aus echten Nutzerentscheidungen.
5 Min. LesezeitMatthias RadscheitMatthias Radscheit
Happycodingde-DE

Die meisten Navigationen entstehen so: Drei Leute aus Marketing, einer aus Produkt und der Geschäftsführer setzen sich in einen Raum, malen ein Mindmap an ein Whiteboard und einigen sich nach zwei Stunden auf eine Struktur, die für sie selbst „logisch" klingt. Sechs Monate später wundert sich dann das ganze Team, warum die Bounce Rate auf der Leistungsübersicht bei 78 Prozent liegt und Support-Tickets mit „Wo finde ich eigentlich…" reinkommen.

Das Problem ist nicht Dummheit. Das Problem ist, dass Insider eine Website nie so sehen wie Außenstehende. Wer die eigene Firma kennt, denkt in Abteilungen, Produktnamen und internen Prozessen. Nutzer denken in Aufgaben: „Ich will wissen, ob die mein Problem lösen", „Ich will einen Preis sehen", „Ich will jemanden anrufen". Card Sorting und Tree Testing sind genau die zwei Methoden, mit denen wir diese Lücke schließen, bevor eine Zeile HTML geschrieben wird.

Warum Informationsarchitektur über Erfolg oder Scheitern entscheidet

Navigation ist nicht Design. Navigation ist die Frage, ob ein Nutzer auf deiner Seite das Gefühl hat, die Kontrolle zu haben – oder ob er sich verläuft. Jakob Nielsen hat schon vor Jahren gezeigt, dass Nutzer im Schnitt 10 bis 20 Sekunden auf einer Seite verbringen, bevor sie entscheiden, ob sie bleiben. Wenn die Navigation in dieser Zeit nicht klar macht, wo es lang geht, ist der Klick auf den Zurück-Button wahrscheinlicher als jede Conversion.

Das wird teuer, und zwar gleich doppelt. Erstens direkt: Jeder verlorene Besucher ist ein verbrannter Marketing-Euro. Zweitens indirekt: Eine schlechte Informationsarchitektur produziert Folgekosten in Form von Support-Anfragen, internen Workarounds („Schick mir einfach den Link, ich find das nie") und endlosen Redesign-Diskussionen, in denen Stakeholder versuchen, ein strukturelles Problem mit kosmetischen Mitteln zu lösen. Wir haben Kunden gesehen, die drei Mal das Header-Menü umgebaut haben, bevor jemand fragte: Ist die Hierarchie dahinter überhaupt richtig?

Gute Informationsarchitektur ist also kein Luxus für Konzerne mit eigener UX-Abteilung. Sie ist die Grundlage dafür, dass alles andere – Design, Performance, SEO, Conversion-Optimierung – überhaupt eine Wirkung entfalten kann. Und sie lässt sich messen, lange bevor man Geld in Entwicklung steckt.

Was Card Sorting wirklich ist – und was nicht

Card Sorting ist eine Methode, bei der Nutzer Inhalte in Gruppen einsortieren, die für sie Sinn ergeben. Du gibst ihnen eine Liste von Themen oder Seitentiteln – etwa „Preise", „Referenzen", „Karriere", „API-Dokumentation", „Erstgespräch buchen" – und lässt sie diese frei oder nach vorgegebenen Oberkategorien sortieren. Das Ergebnis zeigt dir, wie deine Zielgruppe denkt, nicht wie du denkst.

Es gibt drei Varianten, und die Wahl ist nicht egal:

Kurzfassung: Warum Card Sorting & Tree Testing eure Navigation retten

Die typische „Whiteboard-Navigation" aus Marketing-Workshop & Geschäftsführung scheitert, weil Insider-Strukturen (Abteilungen, Produktnamen, interne Prozesse) nicht zur Nutzerperspektive passen. Nutzer denken in Aufgaben: Problem verstehen, Preis finden, Kontakt aufnehmen. Card Sorting und Tree Testing schließen diese Lücke, bevor Entwicklungskosten entstehen.

Informationsarchitektur als Conversion-Hebel

  • Nutzer entscheiden in 10–20 Sekunden, ob sie bleiben.
  • Unklare Navigation führt zu hohen Bounce Rates, Support-Tickets und teuren Redesigns.
  • Schlechte IA kostet doppelt: verbrannte Marketing-Budgets + interne Reibungsverluste.
  • Gute IA ist Voraussetzung für Design, SEO, Performance und CRO – und lässt sich früh testen.

Card Sorting: So denken Nutzer über Inhalte

Ziel: Verstehen, wie Nutzer Inhalte gruppieren und benennen.

Du gibst Karten wie „Preise", „Referenzen", „Karriere", „API-Dokumentation", „Erstgespräch buchen" und lässt Nutzer sortieren.

90-Minuten-Workshop: So setzt du das Ganze selbst auf

Du musst nicht direkt ein dreiwöchiges Research-Projekt starten, um den Wert dieser Methoden zu erleben. Mit diesem 90-Minuten-Format bekommst du intern eine erste, belastbare Indikation – ideal für ein Kickoff-Meeting vor einem Relaunch oder als Check für eine bestehende Navigation.

Schritt 1: Vorbereitung (vor dem Workshop, 60 Min)

  • Sammle 30–50 Inhalte/Seiten deiner Website auf einzelnen Karten (digital in Miro/FigJam oder physisch auf Post-its).
  • Formuliere die Karten in Nutzersprache, nicht in internem Jargon – Faustregel: Würde ein Außenstehender den Begriff googeln?
  • Lade 4–6 Personen aus der echten Zielgruppe ein. Keine Kollegen aus anderen Abteilungen, keine Geschäftsführer-Bekannte.
  • Bereite 5 typische Aufgaben vor, die echte Nutzungsszenarien abbilden („Du suchst Preise für ein Team von 20 Leuten…").

Schritt 2: Card Sorting durchführen (30 Min)

  • Jede Person sortiert für sich – nicht in der Gruppe. Gruppenarbeit erzeugt Konsens, kein Nutzerverhalten.
  • Open Sort: Teilnehmer dürfen eigene Kategorien bilden und benennen. Notiere die gewählten Labels wörtlich.
  • Frage am Ende kurz nach: „Bei welcher Karte hast du am längsten gezögert?" Diese Stellen sind die wichtigsten.

Schritt 3: Cluster identifizieren (20 Min)

  • Lege die Sortierungen nebeneinander. Welche Karten landen bei mindestens der Hälfte der Teilnehmer in derselben Gruppe?
  • Diese Cluster sind deine ehrlichen Top-Level-Kandidaten. Die Labels nimmst du direkt aus der Sprache der Teilnehmer.
  • „Wackelkandidaten" (Karten, die jede Person woanders einsortiert) markieren – sie brauchen entweder klarere Labels oder Mehrfachverlinkung.

Schritt 4: Mini-Tree-Test (20 Min)

  • Skizziere die neue Hierarchie als reinen Textbaum (kein Design). Lies sie einer zweiten Runde Personen vor.
  • Stelle deine 5 Aufgaben. Frage: „Wo würdest du als Erstes klicken?" – Notiere First Click und Endpfad.
  • Schon 4–5 Personen reichen, um die größten Schwachstellen sichtbar zu machen.

Schritt 5: Auswertung & nächste Entscheidung (10 Min)

  • Liegt der First Click bei mindestens 3 von 5 Aufgaben richtig? Dann hält die Top-Level-Struktur den ersten Härtetest.
  • Gibt es eine Aufgabe, bei der niemand den richtigen Pfad findet? Das ist kein Detail, sondern ein strukturelles Problem – nicht im Design lösen.
  • Entscheide dann bewusst: reicht das interne Format, oder brauchst du eine größere Studie mit 20+ Teilnehmern und Tool-Unterstützung?

Fazit

Card Sorting und Tree Testing sind keine UX-Spielereien für Konzerne mit eigenem Research-Team. Sie sind die zwei zuverlässigsten Wege, eine Navigation zu bauen, die Nutzer wirklich verstehen – und sie kosten in der einfachsten Form nicht mehr als einen halben Arbeitstag und ein paar gut ausgewählte Gesprächspartner. Der eigentliche Hebel liegt nicht in den Methoden selbst, sondern in der Bereitschaft, die Ergebnisse ernst zu nehmen, auch wenn sie der Lieblingsstruktur aus dem Stakeholder-Workshop widersprechen.

Wer einmal erlebt hat, wie eine getestete Informationsarchitektur live geht und plötzlich keine Support-Tickets mehr mit „Wo finde ich eigentlich…" reinkommen, will nicht mehr ohne. Genau deshalb ist Research bei uns kein Add-on, sondern Teil jedes ernsthaften Webprojekts – ob TypeScript-Plattform, Sanity-Marketing-Site oder WordPress-Relaunch.