Die Arbeit eines UX-Designers erfolgt in vielen verschiedenen Umgebungen, von einfachen Startups und agilen Umgebungen, in denen Teams mit wenig Dokumentation arbeiten, bis hin zu Beratungsverträgen für Dritte oder große Unternehmen und Regierungsstellen mit strengen Dokumentationsanforderungen. Unabhängig von der Art des Engagements oder der Umgebung (und der einen Sache, die sie alle zusammenhält) müssen UX-Experten ihre Designideen, Forschungsergebnisse und den Projektkontext einem breiten Publikum effektiv mitteilen.

Während des UX-Entwurfsprozesses werden Designer im Rahmen ihrer UX-Entwurfsmethodik eine Vielzahl von Projekt- „Artefakten“ und Ergebnissen erstellen. Diese können verschiedene Formen annehmen: Mit den zu erbringenden Leistungen können UX-Designer mit verschiedenen Stakeholdern und Teams kommunizieren, die Arbeit dokumentieren und Artefakte für Besprechungen und Ideenfindungssitzungen bereitstellen. Sie helfen auch dabei, die 'einzige Quelle der Wahrheit' zu schaffen: Leitfäden und Spezifikationen für die Implementierung und Referenz.

Dies sind die 10 UX-Ergebnisse Das ein UX Designer Es tritt normalerweise während eines Engagements auf. (Diese Liste ist nicht vollständig und kann je nach Art der Verpflichtung länger sein.)

1. Geschäftsziele und technische Spezifikationen

Dies ist ein kritischer Schritt. Für einen UX-Experten beginnt alles mit einem Verständnis der Produktvision, dh dem Grund für die Existenz des Produkts aus geschäftlicher Sicht. In einfachen Worten sollte die Erklärung das angesprochene Problem, die vorgeschlagene Lösung und einen Überblick über den Zielmarkt enthalten. Es sollte auch die Lieferplattformen beschreiben und leicht auf die technischen Mittel eingehen, mit denen das Produkt geliefert wird.

Sie benötigen nicht mehr als eine Seite, müssen jedoch den Kern der Das, weil Y. Wie . Hier ein Beispiel: „Die Fantastic App Co. hat eine Lücke beim Verschenken von Apps auf mobilen Plattformen für den Millennial-Markt (iOS und Android) festgestellt. Eine große Anzahl von Millennials hat Probleme, sich an besondere Daten zu erinnern, das beste Geschenk zu identifizieren und dann die Geschenke zu finden und zu kaufen. Unsere Lösung wurde entwickelt, um Stress abzubauen. Die Verwendung von vorausschauendes Design Mit den neuesten KI-Technologien bietet die Anwendung eine nützliche und fast magische Benutzererfahrung. “

2. Wettbewerbsanalysebericht

Für jeden, der mit der Entwicklung eines neuen Produkts beginnt, ist es von entscheidender Bedeutung, sicherzustellen, dass es gut zum Markt passt. Entscheidend ist, dass das Produkt im Rahmen einer UX-Strategie auch einen überzeugenden Wettbewerbsvorteil und eine UX aufweist, die anderen auf dem Markt überlegen ist.

Führen Sie eine Wettbewerbsanalyse durch bedeutet: „Identifizieren Sie Ihre Wettbewerber und bewerten ihre Strategien, um ihre zu bestimmen Stärken Y. Schwächen relativ zu Ihrem eigenes Produkt oder Bedienung ”.

Eine der ersten Aufgaben eines UX-Designers besteht darin, zu untersuchen, welche Produkte oder Dienstleistungen die Zielkunden derzeit zur Lösung des Problems verwenden. Gibt es ein gleichwertiges Produkt oder eine gleichwertige Dienstleistung? Gibt es eine Problemumgehung, die von den Benutzern verwendet wird und die gut genug, aber nicht perfekt ist? Ein Pflaster, ein Vitamin, aber kein Schmerzmittel? Wie kann eine bessere UX einen Unterschied machen?

Als Bestandteil der User Experience-Forschung identifiziert ein Wettbewerbsanalysebericht die fünf wichtigsten Wettbewerber und untersucht, was sie richtig und was sie falsch machen. Dieser Schritt hilft dabei, eine Entwurfsrichtung festzulegen, in der klare Ziele definiert sind und auf die sich die Elemente bei der Rechtschreibung konzentrieren müssen.

Eine Liste der Wettbewerber und eine Tabelle der Wettbewerberanalysen (z Chandan Mishra )

3. Personen- und UX-Forschungsberichte

UX-Designer müssen sicherstellen, dass die Stakeholder die Bedürfnisse der Kunden des Produkts verstehen. Menschen erschaffen Das Einkapseln und Kommunizieren von Benutzerverhaltensmustern und das Durchführen von Benutzerrecherchen sind bewährte Methoden. Menschen sind repräsentativ für die typischen Benutzer eines Produkts; Indem sie ihre Ziele, Bedürfnisse und Interessen einbeziehen, helfen sie dem Team, das an dem Projekt arbeitet, Empathie für den Benutzer zu entwickeln.

Benutzerforschung ist auch ein wesentlicher Bestandteil des UX-Designprozesses. Es enthält eine Vielzahl von Techniken, mit denen Verhaltensmuster extrahiert, Kontext hinzugefügt und Einblicke in den Entwurfsprozess gewährt werden. Es gibt viele Arten von Tools und Techniken für die Benutzerrecherche - es geht darum, das richtige „Objektiv“ für die richtige Situation auszuwählen.

Bevor Sie mit der Nutzerforschung beginnen, ist es wichtig, sich die Zeit zu nehmen, um eine zu entwickeln Forschungsplan . Dies ist ein Dokument, das dazu beiträgt, die Forschungsziele und -methoden zu kommunizieren und die Zustimmung der interessierten Parteien einzuholen. Es ist auch ein großartiges Tool, mit dem Sie alle während des Forschungsprojekts auf dem Laufenden halten können.

Am Ende der Benutzerforschungsphase wird ein Bericht erstellt, der die Forschungsergebnisse in umsetzbare Artikel übersetzt. Das UX-Team ist so eingerichtet, dass das Produkt um diese Elemente herum entworfen wird.

Menschen (per Miklos Philips )

4. Site Map und Informationsarchitektur

Eine Sitemap ist ein visuell organisiertes Modell aller in einem digitalen Produkt enthaltenen Komponenten und Informationen. Repräsentiert die Organisation einer Anwendung oder den Inhalt der Site. Zusammen mit Wireframes sind sie eines der grundlegendsten UX-Produkte und werden in einem UX-Designprozess selten übersprungen.

Sitemaps helfen beim Entwerfen der Informationsarchitektur - der Kunst und Wissenschaft, die Komponenten eines Produkts zu organisieren und zu kennzeichnen -, um die Navigation zu unterstützen. die Fähigkeit zu finden und Benutzerfreundlichkeit; Sie helfen auch bei der Definition der Taxonomie und der Benutzeroberfläche.

Sitemaps sind nützliche Verweise auf Ressourcen und passen sich an, wenn sich das Produkt basierend auf iterativen Prototypen und Benutzertests weiterentwickelt. Während des Entwurfsworkflows wird häufig ein Nummerierungssystem verwendet, um alle auf derselben Seite zu halten, wenn Produktinhalte besprochen werden.

Eine Sitemap, die die Informationsarchitektur darstellt

5. Erleben Sie Karten, Benutzerreisen und Benutzerflüsse

Eine Erfahrungskarte ist eine visuelle Darstellung, die den Fluss eines Benutzers innerhalb eines Produkts oder einer Dienstleistung darstellt: seine Ziele, Bedürfnisse, investierte Zeit, Gedanken, Gefühle, Reaktionen, Ängste, Erwartungen, dh die allgemeine Erfahrung während Ihrer Interaktion mit einem Produkt . Es wird normalerweise auf einer linearen Zeitachse dargestellt, die die Kontaktpunkte zwischen dem Benutzer und dem Produkt zeigt.

Benutzerausflüge (oder Benutzerreisen ) und Benutzerabläufe handeln eher von einer Reihe von Schritten, die ein Benutzer unternimmt, und zeigen, wie Benutzer derzeit mit einem Produkt interagieren oder möglicherweise interagieren könnten. Sie demonstrieren das Verhalten, die Funktionalität und die wichtigsten Aufgaben, die ein Benutzer ausführen kann. Indem Sie den „Ablauf“ verschiedener Aufgaben untersuchen und verstehen, die ein Benutzer ausführen kann, können Sie darüber nachdenken, welche Art von Inhalten und Funktionen in die Benutzeroberfläche aufgenommen werden sollen und welche Art von Benutzeroberfläche der Benutzer benötigt, um diese zu erreichen.

Bei UX geht es hauptsächlich darum, Probleme für Benutzer zu lösen. Beim Entwerfen einer Benutzerreise muss der Designer die Person, die Ziele, Motivationen, aktuellen Schwachstellen und die Hauptaufgaben des Benutzers verstehen, die er ausführen möchte.

Was ist der Unterschied zwischen a Benutzerreise Y. Benutzerfluss ? Denken Sie an eine Benutzerfluss wie der Benutzer, der über Ihr Produkt oder Ihre Dienstleistung an einer Aufgabe oder einem Ziel arbeitet, zum Beispiel: ein Auto bei Lyft buchen. EIN Benutzerreise veranschaulicht das größere Bild. Eine User Journey geht über Aufgaben hinaus und untersucht, wie eine bestimmte Kundeninteraktion in einen größeren Kontext passt.

Eine Erlebniskarte wird als Teil eines UX-Entwurfsprozesses entworfen (z Miklos Philips )

6. UX Wireframes

Wireframes sind eine Grundvoraussetzung der UX-Entwurfsmethodik und zweidimensionale „Blaupausen“ eines Entwurfsrahmens und von Schnittstellenelementen, die zeigen, wohin Sie gehen. Sie sind in erster Linie ein Designtool und helfen bei der Definition der Informationsarchitektur, des Inhaltsabstands, der Funktionen, des Interaktionsdesigns und des erwarteten Benutzerverhaltens.

Wireframes sind Brot und Butter für UX-Designer und eines der häufigsten Produkte in einem Projekt. 'Zeig mir deine Drahtgitter' wird wahrscheinlich öfter als alles andere während eines Interviews gehört. UX Designer .

Wireframing ist eine wichtige Phase im UX-Designprozess und eine kostengünstige Möglichkeit, Ideen zu erkunden und innovative Konzepte zu entwickeln, die auf Kundenziele zugeschnitten sind. Sie sind großartige Werkzeuge, um schnell über die Skizze hinaus zu konzipieren, und sie sind in verschiedenen Varianten erhältlich, von niedriger Wiedergabetreue (keine Stile, Schwarzweißfelder, griechischer Text) bis zu hoher Wiedergabetreue (voller Stil, Farbe, sehr detailliert).

Wireframes werden im Gespräch am Arbeitsplatz manchmal als „Drähte“ bezeichnet und können später eine Menge Zeit und Geld sparen, da sie so flexibel und schnell zu produzieren sind. Sie dienen als Mittelpunkt für Gespräche mit Stakeholdern und Teammitgliedern, um die Richtung des Designs herauszufinden.

Wireframes sind von entscheidender Bedeutung und daher von entscheidender Bedeutung, um ein Design strukturell zu definieren und um festzustellen, wie ein Benutzerfluss durch eine Anwendung oder Site unter verschiedenen Anwendungsfallszenarien funktioniert. Es gibt einige coole Wendungen bei Drahtgittern wie 'Drahtgitterkarten' in einem früheren Artikel hier im ApeeScape Design Blog besprochen Y ' Drahtflüsse : ”Eine lieferbare UX für Workflows und Anwendungen NNGroup .

Hinweis Wireframes sind eines der häufigsten UX-Design-Artefakte (z Miklos Philips )

7. Interaktive Prototypen

Ein weiteres dominantes Ergebnis während eines benutzerzentrierter Designprozess sind die interaktiven Prototypen, die einem Produkt Leben einhauchen. Rudimentäre Prototypen sparen eine Menge Zeit und Geld. Zeigen Sie, wie die Dinge in einem realen Anwendungsfall funktionieren, und ermöglichen Sie eine schnelle Designiteration und Benutzertests. Sie helfen einem Designer auch dabei, sein Design in verschiedenen Phasen des UX-Designprozesses effektiv zu kommunizieren.

Der Prototyp kann an jedem Punkt der Entdeckungsreise durch Iteration auftreten. Von Papierprototypen bis hin zu hochglanzpolierten Designs kann jeder im Team anhand einer internen Überprüfung eines Produktprototyps sehen, wie die Dinge funktionieren, wenn ein echter Benutzer damit interagiert.

Statische Skizzen und Drahtgitter erwecken ein Produkt nicht so zum Leben, wie es ein interaktiver Prototyp kann. Fast magisch sehen und fühlen Sie, wie sich das Produkt verhält, wie sich alles verbindet. Verschiedene Designs und Funktionen können untersucht werden. neue Ideen können entstehen. Problemstellen können entdeckt und unangenehme Wechselwirkungen aufgedeckt werden.

Interaktive Prototypen helfen Benutzern beim Testen. Anstatt durch statische Seiten zu blättern, können potenzielle Benutzer ein Produkt ausprobieren, das sich zu 100% real anfühlt, Ideen liefern und wertvolles Feedback geben.

Heutzutage gibt es Prototyping-Tools für Designer in allen Formen und Größen. Hier sind 21 interaktive Prototyping-Tools für UX-Design.

Interaktiver Prototyp für UX Design Exploration und Usability-Tests (z Miklos Philips )

8. Visuelles Design

Visuelles Design ist der 'letzte Anstrich' auf dem Produkt. Es ist jedoch nicht nur das - visuelles Design kann die Benutzeroberfläche eines Produkts stark beeinflussen und muss daher sehr sorgfältig angegangen werden. Hoffentlich viele [Interaktionsdesign] (https://www.toptal.com/designers/interactive/interaction-design-principles) und Usability-Heuristik wurden in den vorherigen Schritten des UX-Designprozesses entwickelt, damit sich Designer auf Bilder konzentrieren können. Es ist eine letzte Chance, das Produkt auf die nächste Stufe zu bringen.

Visuelles Design ist der letzte Schritt vor der Übergabe an die Entwickler und die Phase, in der ein Leitstil und endgültige Spezifikationen entworfen werden. Es geht nicht nur darum, 'Dinge schön zu machen', sondern auch darum, ein Markenfarbschema zu definieren oder zu implementieren und die Benutzerfreundlichkeit durch Design, Kontrast und visuelle Hierarchie zu beeinflussen.

Visuelles Design als letzter Schritt des UX-Designprozesses nach Skizzen, Drahtgittern, Interaktionsdesign und Prototypen (z Miklos Philips )

9. Style Guide und Spezifikationen für Entwickler

Der letzte Schritt im UX-Design-Workflow besteht darin, Spezifikationen und einen Styleguide für Entwickler zu sammeln. Styleguides sind unerlässlich, wenn das Design eines Produkts langfristig erfolgreich ist.

Ein Styleguide soll sicherstellen, dass Designs in Bezug auf Branding, visuelle Stile, Farben, Schriftarten und Typografie konsistent implementiert werden. Es wird auch für Layoutmuster, Sprache, Regeln (wie Tastaturkürzel und Datenanzeigeregeln) und zum Festlegen von Benutzeroberflächenverhalten (wie Fehlerbehandlung) verwendet.

Einige Styleguides und Spezifikationen werden manuell zusammengestellt, andere werden automatisch generiert. Das manuelle Zusammenstellen eines Styleguides ist ein langwieriger Prozess und kann oft sechs Monate dauern. Daher ist jedes Automatisierungstool ein willkommener Lebensretter.

Automatisierte Formulare variieren je nach verwendetem Werkzeug. Sie sind eine agilere und inkrementellere Form von Handover-Designs im Vergleich zu lang gestalteten Styleguides. Sie können eher als „Stilbibeln“ im Regal betrachtet werden, auf die sich jeder im Team beziehen kann.

Wenn Sie in Sketch arbeiten, gibt es Gott-Sendungen wie Zeplin . Zeplin ist ein Tool für die Zusammenarbeit von Designern von Benutzeroberflächen und Front-End-Entwicklern. Es geht über den Design-Workflow hinaus und hilft Teams bei der Design-Bereitstellung.

Darüber hinaus kann mit dem [Craft-Plug-In] (https://blog.prototypr.io/how-to-create-design-styleguide-in-sketch-for - in wenigen Sekunden aus Sketch ein Design-Style-Guide erstellt werden 3-Sekunden-23aabd6a5f85) oder Messungen und CSS aus dem Layout, das eine HTML-Datei mit dem Marketch-Plugin generiert, wie in [diesem Artikel] beschrieben (https://www.toptal.com/designers/sketch/50- best -sketch) -plugins # exportfrontend).

Hier gibt es 50 großartige Beispiele für Styleguides . Auch einer der BBC und einer von IBM Beide hosten ihre Online-Anleitungen, die es jedem leicht machen, sie zu sehen.

Die Entwicklerspezifikationen und Styleguides: Der letzte Schritt im UX-Designprozess

10. Usability-Tests und Nutzungsanalyseberichte

Die Arbeit eines UX-Designers wird nie erledigt. Selbst nach der Veröffentlichung eines Produkts besteht die Möglichkeit, Feedback zu sammeln, Nutzungsdaten zu sammeln, zu verfeinern, freizugeben und den Zyklus erneut zu starten.

Ein Usability-Test zeigt Ihnen, ob Ihre Zielbenutzer Ihr Produkt verwenden können. Es hilft, die Probleme zu identifizieren, die Menschen mit einer bestimmten Benutzeroberfläche haben, und es zeigt schwierige Aufgaben auf, die zu erledigen sind, und verwirrt die Sprache.

Usability-Testberichte werden normalerweise während der Prototyping-Phase geliefert. Es ist jedoch nicht ungewöhnlich, vorhandene Produkte mit Benutzern zu testen, um festzustellen, wo Verbesserungspotenzial besteht.

Das Verständnis der Daten, die während des Usability-Tests, der Erfassung, Klassifizierung und Berichterstellung gesammelt wurden, wird unter UX-Fachleuten immer häufiger. Tatsächlich wird es zu einer kritischen UX-Fähigkeit. Hier gibt es einen Vorlage für Usability-Testberichte .

Sobald das Produkt in die Wildnis freigegeben wurde, eine andere Datenerfassung, eine Methode quantitativ wird dem Designteam mitteilen, wie das Produkt in großem Umfang mit Benutzern zusammenarbeitet.

Es gibt unzählige Tools und Möglichkeiten, um das Benutzerverhalten zu erfassen und zu analysieren. Von der Augenverfolgung über die Klickverfolgung und Heatmaps (mit Klicks, Tippen und Bildlaufverhalten) bis hin zur Kennzeichnung von Elementen der Benutzeroberfläche, mit der der Fingerabdruck jedes Benutzers auf Mobil- und Webgeräten verfolgt wird.

In Analytics-Berichten werden die von Kunden verwendeten Funktionen, die Zeit, die sie für Ihre App oder mobile Website verbringen, Trends im Zeitverlauf und die aggregierten Ergebnisse über Regionen, Konten, Benutzer und benutzerdefinierte Segmente hinweg angezeigt. Sie bieten einen vollständigen Überblick darüber, wie Funktionen verwendet werden und wer sie verwendet.

Analytics-Unternehmen generieren in der Regel automatisch benutzerdefinierte Berichte nach Bedarf. Diese Berichte sind sehr hilfreich und können überraschende Informationen über die Verwendung Ihres Produkts liefern. Diese erstaunliche Funktion, von der Sie dachten, Sie würden sie gegenüber all Ihren Kunden gewinnen, kann kaum jemals genutzt werden. Auf der anderen Seite kann eine kleine und unbedeutende Funktion in der Benutzeroberfläche einen langen Weg gehen, und Sie können entscheiden, dass es Zeit ist, sich auf die Erweiterung dieser bestimmten Funktionalität zu konzentrieren.

Usability-Testberichte

Die Mission eines UX-Designers ist es, Unternehmen zu befähigen, Produkte und Dienstleistungen auf der Grundlage eines tiefen Verständnisses menschlicher Verhaltensweisen, Ziele und Motivationen herzustellen. Die oben genannten 10 UX-Ergebnisse gehören zu den am häufigsten von UX Designern erstellten Ergebnissen, da sie im Rahmen des „Design Thinking“ und eines benutzerzentrierten Designprozesses großartige Erfahrungen für Benutzer schaffen.