Alle Methoden

Looks Like / Works Like Prototyp

Typische Dauer:
30m

Ein Dual-Prototyp-Ansatz, bei dem ein Prototyp zeigt, wie die Lösung aussieht (Form, Ästhetik), und ein separater demonstriert, wie sie funktioniert (Funktion, Mechanik), um fokussiertes Feedback auf jede Dimension zu ermöglichen.

Zweck

Der Looks Like / Works Like Ansatz teilt ein Konzept in zwei separate Prototypen: einen, der visuelles Design und Form demonstriert, und einen anderen, der Funktionalität und Logik demonstriert. Diese Trennung verhindert die Vermischung von ästhetischem und funktionalem Feedback und ermöglicht klarere, umsetzbarere Erkenntnisse zu jeder Dimension.

Auf einen Blick

  • Gruppengröße: 2–8
  • Dauer: 30 Minuten
  • Schwierigkeit: Mittel
  • Moderationsstil: Paralleles Prototyp-Bauen
  • Setting: Workshop-Tisch mit sowohl visuellen als auch funktionalen Prototyping-Materialien

Ablauf

  1. Zwei Dimensionen identifizieren (5 Min): Klären, was "sieht aus wie" für dieses Konzept bedeutet (visueller Stil, Formfaktor, Branding) und was "funktioniert wie" bedeutet (Interaktionen, Logik, Datenfluss).
  2. Aufteilen und bauen (15 Min): Ein Sub-Team baut den Looks-Like-Prototyp (visuelles Mockup, gerenderte Abbildung, physisches Modell). Ein anderes baut den Works-Like-Prototyp (klickbares Wireframe, mechanische Demo, Rollenspiel-Skript).
  3. Separat testen (je 5 Min, 10 Min gesamt): Zuerst den Looks-Like-Prototyp zeigen: "Fühlt sich das richtig an? Passt es in den Kontext?" Dann den Works-Like-Prototyp: "Ergibt das Sinn? Ist etwas verwirrend?"
  4. Synthetisieren (5 Min): Feedback vergleichen. Gibt es Konflikte zwischen dem, wie Nutzende es aussehen lassen wollen und wie sie es funktionieren lassen wollen?

Material

  • Visuelles Prototyping: Papier, Marker, Schaum, 3D-Druck oder Figma
  • Funktionales Prototyping: Klickbare Wireframes, mechanische Mockups oder Code
  • Separate Feedbackbögen für jede Dimension

Stolperfallen & häufige Fehler

  • Beides zusammen testen: Der ganze Sinn ist die Trennung. Ein schöner Prototyp, der auch funktioniert, bekommt vermischtes Feedback.
  • Eine Dimension vernachlässigen: Teams neigen dazu, in die zu investieren, mit der sie sich wohler fühlen.
  • "Looks Like" = finales Design: Dies ist ein Test, keine Lieferung. Fidelität angemessen halten.
  • Die beiden nie zusammenführen: Letztendlich müssen die Dimensionen verschmelzen. Integration planen.

Inklusion & Barrierefreiheit

  • Den Looks-Like-Prototyp verbal beschreiben für sehbeeinträchtigte Teilnehmende.
  • Sicherstellen, dass der Works-Like-Prototyp von Teilnehmenden mit verschiedenen Fähigkeiten bedienbar ist.
  • Feedback in mehreren Formaten akzeptieren.

Varianten

  • Looks Like / Works Like / Feels Like: Einen dritten Prototyp hinzufügen, der die emotionale Erfahrung testet.
  • Vergleichendes Looks Like: Looks-Like-Prototypen in zwei verschiedenen visuellen Stilen erstellen und vergleichen.
  • Looks Like / Works Like Sprint: Beide in einer einzelnen 2-Stunden-Sprint-Session bauen.

Wann NICHT einsetzen

  • Wenn das Konzept zu einfach ist, um es in zwei sinnvolle Dimensionen zu trennen.
  • Wenn die Zeit nur einen Prototyp erlaubt — einen kombinierten auf angemessenem Fidelitätsniveau bauen.
  • Wenn die beiden Dimensionen so eng gekoppelt sind, dass ihre Trennung irreführend wäre.

Quelle & Weiterlesen

  • Houde & Hill — "What do Prototypes Prototype?" (Handbook of HCI, 1997)
  • d.school, Stanford — Prototyping-Frameworks
  • Buxton, Bill — *Sketching User Experiences* (Morgan Kaufmann, 2007)

Aus den Bausteinen eine Agenda machen

Leg den Tag an, zieh die Blöcke in die Reihenfolge, die dir vorschwebt, und lass die Zeiten sich selbst ausrechnen. Oder beschreib deiner KI, was du vorhast, und lass sie den ersten Entwurf schreiben.

14 Tage kostenlos testen
Looks Like / Works Like Prototyp · GoodWorkshop