Produktkonfigurator im Shop-Einsatz
0621 586 799 21
Produktkonfigurator im Shop-Einsatz MENU   ≡ ╳
  • Leistungsangebot
    • Produktkonfigurator
    • Angebotskonfigurator
    • Produktvisualisierung
    • Visuelle Konfiguration
    • Vertrieb & Angebot
    • Verwalten & Organisieren
    • Preisberechnung & Checkout
  • Services
    • Beratung
    • Entwurf
    • Finanzierung
    • Werkschau
    • Referenzen
  • Learning
    • Getting Started
    • Nutzen von Produktkonfiguratoren
    • Arten von Produktkonfiguratoren
    • Mass Customization
  • Design
    • Design Prinzipien
    • Frontend-Design
    • UX-Design
    • User Feedback messen
  • Programmierung
    • Implementierung
    • Prototyping
    • Shop-Produktkonfigurator
    • Ablauf
Skip to content

Rapid Prototyping

By Tobias GüntherProgrammieren6. Oktober 201913. Januar 2020

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.

  1. Produktonfigurator.shop »
  2. Produktkonfigurator erstellen »
  3. Programmieren »
  4. Rapid Prototyping »

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)

Tagged: Aufgabe, beobachten, Controls, Feature, GUI, highest business value, Layout, Mockup, Nutzertest, Oberfläche, Prototype, testen, User Centered Design, User-Test, Wandel, Wireframe

SERVICES

  • Beratung
  • Finanzierung
  • Entwurf
  • Prototyping
  • Implementierung
  • Werkschau
  • Referenzen

TOPICS

AIDA AIDA-Modell Alleinstellungsmerkmal Amazon Angebot Builder Corporate Design CRM Customizer design E-Commerce emotionale Ansprache Emotionalität Empfehlungen Endgerät Foto Frontend GUI Icon Informieren Kaufabschluss Kombinationsregel Kosten Layout Lead Lean back Logo Maßanfertigung Navigation One-Page-Layout Ordnung PDF Preiskampf Produktbild Produktdarstellung Produktdetail Produktvariante Schatten Slider soziale Netzwerke Tab Usability Variantenmanagement Verkaufen Vertrieb

LEISTUNGSANGEBOT

  • Produktkonfigurator
  • Visuelle Konfiguratoren
  • Produktvisualisierung
  • Angebotskonfigurator
  • CPQ configure price quote
  • Variantenmanagement
  • Vertriebskonfigurator
  • Checkout

LEARNING

  • Mass Customization
  • Nutzen von Produktkonfiguratoren
  • Arten von Produktkonfiguratoren
  • User Feedback messen
  • Getting started

KONTAKT

Kundenberater & Geschäftsführer
Dr. Tobias Günther

tobias.guenther@elaspix.de
0621 586 799 21

Copyright © ELASPIX 2023 IMPRESSUM DATENSCHUTZ
Diese Webseite nutzt Cookies. Sie können die Cookies hier deaktivieren. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

Wir nutzen Cookies von Dritten, namentlich von Google Analytics um Informationen zu sammeln, welche unserer Themenseiten betrachtet werden. Hierdurch wird uns ermöglicht das Informationsangebot sinnvoll auszubauen. Sind Sie nicht einverstanden, müssen wir sie leider bitten, diese Webseite nicht zu nutzen. Weitere Informationen und die Kontaktadresse des Datenschutzbeauftragten finden Sie auf der Datenschutz-Seite.
Necessary
immer aktiv
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SPEICHERN & AKZEPTIEREN