Rapid Prototyping

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.

[breadcrumb]

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)

Ähnliche Beiträge

  • Password-Reset-Prozess

    Jeder hat schon mal sein Passwort vergessen. In solchen Fällen gibt es die Möglichkeit, ein neues Passwort zu setzen. Aber was passiert eigentlich, wenn du auf „Passwort zurücksetzen“ klickst? Hier erfährst du, wie der Prozess abläuft. Ablauf des Passwort-Reset-Prozesses Fazit Ein Passwort-Reset ist mehr als nur das Zurücksetzen eines Passworts. Durch Sicherheitsmaßnahmen wie Salts, Validierungen…

  • Angriffsvektoren im E-commerce

    Crowdstrike – Jeder hat von dem fehlerhaften Update gehört, das weltweit den IT-Betrieb lahmlegte.WannaCry – Der 2017 durchgeführte und bis dahin größte Ransomware-Angriff hat über 200.000 Windows-Rechner in über 150 Ländern verschlüsselt. Der Grund? Ein noch nicht eingespieltes Sicherheitsupdate.Der erste Tod der Cyberkriminalität – Die Verschlüsselung der Server eines Krankenhauses während der COVID-19-Pandemie führte zu…

  • BPMN Diagramme

    Was sind BPMN Diagramme? Das Business Process Model and Notation, kurz BPMN genannt .Es ist eine weit verbreitete und standardisierte Methode, um Geschäftsprozesse grafisch darzustellen. Besonders im E-Commerce ist BPMN eine großartige Möglichkeit, um komplexe Abläufe klar und übersichtlich darzustellen. Es ist wirklich erstaunlich, wie es ermöglicht, Prozesse zu dokumentieren, die verschiedene Akteure, Systeme und…

  • Registrierung

    Um ein neues Konto zu erstellen muss sich der Nutzer registrieren. Dafür müssen folgende Informationen angegeben werden: Beim Erstellen des Passworts erhält der Nutzer Hinweise, um die Sicherheit des Kontos zu gewährleisten. Alle Felder müssen vollständig ausgefüllt werden, da der Registrierungsbutton ansonsten deaktiviert bleibt und die Meldung „DATA INCOMPLETE“ anzeigt. Das Frontend überprüft die Eingaben…

  • Sicherheitskomponenten im Login-System

    Richtlinien für Passwörter Ein sicheres Passwort zeichnet sich durch seine Länge und Komplexität aus. Für Online-Zugänge empfiehlt das Bundesamt für Sicherheit in der Informationstechnik (BSI) eine Mindestlänge von acht Zeichen, bestehend aus Groß- und Kleinbuchstaben, Zahlen und Sonderzeichen. Generell gilt: Je länger das Passwort, desto besser der Schutz vor unbefugtem Zugriff. Ein langes und weniger…