Einleitung

Systemrelevante Dienstleistungen beschränken sich häufig auf nur einen einzigen Anbieter, daher ist es besonders wichtig, dass die digitalen Angebote dieser Dienstleiter von einer möglichst großen Nutzergruppe problemlos in Anspruch genommen werden können. Als systemrelevanten Anbieter wählte ich für meine Case-Study den Online-Briefmarken-Service der Deutschen Post, da es meines Wissens nach nicht wirklich ernstzunehmende Alternativanbieter im Briefversand gibt. Der Service soll es Kunden ermöglichen, einfach und unkompliziert das richtige Porto für verschiedene Versandarten zu ermitteln und anschließend die Marke zu kaufen und auszudrucken.

Status Quo

Derzeit besteht die Seite der Deutschen Post aus zwei Hauptseiten, der Landingpage und dem Shop. Je nachdem, wie die NutzerInnen das Angebot aufrufen, kommen sie auf eine dieser Seiten. Sucht man beispielsweise bei Google nach dem Begriff „Post“, wird man auf die Landingpage verwiesen, bei dem Begriff „Briefmarke“ wird der Shop aufgerufen. Die beiden Seiten ähneln sich im Aufbau, unterscheiden sich jedoch im Design:

Bei der Analyse verschiedener User Flows stellte ich fest, dass man als Kunde häufig einige Anläufe braucht, um das gewünschte Produkt zu finden. Der Checkout-Prozess lief meisten problemlos ab, bot aber aufgrund veralteter Patterns auch einiges an Verbesserungspotenzial.

Opportunity Areas

Umsetzung

Mein Hauptziel war es, die Landingpage und den Shop zusammenzuführen, da abgesehen vom Design, die beiden Seiten nahezu identische Inhalte beinhalteten. Dazu teilte ich die Seite in zwei Abschnitte ein: Der obere Teil, der sich an Gelegenheitskunden richtet, beherbergt einen Portorechner, der Schritt für Schritt zur nötigen Versandmarke führt. Im unteren Teil befindet sich eine Schnellauswahl, die sich an erfahrene NutzerInnen richtet, die bereits wissen, welches Porto sie benötigen. Durch die Überarbeitung und Modernisierung einzelner Interface-Elemente wollte ich außerdem für eine verbesserte Click-Through Rate und Task Success Rate sorgen.

Figma Prototyp

Design System

Im Zuge der Case Study sollte ein Design System angelegt werden, welches mithilfe von Komponenten theoretisch von anderen DesignerInnen und EntwicklerInnen problemlos genutzt werden kann. Mein Design System ist, mit ein paar Ausnahmen, stark an der Coporate Identity der Deutschen Post ausgerichtet, Icons wurden aus Copyright-Gründen beispielsweise ausgetauscht.

Fazit

Durch die vielen eingeladenen Gäste aus verschiedenen größeren Unternehmen konnte ich einen guten Einblick in den realen Arbeitsalltag von UI-DesignerInnen bekommen. Leider war das in meinem bisherigen Studienverlauf noch nicht der Fall. Durch die geschilderten Erfahrungen habe ich relativ schnell gemerkt, dass ich später nicht im 2D-UI-Design arbeiten möchte, sondern mich mehr auf 3D-Interaction-Design spezialisieren möchte. Trotzdem hat mir der Kurs viele neue Kenntnisse vermittelt und mein Verständnis für das Arbeiten mit Komponenten gestärkt. Besonders gut hat mir Sebastians klare Kursstrukturierung gefallen und das umfangreiche Feedback.