Deshalb lohnen sich frühe Prototypen in der Webentwicklung

Wer beim Begriff «Ideenfindung» reflexartig an die klassische Brainstorming-Methode mit vielen Post-its an einer grossen weissen Wand denkt, kann unter Umständen noch etwas dazulernen. Bei den Ergonomen machten wir die Erfahrung, dass sich mit Prototyping viel mehr aus dem Ideenfindungsprozess herausholen lässt als mit Brainstorming.

Prototyping vs. Brainstorming

Die Vorteile von Prototyping liegen auf der Hand: Am Ende des Prototyping-Prozesses stehen eine oder mehrere Varianten etwa einer Website oder eines User Interfaces beispielsweise als Papierskizze. Ein Prototyp kann aber auch funktioneller und interaktiver sein, wenn man ihn etwa in einem entsprechenden Computer-Programm zur Visualisierung «zum Leben erweckt».

Am Ende eines Brainstorming-Prozesses hingegen steht eine Wand mit Wörtern, die auf Post-it-Zettel gekritzelt wurden. Anstelle einer vagen Vorstellung liefert ein Prototyp im Vergleich dazu etwas Greifbares, also die bereits manifestierte, in Form gebrachte Idee hinter einem zu entwickelnden Produkt. Damit vereinfacht er die Kommunikation zwischen Projektleitung und Design- beziehungsweise Ingenieurteams und macht eine Idee konkret und erlebbar.

Liegt ein Prototyp vor, sprechen alle im Projektteam über dasselbe. Auch für die Inspiration im Projektteam sind Prototypen nützlich – zu ihrer Weiter- oder Neuentwicklung. Ein Prototyp erfordert, aber ermöglicht auch die intensive Auseinandersetzung mit der zugrundeliegenden Idee. Denn er ist ein fassbarer und erlebbarer Zugang dazu. Die Idee wird (besser) verstanden und Gutes beziehungsweise Schlechtes daran wird schnell offensichtlich. Das Erleben einer Idee mithilfe des Prototyps inspiriert zudem zu ihrer Weiter- oder Neuentwicklung.

Ausserdem sind Prototypen nützlich für die Realisierung. Denn schon beim Erstellen haben wir im Hinterkopf, dass dieser Prototyp erlebbar und bewertbar sein muss. Das ist der erste Realitätscheck. Den zweiten durchläuft eine Idee, wenn der Prototyp durch andere auf Herz und Nieren getestet wird. Durch das direkte Ausprobieren kann die Gruppe also leicht entscheiden, ob mehr Zeit in diese oder besser in eine andere Idee investiert werden sollte.

Best Practices beim Vorgehen

Beim Prototyping ist es wichtig, schnell vorzugehen und sich Zeitlimits zu setzen. Dies entspricht Konzepten der agilen Entwicklung. Statt lange an Details und Sonderfällen herumzubasteln, lieber mit einer frühen, unvollständigen Version starten und diese von anderen Personen unter die Lupe nehmen lassen. Ausserdem ist es besser, keine sehr lange Runde zu drehen, sondern mehrere, kurze Iterationen durchzuführen: Prototyping, Ausprobieren (Selbsttest), Prototyping, Ausprobieren (Team-Feedback), Prototyping, Ausprobieren (Benutzer-Usability-Test), Prototyping usw.

Schon während des Brainstormens mit Prototypen hilft es, sich realistische Szenarien und Testaufgaben zu überlegen und zu dokumentieren. So werden Ideen und dann später Produkte nicht an der realen Welt vorbei entwickelt, sondern alle können sie schon während des Prototypings selbst überprüfen. Szenarien und Testaufgaben können auch weiterverwendet werden: Bei der Präsentation des ersten Prototyps, bei der Vorbereitung des Prototyps für einen Test und während eines Tests.

Wer nun Lust auf Prototyping bekommen hat, aber «nicht zeichnen kann», darf beruhigt sein. Alle können zeichnen, damit es für Prototyping reicht. Und falls doch nicht, helfen verschiedene Visualisierungsprogramme, die teils frei im Web verfügbar sind (siehe Kasten).

Weitere Blogbeiträge der Ergonomen, um das Thema Prototyping zu vertiefen:
https://www.ergonomen.ch/de/blog/69/dimensionen-des-prototyping
https://www.ergonomen.ch/de/blog/81/jedem-prototyp-seine-bestimmung

Apps, die das Prototyping erleichtern (Auswahl):

• Adobe XD

• Axure RP

• Balsamiq

• Figma

• InVision.app

• Microsoft Powerpoint

• Proto.io

• Sketch (Mac)