Swisstransplant
Im Rahmen eines Consultancy-Projekts im Masterstudium haben wir in Zusammenarbeit mit Swisstransplant die Informationsarchitektur und Nutzerführung der Rubrik «Organ- und Gewebespende» grundlegend überarbeitet. Ziel war es, die komplexen und sensiblen Inhalte der Website übersichtlicher zu strukturieren, die Navigation intuitiver zu gestalten und eine klare Orientierung für die drei zentralen Zielgruppen – breite Öffentlichkeit, Betroffene und Fachpersonal – zu schaffen.
UX Research
Unser Vorgehen – Methoden & Prozess:
Um eine fundierte Grundlage für den späteren Prototypen zu schaffen, haben wir einen mehrstufigen Research- und Designprozess durchlaufen:
Heuristische Evaluation: Jedes Teammitglied führte unabhängig voneinander eine heuristische Evaluation nach Nielsens 10 Heuristiken durch. So konnten wir uns intensiv mit der bestehenden Webseite auseinandersetzen und erste Painpoints systematisch identifizieren.
Interviews & Usability Tests: Im Zentrum standen die Nutzenden. Wir führten 5–7 moderierte Usability Tests mit Vertreter:innen aller drei Zielgruppen durch. Mit vor- und nachgelagerten Interviews konnten wir ihre Erwartungen, Bedürfnisse und spezifischen Herausforderungen im Umgang mit der Webseite tiefgehend verstehen.
Card Sorting: Da Swisstransplant immer wieder Feedback zur verschachtelten Struktur erhielt, setzten wir ein Card Sorting ein. Damit untersuchten wir, ob die aktuelle Informationsarchitektur den mentalen Modellen der Nutzenden entspricht oder ob eine grundlegende Reorganisation nötig ist.
Konzeption & Use Cases: Basierend auf den Erkenntnissen definierten wir sechs zentrale Use Cases, die typische Nutzungsszenarien abbilden. Diese halfen uns, den Fokus für den Prototypen zu schärfen und sicherzustellen, dass alle relevanten Inhalte und Funktionen abgedeckt werden.
Tree-Tests: Um die neue Menüstruktur zu validieren, führten wir zwei iterative Tree-Tests (n=52, n=30) mit dem Tool UX Metrics durch. Die Ergebnisse waren eindeutig: Die Erfolgsquote bei der Informationssuche stieg von 63% auf 82%. Besonders Aufgaben, die in der alten Struktur nur von 7% gelöst wurden, erreichten in der neuen Struktur 84%.
Prototyping: Abschliessend entwickelten wir einen interaktiven High-Fidelity-Prototypen in Figma. Dieser bildet die gesamte Rubrik «Organ- & Gewebespende» ab und integriert alle Erkenntnisse – von der überarbeiteten Navigation über ein neues Designsystem bis hin zu textreduzierten Inhalten und interaktiven Elementen.
Ergebnis: Der Prototyp wurde in einem abschliessenden Hallway-Testing positiv validiert: Aufgaben konnten effizienter gelöst werden, die neue Struktur wurde als übersichtlich und ansprechend wahrgenommen. Swisstransplant erhält mit dem Prototypen eine konkrete, nutzerzentrierte Grundlage für die Weiterentwicklung ihrer Website.