Low-Fidelity-Prototyp
Definition: Ein Low-Fidelity-Prototyp (Lo-Fi-Prototyp; Fidelity = Detailgrad und Genauigkeit) ist eine bewusst einfache, schnell erstellte und kostengünstige Darstellung eines Interface- oder Produktkonzepts die grundlegende Strukturen, Nutzerflows und Interaktionsmuster zeigt ohne finales visuelles Design, Farben oder interaktive Details. Low-Fidelity-Prototypen werden in frühen Designphasen (Konzeption, Ideation, strukturelle Exploration) eingesetzt bevor Ressourcen in aufwändigere High-Fidelity-Designs oder Entwicklung fließen. Lo-Fi-Formen: Papierprototyp (Bleistift-Skizze auf Papier; schnellste Form; ermöglicht parallele Exploration mehrerer Konzepte in 10–30 Minuten); digitales Wireframe (Figma, Balsamiq, Sketch mit grau-skelettierten Layouts ohne visuelle Details); Click-Dummy (klickbare Lo-Fi-Wireframes; zeigt Navigation und Flows); Crazy-8s-Skizzen (Design-Sprint-Technik: 8 verschiedene Konzepte in 8 Minuten skizzieren); Storyboard (Nutzer-Journey visuell als Comic-Strip). Fidelity-Spektrum: Low-Fidelity → Mid-Fidelity → High-Fidelity; der Prototyp-Fidelity-Grad sollte der Entwicklungsphase entsprechen; zu früher Hi-Fi-Einsatz vergeudet Ressourcen wenn Grundkonzept noch falsch ist; zu später Lo-Fi-Einsatz signalisiert nicht ausreichend Detail für finale Usability-Tests. Psychologischer Vorteil von Unvollständigkeit: Nutzer geben ehrlicheres Feedback zu sichtbar unfertigen Designs (weniger Hemmung, «gute Arbeit zu kritisieren»); bei High-Fidelity-Prototypen fokussiert Feedback oft auf visuelle Details statt strukturelle Probleme.
Erläuterung
Die Grundlage für den systematischen Einsatz von Low-Fidelity-Prototypen im Designprozess schuf Bill Buxton (Researcher; Microsoft Research; Toronto; Kanada; «Sketching User Experiences: Getting the Design Right and the Right Design», Morgan Kaufmann, 2007; SIGCHI Lifetime Achievement Award 2016): Buxton argumentierte fundamental dass «Sketching» – schnelles, widerspruchsfreies Skizzieren mehrerer Alternativen – eine eigene Denkdisziplin ist die von sorgfältigem «Rendering» (dem Ausarbeiten einer bestimmten Lösung) getrennt werden muss; zu früh zu feinauflösendes Design verhindert divergentes Denken und führt zu Anchoring-Effekten beim ersten Entwurf. Jack Carroll (Penn State University; University Park; PA; HCI-Forscher; «Making Use: Scenario-Based Design of Human-Computer Interactions», MIT Press, 2000) und Carolyn Snyder (InContext Design; «Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces», Morgan Kaufmann, 2003) etablierten Papierprototyping als formale Methode für frühe Usability-Tests: Snyder's Forschung zeigte dass Papierprototypen in 75–80% der Fälle dieselben kritischen Usability-Probleme aufdecken wie interaktive High-Fidelity-Prototypen – zu einem Bruchteil der Zeit und Kosten. David Kelly (IDEO; Palo Alto; CA; Stanford d.school Gründer; gegründet IDEO 1991) und Tim Brown («Change by Design: How Design Thinking Transforms Organizations and Inspires Innovation», HarperBusiness, 2009) etablierten Prototyping-Kultur mit ausdrücklicher Wertschätzung für unfertige, schnelle Prototypen als Denk- und Kommunikationswerkzeuge; IDEO's Mantra: «Fail early, fail often» – Proto-Fail ist billiger als Entwicklungs-Fail. Steve Krug (UX-Berater; Boston; MA; «Don't Make Me Think», New Riders Press, 2000; «Rocket Surgery Made Easy», 2009) empfahl ausdrücklich frühe Tests mit Lo-Fi-Papierprototypen: «Testing with anyone is vastly better than testing with no one»; auch ein einfaches Papier-Mockup aufgedeckt in einem halbstündigen informellen Test zeigt mehr schwere Usability-Probleme als Stunden von Experten-Reviews. Pel Bal bani Pellegrino (Google Ventures; Design Sprint; Jake Knapp; «Sprint», Simon & Schuster, 2016) integrierte Lo-Fi-Prototyping explizit in den Design-Sprint-Prozess: Tag 4 des 5-Tage-Design-Sprints ist Prototyping-Tag mit dem Ziel «a realistic facade of your product» – Lo-Fi genug um schnell fertig zu werden, Hi-Fi genug um am Freitag realistischen Nutzer-Reaktionen zu erhalten. Balsamiq (Balsamiq Studios; Giacomo Guilizzoni; Bologna; Italien; 2008; SaaS und Desktop) popularisierte digitale Lo-Fi-Wireframes mit bewusst handgezeichnet wirkendem Stil (Comic Sans ähnliche Schrift; verwackelte Linien; graue Platzhalter): das «Skizzen-Erscheinungsbild» verhindert Feedback zu visuellen Details und lenkt auf strukturelle Fragen.
Lo-Fi-Prototyping-Methoden und Tools
- Papierprototyping – Technik und Nutzertests: Papierprototyp-Materialien: Papier, Bleistift, Textmarker; Index-Karten für separate Screens; Post-its für Overlays und Popups (können physisch aufgeklebt werden); Papierstreifen für Dropdown-Menüs (werden beim Klick physisch aus der Karte herausgezogen); Notizbuch-Spirale für horizontales Scrollen; Papierprototyp-Test-Setup: ein Testleiter (Fragen stellen, Aufgaben geben); ein «Computer»-Moderator (bewegt Papier-Elemente je nach Nutzer-Interaktion); Testperson interagiert mit dem Papier-«Interface»; ein Beobachter (Notizen); Papierprototyp-Vorteil-Forschung: Carolyn Snyder 2003: 80% Aufdeckungsrate kritischer Probleme gegenüber Hi-Fi; Papier-Test-Dauer: 30–60 Minuten; Erstellung: 30 Minuten bis mehrere Stunden; kein Software-Wissen nötig; ganze Teams können gemeinsam skizzieren; Limitation: keine realistischen Eingabe-Interaktionen testbar (Tippen, Drag); Navigation über mehrere Screens schwer zu simulieren; keine realen Ladezeiten und Animationen
- Digitale Lo-Fi-Wireframes und Tools: Balsamiq Wireframes (Balsamiq Studios; Bologna; Italien; 2008; SaaS: balsamiq.cloud; Desktop: Balsamiq for Desktop; ~9–20 USD/Monat): bewusst skizzen-artiger Stil verhindert Hi-Fi-Feedback; umfangreiche UI-Komponentenbibliothek; schnelle Drag-and-Drop-Erstellung; Figma für Lo-Fi: Figma (Dylan Field/Evan Wallace; San Francisco; 2016) ermöglicht Lo-Fi-Wireframes mit eigenen Grau-Wireframe-Kits (Community Templates: Figma Wireframe Kit, Bootstrap Wireframe, Material Wireframe); Vorteil gegenüber Balsamiq: spätere Evolution zum Hi-Fi ohne Tool-Wechsel; Nachteil: visuelles Figma-Interface verleitet zu Hi-Fi-Details; Whimsical (San Francisco; 2017; SaaS): Wireframes + Flowcharts + Mind Maps in einem Tool; gut für schnelle Flow-Visualisierung; Miro (Realtimeboard Inc.; San Francisco; CA; 2011): kollaboratives Whiteboard; Sticky-Notes für User-Flows; Lo-Fi-Skizzen als Fotos hochladen; wireframe-Bibliothek; für Remote-Teams; Overflow (overflow.io; Toronto; 2018): spezialisiert auf User-Flow-Visualisierung; exportiert aus Figma/Sketch; zeigt Screen-zu-Screen-Verbindungen; Crazy-8s als Lo-Fi-Methode: 8 Felder auf ein Blatt falten; 8 Minuten Zeit; in jedem Feld eine andere Idee skizzieren; erzwingt Quantität über Qualität; verhindert Anchoring an erste Idee
- Fidelity-Entscheidung und Prototyp-Typen-Matrix: Fidelity-Spektrum-Entscheidungsmatrix: Lo-Fi (Paper/Balsamiq): Konzept-Phase; Informationsarchitektur-Test; grundlegende Nutzerflows; Card-Sorting-Basis; Budget: 0–2 Stunden; geeignet für: frühe Stakeholder-Abstimmung, Ideation-Workshops; Mid-Fi (Figma Grayscale Wireframes): strukturelle Entscheidungen; Navigation; Layout-Hierarchie; Component-Katalog-Grundlage; Budget: halber Tag bis 2 Tage; geeignet für: Entwickler-Briefings, interne Design-Reviews; Hi-Fi (Figma Pixel-Perfect mit Farbe): finale Usability-Tests; Design-Übergabe; Stakeholder-Präsentation; Investor-Demo; Budget: mehrere Tage bis Wochen; Wizard of Oz-Prototyp: Hybrid-Methode; echte Benutzeroberfläche aber Funktionalität wird manuell von Menschen im Hintergrund simuliert (ein Mensch antwortet auf Chatbot-Nachrichten statt KI); geeignet für: Test von KI-Interaktionen, komplexen Algorithmen; Kosten: mittel (echte Frontend-Arbeit + manueller Betrieb); Throwaway vs. Evolutionary Prototyping: Throwaway (Lo-Fi): wird nach Test weggeworfen; kein Code; rein für Erkenntnisgewinnung; Evolutionary: Prototyp wird zur Produktionsversion weiterentwickelt (Risiko: schlechte Architektur-Entscheidungen bleiben im Code)
Lo-Fi in Design Sprints, Lean UX und Remote-Kontexten
- Lo-Fi-Prototyping in Design Sprints und Lean UX: Google Ventures Design Sprint (Jake Knapp; «Sprint», Simon & Schuster, 2016; Knapp war vorher Design Partner bei Google Ventures): 5-Tage-Prozess; Montag: Map; Dienstag: Sketch (Lo-Fi-Skizzen); Mittwoch: Decide; Donnerstag: Prototype (ein Nachmittag Lo-Fi-bis-Mid-Fi genug für Freitag-Test); Freitag: Test mit 5 Nutzern; Sprint-Prototyping-Ziel: «just realistic enough» – nicht so detailliert dass es zu lange dauert; nicht so grob dass Nutzer nichts damit anfangen können; Lean UX (Jeff Gothelf; Josh Seiden; «Lean UX», O'Reilly, 2013): Continuous-Discovery-Prinzip; regelmäßige Lo-Fi-Tests als Standard-Praxis statt große Forschungsprojekte; Validated Learning als Ziel: Hypothesen mit kleinstem möglichen Aufwand validieren; Lo-Fi-Prototypen als MVP-Äquivalent für Designideen; Teresa Torres («Continuous Discovery Habits», Product Talk Academy, 2021): wöchentliche oder zweiwöchentliche Nutzer-Interaktionen; Lo-Fi als Standard-Artefakt; Remote Lo-Fi-Prototyping: Miro, FigJam, Mural für kollaborative Remote-Skizzen; Foto-Upload von Papierprototypen in InVision oder Figma für Remote-Test; Maze.co für unmoderierte Remote-Tests mit klickbaren Wireframes