Prototyp.

Ein Prototyp macht eine geplante Website oder Anwendung erlebbar, bevor sie gebaut ist. Die Nielsen Norman Group beschreibt einen Prototyp der Benutzeroberfläche als Hypothese, also als Lösungsvorschlag für ein bestimmtes Designproblem. Am einfachsten prüft man ihn, indem man Nutzern bei der Bedienung zusieht. Für ein Unternehmen ist das der günstigste Moment, um herauszufinden, ob eine Bestellstrecke, ein Konfigurator oder ein KI-Assistent verstanden wird. Abgrenzung: Ein Wireframe zeigt den Aufbau, ein Mockup das Aussehen, ein Prototyp lässt sich bedienen.

So funktioniert ein Prototyp

Prototypen reichen von der Papierskizze bis zur klickbaren Fassung, die wie fertige Software wirkt. Laut Nielsen Norman Group unterscheiden sie sich darin, ob sie eine oder viele Seiten umfassen, ob sie realistisch oder skizzenhaft aussehen und ob sie interaktiv sind. Hochwertige Prototypen wirken auf Testpersonen wie echte Software, deshalb verhalten diese sich realistischer. Einfache Prototypen sind schneller gebaut, und Testpersonen äußern dort eher Kritik.

In Designwerkzeugen wie Figma verbindet ihr dazu einzelne Ansichten zu Abläufen. Laut Figma kann ein Prototyp die gesamte Nutzerreise abbilden oder einzelne Strecken wie Kontoanlage, Warenkorb und Bestellung, und lässt sich per Link teilen. Zunehmend entstehen Prototypen auch direkt als Code mit KI, siehe Vibe Coding.

What You Should Keep in Mind at Work

Legt vorher fest, welche Frage der Prototyp beantworten soll. Laut Nielsen Norman Group hängt die Wahl des Prototyps von den Testzielen, vom Reifegrad des Designs und von den verfügbaren Mitteln ab. Wer nur wissen will, ob die Navigation verstanden wird, braucht keine ausgearbeiteten Animationen.

Testet mit echten Nutzern statt nur mit dem Projektteam. Laut Jakob Nielsen bringen Tests mit höchstens fünf Personen und dafür möglichst viele kleine Testrunden die besten Ergebnisse. Wer selbst am Projekt sitzt, übersieht die Stellen, an denen Fremde hängen bleiben.

Übernehmt Prototyp-Code nicht ungeprüft in den Livebetrieb. Das Service Manual der britischen Regierung hält fest, dass Code in einem Prototyp nicht denselben Anforderungen genügen muss wie Code im Betrieb, etwa bei Sicherheit und Last, und rät davon ab, ihn einfach zu übernehmen. Bei KI-Projekten sehen wir oft, dass ein überzeugender Prototyp in der Entscheiderrunde als fast fertig gilt, obwohl Datenschutz, Rechte und Betrieb noch fehlen.

Häufige Fragen zum Prototyp

Was ist der Unterschied zwischen Prototyp und MVP? Ein Prototyp dient dem Testen und wird danach oft verworfen. Ein MVP, ein Minimum Viable Product, ist bereits ein nutzbares Produkt im echten Betrieb, nur mit dem kleinsten sinnvollen Funktionsumfang.

Braucht eine Unternehmenswebsite einen Prototyp? Für klassische Inhaltsseiten reichen meist Wireframe und Design. Bei Strecken mit Eingaben, etwa Bewerbung, Konfigurator oder Kundenportal, lohnt sich ein klickbarer Prototyp fast immer.

Kann man einen Prototyp mit KI bauen? Ja, und oft in Stunden statt Tagen. Wo das reicht und wo nicht, zeigt unser Beitrag Website mit KI erstellen.

Wie wir Prototypen in Projekte einbauen, um Ideen vor der Entwicklung zu prüfen, seht ihr bei unserem Webdesign.