Die Welt, die Märkte, die Endkunden, alles ist im Wandel. Keine Entwicklung sollte heute mehr ohne Prototyping starten. Niemand kann ein perfektes Konzept ohne Feedback von Kunden und Nutzern aus dem Nichts herzaubern. Hier beschreiben wir die gängigsten Prototyping Methoden.

User Centered Design ist für uns nicht nur ein abstrakter Begriff. Wir lassen den Endnutzer und Kunden bei allen Schritten mitentscheiden. Design-Flaws oder Prozess-Defekte werden so früh erkannt und können schnell ausgebessert werden. Nur um danach mit einem weiteren Feedback-Test erneut zum Endnutzer zu gehen nach dem Motto: „Fail fast, fail often“.

Usability Test mit Wireframe

Ein Wireframe ist schnell gezeichnet, da keine Farben, Formen, Typographie oder ausgearbeitete Inhalte berücksichtigt werden müssen. Jedoch sind Menüs, Bedienfelder und das Layout des Produktkonfigurators schon gut sichtbar. Der Test-User wird vor den Wireframe gesetzt und gebeten anzugeben, was die eingezeichneten Controls und Menüs nach Meinung des Test-Users bewirken. Stimmen unsere Intentionen mit den Annahmen des Test-Users nicht überein, überarbeiten wir das Layout und die Beschriftung der Menüs und Buttons bis die Missverständnisse beseitigt sind.

User Experience Test mit Paperprototype

Alle dynamischen Inhalte des Wireframes werden auf einzelne Papierkärtchen gemalt. Der statische Frontend-Hintergrund wird mit dynamischen Anteilen (die Papierkärtchen) vervollständigt, so dass die GUI komplett ist. Der Test-User wird nun mit einer konkreten Aufgabe betraut wie z.B.: „Erstelle ein Fahrrad mit schwarzen Titanium-Rahmen“ und soll durch Tippen mit dem Finger (entspricht Mausklicks bzw. Taps auf dem Smartphone) die Aufgabe umsetzen. Eine Person aus unserer Crew simuliert nun den „Computer“ und setzt die vom Test-User induzierten Manipulationen der Oberfläche um (Dialoge öffnen, schließen sich, Eingabefelder werden ausgefüllt etc). Wir beobachten den Test-User und erhalten so wichtige Hinweise, ob das Bedienkonzept für das jeweilige Produkt geeignet ist.

Kundenfeedback mit Design-Mockup

Mit den durchgeführten Nutzertests kann nun das Farb- und Form-Design, sowie die Typographie und Iconography von unseren Grafikern ergänzt werden. Es entsteht ein Design-Mockup, welches die fertige Oberfläche in Vollendung zeigt. Auch hier holen wir selbstverständlich Feedback von Usern und Kunden ein.

User Acceptance Test mit High Fidelity Prototype

Die Features des Produktkonfigrators mit dem höchsten Business Value werden zuerst innerhalb einzelner Entwicklungs-Sprints implementiert. Das Ergebnis jedes Sprints ist ein funktionaler Prototyp, der wiederum von Nutzern und Kunden getestet wird. Obwohl Anfangs noch viele Funktionen fehlen, kann die wichtigste Funktionalität bereits ausprobiert werden. Defekte werden behoben, bevor weitere Funktionen umgesetzt werden.

Papierprototype und Wireframe am Beispiel von MrMedal.com (Video)