In diesem Kurs erlernten die Studierenden verschiedene Design-Methoden sowie Layout-Grundlagen.
Kursbeschreibung
Die Methoden und Layout-Grundlagen wurden am Beispiel einer Interaction Map vermittelt. Eine Interaction Map visualisiert, wie ein/e BenutzerIn mit einem Produkt interagiert und ermöglicht es DesignerInnen, ein Produkt aus der Sicht der NutzerInnen zu sehen. Somit können Probleme und Nutzerbedürfnisse identifiziert und Produkte dadurch verbessert werden.
Zielsetzung
Den Studierenden werden Gestaltungsgrundlagen anhand eines praktischen Beispiels vermittelt, um so einen ersten Einblick in Gestaltungsprozesse und wichtige Methoden sowie erste Layout-Grundlagen zu erhalten.
Aufgabenstellung
Die Studierenden haben eine Bediensituation eines Produktes mittels Video- und Audioaufnahmen genauestens erfasst. Im Anschluss wurde diese transkribiert, analysiert sowie visuell aufbereitet. Die daraus entstandenen Interaction Maps sind ein wichtiger Grundstein für die Identifizierung von Verbesserungspotenzialen der Produkte.
Eine Interaction Map über die Webseite Behance.net.
Aufgabenstellung für den Probanden
Der Proband hatte die Aufgabe bekommen, sich bei der Webseite Behance.net anzumelden, sich ein beliebiges Thema und Projekt auszuwählen und dieses mit Anerkennung zu markieren und zum Schluss das ganze zu speichern.
Ablauf
Der Ablauf der Interaktion wurde über eine Bildschirmaufnahme und eine Aufnahme des Probanden festgehalten. Somit konnte ich im Nachhinein Emotionen und eventuelle Pain Points genauer betrachten.
Entwurf
Angefangen habe ich mit der Auswertung des Videos. Alle Schritte wurden aufgeteilt und analysiert. Anschließend habe ich mir ein Moodboard erstellt und grobe Skizzen für das Layout erstellt.
Daraufhin habe ich die ersten Skizzen weiter ausgearbeitet und mehr Detail hinzugefügt, um einen Überblick zu erhalten, in welche Richtung es gehen soll.
In der High-Fidelity Phase habe ich mich für ein Layout entschieden und dieses ausgearbeitet. Texte, Bilder und Farben wurden hinzugefügt und nach vielen Versionen kam die finale Version heraus.
Farbwahl
Die Farben, die verwendet wurden sind an der Behance.net Webseite inspiriert, um einen ähnlichen Look zu erreichen und die Interaction Map klar verständlich zu gestalten.
Finale Version
In der Finalen Version wurden Farben, Schrift und das Layout nochmal überarbeitet, sodass es ein stimmiges Allgemeinbild darstellt. Die Grundinformationen stehen in der oberen Leiste und alle Informationen zu dem Ablauf werden darunter dargestellt. Die Zeitangabe wird jeweils am Ende einer Phase hervorgehoben.
Hinterlasse einen Kommentar