Wie schaffen wir aus den Geschäftszielen der FH Münster und den Bedürfnissen der Nutzer:innen eine herausragende User Experience? Spannende Erkenntnisse über die Zielgruppe hatten wir bereits im Rahmen des Projekts gesammelt. Jetzt wartete auf uns die große Herausforderung, beide Interessen zusammen zu bringen.
Ganz zu Beginn haben wir Personas konzipiert und so die relevanten Zielgruppen definiert. Gemeinsam mit der FH Münster haben wir dann bestimmte Personas priorisiert, um sie anschließend in Interviews mit passenden Proband:innen zu validieren.
Um die vorhandenen Inhalte zu strukturieren und zu priorisieren, führten wir eine Umfrage mit insgesamt sechs Studierenden und Studieninteressierten durch. Unsere Ergebnisse haben wir in einem Strukturbaum abgebildet, der das Gesamtbild für die Stakeholder greifbar werden ließ.
Basierend auf der erarbeiteten Informationsarchitektur werden die Wireframes erstellt: Wireframes (deutsch: Drahtgerüst, Drahtmodell) repräsentieren Teile der Informationsarchitektur, der Benutzerführung und der Navigation - werfen aber keine Designfragen auf. So wird aus der Vision der erste Prototyp der neuen Webseite, der die weitere Ausarbeitung der inhaltlichen Details ermöglicht.
Für öffentliche Einrichtungen wie die FH Münster besonders wichtig: Barrierefreiheit. Die Barrierefreie Informationstechnik-Verordnung 2.0 (BITV) legt fest, dass öffentliche Stellen dazu verpflichtet sind, den Zugang ihrer Webseiten für Menschen mit Behinderungen sicherzustellen.
Aus den Interviews wurde allerdings schnell klar, dass die alte Webseite als viel zu überfordernd wahrgenommen wurde. Um dem auch auf visueller Ebene entgegenzutreten, wurde im zweiten Teil des Projekts die Designsprache optimiert und aufgeräumt. Dabei wurde unter anderem ein Check nach WCAG-Standarts durchgeführt, der sicherstellt, dass die Farbkontraste innerhalb der festgelegten Richtwerte liegen.
Mehr dazu folgt nach dem offiziellen Relaunch der Webseite.
User Interviews helfen uns, ein tieferes Verständnis für Ihre Zielgruppen zu erlangen. Selbst wenn Sie schon jahrelang mit den Nutzern und Nutzerinnen zusammenarbeiten, macht es Sinn ein neues Projekt oder ein neues Feature mit User Interviews zu stützen.
Informationsarchitekturen strukturieren Ihre Daten für effiziente Nutzung und klare Orientierung, somit optimieren sie den Informationsfluss und steigern die Nutzererfahrung.
Wireframes visualisieren das Layout einer Website oder App, veranschaulichen Struktur und Funktionen für eine zielgerichtete Entwicklung.
Ein Designsystem bündelt Gestaltungsrichtlinien und Komponenten für konsistentes und effizientes Design von Anwendungen und Websites.
User Interface Designs optimieren die Nutzerinteraktion, vereinen Ästhetik und Funktionalität für eine intuitive und ansprechende Benutzererfahrung.
MUUUH! Next
Lotter Straße 47-48
49078 Osnabrück
E-Mail: next@muuuh.de
