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
89 Verwendungen
UX-Forschungsplan-Vorlage
Miro
6 positive Bewertungen
118 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
124 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
859 positive Bewertungen
11.316 Verwendungen
Storyboarding-Toolkit
Ben Crothers
903 positive Bewertungen
4846 Verwendungen
Optimieren Sie Ihren Storytelling-Prozess mit dem Storyboarding Toolkit. Diese umfassende Vorlage bietet Ihnen alle Werkzeuge, die Sie zur Erstellung detaillierter Storyboards benötigen, einschließlich Szenenplanung, Charakterentwicklung und Zeitachsenmanagement. Sie ist ideal für Filmemacher, Designer und Marketingteams, die zusammenhängende und fesselnde Geschichten erstellen möchten. Verwenden 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
3847 Verwendungen
Journey Map zur Darstellung der Kundenerfahrung
Essense
820 positive Bewertungen
3561 Verwendungen
Personas-Workshop
Modus Create
516 positive Bewertungen
3455 Verwendungen
Zendesk Triple Diamond
Zendesk
305 positive Bewertungen
2871 Verwendungen
Verhaltenspersona
SHERPA
423 positive Bewertungen
2735 Verwendungen
Nutzererfahrungs-Map FlyUX
Nancy Boshuijs
234 positive Bewertungen
2129 Verwendungen
Vorlage für einen Lo-Fi-Wireframe
Miro
15 positive Bewertungen
1594 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.
Offizieller Remote 5-tägiger Design Sprint
Steph Cruchon
201 positive Bewertungen
1385 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.
Nutzer-Empathy Map
H&R Block
274 positive Bewertungen
1360 Verwendungen
User Story Map Vorlage
Miro
14 positive Bewertungen
1129 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 Customer Journey Map
Miro
19 positive Bewertungen
945 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.
Vorlage für Empathy Maps
Miro
5 positive Bewertungen
937 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.
UML-Sequenzdiagrammvorlage
Miro
5 positive Bewertungen
805 Verwendungen
Vorlage für Nutzerpersonas
Miro
13 positive Bewertungen
736 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 Low-Fidelity-Prototypen
Miro
11 positive Bewertungen
716 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
10 positive Bewertungen
667 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.
Sitemap Template
Alissa Barendse
23 positive Bewertungen
649 Verwendungen
Service Blueprint Mit KI
Matt Anderson
138 positive Bewertungen
630 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.
Fast CJM
Underdoс
59 positive Bewertungen
629 Verwendungen
Vorlage für E-Commerce-Wireframe
Miro
9 positive Bewertungen
611 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.
Ökosystemkarte
Nicole Gemlitski
59 positive Bewertungen
603 Verwendungen
Kartensortier-Vorlage
Miro
9 positive Bewertungen
598 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.
Affinitätsdiagramm-Vorlage
Miro
12 positive Bewertungen
580 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.
Vorlage für App-Wireframe
Miro
12 positive Bewertungen
577 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.
Webseiten-Flussdiagramm-Vorlage
Miro
16 positive Bewertungen
566 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.
Vorlage für Wireframe einer Landing Page
Miro
15 positive Bewertungen
452 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.
Super-Einfache Portfolio-Vorlage
Gaby Turner
54 positive Bewertungen
436 Verwendungen
Screenflow-Vorlage
Miro
13 positive Bewertungen
418 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.
Käuferpersona-Vorlage
Miro
5 positive Bewertungen
396 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.
Jobs (JTBD) Journey Maps
Chaz Mee
56 positive Bewertungen
345 Verwendungen
Worldbuilding - Storyworld
Worldbuilding Marc Lutz
36 positive Bewertungen
301 Verwendungen
Vorlage für Customer Journey Map mit KI
Miro
17 positive Bewertungen
296 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
8 positive Bewertungen
283 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.
Design Engineering Mastery Mindmap
Geoffrey Nwachukwu
20 positive Bewertungen
262 Verwendungen

Hast du deine gewünschte Vorlage noch nicht gefunden?

Dann bitte die Community darum.

Eine Vorlage anfordern

Mehr erfahren

Über die UX-Vorlagenkollektion

Miors UX-Vorlagenkollektion 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 designst, unsere Vorlagen bieten eine strukturierte und effiziente Möglichkeit, um deine Ziele zu erreichen. Mit verschiedenen Vorlagen, darunter UX-Forschungsvorlagen, UX-Forschungsplanvorlagen, UX-Auditvorlagen und UX-Designvorlagen, findest du das perfekte Werkzeug, das deinen Bedürfnissen entspricht.

Warum du unsere UX-Vorlagen lieben wirst

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

Effizienz: Spare Zeit mit vorgefertigten Vorlagen, die eine solide Grundlage für deine Projekte bieten.
Konsistenz: Sorge für Einheitlichkeit in deinen Projekten mit standardisierten Vorlagen, was den Vergleich und die Analyse der Ergebnisse erleichtert.
Zusammenarbeit: Erleichtere die Teamarbeit, indem du einen gemeinsamen Bereich bereitstellst, in dem alle Teammitglieder ihren Teil beitragen und abgestimmt bleiben können.
Flexibilität: Passe die Vorlagen an deine spezifischen Bedürfnisse an, sodass du sie für verschiedene Projekte und Kontexte verwenden kannst.
Inspiration: Gewinne Einblicke und Ideen aus den in den Vorlagen enthaltenen Beispielen für UX-Forschung, die dir helfen, zu innovieren und deine Designs zu verbessern.

Wie du die UX-Vorlagen in Miro verwendest

Die Verwendung von Miros UX-Vorlagen ist einfach und kann in ein paar einfache Schritte unterteilt werden:

Vorlage auswählen: Durchsuche die Sammlung von UX-Vorlagen und wähle diejenige aus, die am besten zu den Anforderungen deines Projekts passt, wie z. B. eine UX-Forschungsplan-Vorlage oder eine UX-Audit-Vorlage.
Die Vorlage anpassen: Ändere die Vorlage, um sie deinen spezifischen Anforderungen anzupassen. Du kannst Elemente hinzufügen, entfernen oder anpassen, um sie besser auf deine Projektziele abzustimmen.
Mit deinem Team zusammenarbeiten: Teile die Vorlage mit deinen Teammitgliedern und lade sie zur Mitarbeit ein. Nutze Miro's kollaborative Funktionen, um in Echtzeit zusammenzuarbeiten.
Forschung oder Design durchführen: Folge den im Template bereitgestellten strukturierten Schritten, um deine UX-Forschungs- oder Designaufgaben durchzuführen. Dies gewährleistet einen gründlichen und organisierten Ansatz.
Analysieren und iterieren: Nutze die Erkenntnisse aus deinem Forschungs- oder Designprozess, um fundierte Entscheidungen zu treffen und deine Arbeit zu iterieren. Die Vorlagen bieten ein klares Framework zum Dokumentieren und Analysieren deiner Ergebnisse.

Die UX-Vorlagen von Miro ermöglichen es Teams, erfolgreich zu sein, indem sie die Werkzeuge bereitstellen, die für eine effektive Forschung und Gestaltung benötigt werden. Durch den Einsatz dieser Vorlagen kannst du deine Produktivität steigern, Zusammenarbeit fördern und bessere Ergebnisse in deinen UX-Projekten erzielen.

Erkunde alle Vorlagenkategorien, um die perfekten Werkzeuge für Brainstorming, Planung, Zusammenarbeit und Ausführung zu finden, die darauf ausgelegt sind, deinen Workflow zu optimieren und deine Ideen zum Leben zu erwecken.