Wie entsteht das Design einer Webplattform? Wie wird eine Webplattform benutzerfreundlich?

Im August durfte ich, Mara, in der Abteilung Enterprise Shop starten. Und mit dem Wechsel in die neue Abteilung startete mein Projekt Odyssey.

Im E-Shop-Team gestalten und programmieren die Mitarbeitenden Onlineshop-Lösungen für verschiedene Kunden. Dank dem neuen E-Shop-Ausbildungsplan von Dani erhielt ich die Möglichkeit, mich zwischen zwei Lernpfaden DES (Design) oder DEV (Entwicklung) zu entscheiden. Das bedeutet, dass wir Lernenden uns in dem Semester, welches wir im E-Shop-Team verbringen, in eine Richtung spezialisieren dürfen.  Das Ziel des Projekts war es, den Ablauf eines Webdesigns von der Planung bis zur Umsetzung kennenzulernen. 

Planung
Als erstes durfte ich mein Lernprojekt aussuchen: Operation Odyssey. Odyssey ist ein Unternehmen, welches im Jahr 2358 Weltraumreisen anbietet. Sie möchten eine neue Webplattform entwickeln, über die man solche Weltraumreisen buchen kann.

Personas
Nachdem ich meine Projektplanung gemacht hatte, startete ich mit dem Erstellen von Personas. Personas sind fiktive User, welche später die Webplattform besuchen und eine Weltallreisen buchen würden. Anhand dieser Personas konnte ich die Anforderungen an die Buchungsplattform besser erkennen und mögliche Hindernisse und Bedürfnisse beachten.

Prototyp
Als nächster Schritt stand der konzeptionelle Teil der Buchungsplattform auf dem Plan. Ich erstellte einen Prototyp, in dem ich definierte, welche Inhalte der Webseite später wo angezeigt werden. Der Prototyp hilft, um zu sehen, ob der Aufbau der Webseite sinnvoll und verständlich gewählt wurde. Zum Erstellen des Prototyps gehört auch immer ein User-Testing. Beim User-Testing müssen sich verschiedene Leute durch den Prototyp durchklicken und sagen, was sie nicht verstehen und was noch verbessert werden muss.

Die drei Testings, die ich durchführen durfte, waren sehr hilfreich und brachten gute neue Erkenntnisse im Projekt, die zeigten, wie und wo ich weiterarbeiten soll. Auf der Startseite sowie im Buchungsprozess gab es wichtige Punkte, um die Abläufe klarer zu gestalten.

Visual Design
Nachdem der Prototyp finalisiert war, ging es mit dem Visual Design weiter. Ich wählte konkrete Farben, Schriften, Formen, Bilder, … um die Webseite zu gestalten. Wichtig war dabei, die Gestaltungsgrundlagen zu beachten und das Design begründen zu können: «Wieso wurden genau diese Farben oder Bilder gewählt?», «Passen die Elemente zusammen?», «Was muss auf dieser Seite auffallen?», «Wo liegt die Hauptaktion?», … .

Beim Design gab es mehr zu beachten als gedacht. In diesem Schritt konnte ich einiges lernen. Wichtig war auch, dass man immer wieder vorkommende Elemente wie Buttons oder den Header als Komponente erstellt. Das bedeutet, dass wenn man den Hauptbutton anpasst, die anderen Buttons automatisch auch mit angepasst werden.

Meetings
Ich hatte durch den gesamten Projektablauf Unterstützung von Dani und Dave. In unseren regelmässigen Meetings konnten sie mir hilfreiche Tipps geben und wir besprachen Unklarheiten und Hindernisse.
Insgesamt arbeitete ich 30 Tage an meinem Projekt. Es war eine sehr spannende und lehrreiche Zeit und ich freue mich auf kommende Designprojekte in dieser Abteilung.