Projekt Zusammenfassung

Die IUBH startete als Präsenzhochschule in Bad Honnef. Ein paar Jahre später wurde das Fernstudium gegründet und das duale Studium kam hinzu. Alle Produkte liefen als Eigenmarken unter ihrer eigenen Farbe. Eine mobile Seite war vorhanden, aber es war klar, dass der Schwerpunkt der Gestaltung auf der Desktop-Version lag. Da das Layout in die Jahre gekommen war, sollte die gesamte Marke neue aufgebaut werden.

Redesign

UX Kontzept

Wireframes

Userflow

Projekt Details

Rolle :

Design Lead

Dauer:

6 Monate

Werkzeuge :

Sketch, Figma, Stift & Papier, Miro

Interviews, Analytics & Surveys

Wir begannen zunächst mit einer Auswertung der Google Analytics Zahlen. Hier wurde deutlich, wie unterschiedlich die Zielgruppen sind. Während bei der Präsenzstudie 80%* Desktop-Nutzer anwesend waren, wurde der Fernkurs von 75%* der Nutzer über ihr Handy besucht. Wir entschieden uns, das Fernstudium als Pilot für die Neugestaltung zu nutzen. Da dies die größte Nutzergruppe war und Tests hier schnell und flexibel durchgeführt werden konnten.

Ergebnisse aus den Interviews und Umfragen

#1: Ein Fernstudium ist kein echtest Studium:
Viele hatten Vorurteile gegenüber einem Fernstudium und bevorzugten eher ein Präsenzstudium Ihre Befürchtung war einfach, dass das Studium nichts wert ist.

#2: Ich bin alleine:
Für viele Menschen war das Fernstudium gleichbedeutend mit "ich studiere allein, ich kann niemanden fragen, niemand hilft mir".

#3: Ich habe Angst davor überfordert zu sein.
Eine weitere Angst der Nutzer war die Arbeitsbelastung. Wenn man 40 Stunden am Tag arbeitet, kann es abschreckend sein, danach weiterzuarbeiten.

User Centered Design

Um zu visualisieren, welche Schritte ein Nutzer bei seiner Entscheidung für ein Fernstudium unternimmt und was dabei zu beachten ist, haben wir in einem Workshop ein "Taskmodel" erstellt.

Informationsarchitektur

Basierend auf den Erkenntnissen, die ich aus den ersten Content Audits, Wettbewerberanalysen und Card Sorts mit potenziellen Nutzern gewonnen habe, definierte ich die Sitemap für IUBH und evaluierte sie anschließend durch Baumtests mit potenziellen Nutzern.

Nachdem diese Vorarbeit geleistet wurde, konnte ich mit den Wireframes anfangen

Prototypen, Usertests und Ab Tests

Nach einigen Mid- und High-Fidelity-Prototypen, die in Marvel schnell zusammengestellt wurden, begannen wir mit weiteren Nutzertests. Die alte Seite hatten wir parallel schon getestet. Auf Basis dieser Tests konnten wir unsere ersten Tests starten.

Visual Designn

Zunächst habe ich damit begonnen, bestehende Elemente im Entwurf anzupassen..

Design System

Da sich die Marken im Grunde nur durch die Farben unterschieden, beschloss ich, sie in 3 Schritten zu bauen:

Masterfile
Definitionen / Komponenten / Richtlinien

Markendatei
Jede Marke hat ihre eigene Datei / Style Overwrites / Bildsprache / Extra Komponenten

Arbeitsdatei
Konzepte / Layouts /Visionen

Learnings

Designsystem Ich habe sehr viel bei diesen Projekt gelernt. Unter anderen was Design Systeme angeht und wie man sie effektiv für Teams erstellt. Es gibt vieles was ich im Nachhinein optimieren würde

Zeit & Bilder Die Bildsprache benötigt extrem viel Zeit und im Nachhinein betrachtet ist das ein eigenes Projekt für das man Zeit einplanen muss.

Lass Ideen schneller fallen Ich hatte zu konkrete Vorstellungen davon, wie das Ergebnis aussehen sollte und musste diese anhand der Nutzertests immer wieder korrigieren. Beim nächsten Projekt würde ich auf einem Minimum Viable Product aufbauen und dieses Schritt für Schritt erweitern.

*Alle gezeigten Daten sind Beispiele. Es handelt sich aus Datenschutzgründen nicht um die echten Daten der Hochschule.

‍

Eine Hochschule erfindet sich neu