Der Kurs vertieft gestalterische Grundlagen aus dem ersten Semester und vermittelt grundlegende Funktionen und Aufgaben von Design Systemen …
Dabei liegt der Fokus auf der visuellen gestalterischen Anwendung von Design Systemen.
Darüber hinaus befassen sich die Studierenden mit Analyse, Konzept, Entwurf und Prototyping von Software-Produkten und erlernen dabei die Richtlinien nutzerzentrierte Softwaregestaltung.
Problemstellung für unser Projekt war, eine Website oder App neu zu gestalten. Wir entschieden uns für die Programmier Plattform Stack Overflow.
Für unsere Recherche im AS-IS Prozess erstellten wir eine Empathy Map für unsere Ziel Persona und eine User Journey Map des bisherigen Prozesses. Daraus entwickelten wir die wichtigsten Pain Points, Need Statements und ein Prioritization Grid.
Aus dem AS-IS Prozess gingen wir dann über in den TO-BE Zustand. Hierfür entwickelten wir einen neuen User Flow. Dabei erkannten wir, dass die beste Lösung nicht nur die Neugestaltung der Stack Overflow Website ist, sondern die zusätzliche Extension für Visual Studio Code.
Redesign
Low und Mid Fidelity Prototyp
Der Gestaltungsprozess begann mit ersten LowFidelity Skizzen und einem funktionalen MidFidelity Prototyp. Mit diesem konnten wir bereits erste User Tests durchführen und wertvolles Feedback sammeln.
Aufteilung in Extension und Webdesign
Für den High Fidelity Prototypen haben wir unsere Arbeit aufgeteilt. Zum einen entwickelten wir die Extension von Stack Overflow für Visual Studio Code und zum anderen das Redesign der Website. Wir haben uns gegenseitig kritisiert und sind so zu immer mehr Varianten und Entscheidungen auf Detailebene gekommen.
Als wir unsere Screens ausgearbeitet hatten, haben wir diese zu einem zusammenhängenden Prototypen umgewandelt und so eine authentische User Experience geschaffen.
Hinterlasse einen Kommentar