Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

HCI – Redesign Kita gGmbH

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.

01 Themenfindung

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.

02 User Research

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.

Heuristische Evaluation

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.

Interviews

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.

Online Umfrage

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.

User Testing

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.

Frame 17.pngFrame 17.png
Frame 20.pngFrame 20.png

03 Prototyping

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.

Paper Prototyping

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“.

Frame 21.pngFrame 21.png

04 Final Redesign

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.

Letzte Runde User Testing

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.

Seite kl.pngSeite kl.png
Test finale.pngTest finale.png
Seite 1.pngSeite 1.png
MacBook Pro 14_ - 22.pngMacBook Pro 14_ - 22.png

05 Fazit

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.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Human-Computer Interaction Design. How to partner with intelligent/dumb things

Entstehungszeitraum

Wintersemester 2022 / 2023