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 likes
106 uses
UX-Forschungsplan-Vorlage
Miro
7 likes
135 uses
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
2 likes
146 uses
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
862 likes
11.355 uses
Storyboarding Toolkit
Ben Crothers
908 likes
4903 uses
Vereinfachen Sie Ihren Storytelling-Prozess mit dem Storyboarding Toolkit. Diese umfassende Vorlage bietet alle Werkzeuge, die Sie benötigen, um detaillierte Storyboards zu erstellen, einschließlich Szenenplanung, Charakterentwicklung und Zeitachsenmanagement. Ideal für Filmemacher, Designer und Marketingteams, die kohärente und fesselnde Narrative schaffen möchten. Verwenden Sie dieses Toolkit, um Ihre Ideen zu organisieren, Konsistenz sicherzustellen und Ihre Geschichten mit Klarheit und Präzision zum Leben zu erwecken.
Das Kundenfragen-Board
Julia Cowing
451 likes
3855 uses
Journey Map zur Darstellung der Kundenerfahrung
Essense
822 likes
3608 uses
Personas-Workshop
Modus Create
517 likes
3473 uses
Zendesk Triple Diamond
Zendesk
305 likes
2873 uses
Verhaltenspersona
SHERPA
423 likes
2752 uses
Nutzererfahrungs-Map FlyUX
Nancy Boshuijs
235 likes
2134 uses
Vorlage für einen Lo-Fi-Wireframe
Miro
17 likes
1854 uses
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
202 likes
1400 uses
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 likes
1363 uses
User Story Map Vorlage
Miro
17 likes
1297 uses
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
8 likes
1196 uses
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
25 likes
1188 uses
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.
Inklusive Kundenerlebnisse
Sandra Heinzen
292 likes
1036 uses
UML-Sequenzdiagramm-Vorlage
Miro
5 likes
900 uses
Vorlage für Nutzerpersonas
Miro
14 likes
843 uses
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
12 likes
801 uses
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 E-Commerce-Wireframe
Miro
12 likes
774 uses
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.
Vorlage für einen Website-Wireframe
Miro
11 likes
736 uses
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.
Kartensortier-Vorlage
Miro
10 likes
692 uses
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
16 likes
688 uses
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.
Sitemap Template
Alissa Barendse
24 likes
661 uses
Ökosystemkarte
Nicole Gemlitski
59 likes
656 uses
Service Blueprint Mit KI
Matt Anderson
139 likes
653 uses
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.
Webseiten-Flussdiagramm-Vorlage
Miro
16 likes
640 uses
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.
Fast CJM
Underdoс
59 likes
631 uses
Vorlage für App-Wireframe
Miro
12 likes
615 uses
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 Wireframe einer Landing Page
Miro
17 likes
562 uses
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.
Käuferpersona-Vorlage
Miro
6 likes
483 uses
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.
Screenflow-Vorlage
Miro
14 likes
467 uses
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.
Super-Einfache Portfolio-Vorlage
Gaby Turner
54 likes
450 uses
Vorlage für Customer Journey Map mit KI
Miro
20 likes
360 uses
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.
Jobs (JTBD) Journey Maps
Chaz Mee
57 likes
359 uses
4-Schritte-Critical-Thinking-Brainstorming
Mel Khim
110 likes
338 uses
Worldbuilding - Storyworld
Worldbuilding Marc Lutz
36 likes
316 uses

Hast du deine gewünschte Vorlage noch nicht gefunden?

Dann bitte die Community darum.

Eine Vorlage anfordern

Mehr erfahren

Über die Sammlung von UX-Vorlagen

Eine UX-Vorlage ist ein standardisiertes Framework zur Recherche, Organisation und Validierung der Interaktion zwischen einem Nutzer und einem Produkt. Anstatt direkt mit hochauflösenden Mock-ups zu beginnen, ermöglichen diese Vorlagen UX-Designern und Produktteams, die Bedürfnisse der Nutzer, Reibungspunkte und mentale Modelle zu skizzieren.

Der "UX Integrity"-Audit: 3 Möglichkeiten, nutzerzentrierte Produkte zu entwickeln

Eine UX-Vorlage ist nur so gut wie die Daten, die Sie darin einfügen. Bevor Sie zur Entwicklungsphase übergehen, sollten Sie diese drei professionellen "Gesundheitschecks" auf Ihrem Miro-Board anwenden:

1. Der "Annahme vs. Evidenz"-Filter

Der Audit: Basieren Ihre Nutzer-Personas auf tatsächlichen Interviews oder nur auf "Bauchgefühl"?

Die Lösung: Nutze deine Vorlage, um zwischen Proto-Personas (Annahmen) und validierten Personas (datenbasiert) zu unterscheiden. Verwende Miro’s Kommentare oder Links-Funktion, um echte Benutzerzitate oder Umfragedaten an deine Journey Maps anzuhängen. Wenn eine Designentscheidung nicht auf Daten basiert, sollte sie als „Zu testen“ markiert werden.

2. "Friction Peaks" in User Flows identifizieren

Der Audit: Hat dein User Flow zu viele Entscheidungsknoten oder redundante Schritte?

Die Lösung: Analysiere deinen User Flow auf "Cognitive Load". Jeder zusätzliche Klick oder jedes zusätzliche Formularfeld ist ein "Friction Peak", an dem Nutzer abspringen könnten. Verwende rote Kreise in Miro, um diese hochfriktiven Bereiche zu kennzeichnen. Ein überzeugendes UX Board zeigt nicht nur den Weg, es identifiziert auch proaktiv, wo dieser Weg gestört ist.

3. Die "Accessibility First"-Mentalität

Der Audit: Berücksichtigt Ihre UX-Strategie Nutzer mit unterschiedlichen Fähigkeiten oder situativen Einschränkungen?

Die Lösung: Fügen Sie in Ihre Strategievorlagen einen Abschnitt „Barrierefreiheit & Inklusion“ ein. Beachten Sie frühzeitig in der Wireframing-Phase Farbkontraste, Schriftgrößen und Bildschirmlesekompatibilität. Professionelles UX-Design ist nicht nur „benutzerfreundlich“, sondern „für alle Benutzer freundlich“.

Kernkomponenten einer UX-Vorlage

Eine professionelle UX-Vorlage dient als Brücke zwischen Unternehmenszielen und Benutzerzufriedenheit. Jedes leistungsstarke Miro UX-Board sollte diese fünf Kernelemente enthalten:

Das Problemstatement: Eine klare Definition des Benutzerproblems, das du löst. Wenn du das Problem nicht in einem Satz definieren kannst, wird dein UX-Konzept unkonzentriert sein.
Nutzer-Personas: Detaillierte Archetypen deiner Nutzer, einschließlich ihrer technischen Fähigkeiten und der "Jobs to be Done" (JTBD).
Nutzerreise/Flow: Eine visuelle Darstellung der Schritte, die ein Nutzer unternimmt, um ein Ziel zu erreichen, einschließlich seines emotionalen Zustands an jedem Berührungspunkt.
Informationshierarchie: Eine klare Struktur, welche Informationen auf einem bestimmten Bildschirm oder einer Seite am wichtigsten sind.
Erfolgskennzahlen (UX-KPIs): Konkrete Möglichkeiten, wie du den Erfolg messen wirst, wie "Reduzierung der Zeit zur Aufgabenerledigung" oder "niedrigeres Support-Ticket-Volumen".

So nutzt du die UX-Vorlagen in Miro

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

Wähle eine Vorlage aus: Durchsuche die Sammlung der UX-Vorlagen und wähle diejenige aus, die am besten zu deinen Projektanforderungen passt, z. B. eine UX-Forschungsplan-Vorlage oder eine UX-Audit-Vorlage.
Passe die Vorlage an: Ändere die Vorlage, um sie an deine spezifischen Anforderungen anzupassen. Du kannst Elemente hinzufügen, entfernen oder anpassen, um sie besser mit deinen Projektzielen in Einklang zu bringen.
Arbeite mit deinem Team zusammen: Teile die Vorlage mit deinen Teammitgliedern und lade sie ein, beizutragen. Nutze die kollaborativen Funktionen von Miro, um in Echtzeit gemeinsam zu arbeiten.
Führe deine Recherche oder dein Design durch: Folge den strukturierten Schritten, die in der Vorlage angegeben sind, um deine UX-Forschung oder Designaufgaben 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 an deiner Arbeit weiterzuarbeiten. Die Vorlagen bieten einen klaren Framework zum Dokumentieren und Analysieren 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 die Nutzung dieser Vorlagen kannst du deine Produktivität steigern, die Zusammenarbeit fördern und bessere Ergebnisse in deinen UX-Projekten erzielen.

Entdecke alle Vorlagenkategorien, um die perfekten Tools für Brainstorming, Planung, Zusammenarbeit und Umsetzung zu finden, die deinen Workflow optimieren und deine Ideen zum Leben erwecken.