Prototypisierung

Inhalt

• Was ist Prototyping
• Ziele des Prototypings
• Arten von Prototypen
• Phasen des Prototypings
• Werkzeuge zur Prototypenerstellung

Was ist Prototyping

Prototyping ist einer der Schlüsselphasen der Entwicklung, während der ein vorläufiges Design für Websites, Landing-Pages, Anwendungen oder andere Projekte erstellt wird. Dieser Prozess umfasst die Bildung der Struktur und schematischen Darstellung der Hauptelemente der Benutzeroberfläche. Das Hauptziel des Prototypings ist die Erstellung eines Modells, das die Interaktion des Benutzers mit der Benutzeroberfläche simuliert. In einigen Fällen können Prototypen interaktiv sein, das heißt, klickbar, was sie für Tests benutzerfreundlicher macht.

Ein Prototyp kann auf verschiedene Weise erstellt werden: auf Papier gezeichnet, in Google Docs zusammengestellt oder grafische Editoren verwendet. Der Hauptunterschied zwischen diesen Methoden liegt im Detaillierungsgrad und der Klickbarkeit der Elemente. Zum Beispiel kann der einfachste Prototyp leicht auf Papier erstellt werden, wo die Struktur der zukünftigen Website ohne genauen Text oder Illustrationen dargestellt wird.

Ziele des Prototypings

Das Hauptziel des Prototypings ist die Einsparung von Zeit und Ressourcen. Die Erstellung des perfekten Produkts beim ersten Versuch erweist sich oft als schwierige Aufgabe, und Prototypen helfen, unnötige Ausgaben zu vermeiden. Ihr Wert liegt darin, dass sie ein allgemeines Bild des Produkts, seiner Struktur und Konzeption vermitteln und auch schnell und anschaulich die Idee demonstrieren. Wenn der erstellte Prototyp nützlich aussieht, selbst ohne das endgültige Design und Animation, zeugt dies von seiner Lebensfähigkeit.

Zur Überprüfung der Lebensfähigkeit von Prototypen wird empfohlen, klickbare Versionen zu verwenden, die schnell mit Hilfe von Werkzeugen wie Figma erstellt werden können. Es ist wichtig zu beachten, dass der Prototyp es ermöglicht, vorgeschlagene Lösungen ohne signifikante Investitionen zu testen, Anpassungen vorzunehmen und erst dann mit dem Design und der Programmierung fortzufahren. Prototyping hilft, mehrere Schlüsselaufgaben zu lösen:

• Suche nach den besten Ideen: Die schnelle Erstellung von Prototypen ermöglicht es, mehrere Varianten zum Testen vorzubereiten, was besonders für Startups relevant ist.
• Fehlererkennung: In der Phase der Erstellung des Modells können wichtige Mängel entdeckt werden, was Zeit und Ressourcen für zukünftige Korrekturen spart.
• Bewertung der Benutzerfreundlichkeit: Das Testen von Benutzerszenarien an Prototypen ermöglicht eine frühzeitige Analyse der Benutzerfreundlichkeit der Lösung.

Arten von Prototypen

Prototypen können nach Detaillierungsgrad und Interaktionsmöglichkeiten klassifiziert werden. Nach dem Grad der Ausarbeitung werden Prototypen in hochdetaillierte und niederdetaillierte unterteilt, was von der Anzahl der Elemente abhängt, die für das Endprodukt erforderlich sind. In Bezug auf die Interaktion mit dem Modell gibt es statische und interaktive Prototypen. Statische Prototypen können auf Papier oder in einem Texteditor erstellt werden, während interaktive am besten mit grafischen Editoren wie Figma entwickelt werden.

Phasen des Prototypings

Der Prozess des Prototypings umfasst mehrere Schlüsselphasen:

1. Zielsetzung: In dieser Phase definieren alle Projektteilnehmer (Kunde, Designer, Marketingexperte usw.) klare und spezifische Ziele. Je klarer die Ziele formuliert sind, desto einfacher wird es, Hypothesen zu überprüfen.
2. Durchführung von Recherchen: Um einen qualitativ hochwertigen Prototyp zu erstellen, ist es wichtig, das Geschäft des Kunden, die Eigenschaften seines Produkts und die Zielgruppe zu studieren.
3. Formulierung von Hypothesen: Es sollte klar sein, was genau Sie mit Hilfe von Prototypen überprüfen möchten.
4. Erstellung des Prototyps: Basierend auf den Recherchen und Hypothesen wird das Modell der zukünftigen Website oder Anwendung entwickelt, einschließlich aller geplanten interaktiven Elemente.
5. Testen in einer Fokusgruppe: Diese Phase ermöglicht es, Mängel in der Logik der Benutzeroberfläche zu identifizieren und Anpassungen vorzunehmen, bevor das Projekt an die Entwickler übergeben wird.
6. Überarbeitung: Umfasst das Hinzufügen neuer Details und die Durchführung von Änderungen basierend auf den Testergebnissen.

Werkzeuge zur Prototypenerstellung

Derzeit gibt es viele Werkzeuge zur Gestaltung von Websites und Anwendungen, die keine erheblichen finanziellen Investitionen erfordern. Zum Beispiel bieten Axure und Sketch kostenlose Testversionen an, während Figma einen Einstiegsplan mit ausreichendem Funktionsumfang hat.

• Figma: Ein Grafikeditor, der sich für die Teamarbeit eignet und es ermöglicht, interaktive Prototypen zu erstellen.
• Axure: Ein Programm, das die Entwicklung komplexer Elemente ermöglicht und die Funktionalität einer fertigen Anwendung simuliert.
• Sketch: Ein Tool zur schnellen Entwicklung von Anwendungsdesigns, das sich ideal für macOS-Nutzer eignet.

Somit stellt das Prototyping einen wichtigen Schritt in der Entwicklung dar, der es ermöglicht, die Funktionalität des fertigen Projekts zu simulieren und Risiken durch das Testen von Hypothesen zu minimieren, bevor das Projekt in die Phase des Designs und der Entwicklung übergeht.