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

  • 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…

  • Backend mit AWS

    In der modernen Softwareentwicklung sind skalierbare und effiziente Backend-Lösungen enorm wichtig. Amazon Web Services, kurz AWS, ist eine umfassende und weit verbreitete Cloud-Plattform, die eine Menge Infrastruktur- und Plattformdienste anbietet. Das Backend unserer Projekte arbeitet deshalb vollständig mit den beiden AWS-Diensten AWS Lambda und der No-SQL-Datenbank Dynamo DB. Was ist AWS Lamda? AWS Lambda ist…

  • 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…

  • 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…

  • Prävention und Härtung im E-commerce

    Digitale Sicherheit erlangt heutzutage immer mehr Bedeutung. Was man damals als “nice-to-have” beschrieben hat, wird nun gesetzlich verpflichtet.Ganz neu – die NIS 2 Directive (Network-Informationsecurity) ist eine EU weite Richtlinie, die eine bessere Vorbereitung auf Cyberbedrohungen und strengere Schutzmaßnahmen gegen potentielle Angriffe fordert. Sie richtet sich an Unternehmen in kritischen Sektoren, die mindestens 50 Beschäftigte…