Industrie
GovTech, öffentlicher Sektor
Design
G2C Web & Mobile, End-to-End
VÖBB-Redesign: Verbesserter Zugang zu über 80 Berliner Bibliotheken
Die Website des VÖBB (Verbund der Öffentlichen Bibliotheken Berlins) ist das zentrale Bibliotheksinformationssystem Berlins, das Nutzern den Zugriff auf Bibliotheksressourcen aus über 80 öffentlichen Bibliotheken in Berlin ermöglicht.
Als VÖBB-Nutzer habe ich die VÖBB-Bibliotheksplattform neu gestaltet, wobei der Schwerpunkt auf der Verbesserung der Sucheffizienz und dem Auffinden von Informationen in einem großen öffentlichen System lag.
Zeit
Mai 2025 - Juli 2025
Meine Rolle
UX/UI-Designer
Werkzeug
Auswirkung
Verbesserte Effizienz der Benutzererfahrung
Leichterer Zugang zu Ressourcen aus der komplexen Plattform des zentralen Bibliothekssystems für über 80 öffentliche Bibliotheken
Reduzierung der Suchzeit für Bücher auf 34 Sekunden
Geschäftliche Probleme / Chancen
Schlechte Navigation und Suche auf der VÖBB-Website:
hinderten Nutzer daran, Ressourcen effizient zu finden
reduzierten das digitale Engagement
erhöhten die Abhängigkeit von physischer Unterstützung
Warum ist das wichtig?
beeinflusst die Barrierefreiheit von öffentlichem Wissen
beeinflusst die Systemakzeptanz
Aktivitäten
Durchführung eines UX-Design-Audits einschließlich 8 Nutzer-Interviews und Benchmarking, um Navigationsschwachstellen aufzudecken und das Wertversprechen zu identifizieren.
Anwendung von Progressive Disclosure (schrittweise Offenlegung) zur Reduzierung der Komplexität im Benutzerfluss.
Entwurf von High-Fidelity-Prototypen für Website und App, um die Barrierefreiheit und Benutzerfreundlichkeit der Benutzeroberfläche zu verbessern.
Durchführung von A/B-Tests zur Bewertung von zwei Designkonzepten und zur Validierung von Design-Hypothesen.
UX-Design-Audit
Ziel
Identifizierung von Schwachstellen und Erwartungen der Nutzer auf der VÖBB-Website sowie das Finden von Design-Ideen zur Verbesserung der Benutzerfreundlichkeit.
Nutzer-Feedback zum Usability-Test der VÖBB-Website
Zu Beginn habe ich 8 Nutzertests in Form von Interviews durchgeführt, um Feedback zu deren Erfahrungen mit der VÖBB-Website bei der Suche nach Büchern und interessanten Angeboten zu sammeln. Die Ergebnisse sind äußerst wertvoll, um Designprobleme und Optimierungspotenziale zu erkennen.
Jobs-To-Be-Done
Durch die Analyse des Feedbacks aus Nutzertests habe ich 2 Power-User und 3 valide Nutzer identifiziert, die 2 Archetypen und Jobs-to-be-Done bilden.
Power-User: Junge Eltern
JBTD:
ihren Kindern neue Vokabeln beibringen
neue Gutenachtgeschichten haben möchten, damit ihre Kinder leichter einschlafen
Veranstaltungen finden möchten, um das Lernen ihrer Kinder zu fördern
Gültige Benutzer: Junge Berufstätige
JBTD:
lesen gerne, weil es ihr regelmäßiges Hobby ist
benötigen Bücher, um sich für eine Recherche weiterzubilden und sich auf Prüfungen vorzubereiten
lesen und schreiben gerne und möchten Veranstaltungen finden, um Gleichgesinnte zu treffen
Benchmarking
Basierend auf dem Feedback aus den Nutzertests habe ich ein funktionales Benchmarking durchgeführt, um die Funktionen der inspirierenden Wettbewerber mit denen der VÖBB-Website zu vergleichen, um die Nutzererfahrung zu verbessern.
Designhypothese
Basierend auf meiner UX-Forschung habe ich Designhypothesen für die zukünftige Wirkungsmessung aufgestellt:
Wenn wir die Suchleiste einfach gestalten und anklickbare Buchbilder, verfügbare Standorte, Buchformat und Buchsprache zu den Buchkatalogkarten hinzufügen, können Benutzer weniger Zeit für die Buchreservierung aufwenden, ohne die Buchdetailseite besuchen zu müssen. Dadurch können wir ihren Benutzerfluss von der Suche nach dem richtigen Buch um 25 % beschleunigen und im Usability-Testing 90 % positives Benutzerfeedback auf der neu gestalteten Website und der neuen mobilen App erzielen.
2. UX-Designkonzept
Nach Durchführung des UX-Design-Audits habe ich die Designkonzepte A und B für die Buchkatalog-Seite erstellt, welche den zentralen Benutzerfluss darstellt, um das richtige Buch zu finden.
Designkonzept A & B
Im Vergleich zu Designkonzept A, das das gesamte UI-Design ändert, weist Konzept B nur 5 leichte Änderungen am ursprünglichen Design auf, um den Benutzerfluss zu beschleunigen:
Vereinfachte Suchleiste ohne langes Dropdown-Auswahlmenü, das Bibliotheksstandorte und Ressourcentypen vermischt.
Buchcover-Bild hinzugefügt, damit Benutzer das Buch leicht finden können.
Informationen zum Buchformat auf jeder Buchkarte übersichtlich visualisiert, damit Benutzer das benötigte Format schnell identifizieren können.
Eindeutige Buchsprache hinzugefügt, damit Benutzer Bücher, die nicht auf Deutsch sind, leicht finden können.
Filter von der Sortierung getrennt und über der Anleitungskarte platziert, um Verwirrung der Benutzer bei der Verwendung von Filtern und Sortierung zu reduzieren.
Vor dem Design
Nach dem Redesign
Konzept A
Konzept B
3. Nutzertests: A/B-Tests
Um das Designkonzept A und das Designkonzept B hinsichtlich der Zeit bis zum Finden des richtigen Buches zu vergleichen, habe ich A/B-Tests zur Designvalidierung eingesetzt.
Testplan
Ziel
Bewerten Sie, ob Konzept A oder Konzept B den Nutzern hilft, das richtige Buch auf der VÖBB-Website effizienter zu finden und zu reservieren.
Kernfrage
Welches Konzept ermöglicht eine schnellere Entscheidungsfindung direkt aus der Suchergebnisseite?
Design-Hypothese
Die Erweiterung von Buchkatalogkarten um anklickbare Buchcover, Verfügbarkeit nach Standort, Buchformat und Buchsprache wird es Benutzern ermöglichen, Reservierungsentscheidungen zu treffen, ohne die Buchdetailseite aufrufen zu müssen.
Erwartete Ergebnisse
~25 % weniger Zeitaufwand für die Buchreservierung
≥ 90 % positives Nutzer-Feedback
Weniger unnötige Navigationsschritte
Erfolgsmetriken
Primäre Metriken:
Zeit bis zum ersten aussagekräftigen Erfolg (TTFS) ↓
Aufgabenerfüllungsrate (Finden des richtigen Buches) ↑
Sekundäre Metriken:
Benutzervertrauen und wahrgenommene Klarheit
Qualitatives Feedback zur Nützlichkeit der Karten
Methode
Tool: Remote-A/B-Testing mit Maze
Anzahl der Testpersonen: mind. 10
Nutzerprofil: Repräsentativ für typische VÖBB-Nutzer, die mit Online-Bibliotheken oder Buchsuchsystemen vertraut sind
Datenerhebung:
Quantitativ
Zeit pro Aufgabe
Erfolgsquote (Abschlussrate)
Fehler oder Momente des Zögerns
Beobachtetes Entscheidungsverhalten
Qualitativ
Offenes Feedback zu Klarheit und Vertrauen
Testergebnis
Dem Testergebnis zufolge benötigten 7 Benutzer mit dem Designkonzept B etwa 1,2-mal weniger Zeit, um das richtige Buch zu finden und zu bestellen, verglichen mit 10 Benutzern mit dem Designkonzept A. Die Fehlklickrate von Konzept A ist ähnlich hoch wie die von Konzept B.
Variante A: Designkonzept A
Variante B: Designkonzept B
Lernen durch Testen
Benutzer sind an die schnelle und erhebliche Änderung des Designs auf der Suchergebnisseite für Bücher nicht gewöhnt.
Benutzer fanden das richtige Buch in Konzept B leichter durch farbige Kennzeichnungen für Buchsprache und Buchformat im Vergleich zur Buchsprache in schwarzem Text in Konzept A.
Benutzer verbringen mehr Zeit damit, sich mit den neuen Designänderungen vertraut zu machen, was in Konzept A zu mehr Zeit beim Abschluss der Bestellung des richtigen Buches führt.
Sowohl Konzept A als auch Konzept B wiesen eine Fehlklickrate von über 80 % auf, was eine weitere Untersuchung zur Designverbesserung erfordert.
→ Daher ist bei der Neugestaltung der Buchsuche im komplexen Bibliotheksinformationssystem Konzept B mit schrittweisen, kleinen Designänderungen wertvoller zur Verbesserung des alten Designs als Konzept A mit plötzlichen, großen Designänderungen.
Neue Verbesserungsvorschläge
Wählen Sie Konzept B für den Prototyp des Redesigns.
Fügen Sie auf Konzept B deutlich sichtbare Informationen zur Buchbestellung hinzu, um die Rate an Fehlklicks zu senken, z. B. eine Schaltfläche zum Bestellen.
Lektionen gelernt
Die Arbeit an diesem ersten persönlichen UX/UI-Designprojekt hat mir beigebracht, wie man selbstständig ein UX-Design-Audit durchführt und High-Fidelity-Website- und App-Prototypen mit einem konsistenten visuellen Design und Design-System für eine komplexe Informationssystem-Plattform erstellt. Darüber hinaus ist die Durchführung von A/B-Tests der Schlüssel zum Verständnis des Nutzerverhaltens und zur Entwicklung meiner Kompetenz im Designprozess sowie meiner Entscheidungsfähigkeit als UX-Designer. Mit der Unterstützung des Mentors und meiner bisherigen Erfahrung im Change Management habe ich gelernt, die End-to-End-Produktdesignentwicklung selbst in die Hand zu nehmen und Feedback mit strategischem Denken in meine Design-Iterationen einfließen zu lassen, um den komplexen Workflow zu vereinfachen.
Fußnoten
High-Fidelity-Prototyp: Konzept A
Desktop
Desktop-Grenzfall
Mobiltelefon
Vereinfachte Informationsarchitektur
Vorher
Nach
Optimierter Benutzerfluss
Der vereinfachte Benutzerfluss zeigt den primären Ablauf bei der Nutzung der Suchleiste, um ein Buch zu finden. Der optimierte primäre Benutzerfluss mit der neu gestalteten VÖBB-Website und -App wird durch einen Klick-Dummy dargestellt.
Klick-Dummy für den primären Nutzerfluss: Website & App
Design-System & wiederverwendbare Komponenten
Um das visuelle Design und die Marke konsistent zu halten sowie die Iteration effizient zu gestalten, habe ich ein Design-System und wiederverwendbare Komponenten entwickelt, die die Barrierefreiheit und Benutzerfreundlichkeit der Interaktion mit der Website und der App-Schnittstelle verbessern.
Links und Referenzen
Nutzerbefragung – Interviewbericht & Analyse auf Notion, Miro
Personas, Storyboard, User Journey Map, User Flow und Informationsarchitektur (IA) auf FigJam
Wireframes und High-Fidelity-Prototypen, Value Proposition Canvas auf Figma
A/B-Testing-Bericht auf Maze
Originale Website des VÖBB (Verbund der Öffentlichen Bibliotheken Berlins)