Leibniz Universität Hannover

Neue Website der Leibniz Universität Hannover.

User-Centered Design

Neukonzeption der Website
  • Zentrale Website mit 400 weiteren Auftritten
  • UX Design für mobile und Desktop
  • Prototyping
  • Online-Umfrage
  • Iterative Usability-Tests

Die traditionsreiche Leibniz Universität Hannover gehört zu den führenden technischen Universitäten Deutschlands. Rund 30.000 Studierende aus über 100 Ländern kommen hier zusammen mit Forschenden, die sich auf über 150 Institute verteilen.

Das Studienfachangebot reicht von Architektur bis Wirtschaftswissenschaften mit Schwerpunkten in Biomedizin, Quantenoptik und Gravitationsphysik, Produktionstechnik und Lehrerbildung. Strategische Kooperationen betreibt die Universität mit der TU Braunschweig, der Medizinischen Hochschule Hannover, dem Albert-Einstein-Institut für Gravitationsphysik und dem Deutschen Zentrum für Luft und Raumfahrt.

Großprojekt Website Relaunch

Die Vielfalt der Universität Hannover zeigt sich im Internet auch dadurch, dass sich unter der zentralen Hauptseite rund 400 Internetauftritte, sogenannte dezentrale Seiten, versammeln. Eine komplette Überarbeitung, die wir in Kooperation mit der umsetzenden Agentur durchführten, sollte diese Vielfalt ordnen und das Nutzererlebnis auf der zentralen Website verbessern. Konkrete Ziele waren:

  • mit Hilfe des neuen Responsive Designs die Nutzung auf mobilen Geräten verbessern,
  • Inhalte für die verschiedenen Nutzergruppen leichter auffindbar machen,
  • Seitentypen vereinheitlichen und dadurch die Arbeit der Redakteure vereinfachen,
  • die Barrierefreiheit optimieren und
  • die Marke Leibniz Universität Hannover für das digitale Produkt Website schärfen.

Neben dem Relaunch des zentralen Webauftritts und des Beschäftigtenportals wurde auch ein neues Studieninformationssystem eingeführt, das Studieninteressierten alle Informationen zu den Studiengängen übersichtlich und gebündelt anbietet.

Alte Website ist textlastig und erscheint unübersichtlich.
Die bisherige Startseite der Universität Hannover.

Nutzerziele verstehen

Um besser zu verstehen, wie die Ziele des Relaunchs erreicht werden können, haben wir zunächst genau auf die Ist-Situation geschaut. In einer großen Online-Umfrage haben wir die aktuelle User Experience gemessen und die Nutzer gefragt, mit welchen Zielen sie die Website besuchen und welche Inhalte sie suchen (Top Task Analyse). Außerdem bewerteten die Nutzer Stärken und Schwächen der Website. So bekamen wir ein genaues Bild davon, was aus Nutzersicht verbessert werden muss und welche Inhalte besonders leicht zugänglich sein müssen.

Gemeinsam mit dem Projektteam priorisierten wir die Zielgruppen und sammelten mit Hilfe von Empathy Maps in der Organisation vorhandenes Wissen über die Nutzer. Das Ergebnis hielten wir in Proto-Personas fest, die es dem Projektteam erleichterten, während der gesamten Designphase die Nutzer im Blick zu behalten. Die Analyse rundeten wir durch eine Wettbewerbs- und Content-Analyse ab. Best Practices aus der Branche wurden mit dem Projektteam besprochen und Content-Typen definiert, um die Anzahl der Templates für die Redakteure gering zu halten.

Schließlich betrachteten wir auch die Markenstrategie und welches Selbstbild die Universität im Internet transportieren will. Davon leiteten wir die Seitenstruktur, die Inhalte und die Nutzeransprache ab.

Ergebnis einer Top-Task-Analyse zeigt die drei wichtigsten Inhalte für die Zielgruppen Studierende, Verwaltung, Wissenschaftler.
Umfrageergebnisse zu den wichtigsten Inhalte für verschiedene Nutzergruppen
Post-Its mit Nutzerzielen sortiert nach Zielgruppe.
Gemeinsam gesammelte Nutzerziele für verschiedene Zielgruppen

Nutzerzentriert statt organisationszentriert

In einem nutzerzentrierten Designansatz haben wir basierend auf den Ergebnissen der Analyse eine neue Website-Struktur, ein neues Navigationskonzept und vereinheitlichte Templates für alle Inhaltstypen ausgearbeitet. In mehreren Abstimmungsworkshops haben wir das Projektteam über die gesamte Konzeptionsphase einbezogen. Durch Prototyping und frühe Visualisierung in Form von Wireframes konnten wir Konzeptstände für jeden erlebbar machen und schnell auf Feedback aus dem Projektteam reagieren.

Entscheidend war, dass wir die Nutzer auch in mehreren Usability-Tests einbezogen haben, um zu überprüfen, ob wir die Nutzerbedürfnisse mit dem Konzept gut erfüllen, oder noch korrigieren müssen. Dank des Prototyping-Ansatzes musste für die Tests kein separater Klickdummy erstellt werden, sondern der Wireframe-Prototyp konnte direkt getestet werden. Die Usability-Tests fanden teils remote, teils im Labor statt und umfassten drei Nutzergruppen, die mobile und Desktop-Endgeräte nutzten.

Prototyp der neuen Website mit großen Bildern und deutlich reduziertem Text.
Bereits frühe Prototypen wurden mit Nutzern getestet und iterativ verbessert.

Iterativ zur optimalen Lösung

Die Erkenntnisse aus den Usability-Tests sind sofort in die weitere Konzeption eingeflossen. Beispielsweise konnten wir die Inhaltsstruktur insbesondere auf der zweiten und dritten Navigationsebene noch besser an das mentale Modell der Nutzer anpassen. Außerdem wurden thematisch passende Inhalte noch stärker durch Querverlinkungen miteinander verknüpft, und wichtige Einstiege zentral platziert.

Nach der Umsetzung des Konzepts testeten wir die fertige Website ein zweites Mal, um letzte Usability-Schwachstellen aufzudecken und diese vor Live-Gang zu beseitigen. So entstand ein umfassend validiertes und an die verschiedenen Nutzeranforderungen angepasstes Website-Konzept.

Neu gestaltete Website der Leibniz Universität Hannover mit Kacheln für Einstiege in Themenbereiche.
Die fertig umgesetzte Website wurde vor Live-Gang noch einmal evaluiert.

Besser für die Nutzer, besser für die Redakteure

Die verbesserte Usability kommt allen Zielgruppen der Leibniz Universität zugute. Studenten finden Inhalte nun leichter und schneller. Der neue Studiengangsfinder ist auf die Bedürfnisse der Studieninteressierten fokussiert und bietet Informationen zu über 180 Studiengängen an einem Ort. Für die Beschäftigten der Universität sind häufig verwendete Informationen nun ebenfalls gebündelt zugänglich. Schließlich ist auch der Job der über 1000 Redakteure einfacher geworden. Klar definierte Layouts erleichtern die Contenterstellung und -pflege. Wir freuen uns, dass wir die Leibniz Universität bei diesem wichtigen Schritt begleiten und unterstützen konnten.

Zur Pressemitteilung der Universität Hannover
Pressemitteilung der Leibniz Universität Hannover zum Relaunch der Website im Februar 2018.

Weitere interessante Fallstudien

Diakonie Katastrophenhilfe

Website Relaunch

N-ERGIE

Anforderungserhebung für Relaunch

Finanz Informatik

Vergleichender Usability-Test

Siemens Healthineers

UX Design eines Radiologie-Assistenten