UX-Vorlagen

Mit der UX-Vorlagensammlung von Miro kannst du Designaufgaben bearbeiten und visuelle Entwürfe für Konzepte und Ideen erstellen. Erstelle einen visuellen Hub, in dem du alle UX-Ressourcen, wie z. B. UX Research-Vorlagen, an einem zentralen Ort zusammenführst. Hier kannst du dich mit anderen beraten, gemeinsam Dokumente bearbeiten und Feedback hinterlassen.

Vorlage zur Präsentation von UX Research
Miro
1 positive Bewertungen
75 Verwendungen
UX-Forschungsplan-Vorlage
Miro
3 positive Bewertungen
90 Verwendungen
Ein Forschungsplan vermittelt die grundlegenden Informationen, die Stakeholder über ein Nutzererfahrungs-Forschungsprojekt verstehen müssen: wer, was, warum und wann. Der Plan stellt sicher, dass alle auf dem gleichen Stand sind und wissen, was sie tun müssen, um das UX-Forschungsprojekt zum Erfolg zu führen. Verwende den Forschungsplan, um Hintergrundinformationen zu deinem Projekt, Ziele, Forschungsmethoden, den Projektumfang und die Profile der Teilnehmer zu vermitteln. Durch die Nutzung eines UX-Forschungsplans kannst du die Unterstützung der Stakeholder gewinnen, auf Kurs bleiben und die Grundlage für den Erfolg schaffen.
Lean UX Canvas Vorlage
Miro
1 positive Bewertungen
97 Verwendungen
Was baust du, warum baust du es und für wen baust du es? Das sind die großen Fragen, die großartige Unternehmen und Teams auf dem Weg zum Erfolg leiten – und Lean UX hilft dir, die Antworten zu finden. Besonders hilfreich bei der Projektrecherche, im Design und in der Planung ermöglicht dieses Tool schnelle Produktverbesserungen und die Lösung von Geschäftsproblemen, was zu einem kundenorientierteren Produkt führt. Diese Vorlage ermöglicht es dir, einen Lean UX-Canvas zu erstellen, der rund um acht Schlüsselelemente strukturiert ist: Geschäftsproblem, Geschäftsergebnis, Nutzer und Kunden, Nutzervorteile, Lösungsideen, Hypothese, Annahmen, Experimentieren.
Remote Design Sprint von AJ&Smart
AJ&Smart
848 positive Bewertungen
11.239 Verwendungen
Storyboard-Werkzeugkasten
Ben Crothers
893 positive Bewertungen
4763 Verwendungen
Vereinfachen Sie Ihren Erzählprozess mit dem Storyboarding Toolkit. Diese umfassende Vorlage bietet Ihnen alle Werkzeuge, die Sie zum Erstellen detaillierter Storyboards benötigen, einschließlich Szenenplanung, Charakterentwicklung und Zeitachsenverwaltung. Es ist perfekt für Filmemacher, Designer und Marketingteams, die zusammenhängende und fesselnde Erzählungen erstellen möchten. Nutzen Sie dieses Toolkit, um Ihre Ideen zu organisieren, Konsistenz zu gewährleisten und Ihre Geschichten mit Klarheit und Präzision zum Leben zu erwecken.
Das Kundenfragen-Board
Julia Cowing
451 positive Bewertungen
3838 Verwendungen
Journey Map zur Darstellung der Kundenerfahrung
Essense
816 positive Bewertungen
3512 Verwendungen
Personas-Workshop
Modus Create
515 positive Bewertungen
3431 Verwendungen
Zendesk Triple Diamond
Zendesk
303 positive Bewertungen
2865 Verwendungen
Verhaltenspersona
SHERPA
423 positive Bewertungen
2708 Verwendungen
Nutzererfahrungs-Map FlyUX
Nancy Boshuijs
234 positive Bewertungen
2125 Verwendungen
Nutzer-Empathy Map
H&R Block
273 positive Bewertungen
1356 Verwendungen
Offizieller Remote 5-tägiger Design Sprint
Steph Cruchon
198 positive Bewertungen
1348 Verwendungen
Das Ziel eines Design Sprints ist es, in nur fünf Tagen einen Prototyp zu entwickeln und zu testen. Du nimmst ein kleines Team, räumst die Agenda für eine Woche frei und gehst mithilfe einer bewährten Schritt-für-Schritt-Checkliste schnell vom Problem zur getesteten Lösung vor. Steph Cruchon von Design Sprint hat diese Vorlage in Zusammenarbeit mit den Design Sprint-Gurus bei Google für Miro erstellt. Diese Design Sprint-Vorlage ist speziell für Remote-Sprints konzipiert, damit du produktive und effiziente Sprints mit Kollegen auf der ganzen Welt durchführen kannst.
Vorlage für einen Lo-Fi-Wireframe
Miro
12 positive Bewertungen
1238 Verwendungen
Wenn du eine Website entwirfst oder eine App entwickelst, sollten die frühen Phasen GROß sein – das große Ganze sehen und die große Idee kommunizieren. Niedrig aufgelöste Wireframes ermöglichen es dir, genau das zu sehen und zu tun. Diese groben Layouts (denk sie dir als digitale Version einer Skizze auf einem Papierfetzen) helfen deinen Teams und Projektbeteiligten schnell zu bestimmen, ob ein Designmeeting die Bedürfnisse deiner Nutzer erfüllt. Unsere Vorlage ermöglicht es dir, Wireframes mühelos bei Treffen, Workshops, Präsentationen und Feedback-Sitzungen einzusetzen.
User Story Map Vorlage
Miro
12 positive Bewertungen
947 Verwendungen
Die User Story Mapping-Technik, die 2005 von Jeff Patton populär gemacht wurde, stellt eine agile Methode zur Verwaltung von Produkt-Backlogs dar. Ob du alleine oder im Team arbeitest, du kannst das User Story Mapping nutzen, um Produkteinführungen zu planen. User Story Maps helfen Teams, sich auf den geschäftlichen Mehrwert zu konzentrieren und Funktionen zu veröffentlichen, die den Kunden wichtig sind. Das Framework hilft, ein gemeinsames Verständnis innerhalb des funktionsübergreifenden Teams dafür zu entwickeln, was getan werden muss, um die Bedürfnisse der Kunden zu erfüllen.
Vorlage für Empathy Maps
Miro
5 positive Bewertungen
728 Verwendungen
Neue Nutzer anzusprechen, sie dazu zu bringen, dein Produkt auszuprobieren, und sie in treue Kunden zu verwandeln – all das beginnt mit dem Verständnis für sie. Eine Empathy Map ist ein Werkzeug, das zu diesem Verständnis führt, indem es dir Raum gibt, alles auszuformulieren, was du über deine Nutzer weißt, einschließlich ihrer Bedürfnisse, Erwartungen und Entscheidungsfaktoren. So kannst du deine Annahmen infrage stellen und die Lücken in deinem Wissen identifizieren. Unsere Vorlage ermöglicht dir, auf einfache Weise eine Empathy Map zu erstellen, die in vier Schlüsselbereiche unterteilt ist – was deine Nutzer Sagen, Denken, Tun und Fühlen.
Vorlage für Customer Journey Map
Miro
13 positive Bewertungen
663 Verwendungen
Eine Customer Journey Map (CJM) ist eine visuelle Darstellung der Erfahrung deiner Kunden. Sie ermöglicht es dir, den Weg zu erfassen, den ein Kunde nimmt, wenn er ein Produkt kauft, sich für einen Service anmeldet oder anderweitig mit deiner Website interagiert. Die meisten Maps beinhalten eine spezifische Persona, skizzieren die Kundenerfahrung von Anfang bis Ende und erfassen die potenziellen emotionalen Höhen und Tiefen der Interaktion mit dem Produkt oder Service. Nutze diese Vorlage, um einfach Customer Journey Maps für Projekte aller Art zu erstellen.
UML-Sequenzdiagrammvorlage
Miro
4 positive Bewertungen
654 Verwendungen
Fast CJM
Underdoс
59 positive Bewertungen
623 Verwendungen
Sitemap Template
Alissa Barendse
22 positive Bewertungen
622 Verwendungen
Service Blueprint Mit KI
Matt Anderson
137 positive Bewertungen
587 Verwendungen
Integriere KI in dein Servicedesign mit der Vorlage "Service Blueprint With AI". Dieses Tool hilft dir, Serviceprozesse abzubilden und Möglichkeiten zur Verbesserung durch KI zu erkennen. Nutze es, um Interaktionen zu visualisieren, Workflows zu optimieren und das Kundenerlebnis mit KI-gesteuerten Lösungen zu verbessern. Perfekt für Teams, die ihre Dienstleistungen mit fortschrittlicher Technologie verbessern und optimieren möchten.
Vorlage für Low-Fidelity-Prototypen
Miro
8 positive Bewertungen
581 Verwendungen
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.
Vorlage für einen Website-Wireframe
Miro
8 positive Bewertungen
564 Verwendungen
Wireframing ist eine Methode zum Entwerfen einer Website auf struktureller Ebene. Ein Wireframe ist ein stilisiertes Layout einer Webseite, das die Interface-Elemente jeder Seite zeigt. Nutze diese Wireframe-Vorlage, um schnell und kostengünstig Webseiten zu iterieren. Du kannst den Wireframe mit Kunden oder Teamkollegen teilen und mit Stakeholdern zusammenarbeiten. Wireframes ermöglichen es Teams, das Buy-in von Stakeholdern zu erhalten, ohne zu viel Zeit oder Ressourcen zu investieren. Sie helfen sicherzustellen, dass die Struktur und der Ablauf deiner Website die Bedürfnisse und Erwartungen der Nutzer erfüllen.
Ökosystemkarte
Nicole Gemlitski
55 positive Bewertungen
560 Verwendungen
Vorlage für Nutzerpersonas
Miro
10 positive Bewertungen
535 Verwendungen
Eine User-Persona ist ein Werkzeug zur Darstellung und Zusammenfassung einer Zielgruppe für Ihr Produkt oder Ihre Dienstleistung, die Sie erforscht oder beobachtet haben. Egal, ob Sie im Content-Marketing, Produktmarketing, Design oder Vertrieb tätig sind, Sie arbeiten mit einer Zielgruppe im Hinterkopf. Vielleicht ist es Ihr Kunde oder Interessent. Vielleicht ist es jemand, der von Ihrem Produkt oder Ihrer Dienstleistung profitieren wird. In der Regel gibt es eine ganze Sammlung von Persönlichkeiten und Bedürfnissen, die sich auf interessante Weise überschneiden. Indem Sie Ihr Wissen über einen Nutzer destillieren, erstellen Sie ein Modell für die Person, die Sie ansprechen möchten: dies ist eine Persona.
Vorlage für App-Wireframe
Miro
11 positive Bewertungen
499 Verwendungen
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.
Kartensortier-Vorlage
Miro
7 positive Bewertungen
494 Verwendungen
Card Sorting ist eine Brainstorming-Technik, die typischerweise von Designteams genutzt wird, sich aber auf jedes Brainstorming oder Team anwenden lässt. Die Methode ist darauf ausgelegt, effizientere und kreativere Brainstormings zu ermöglichen. Bei einer Card-Sorting-Übung erstellt ihr zusammen mit eurem Team Gruppen aus Inhalten, Objekten oder Ideen. Ihr beginnt damit, ein Kartenset mit Informationen zum Thema des Brainstormings zu beschriften. In Gruppen- oder Einzelarbeit sortiert ihr dann die Karten auf eine Weise, die für euch sinnvoll erscheint, und beschriftet jede Gruppe mit einer kurzen Beschreibung. Card Sorting ermöglicht es euch, unerwartete, aber sinnvolle Verknüpfungen zwischen Ideen zu schaffen.
Vorlage für E-Commerce-Wireframe
Miro
7 positive Bewertungen
467 Verwendungen
Das Wireframe-Template für E-Commerce-Websites ist darauf ausgelegt, Sie durch den Prozess der Erstellung von Wireframes für Ihre E-Commerce-Website zu führen. Beginnen Sie mit einem einfachen schwarz-weißen Wireframe, das alle wesentlichen Elemente und Seiten für ein vollständiges UI-Design enthält — passen Sie es einfach an Ihre Bedürfnisse an. Diese Vorlage ist ideal für jedes E-Commerce-Unternehmen und kann leicht für ein Restaurant, ein Bekleidungsgeschäft, ein Lebensmittelgeschäft oder einen Technikhändler angepasst werden. Mit anpassbaren Komponenten und einem bearbeitbaren Farbschema können Sie das Wireframe schnell auf Ihr spezifisches Geschäft zuschneiden.
Affinitätsdiagramm-Vorlage
Miro
7 positive Bewertungen
461 Verwendungen
Du kannst ein Affinitätsdiagramm verwenden, um Informationen zu erstellen, zu organisieren und zu konsolidieren, die aus einem Brainstorming hervorgehen. Ob du ein Produkt entwickelst, ein komplexes Problem bearbeitest, einen Prozess etablierst oder ein Thema zergliederst, ein Affinitätsdiagramm ist ein nützliches und einfaches Framework, das jedem Teammitglied die Möglichkeit gibt, sich einzubringen und seine Gedanken zu teilen. Aber es ist nicht nur ideal für Brainstormings – es ist eine großartige Vorlage und ein Werkzeug, wenn du einen Konsens erreichen oder Daten, wie Umfrageergebnisse, analysieren musst.
Webseiten-Flussdiagramm-Vorlage
Miro
9 positive Bewertungen
459 Verwendungen
Ein Website-Flussdiagramm, auch bekannt als Sitemap, bildet die Struktur und Komplexität jeder aktuellen oder zukünftigen Website ab. Das Flussdiagramm kann deinem Team auch dabei helfen, Wissenslücken für zukünftige Inhalte zu identifizieren. Wenn du eine Website erstellst, möchtest du sicherstellen, dass jedes Inhaltsstück den Nutzern basierend auf den mit deinen Webinhalten verbundenen Schlüsselwörtern genaue Forschungsergebnisse liefert. Produkt-, UX- und Content-Teams können Flussdiagramme oder Sitemaps verwenden, um alles, was auf einer Website enthalten ist, zu verstehen und Content hinzuzufügen oder neu zu strukturieren, um die Nutzererfahrung der Website zu verbessern.
Super-Einfache Portfolio-Vorlage
Gaby Turner
54 positive Bewertungen
414 Verwendungen
Screenflow-Vorlage
Miro
10 positive Bewertungen
328 Verwendungen
Ein Screen Flow (oder Wireflow) vereint ein Multi-Screen-Layout, das Wireframes mit Flussdiagrammen kombiniert. Das Ergebnis ist ein End-to-End-Flow, der aufzeigt, was Nutzer auf jedem Bildschirm sehen und wie dies ihren Entscheidungsprozess in Ihrem Produkt oder Service beeinflusst. Indem Sie visuell darüber nachdenken, was Ihre Kunden betrachten, können Sie mit internen Teams, Stakeholdern und Kunden über die getroffenen Entscheidungen kommunizieren. Ein Screen Flow kann auch genutzt werden, um neue Möglichkeiten zu finden, die Benutzererfahrung von Anfang bis Ende reibungslos und ohne Frustration zu gestalten.
Jobs (JTBD) Journey Maps
Chaz Mee
55 positive Bewertungen
326 Verwendungen
Käuferpersona-Vorlage
Miro
2 positive Bewertungen
311 Verwendungen
Du hast einen idealen Kunden: Die Gruppe (oder wenige Gruppen) von Personen, die dein Produkt oder deine Dienstleistung kaufen und lieben werden. Aber um diesen idealen Kunden zu erreichen, muss sich dein gesamtes Team oder Unternehmen darauf einigen, wer das ist. Käuferpersonas bieten dir eine einfache, aber kreative Möglichkeit, dies zu erreichen. Diese halb-fiktionalen Darstellungen deiner aktuellen und potenziellen Kunden können dir helfen, dein Produktangebot zu gestalten, die „schlechten Äpfel“ auszusortieren und deine Marketingstrategien für ernsthaften Erfolg anzupassen.
Vorlage für Wireframe einer Landing Page
Miro
10 positive Bewertungen
282 Verwendungen
Die Website-Wireframe-Vorlage bietet dir alles, was du benötigst, um dein nächstes Webseiten- oder Webseitkonzept zu starten. Anstatt von Grund auf neu zu beginnen, bietet die Vorlage ein sofort nutzbares, anpassbares Layout für deine Designs. Ändere und ordne die enthaltenen Seiten und Komponenten neu an, um das perfekte Wireframe für dein Projekt zu erstellen.
Worldbuilding - Storyworld
Worldbuilding Marc Lutz
35 positive Bewertungen
280 Verwendungen
Flowbuilder
Tim Sulzberger
38 positive Bewertungen
258 Verwendungen
Vorlage für Customer Journey Map mit KI
Miro
12 positive Bewertungen
250 Verwendungen
Eine Customer Journey Map (CJM) ist eine visuelle Darstellung der Erfahrungen Ihrer Kunden. Sie ermöglicht es, den Weg zu erfassen, den ein Kunde beim Kauf eines Produkts, beim Anmelden für einen Service oder bei der Interaktion mit Ihrer Website folgt. Die meisten Maps beinhalten eine spezifische Persona, skizzieren deren Kundenerfahrungen von Anfang bis Ende und erfassen die potenziellen emotionalen Höhen und Tiefen bei der Interaktion mit dem Produkt oder Service. Verwenden Sie diese Vorlage, um auf einfache Weise Customer Journey Maps für Projekte aller Art zu erstellen.
Vorlage für Prototypen
Miro
5 positive Bewertungen
249 Verwendungen
Ein Prototyp ist ein Live-Mock-up deines Produkts, das die Struktur, den Nutzerfluss und die Navigationsdetails (wie Schaltflächen und Menüs) definiert, ohne sich auf endgültige Details wie das visuelle Design festzulegen. Prototyping ermöglicht es dir zu simulieren, wie ein Nutzer dein Produkt oder deine Dienstleistung erleben könnte, Nutzerkontexte und Aufgabenabläufe abzubilden, Szenarien zu erstellen, um Personas zu verstehen, und Feedback zu deinem Produkt zu sammeln. Die Verwendung eines Prototyps hilft dir, Kosten zu sparen, indem frühzeitig Hindernisse im Prozess identifiziert werden. Prototypen können unterschiedlich sein, enthalten aber in der Regel eine Reihe von Bildschirmen oder Artboards, die durch Pfeile oder Links verbunden sind.

Hast du deine gewünschte Vorlage noch nicht gefunden?

Dann bitte die Community darum.

Eine Vorlage anfordern

Mehr erfahren

Über die UX-Vorlagensammlung

Die UX-Vorlagensammlung von Miro ist darauf ausgelegt, deine User Experience (UX)-Forschungs- und Designprozesse zu optimieren und zu verbessern. Egal, ob du ein UX-Audit durchführst, deine Forschung planst oder Benutzeroberflächen gestaltest, unsere Vorlagen bieten einen strukturierten und effizienten Weg, um deine Ziele zu erreichen. Mit verschiedenen Vorlagen, einschließlich UX-Forschungsvorlagen, UX-Forschungsplanvorlagen, UX-Audit-Vorlagen und UX-Design-Vorlagen, findest du das perfekte Werkzeug, das deinen Anforderungen entspricht.

Warum du unsere UX-Vorlagen lieben wirst

Die Nutzung der UX-Vorlagen von Miro bietet zahlreiche Vorteile, die dein Workflow und die Ergebnisse erheblich verbessern können:

Effizienz: Spare Zeit durch die Nutzung von vorgefertigten Vorlagen, die eine solide Grundlage für deine Projekte bieten.
Konsistenz: Sorg für Einheitlichkeit in deinen Projekten mit standardisierten Vorlagen, was Vergleiche und Analysen erleichtert.
Zusammenarbeit: Erleichtere Teamarbeit, indem du einen gemeinsamen Bereich bereitstellst, in dem alle Teammitglieder beitragen und sich abstimmen können.
Flexibilität: Passe Vorlagen an deine speziellen Bedürfnisse an und nutze sie in verschiedenen Projekten und Kontexten.
Inspiration: Erhalte Einblicke und Ideen aus den in den Vorlagen enthaltenen UX-Beispielen, die dir helfen, deine Designs zu innovieren und zu verbessern.

So verwendest du die UX-Vorlagen in Miro

Die Nutzung der UX-Vorlagen in Miro ist unkompliziert und lässt sich in ein paar einfache Schritte unterteilen:

Wähle eine Vorlage: Stöbere durch die Sammlung von UX-Vorlagen und wähle diejenige aus, die am besten zu den Anforderungen deines Projekts passt, wie z. B. eine UX-Forschungsplanvorlage oder eine UX-Auditvorlage.
Passe die Vorlage an: Ändere die Vorlage, um deine spezifischen Anforderungen zu erfüllen. Du kannst Elemente hinzufügen, entfernen oder anpassen, um sie besser an deine Projektziele anzupassen.
Arbeite mit deinem Team zusammen: Teile die Vorlage mit deinen Teammitgliedern und lade sie ein, beizutragen. Nutze die Kollaborationsfunktionen von Miro, um gemeinsam in Echtzeit zu arbeiten.
Führe deine Forschung oder dein Design durch: Folge den strukturierten Schritten in der Vorlage, um deine UX-Forschungs- oder Designtätigkeiten durchzuführen. Dies gewährleistet einen gründlichen und organisierten Ansatz.
Analysiere und iteriere: Nutze die Erkenntnisse aus deinem Forschungs- oder Designprozess, um fundierte Entscheidungen zu treffen und deine Arbeit zu iterieren. Die Vorlagen bieten ein klares Framework zur Dokumentation und Analyse deiner Ergebnisse.

Die UX-Vorlagen von Miro befähigen Teams, erfolgreich zu sein, indem sie die notwendigen Werkzeuge für effektive Forschung und Design bereitstellen. Durch den Einsatz dieser Vorlagen kannst du deine Produktivität steigern, die Zusammenarbeit fördern und bessere Ergebnisse in deinen UX-Projekten erzielen.

Erkunde alle Vorlagenkategorien, um die perfekten Werkzeuge für Brainstorming, Planung, Zusammenarbeit und Durchführung zu finden – entwickelt, um deinen Workflow zu optimieren und deine Ideen zum Leben zu erwecken.