In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In dem Kurs von Prof. Dr. Frank Heidmann beschäftigten wir uns mit den Inhalten des HCI Designs. Anhand eines selbstgewählten Projekts durchliefen wir den Designprozess und bekamen die Möglichkeit, das in der Theorie gelernte Wissen praktisch anzuwenden und zu erweitern.
Im folgenden geht es nun um mein Projekt, das Redesign der Onlinepräsenz der Kita gGmbH.
Als Elternteil auf der Suche nach geeigneten Kita - Betreuungsplätzen hat man es oft nicht leicht. Gerade die Suche über das Internet ist heutzutage eine häufig genutzte Ressource.
Problematisch wird es da, wenn die Webpräsenz vieler Kitas und deren Träger unzureichend ausgebaut und schlecht gestaltet ist.
Da eine nahe Verwandte in einer Trägerschaft mit dieser Problematik arbeitet, habe ich mich dazu entschieden, mich der betreffenden Seite in diesem Kurs anzunehmen und ein Redesign für die Website der Kita gGmbH auszuarbeiten.
Das Hauptaugenmerk des Kurses lag für mich im Erlernen verschiedener Research Methoden und deren Anwendung. Innerhalb der Vorlesungen haben wir hierzu interessanten Input von Prof. Heidemann erhalten und vieles ausprobiert.
Am Anfang des Research Prozesses stand die Heuristische Evaluation. Hier zeigte sich schon in der ersten Aufgabe, dass es bei dem von mir gewählten Projektes viel zu tun gab.
Es stellten sich einige grundlegende Defizite der Website heraus:
Fehlende / unzureichende Navigation und Sichtbarkeit von Bedienelementen
Kein klares Farb-, Font- bzw. Designsystem vorhanden
Uneindeutige/untypische Bezeichnungen und Buttons, die keine sind
Keine „Zurück“ Buttons
Fehlende Consistency in Design und Funktion
Gleiches Icon hat sehr viele verschiedene Verwendungen
Kaum Ästhetik vorhanden
Keine Suchfunktion oder FAQ Sektion sowie
Kein Kontaktformular
Anschließend folgten weitere Maßnahmen zur Validierung der festgestellten Problematik. Dabei konzentrierte ich mich auf Eltern und Mitarbeitende als Zielgruppe.
Ich bekam die Möglichkeit, mit verschiedenen Mitarbeitenden und fünf Elternpaaren zu sprechen. Daraus ergaben sich verschiedene weitere Anregungen. Unter anderem wünschen sich fast alle Eltern, besser über Geschehnisse und Projekte der Einrichtung ihres Kindes informiert zu werden. Aber auch schneller Kontakt mit den entsprechenden Verantwortlichen aufnehmen zu können.
Anschließend fertigte ich eine Umfrage auf google docs an, um die vorhandenen Informationen zusätzlich auf ihre Relevanz zu prüfen. An der Umfrage nahmen schlussendlich 8 Personen teil. Trotz der geringen Teilnehmerzahl konnten einige der im Vorfeld gesammelten Thesen weiter bestätigt werden. So z.B. der Wunsch nach einer klareren Übersicht der verschiedenen Einrichtungen oder einem Überblick über weitere Details wie Termine und das Konzept der Eingewöhnung.
Eine sehr aussagekräftige Methode war das User Testing. Über Zoom führte ich mehrere Testings mit insgesamt 5 Personen durch. Diese zeichnete ich auf, um sie im Anschluß auswerten zu können.
Ich gab den Proband*innen im Vorfeld eine Aufgabenstellung, ließ sie frei auf der Website navigieren und forderte sie auf laut zu Denken. Hier wurden große Lücken im Navigationskonzept der Website sowie der visuellen Hierarchie innerhalb insbesondere der unteren Ebenen der Seite erkennbar.
Nach dem Research Prozess folgte nun das Design. Die mannigfaltigen Insights clusterte ich weiter und entwickelte daraus mögliche Konzepte. Für die UI in Bezug auf Font, Color und Icon System sowie visuellen Hierarchien.
Für die UX hatte ich einen starken Fokus auf die Zielgruppe Eltern, da die Mitarbeitenden ein eigenes Intranet nutzen. Wichtig dabei war mir, den Use Case der Anmeldung eines Kindes, dessen Eltern einen geeigneten Betreuungsplatz suchen.
Ich zeichnete die neu entwickelte Struktur der Website auf, um sie auf Funktionalität zu untersuchen. Anschließend folgte die zweite Runde des User Testings mit Paper Prototyping. Hier erlangte ich weitere Hinweise auf Verbesserungspotential wie z.B. der Wunsch nach einer Adresseingabe bei der Sektion „Kitafinder“.
Ich entschied mich die Website an vielen Punkten grundlegend neu aufzubereiten. Auch mit der Implementierung des vorhandenen Farbsystems habe ich einige Zeit verbracht. Am Ende habe ich mich für eine deutlich mildere Farbgestaltung entschieden, um die Seite leicht und einfacher lesbar zu machen. Die Informationen wurden neu strukturiert und das Wording verändert. Auch wurde die Inhaltsdichte der gesamte Seite angemessen angepasst und Unwichtiges entfernt bzw. an passenderer Stelle neu strukturiert.
Im Anschluss testete ich, die nun von mir neu designte Website, via Zoom. Insgesamt an drei Proband*innen. Das Resultat daraus war unter anderem, dass die Orientierung auf der Website allgemein sowie die Erfüllung der Aufgabenstellung, die Sichtung der Informationen zur Anmeldung eines Kindes, nun deutlich schneller absolviert werden konnten. Wie auf den letzten beiden Bildern der angefügten Galerie zu erkennen, veränderte ich unter anderem auch noch einige Feinheiten an der UI.
Der Kurs war sehr informativ. Das UX Feld finde ich sehr interessant und möchte später auch beruflich hier meinen Schwerpunkt legen. Dank des umfangreichen Inputs von Prof. Heidmann über die Vorlesungen hinweg, hat sich mein Blick und mein Wissen über Techniken des Researches und des Testings verfestigt. Auch die Auseinandersetzung mit einem selbstgewählten Projekt über das ganze Semester hinweg, habe ich als angenehm wahrgenommen. Ich hatte hier die Möglichkeit, tief in die Materie einzusteigen und mich mit der Struktur der Website und deren Inhalten auseinanderzusetzen. Ich kann den Kurs jedem empfehlen, der sich für UX interessiert.