Industrie
GovTech, öffentlicher Sektor
Design
G2C Web & Mobile, End-to-End
Suchsystem der Zentral- und Landesbibliothek Berlin: 34-Sekunden-Katalogsuche
Auswirkung
Beschleunigung der Buchsuche auf 34 Sekunden durch Reduzierung der kognitiven Belastung
Zeit
Mai 2025 - Juli 2025
Werkzeug
Geschäftsproblem
Eine mangelhafte Navigation und Suche auf der Website des Recherchedienstes der Zentral- und Landesbibliothek Berlin, VÖBB (Verbund der Öffentlichen Bibliotheken Berlins), verhinderte, dass Nutzer Bücher effizient finden konnten, und beeinträchtigt zudem die Nutzerakzeptanz.
Lösung
Ein neu gestalteter Buchsuch-Workflow, der die Suchzeit für Nutzer verkürzt, die auf über 80 öffentliche Bibliotheken des Suchsystem-Service der Zentral- und Landesbibliothek Berlin zugreifen.
Meine Rolle
UX/UI-Designer
Durchführung eines UX-Design-Audits inklusive 8 Nutzer-Testinterviews und einer Wettbewerbsanalyse
Entwurf von High-Fidelity-Prototypen für Website und App zur Verbesserung der Barrierefreiheit und Benutzerfreundlichkeit der Benutzeroberfläche.
Durchführung von A/B-Tests zur Bewertung zweier Designkonzepte und zur Validierung von Design-Hypothesen
UX-Design-Audit
Ziel
Zur Identifizierung von Nutzerproblemen und Nutzererwartungen bei der Buchsuche auf der VÖBB-Website sowie zur Entwicklung von Designideen zur Verbesserung der Nutzererfahrung.
Nutzer-Feedback
Zu Beginn habe ich 8 Nutzertests in Form von Interviews durchgeführt, um Feedback zu den Erfahrungen mit der VÖBB-Website bei der Suche nach einem gewünschten Buch zu sammeln. Die Ergebnisse sind äußerst wertvoll, um Designprobleme und Verbesserungspotenziale zu erkennen.
Vergleichende Analyse
Basierend auf dem Feedback aus den Benutzertests habe ich 4 Websites gefunden, die über einen vergleichsweise übersichtlichen Buchsuchkatalog verfügen, um deren Funktionen mit dem VÖBB-Buchsuchkatalog zu vergleichen.
Design
Designhypothese
Wenn wir wesentliche Informationen und Optionen auf der Buchkatalogseite anzeigen, können Benutzer weniger Zeit für die Buchreservierung aufwenden, ohne die Buchdetailseite aufrufen zu müssen. So können wir ihre Entscheidungen zur Buchreservierung um 25 % beschleunigen und ein positives Nutzerfeedback von 90 % auf der neu gestalteten Website erreichen.
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 verändert, weist Konzept B nur 5 leichte Änderungen am ursprünglichen Design auf, um den Benutzerfluss zu beschleunigen:
Original
Konzept A
Header-Redesign
Vereinfachtes Dropdown-Menü für Suchkategorien
Neu gestaltete Filter und Sortierung
Buchsprachentext hinzugefügt
Neues Design der Buchkarte
Verschiedene Arten von Buchformat-Tabs auf der Buchkarte
Verfügbarkeitsstatus-Label des Buches
Vergrößertes Buchcover-Bild
Konzept B
Suchleisten-Dropdown-Menü entfernt
Buchsprachen-Label hinzugefügt
Buchformate übersichtlich dargestellt
Buchcover-Bilder hinzugefügt
Filter von Sortierung getrennt
Hierarchie der Buchinformationen neu organisiert: Buchbild links, Informationstext rechts
A/B-Testing
Um Designkonzept A und Designkonzept B hinsichtlich der benötigten Zeit für das Finden des richtigen Buches zu vergleichen, habe ich Maze genutzt, um ein unmoderiertes A/B-Testing zur Designvalidierung durchzuführen.
Testen
Das Ziel ist es zu bewerten, ob Konzept A oder Konzept B den Nutzern hilft, das richtige Buch im VÖBB-Buchkatalog effizienter zu finden und zu reservieren. Zu den Erfolgsmetriken gehören eine Aufgabenerledigungszeit von weniger als 1 Minute, die Erledigungszeit auf der ursprünglichen Website und die Aufgabenerfolgsquote. Die Anzahl der Teilnehmer, die die Website der Bibliothek nutzen oder genutzt haben, betrug insgesamt 17.
Ergebnis
Laut dem Testergebnis benötigten 7 Benutzer etwa 1,2-mal weniger Zeit, um das richtige Buch zu finden und mit Designkonzept B zu bestellen, verglichen mit 10 Benutzern bei Designkonzept A. Die Fehlklickrate von Konzept A ist ähnlich der von Konzept B. Die Bearbeitungszeit ist bei beiden Konzepten schneller als die ursprüngliche Bearbeitungszeit. 73 % der Tester empfanden die Aufgabenerfahrung als einfach und sehr einfach.
Die Folgefragen nach Abschluss der Aufgabe umfassen:
Wie war Ihre Erfahrung mit der Aufgabe?
Teilen Sie uns gerne Ihr Feedback und Ihre Fragen zu dieser gesamten Testerfahrung mit.
Variante A: Designkonzept A
Variante B: Designkonzept B
Lernen & Angebote
Benutzer sind an die erhebliche Designänderung auf der Buchkatalogseite nicht gewöhnt, was dazu führt, dass bei Konzept A mehr Zeit für die Suche nach dem richtigen Buch und das Klicken auf den Bestell-Button benötigt wird als bei Konzept B mit schrittweisen, kleinen Designänderungen. Sowohl Konzept A als auch Konzept B weisen eine Fehlklickrate von über 80 % auf, was eine weitere Untersuchung zur Designverbesserung erfordert.
Mein Vorschlag für Verbesserungen ist, Konzept B für den Redesign-Prototypen zu wählen und deutlich sichtbare Buchbestellinformationen hinzuzufügen, um die Rate an Fehlklicks zu senken.
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)