Prozess

Phasen des Entwicklungsprozess

Das Projekt soll einem typischen Interaktionsdesignprozess folgen. Dieser lässt sich in die folgenden 7 Schritte unterteilen :

Schritt 1: Systemanalyse & Kontextrecherche

System kennenlernen und eine Auslegeordnung machen. Vergleichbare oder periphere Systeme im Vergleich. Die Ergebnisse dieser Recherche und Systemuntersuchung werden am Freitag 1. April von 15:00 - 17:00 jeweils von jeder Gruppe präsentiert.

Methoden:

• Systemanalyse von Front- und Backend
• Recherche ähnlicher Systeme

Lieferergebnisse

• Visuelle Systemanalyse (Identifikation und kritische Betrachtung von gegenwärtigen Seitentypen, Workflows, Interaktionsstile)

Schritt 2: Interviews & Beobachtung

Die Kontextrecherche und Systemanalyse findet parallel zur Nutzerforschung statt. Es sollen die verschiedenen Nutzer genauer beobachtet und befragt werden. Ergebnisse dieser Untersuchungen werden am Freitag, 1. April von 15:00 - 17:00 von jeder Gruppe präsentiert.

Methoden

• Screencaptures von Abläufen über eine bestimmten Zeitraum.
• Shadowing-Sessions
• Ad-hoc Interviews mit Nutzern und Stakeholdern
• Ongoing Remote Research

Lieferergebnisse

• Dokumentation der Beobachtung von AVZ-Mitarbeitern
• Visuelle Aufbereitung zentraler Workflows
• Clustering der Interviewstatements

Schritt 3: Ideengenerierung, Sketching & Konzeption

Darstellung erster Überlegung zu den zentralen Seitentypen und -ansichten, Abläufe und Interaktionsstile. Die Ergebnisse der Ideengenerierung werden ebenfalls am Freitag, 1. April von 15:00 - 17:00 präsentiert.

Methoden

• Sktechboarding

Lieferergebnisse

• Sketchboard mit ersten Ideenkonzepten

Schritt 4: Wireframing & Paper Prototyping

Ausgehend von den Ergebnissen der Systemanalyse, Kontextrecherche, Nutzerforschung und den ersten Ideenkonzepten werden konkrete Wireframes für das Redesign hergestellt. Zuerst von Hand in Form von skizzierten Papierprototypen, danach mit Omnigraffle einer praktischen Wireframe-Softwarelösung.

Methoden

• Wireframing
• Paper Prototyping

Schritt 5: Entwicklung

Entwicklung von HTML/CSS/JS Vorlagen der wichtigsten Seitentypen.

Schritt 6: Evaluation

Evaluation von digitalen Prototypen.

Schritt 7: Kommunikation, Dokumentation und Präsentation

Erstellen eines umfassenden Interaktionskonzeptes... inkl. Beschreibung der Interfacekonzepte, Abläufe etc. Empfehlungen für das weitere Vorgehen.