Wie man die KI-beschleunigte Prototypen-Vorlage verwendet
Wähle das Prototype aus und beschreibe deine Vision. Beginne damit, das Prototype im Design-KI-Kollege auszuwählen. Dann schreibe ein einfaches Prompt für den Bildschirm, den du erstellen möchtest. Du kannst ein schnelles Prompt wählen oder dein eigenes schreiben, von „ein Login-Bildschirm für eine moderne Reise-App“ bis hin zu „eine Nutzerprofilseite mit Foto und aktuellen Aktivitäten“.
Profi-Tipp: Je mehr Details du deinem Prompt hinzufügst, desto besser werden deine Ergebnisse.
Erstelle das Mock-up. Mit deinem Prompt wird Miro KI sofort ein visuelles Design für deinen App-Bildschirm erstellen.
Verfeinern und iterieren. Chatte mit der KI, um dein Design zu verfeinern. Bitte sie, Farben zu ändern, Elemente hinzuzufügen oder das Layout anzupassen, bis es deiner Vision entspricht.
User Flow anwenden und erstellen. Wende das fertige Design auf dem Canvas an. Wiederhole den Prozess, um alle Bildschirme für deine App zu erstellen. Du kannst sie dann verbinden, um einen vollständigen, interaktiven Prototyp zu erstellen, der die gesamte User Journey demonstriert, bereit, von dir bearbeitet, freigegeben und weiterentwickelt zu werden.
Miro
Der visuelle Workspace für Innovationen
80 Millionen Menschen nutzen Miro als einen Ort, an dem sie mühelos und unabhängig von ihrem Standort zusammenarbeiten – und ihre Vision der Zukunft entwickeln können.
Kategorien
Ähnliche Vorlagen
Vorlage für App-Wireframe
Vorlage für App-Wireframe
Bereit, eine App zu entwickeln? Stell dir nicht nur vor, wie sie funktionieren wird und wie Nutzer mit ihr interagieren werden – lass dir das von einem Wireframe zeigen. Wireframing ist eine Technik, um ein grundlegendes Layout jeder Bildschirmseite zu erstellen. Wenn du idealerweise früh im Prozess mit Wireframes arbeitest, erhältst du ein Verständnis darüber, was jeder Bildschirm erreichen soll, und gewinnst die Unterstützung wichtiger Stakeholder – all das, noch bevor das Design und der Inhalt hinzugefügt werden, was dir Zeit und Geld spart. Und indem du die Dinge im Hinblick auf die Reise des Nutzers betrachtest, lieferst du ein überzeugenderes und erfolgreicheres Erlebnis.
Vorlage für Low-Fidelity-Prototypen
Vorlage für Low-Fidelity-Prototypen
Low-Fidelity-Prototypen dienen als praktische erste Vision für dein Produkt oder deine Dienstleistung. Diese einfachen Prototypen teilen nur einige wenige Funktionen mit dem Endprodukt. Sie eignen sich am besten zum Testen breiter Konzepte und zur Validierung von Ideen. Low-Fidelity-Prototypen helfen Produkt- und UX-Teams dabei, die Funktionalität von Produkten oder Dienstleistungen zu untersuchen, indem sie sich auf schnelle Iterationen und Nutzertests konzentrieren, um zukünftige Designs zu informieren. Der Fokus auf das Skizzieren und Abbilden von Inhalten, Menüs und Benutzerströmen ermöglicht es sowohl Designern als auch Nicht-Designern, am Design- und Ideenfindungsprozess teilzunehmen. Statt verknüpfter interaktiver Bildschirme konzentrieren sich Low-Fidelity-Prototypen auf Erkenntnisse über Benutzerbedürfnisse, die Vision der Designer und die Ausrichtung der Ziele von Stakeholdern.
Remote Design Sprint
Remote Design Sprint
Ein Design Sprint ist ein intensiver Prozess, der das Entwerfen, Iterieren und Testen eines Prototyps über einen Zeitraum von 4 bis 5 Tagen umfasst. Design Sprints werden durchgeführt, um festgefahrene Arbeitsprozesse zu überwinden, eine frische Perspektive zu finden, Probleme auf einzigartige Weise zu identifizieren und schnell Lösungen zu entwickeln. Von Google entwickelt, wurden Design Sprints geschaffen, um Teams zu ermöglichen, sich auf ein spezifisches Problem zu einigen, mehrere Lösungen zu generieren, Prototypen zu erstellen und zu testen sowie innerhalb kurzer Zeit Feedback von Nutzern zu erhalten. Diese Vorlage wurde ursprünglich von JustMad, einer geschäftsorientierten Designberatung, erstellt und von verteilten Teams weltweit genutzt.
iPhone-App-Vorlage
iPhone-App-Vorlage
Unglaubliche Prozentzahlen von Smartphone-Nutzern weltweit haben sich für iPhones entschieden (einschließlich einiger deiner bestehenden und potenziellen Kunden), und diese Nutzer lieben einfach ihre Apps. Doch das Entwerfen und Erstellen einer iPhone-App von Grund auf kann eine ernsthaft einschüchternde, arbeitsintensive Aufgabe sein. Nicht hier – diese Vorlage macht es einfach. Du kannst Designs anpassen, interaktive Protokolle erstellen, mit deinen Mitwirkenden teilen, im Team iterieren und letztendlich eine iPhone-App entwickeln, die deine Kunden lieben werden.
Online-Skizzenvorlage
Online-Skizzenvorlage
Bevor du mit einer vielversprechenden Idee voll durchstartest, betrachte sie zunächst aus einer Vogelperspektive – um zu wissen, wie sie funktioniert und wie gut sie deine Ziele erfüllt. Genau das leisten Skizzen. Diese Vorlage bietet dir ein leistungsstarkes Tool für die Zusammenarbeit aus der Ferne in den ersten Phasen der Prototypenerstellung, egal ob du Webseiten und mobile Apps skizzierst, Logos entwirfst oder Veranstaltungen planst. Dann kannst du deine Skizze ganz einfach mit deinem Team teilen und jede Phase deiner Skizze speichern, bevor du sie änderst und weiter ausbaust.
Vorlage für App-Wireframe
Vorlage für App-Wireframe
Bereit, eine App zu entwickeln? Stell dir nicht nur vor, wie sie funktionieren wird und wie Nutzer mit ihr interagieren werden – lass dir das von einem Wireframe zeigen. Wireframing ist eine Technik, um ein grundlegendes Layout jeder Bildschirmseite zu erstellen. Wenn du idealerweise früh im Prozess mit Wireframes arbeitest, erhältst du ein Verständnis darüber, was jeder Bildschirm erreichen soll, und gewinnst die Unterstützung wichtiger Stakeholder – all das, noch bevor das Design und der Inhalt hinzugefügt werden, was dir Zeit und Geld spart. Und indem du die Dinge im Hinblick auf die Reise des Nutzers betrachtest, lieferst du ein überzeugenderes und erfolgreicheres Erlebnis.
Vorlage für Low-Fidelity-Prototypen
Vorlage für Low-Fidelity-Prototypen
Low-Fidelity-Prototypen dienen als praktische erste Vision für dein Produkt oder deine Dienstleistung. Diese einfachen Prototypen teilen nur einige wenige Funktionen mit dem Endprodukt. Sie eignen sich am besten zum Testen breiter Konzepte und zur Validierung von Ideen. Low-Fidelity-Prototypen helfen Produkt- und UX-Teams dabei, die Funktionalität von Produkten oder Dienstleistungen zu untersuchen, indem sie sich auf schnelle Iterationen und Nutzertests konzentrieren, um zukünftige Designs zu informieren. Der Fokus auf das Skizzieren und Abbilden von Inhalten, Menüs und Benutzerströmen ermöglicht es sowohl Designern als auch Nicht-Designern, am Design- und Ideenfindungsprozess teilzunehmen. Statt verknüpfter interaktiver Bildschirme konzentrieren sich Low-Fidelity-Prototypen auf Erkenntnisse über Benutzerbedürfnisse, die Vision der Designer und die Ausrichtung der Ziele von Stakeholdern.
Remote Design Sprint
Remote Design Sprint
Ein Design Sprint ist ein intensiver Prozess, der das Entwerfen, Iterieren und Testen eines Prototyps über einen Zeitraum von 4 bis 5 Tagen umfasst. Design Sprints werden durchgeführt, um festgefahrene Arbeitsprozesse zu überwinden, eine frische Perspektive zu finden, Probleme auf einzigartige Weise zu identifizieren und schnell Lösungen zu entwickeln. Von Google entwickelt, wurden Design Sprints geschaffen, um Teams zu ermöglichen, sich auf ein spezifisches Problem zu einigen, mehrere Lösungen zu generieren, Prototypen zu erstellen und zu testen sowie innerhalb kurzer Zeit Feedback von Nutzern zu erhalten. Diese Vorlage wurde ursprünglich von JustMad, einer geschäftsorientierten Designberatung, erstellt und von verteilten Teams weltweit genutzt.
iPhone-App-Vorlage
iPhone-App-Vorlage
Unglaubliche Prozentzahlen von Smartphone-Nutzern weltweit haben sich für iPhones entschieden (einschließlich einiger deiner bestehenden und potenziellen Kunden), und diese Nutzer lieben einfach ihre Apps. Doch das Entwerfen und Erstellen einer iPhone-App von Grund auf kann eine ernsthaft einschüchternde, arbeitsintensive Aufgabe sein. Nicht hier – diese Vorlage macht es einfach. Du kannst Designs anpassen, interaktive Protokolle erstellen, mit deinen Mitwirkenden teilen, im Team iterieren und letztendlich eine iPhone-App entwickeln, die deine Kunden lieben werden.
Online-Skizzenvorlage
Online-Skizzenvorlage
Bevor du mit einer vielversprechenden Idee voll durchstartest, betrachte sie zunächst aus einer Vogelperspektive – um zu wissen, wie sie funktioniert und wie gut sie deine Ziele erfüllt. Genau das leisten Skizzen. Diese Vorlage bietet dir ein leistungsstarkes Tool für die Zusammenarbeit aus der Ferne in den ersten Phasen der Prototypenerstellung, egal ob du Webseiten und mobile Apps skizzierst, Logos entwirfst oder Veranstaltungen planst. Dann kannst du deine Skizze ganz einfach mit deinem Team teilen und jede Phase deiner Skizze speichern, bevor du sie änderst und weiter ausbaust.