Was ich in drei Monaten UX-Design gelernt habe

In den vergangenen drei Monaten habe ich, Mattia, mich einem selbstständigen Designprojekt gewidmet. Dieses habe ich in der Abteilung E-Shop, genauer im UX-Design, umgesetzt.
Im Mittelpunkt stand dabei die Entwicklung einer benutzerfreundlichen Plattform, die als Handelsplatz für mystische Artefakte und Relikte dient. Als Anhaltspunkte wurden mir dafür vier Projektschritte gemäss dem in der Opacc üblichen Workflow und eine Backstory vorgegeben.

Das UX-Design befasst sich mit der Gestaltung von digitalen Produkten, die nicht nur ästhetisch ansprechend, sondern vor allem intuitiv und einfach zu bedienen sind. UX steht dabei für «User Experience», also dem Erlebnis, das der/die EndbenutzerIn mit dem Produkt hat.

Nachdem ich mir einen groben Überblick über das sehr umfangreiche Projekt geschaffen hatte, bin ich direkt in die erste Phase gestartet: die Projektplanung. Dort habe ich die gesamte Projektdauer in die vier Phasen eingeteilt und dafür jeweils Feedbacktermine und Milestones definiert. Die Feedbacktermine Zwischengespräche mit Dave, UX-Designer, und Dani, meine Fachvorgesetzten, dienten zur Orientierung und sorgten in der sehr freien Natur des Projektes als Anhaltspunkte.

Im zweiten Schritt entwickelte ich vier Personas, die die Zielgruppe der Handelsplattform aufzeigen. Die definierten Bedürfnisse sollen später direkt durch die Plattform erfüllt werden. Zusätzlich zu drei normalen Personas habe ich ausserdem eine Anti-Persona definiert. Diese stellt eine Person dar, für welche das Produkt nicht gedacht ist.

Die dritte Phase heisst «User-Testing». Hier wird ein erster Entwurf der Plattform erstellt und getestet. Die Testpersonen sollen den erstellten Personas möglichst entsprechen. Somit kann herausgefunden werden, welche Elemente fehlen, was zur Vereinfachung entfernt werden kann und welche Abläufe noch Verbesserungspotenzial haben.
Ich habe mir dazu zuerst einige Skizzen auf Papier gemacht. Somit konnte ich für mich selbst aufzeichnen, welche Seiten benötigt werden und wie diese grob aufgebaut sind. Später habe ich diese Entwürfe in Figma, einem Designtool mit Fokus auf den Web-Bereich, als klickbaren Prototyp umgesetzt. Dieser Prototyp wurde dann von meinen ausgewählten Testpersonen in drei vorgegebenen Abläufen, beispielsweise dem Inserieren eines Artefakts, kritisch analysiert. Anschliessend konnte ich das gewonnene Feedback in den Entwurf einbauen und mich der letzten Phase widmen.

In der letzten Phase entwickelte ich das Design-Systems. Durch einzelne, definierte und durchdachte Elemente soll das Fundament für ein umfassendes Design entstehen. Dazu setzte ich unter anderem folgende Elemente um: Buttons in primären sowie sekundären und Tertiärvarianten, eine definierte, einheitliche Abrundung von Ecken, eine definierte Farbpalette und den gezielten Einsatz von Kacheln. Dieses System stellte ich anhand einer Seite im Projekt als Desktop- und für Mobile-Variante dar.

Während des gesamten Projektes spielte ich einen UX-Prozess, wie er von Dave und seinem Team auch in Kundenprojekten eingesetzt wird, durch. Neben meinem eigenen Designprojekt durfte ich auch am einen oder anderen Teilschritt mit Opacc-Kunden teilnehmen. Insgesamt konnte ich also in den vergangenen Monaten sehr viel über Webdesign, UX und das Durchführen eines längeren Projektes lernen. Allen voran entwickelte ich ein Bewusstsein, Projekte aus Benutzersicht anzugehen und auf deren Bedürfnisse zu berücksichtigen.