Einführung in UX: Anwendung des UX-Designprozesses

1. Einführung: Aufruf aller Problemlöser und kreativen Menschen. Diese Einführung in die UX-Klasse wird die Grundlage, wie ein User Experience Designer zu sein, aufschlüsseln . Mein Name ist Becca Danna. Ich bin User Experience Designer und Researcher bei Google und ich liebe dieses Feld absolut , weil ich komplexe Probleme aus menschlicher Perspektive lösen kann. Ich kann dazu beitragen, die Produktstrategie voranzutreiben und echte menschliche Bedürfnisse zu lösen. Wenn Sie daran interessiert sind, Probleme zu identifizieren, Brainstorming-Lösungen, Prototyping und sogar Benutzer zu verstehen, ist dies die richtige Klasse für Sie. Diese Klasse richtet sich an einen Studenten oder einen technischen Fachmann, wie einen Produktmanager oder einen Ingenieur, der daran interessiert ist, auf die UX-Seite zu wechseln. In dieser Klasse nehmen Sie ein UX-Projekt von Anfang bis Ende. Sie lernen, wie Sie die Kommunikationsfähigkeiten aufbauen , die notwendig sind, um die Produktstrategie zu informieren. Auch wenn eine Karriere in UX nicht der Weg für Sie ist, diese Brainstorming- und Problemlösungsfähigkeiten sind diese Brainstorming- und Problemlösungsfähigkeitensehr anwendbar für jede Rolle im Technologiebereich. Das Beste daran ist, dass keine Vorkenntnisse erforderlich sind. Sie werden diese Klasse mit allen grundlegenden Fähigkeiten verlassen , die benötigt werden, um die Arbeit zu erledigen. Wenn irgendwas für dich interessant klingt, dann schließe dich mir an. Lasst uns loslegen. 2. Erste Schritte in UX: Einstieg als UX-Designer kann sich ein wenig einschüchternd fühlen, ähnlich wie jede neue Fertigkeit oder das Erlernen eines neuen Handels. Das heißt, ich glaube voll und ganz, dass diese Karriere in diesem Wandel es wert ist, in zu investieren. Diese Karriere macht Spaß, sie ist herausfordernd und hat einen großen Einfluss auf die Gestaltung des Alltags unserer Nutzer. Als UX-Designer liegt es in Ihrer Hauptverantwortung, jederzeit ein Befürworter für den Benutzer zu sein und dabei zu helfen, die Produktstrategie voranzutreiben, um großartige Erlebnisse auf den Markt zu bringen. Ich glaube, Donald Norman fasst das Ziel eines Designers am besten in seinem Buch The Design of Everyday Things“ zusammen, wenn er sagt: „Gutes Design ist eigentlich viel schwieriger zu bemerken als schlechtes Design, Teil, weil gutes Design den Bedürfnissen der Benutzer entspricht, gut, dass das Design unsichtbar ist.“ Das ist es, was wir für jedes Mal erreichen, wenn wir ein Produkt auf den Markt bringen. Bevor wir aufschlüsseln, wie ein UX-Designer zu sein, müssen wir zuerst definieren, was User Experience Design ist. Einfach ausgedrückt, ist das User Experience Design ein Prozess , um eine sinnvolle Lösung für einen Benutzer zu schaffen, um sein Ziel zu vervollständigen. Ein häufiges Missverständnis da draußen ist, dass UX-Design sich ausschließlich auf die Benutzeroberfläche oder die Benutzeroberfläche konzentriert, was der Benutzer sieht. Aber das ist nicht der Fall, UX-Designer müssen eine Vielzahl von Faktoren berücksichtigen, wenn sie eine Lösung auf den Markt bringen, wie Usability, Funktionalität, Zugänglichkeit, Ästhetik, nur um nur einige zu nennen. UX-Designer lösen tatsächlich komplexe End-to-End-Herausforderungen, die ein tieferes Verständnis der End-to-End-Erfahrung erfordern, die Benutzer durchlaufen. Es erfordert ein Verständnis nicht nur für die Aufgabe, die sie erledigen, sondern auch für die Umgebung, in der sie die Aufgabe erledigen, warum sie diese Aufgabe erledigen, und für alle Effizienzen, die durch den Prozess erzielt werden können. Ein Produkt auf den Markt zu bringen, ist eigentlich ein funktionsübergreifender, zeitintensiver Prozess. Es ist einfacher, sich auf das zu konzentrieren, was einfach zu tun und einfach zu bauen ist , anstatt auf das, was für den Benutzer am besten ist. Ihre Verantwortung als UX-Designer wird es sein, sich für den Benutzer zu engagieren und die Produktstrategie durch etwas namens Design Thinking voranzutreiben. Design Thinking ist ein Prozess, dem viele UX-Designer folgen. Es hilft dem Team bei der Suche nach diesem Sweet Spot zwischen dem, was das Unternehmen braucht, was die technischen Einschränkungen sind, alle technischen Herausforderungen, die Sie berücksichtigen müssen, und den Wünschen des Benutzers auszurichten was die technischen Einschränkungen sind, alle technischen Herausforderungen, die Sie berücksichtigen müssen, . Den Mittelweg finden, um ein Qualitätsprodukt auf den Markt zu bringen. Durch diese Klasse werden wir den UX-Prozess aufschlüsseln. Wie wir es tun, habe ich eine Reihe von Projekten erstellt, die Sie abschließen können, um damit zu beginnen, die Theorien, die ich Ihnen lehre, aus erster Hand in die Praxis umzusetzen. Am Ende dieser Klasse haben Sie ein Projekt, das als Portfoliostück verwendet werden kann. Gemeinsam werden wir durch diese Klasse alle Designphasen durchlaufen; verstehen, ideieren und bewerten. Sie sich keine Sorgen darüber, dass Sie diese zu tief verstehen, wir brechen sie durch jedes Segment der Klasse auf. Ihr übergeordnetes Ziel bis zum Ende dieser Klasse ist es, einen Kaffee-Lieferservice zu entwerfen , bei dem Benutzer durch ein Menü von Optionen blättern und den Fortschritt ihrer bestehenden Bestellungen verfolgen können . Jetzt ist Ihre erste Aufgabe einfach, stellen Sie sich für den Erfolg. Erstellen Sie eine Projektpräsentationsvorlage , die Sie in die Projektgalerie hochladen möchten. Hier werden Sie jede Ihrer vielen Aufgaben teilen , um Feedback von Kollegen und von mir selbst zu erhalten. Am Ende stellt sich diese Präsentation theoretisch als Portfoliostück dar, Sie zeigen können, dass Sie ein End-to-End-Projekt als User Experience Designer abgeschlossen haben. 3. Landschaft verstehen: Um jedes Projekt als UX-Designer zu beginnen, müssen Sie zuerst die Landschaft oder den Markt verstehen , in den Sie eine Lösung setzen. Es gibt verschiedene Aktivitäten, die Sie während der Anfangsphase der Arbeit durchführen möchten . Wir nennen diese Anfangsphase der Arbeit die Anforderungssammelphase oder die Verstehungsphase. Hier verstehen Sie den Markt, verstehen das Geschäft, verstehen die technischen Einschränkungen und verstehen den Benutzer. Andere gute Aktivitäten, die in dieser ersten Phase der Arbeit abgeschlossen werden müssen, ist das Sprechen mit Experten, um ihre Position zu verstehen, vielleicht sogar das Lesen von Artikeln oder Bewertungen, die online veröffentlicht werden. Diese Aktivitäten werden Ihnen als Designer helfen, nicht nur den Markt zu verstehen, sondern es wird Ihnen und Ihrem Team helfen, sich um ein gemeinsames Verständnis des Marktes, der Chancen und des Problemraums auszurichten . Jetzt ist die größte Herausforderung, die Sie als UX-Designer meistern müssen, dass in schnelleren Projekten oder Zeitplänen, die aus irgendeinem Grund verdichtet werden, egal ob es sich um geschäftliche Treiber handelt, ob es sich um Umsatztreiber handelt. Sie werden feststellen, dass die Anfangsphase der Arbeit, in der Sie verbringen eine erhebliche Menge an Zeit, die Landschaft und den Benutzer zu verstehen. Eine Menge Zeit, die Stakeholder werden Sie dazu bewegen, sich schneller durch diesen Prozess zu bewegen. Jetzt richtet dies das Rückgrat eines guten Projekts ein. Es ist wichtig, für die Notwendigkeit zu befürworten, einige Zeit mit diesen Aktivitäten zu verbringen, meine Go-to-Aktivität und eine, die ich werde Sie heute begleiten, wird eine Wettbewerbsanalyse genannt. Hier bewerten Sie die Stärken und Schwächen sowohl direkter als auch indirekter Wettbewerber. Diese Aktivität hilft Ihnen und dem Team zu verstehen welche Produkte bereits auf dem Markt existieren und wo sie stehen. Es wird Ihnen helfen zu verstehen, wie gesättigt der Markt sein kann oder wie bahnbrechend diese neue Chance ist. Um mit einer Wettbewerbsanalyse beginnen zu können, müssen Sie zunächst die gewünschte Lösung verstehen, die Sie auf den Markt bringen. Auf diese Weise können Sie die richtigen Konkurrenten identifizieren, die bewertet werden sollen. Wenn Sie jetzt wirklich kämpfen und vielleicht dieser Raum neu ist oder ein bisschen technisch schwer zu verstehen ist, sprechen Sie mit Ihren Produktmanagern, sprechen Marketing und sprechen Sie mit dem Vertrieb. Sie sind in der Regel sehr gute Partner, um Ihnen zu helfen, direkte und indirekte Wettbewerber zu identifizieren , mit denen Sie arbeiten können. Sie möchten versuchen, überall von 3-10 Wettbewerbern zu bewerten, abhängig von der Größe des Projekts und dem Markt, in den Sie passen. Zusätzlich zu dem Konkurrenten möchten Sie einen Blick auf 2-3 vergleichende Erfahrungen aus ähnlichen oder verschiedenen Branchen werfen. Was ich damit meine, ist, wenn Sie einen Katalog von Kaffee erstellen, die Benutzer durchblättern werden, schauen Sie sich andere Kataloge an, die bereits existieren und vielleicht wirklich gut tun, wie [unhörbar] oder Kauf einer Jeans. Der Grund, warum Sie sich eine vergleichende Erfahrung ansehen, ist, Inspiration zu nehmen und neue Muster zu finden, die für die Arbeit relevant sind, die Sie dort veröffentlichen. Beachten Sie nun, dass Sie nicht zu viele Konkurrenten oder vergleichende Erfahrungen bewerten. Du wirst einfach in einem Loch landen, von dem du das Gefühl hast, dass du dich nie rausgraben kannst. Halten Sie sich an 3-10 Konkurrenten und 2-3 vergleichende Erfahrungen. Jetzt sind Sie bereit für eine wettbewerbsfähige oder vergleichende Analyse. Was du tun würdest, ist einfach. Sie würden beginnen, indem Sie die Aufgabe so ausführen, als wären Sie ein durchschnittlicher Benutzer. Wenn Ihr Ziel definiert ist und Kaffee kaufen, würden Sie diese Aufgabe Ende zu Ende erledigen, und während Sie das tun, würden Sie jeden Schritt des Weges für die Dokumentation zu einem späteren Zeitpunkt Screenshots machen. Jetzt möchten Sie diese Evaluierung nicht nur auf einem Gerät abschließen. Sie möchten sicherstellen, dass Sie alle verschiedenen Erlebnisse simulieren , die Benutzer durchlaufen können. Versuchen Sie es auf einem mobilen Gerät im Vergleich zu einem Desktop, versuchen Sie es auf einem iOS-Gerät im Vergleich zu einem Android-Gerät. Nun, wenn Ihre Branche oder Ihre Lösung immer nur eingeschaltet ist, sagen wir ein Android-Mobilgerät, dann ist das in Ordnung, Sie können einfach auf das Gerät schauen. Sie müssen nicht alle auswerten. Aber wenn Sie mehr von einem allgemeinen Produkt erstellen, das geräteübergreifend und betriebssystemübergreifend vorhanden sein wird . Sie möchten alle diese bewerten, da es Nuancen in der Benutzererfahrung gibt. Nachdem Sie Ihre Screenshots gemacht haben und alle Ihre Bewertungen für jeden Ihrer Konkurrenten abgeschlossen haben , sollten Sie alle Ihre wichtigsten Ergebnisse zusammenfassen, indem Sie sich auf die Stärken der Wettbewerber und die größten Schwächen konzentrieren oder Bereiche der Verbesserung. Nun gibt es verschiedene Möglichkeiten, die Ergebnisse einer Wettbewerbsanalyse zu dokumentieren. In der Regel fassen Sie Ihre Ergebnisse in einem Tabellenformat zusammen. Dies wird in der Regel im Vorfeld einer Präsentation sein, kann etwas, das Sie geben, um Führungskräfte Stakeholder. Später in der Präsentation möchten Sie detailliertere Flows haben, die mit wichtigen Ergebnissen versehen sind, und dies würde den tatsächlichen Fortschritt durch die Benutzererfahrung zeigen. Probieren Sie das mal aus. Ich möchte, dass Sie drei potenzielle Konkurrenten für Ihren Kaffee-Lieferservice identifizieren. Führen Sie eine Wettbewerbsanalyse durch und fügen Sie Ihre wichtigsten Ergebnisse zu Ihrem Präsentationsdokument hinzu. Als Nächstes werden wir darüber sprechen, wie Sie beginnen, Ihre Benutzer zu verstehen. 4. Verstehe deine Benutzer: Befürwortung für Ihren Benutzer wird eine Ihrer Hauptaufgaben als UX-Profi sein. Um dies zu tun, müssen Sie zuerst Ihre Benutzer verstehen. Der schnellste Weg, um Ihre Benutzer kennenzulernen, ist durch Benutzerinterviews. Dies sind kurze, halbstrukturierte Gespräche, bei denen Sie einfach nur Ihre Fragen und Ihre Teamfragen an Ihren Benutzer richten und ein Hin und Her Gespräch führen. Diese Diskussionen helfen Ihnen, über Situationen zu erfahren , in denen Ihre Benutzer Ihr Produkt verwenden möchten, Sie verstehen alle vorhandenen Schmerzpunkte, die möglicherweise im Bereich vorhanden sind, und Sie können sogar neue Ideen generieren , die Sie und Ihr Team noch nicht einmal in Betracht gezogen haben. Für mich persönlich ist dies eine meiner Lieblingsphasen, ich liebe es, mich mit Benutzern zu verbinden. Ich habe so viel über die Produkte gelernt, die sie derzeit verwenden, und das Produkt , das ich erstellen möchte, und es hilft mir wirklich, eine bessere Benutzererfahrung für sie zu schaffen. Um Benutzer zu interviewen, beginnen Sie mit der Erstellung eines Diskussionsleitfadens Dies wird im Wesentlichen die Gliederung Ihrer Konversation sein, die Sie mit Ihren Benutzern führen werden. Und dies basiert auf den Fragen, die Sie und Ihr Team generiert haben, oder auf allen Annahmen, die Sie möglicherweise haben. Wenn Sie Ihre Fragen schreiben, versuchen Sie, sie auf unvoreingenommene Weise zu gestalten. Anstatt beispielsweise etwas zu fragen oder zu sagen: „Sagen Sie mir, wie Sie einen Kaffee-Lieferservice nutzen würden“, da dies tatsächlich bedeutet, dass Sie davon ausgehen, dass der Benutzer Ihr Produkt verwenden wird. Sie würden es einfach neu formulieren, um etwas zu sagen: „Erzähl mir von einer Zeit, die du vielleicht brauchst oder willst einen Kaffee-Lieferservice.“ Dies ist viel offener und gibt dem Benutzer die Möglichkeit, etwas zu sagen wie: „Eigentlich würde ich keinen Kaffee-Lieferservice verwenden“, oder es ist eine offene Frage, die Sie verschiedene Antworten geben können und verschiedene Szenarien. Vermeiden Sie auch ja, keine Fragen. Sie gehen nicht ins Detail genug und Sie müssen so viele Informationen aus dem Benutzer ziehen , dass es einfacher gewesen wäre ihnen zunächst eine offene Frage zu stellen. Denken Sie nun daran, dass Sie Ihren Diskussionsleitfaden als Gliederung und nicht als Skript verwenden. Sie wollen Ihre Fragen nicht wörtlich lesen, und wenn Ihr Gespräch beginnt, einen Weg etwas von Ihrem ursprünglichen Umriss zu nehmen , ist das völlig in Ordnung. Dies ist oft, wo viele Nuggets und reiche Informationen aus dem Gespräch kommen. Nachdem Sie diesen Gedanken abgeschlossen haben, führen Sie ihn vorsichtig zurück zu Ihrem Umriss, indem Sie Ihren Diskussionsleitfaden vor Ihnen verwenden. Jetzt ist es genauso wichtig, Notizen zu machen, wie man die Fragen umrahmt und die Fragen überhaupt schreibt. Wenn Sie Notizen machen und die Erkenntnisse analysieren, die Sie entdeckt haben, möchten Sie dies auch auf nicht-voreingenommene Weise angehen. Sie wollen also sicherstellen, dass Sie nur das zur Kenntnis nehmen, was Sie tatsächlich gehört haben, nicht das, was Sie glauben, gehört zu haben. Wenn die Idee, Notizen über diese Konversation zu machen, sehr überwältigend für Sie ist, sich keine Sorgen darüber. Bitten Sie den Teilnehmer um die Erlaubnis, die Sitzung aufzuzeichnen. Dies könnte einfach ein Video oder eine Audioaufnahme sein, wo Sie später darauf zurückverweisen und die Notizen machen oder das Gespräch transkribieren können, das Sie hatten. Diese Videos zu haben ist auch eine wirklich großartige Gelegenheit, etwas zu erstellen, das als Highlight-Video bezeichnet wird, wo man dem Team nicht nur sagen kann, was man gehört hat, sondern sie aus erster Hand zeigen kann. Jetzt ist das Benutzerinterviewen und die Benutzerforschung eine Spezialität an sich und für sich. Wenn Sie also mehr darüber erfahren möchten, wie Sie effektive Forschungsmethoden planen, wie Sie diese Gespräche führen und diese Informationen analysieren, schlage ich vor, zusätzliche Lektüre zu diesem Thema zu machen. Ich habe einen großartigen Artikel in den Klassenressourcen namens Interviewbenutzer verknüpft , um Ihnen den Einstieg zu erleichtern. Wenn Sie zufällig in einem Unternehmen mit User Experience Forschern arbeiten, empfehle ich Ihnen, diese Partnerschaft voll auszuschöpfen. Sie können helfen, die richtigen Forschungsfragen zu identifizieren, die richtigen Möglichkeiten für die Forschung und schlagen die richtigen Methoden für die Durchführung dieser Arbeit vor. Eine Herausforderung bei der Benutzerforschung, wenn Sie dies selbst tun, ist, dass Benutzer nicht wissen, was sie brauchen und sie nicht sehr gut darin sind, zu kommunizieren, was sie brauchen. Sie sind jedoch gut darin, zu kommunizieren, was für sie nicht funktioniert. Sie haben die Aufgabe, die Diskussion zu leiten, herauszufinden, was Benutzer brauchen, indem Sie verstehen, was sie gerade tun, was nicht funktioniert, wo ihre Kämpfe sind und wo Effizienzsteigerungen erzielt werden können. Sie verwenden diese Informationen, die Zitate und die Geschichten aus den Interviews, um Empathie-Karten zu erstellen, die Sie und Ihr Team beim Entwerfen Ihrer Produkte auf Sie zurückweisen. Eine Empathie-Karte dokumentiert einfach, was ein Benutzer denkt, fühlt und tut, wenn er sein Ziel erreicht hat, und diese Übung wird am besten abgeschlossen, wenn er funktionsübergreifend durchgeführt wird, so dass jeder im Team eine gemeinsame Sprache und vereinbaren Sie die Prioritäten, für die Sie lösen. Hier ist eine Vorlage, die eine einfache Möglichkeit zeigt, eine Empathiekarte zu dokumentieren. Dies kann tatsächlich schnell als Post-It-Notizen an einer Wand oder sogar als Texte in einer Präsentation ausgefüllt werden. Also gehen Sie, geben Sie Benutzerinterviews einen Versuch. Ich möchte, dass Sie fünf potenzielle Nutzer identifizieren, sie interviewen und ihre Bedürfnisse und Wünsche für einen Kaffee-Lieferservice verstehen. Dokumentieren Sie diese Erkenntnisse in einer Empathiekarte. Als Nächstes lernen wir, wie Sie diese Erkenntnisse in Produktideen umwandeln können. 5. Brainstorm: Jetzt, da Sie Erkenntnisse von Wettbewerbern und potenziellen Benutzern gesammelt haben, ist es an der Zeit, diese Probleme in Lösungen zu verwandeln. Hier ist der Teil der Klasse, in dem Sie Ihre Materialien zum Skizzieren von Hand benötigen. Wenn Sie sie nicht leicht zugänglich haben, zögern Sie nicht, eine Pause zu machen, greifen Sie sie und kommen Sie zurück. Jetzt kann die Idee des Skizzierens für viele Menschen zunächst sehr schwierig sein. Ich habe heute ein paar Aktivitäten für dich um hoffentlich dazu beizutragen, diesen Film für dich natürlicher zu machen. Ich weiß, dass ich am Anfang meiner Karriere viel mit Skizzieren gekämpft habe. Ich hatte eine Menge Angst darüber, beurteilt zu werden oder nicht gut genug zu sein. Aber die gute Nachricht ist, dass Skizzen nicht perfekt sein müssen. Sie müssen nur als einfache Idee kommunizieren. Mach dir keine Sorgen darüber, wie das Endprodukt aussieht. Fang einfach an zu skizzieren. So einfach ist es. Je mehr Sie das tun, desto komfortabler werden Sie. Hier ist ein Blick auf einige der Werkzeuge, die ich gerne zum Skizzieren verwende. Ich persönlich ziehe es vor, ein Gitter oder dunkles Gitter anstelle von leerem Papier zu verwenden , da ich finde, dass es mir hilft, meine Linien ein wenig mehr gerade zu halten und dann mache ich mir keine Sorgen über die Verwendung eines Lineals oder wie das Endprodukt aussieht . Eine gute Regel ist, etwas Permanentes zu verwenden, wie einen Stift oder einen Marker. Weil ich finde, dass, wenn ich einen Bleistift benutze und meine Linie nicht gerade ist, ich am Ende besessen über diese Linie und ich viel zu viel Zeit damit verbringen werde nicht gerade gerade Linie zu löschen und neu zu zeichnen , die nicht einmal gerade sein muss. Ich finde, wenn es dauerhaft ist, bin ich nicht so an die Idee gebunden. Ich bin auch nicht daran gebunden, wie es aussieht und ich bin in der Lage, Ideen viel schneller durchzugehen. Die erste Aktivität, die ich Ihnen heute beibringen möchte, heißt Crazy Aights. Im Wesentlichen würden Sie ein Stück Papier nehmen und es in acht Segmente falten. Ich werde es in zwei Hälften falten, wieder in zwei Hälften und noch einmal. Die Idee mit einer Crazy Eight ist, dass Sie eine schnelle Reihe von Skizzen, acht um genau zu sein. Sie würden einen Timer für acht Minuten einstellen und Sie würden eine Idee pro Minute pro Bild skizzieren. Idee eins hier, zwei hier, drei hier, so weiter. Du willst schnelle Ideen einfallen lassen und das erste, was dir einfällt, auf das Papier legen . Wenn Sie das Gefühl haben, dass Sie Wörter verwenden müssen, können Sie auch Wörter verwenden. Sie können Ikonographie verwenden. Im Wesentlichen, was Sie versuchen zu tun, ist nur eine Top-Level-Idee zu kommunizieren. Was ich hier getan habe, ist, ich habe verspottet, wie das aussehen würde, wenn ich anfangen würde , eine Crazy Eight für diesen Kaffee Lieferservice zu erstellen. Sie werden feststellen, dass es nicht viel Energie gibt, um die Idee zu verfeinern, aber ich kommuniziere die Idee einfach auf einem hohen Niveau. In diesem ersten können wir sehen, dass ich einen Mad Libs Orderansatz erforsche. In der zweiten sieht dies vielleicht wie ein bisschen mehr von einem schönen Kartenkatalog-Erlebnis aus. Es gibt nicht viel Detail hier, aber es gibt genug, dass, wenn jemand sich das anschaut und zu wissen, dass es sich um einen Kaffee-Lieferservice handelte, sie einige der Top-Level-Ideen, die ich habe, bekommen würde. Dies wird Ihre erste Aktivität sein, komplette Crazy Eight schnelle Ideen, eine Minute pro Idee für Ihren Kaffee Lieferservice. Die nächste Aktivität wird als Lösungsskizze bezeichnet. Dafür würden Sie ein leeres Stück Papier oder so viel Papier verwenden, wie Sie brauchen um eine Idee ein wenig tiefer zu verfeinern und einige der neuen zu kommunizieren. Hier ist ein Beispiel dafür, wie eine Lösungsskizze aussehen könnte. Das dauerte ungefähr 30 Sekunden bis eine Minute, bis ich es mir einfällt habe. Ich basierte es auf der anfänglichen Crazy Eight-Idee, die ich hier hatte , die übrigens, ich habe tatsächlich eine Minute oder weniger für jede dieser Ideen verbracht. In dieser Lösungsskizze und was eine Lösungsskizze tut können Sie feststellen, dass einige von ihnen kritische Komponenten der Benutzererfahrung waren. Aber Sie werden feststellen, dass es immer noch nicht so viel Aufmerksamkeit auf alle Details gibt. Ich habe keine Kopie herausgefunden, ich habe nicht alle Benutzersteuerelemente herausgefunden. Aber Sie können sagen, dass meine Idee ein wenig mehr verfestigt ist und es wird einfacher sein, diese Idee den Benutzern, Interessengruppen zu kommunizieren und sogar mit dem Drahtmodell zu beginnen. einer Lösungsskizze wird im Allgemeinen das gesamte Seitenlayout skizziert, und dann haben Sie Beschriftungen mit Anmerkungen für bestimmte Elemente. Diese, zum Beispiel, Ich kam mit einer Idee, um Belohnungsgeld zu sehen , die der Benutzer auf ihren früheren Einkäufen basiert. Alles, was ich hier getan habe, ist das aufgeschrieben. Ich habe nicht zu viel Detail darüber nachgedacht, wie sie das Belohnungsgeld bekommen oder was sie mit ihrem Belohnungsgeld machen. Aber es gibt die Idee und den Ton für das Gesamtdesign. Einige Dinge auf der Lösungsskizze bedürfen einer weiteren Erklärung. Ich kam auf eine Vorstellung davon, was wäre, wenn wir einen visuellen Bezeichner am unteren Rand jeder Karte hätten , der etwas bedeutet, das für den Benutzer wichtig sein könnte. In diesem Fall betrachte ich vielleicht Koffeinspiegel oder einen anderen Faktor, der ihnen helfen würde, eine Wahl zu treffen. Ich weiß noch nicht, was das ist oder wie es aussehen würde, aber ich weiß, dass wir vielleicht eine Idee brauchen, um das zu nennen. Ein paar Tipps zum Skizzieren. Verschwenden Sie keine Zeit mit dem Schreiben von Inhalten in die Skizze. Sie werden feststellen, was ich getan habe, ist, dass ich Zeilen anstelle des tatsächlichen Inhalts gesetzt habe. Grund hier ist, dass wir noch nicht alle Inhalte kennen, die wir benötigen. Während wir den Wireframing-Prozess durchlaufen, fügen wir in der endgültigen Kopie hinzu. Was ich Ihnen vorschlage, ist vielleicht nur auf die primären Aktionen zu konzentrieren. Wenn ich einen Button habe und mich auf die Schlagzeilen konzentriere, so hätte ich so etwas wie meine Favoriten hier oder Ihre Favoriten hier schreiben können. Zweitens, um das Skizzieren schnell zu machen, halten Sie sich an gängige Komponenten, die bereits existieren. Sie werden feststellen, dass dies ein ziemlich Standardsatz von Komponenten ist. Ich habe Karten, ich habe ein Bannerbild, ich habe ein Menü und ich habe ein Profilsymbol. Ich bin hier nicht zu tief in die Schaffung neuer Muster gegangen, weil es zu schwierig wäre, in dieser einfachen Skizze zu erklären. Halten Sie sich daran, nur den minimalen Inhalt hinzuzufügen, den Sie benötigen, und verwenden Sie bekannte Muster, die für jeden leicht zu verstehen sind , wer sich Ihre Skizze ansieht. Nun, da Sie einige Ideen aus Ihren Benutzerinterviews darüber haben , welche Herausforderungen und Bedürfnisse sie haben, Sie diese Erkenntnisse in Ideen umwandeln, die Sie erkunden möchten. Beginnen Sie mit dem Crazy Eight für schnelles Brainstorming, gefolgt von Lösungsskizzen für 15 bis 20 Konzepte, die Sie haben und Sie möchten weiter durch dieses Projekt gehen. 6. Validierung und Ideenfindung: Jetzt, da Sie Ihre Ideen auf dem Papier haben, ist es an der Zeit, Feedback von Interessengruppen und Nutzern zu erhalten. Nun, das ist etwas, das Sie in einem echten Projekt sehr häufig tun würden und Sie würden es in verschiedenen Phasen des Projekts tun. Sie können Skizzen frühzeitig zeigen. Sie würden dann Wireframes anzeigen und vielleicht später sogar einen interaktiven Prototyp zeigen. Für die Zwecke dieser Klasse wird dies das letzte Mal sein, dass wir über Benutzerinterviews sprechen. Aber wissen Sie nur, dass dies etwas ist, das Sie konsequent tun möchten. Es ist sehr wichtig sicherzustellen, dass die Ideen, die Sie entwickeln , die Bedürfnisse der Benutzer erfüllen, sie sind verständlich, verständlich, so weiter und so weiter. Interviewen ist ein leistungsfähiges Werkzeug, das Sie in Ihrer Gesäßtasche haben können. In diesem Stadium des Projekts ist es in Ordnung, wenn Ihre Interviews immer noch recht informell sind, vielleicht sogar ad hoc. Während Sie jedoch weiterhin den Verlauf des Projekts durchlaufen, möchten Sie sicherstellen, dass Sie mehr Strenge in Ihre Benutzerinterviews setzen und dass sie ein wenig mehr von einem wissenschaftlichen Methodologieansatz fallen . Wenn ich Benutzerinterviews über nur frühe Ideen in Handskizzen führe, die ich habe, setze ich mich gerne vor diese oder von Angesicht zu Angesicht mit den eigentlichen Skizzen auf dem Papier selbst. Was ich dann tun werde, ist, dass ich die Skizze vor den Benutzer stellen werde. Ich gebe es ihnen auf dem Tisch. Ich werde auf das Gesamtkonzept hinweisen, das ich möchte, dass sie sich ansehen. Ich sage so etwas wie, sagen Sie mir, was Sie über diese Idee denken? Was ist hier los? Weil ich zuerst anfangen möchte, indem ich die Interpretation der Idee des Benutzers erhält, anstatt ihnen zu geben, was im Hintergrund passiert. Nachdem ich ihnen ein oder zwei Augenblicke gegeben habe, um darüber nachzudenken, was sie sehen und mir zu erklären versuchen, was vor sich geht, werde ich ihnen dann geben, was man den Aufzug Pitch der Idee nennt. Dies ist eine kurze 30-Sekunden-Zusammenfassung der Gesamtidee, die ich versuche, in diesem einen Konzept zu kommunizieren. Ich werde nicht in alle Nuancen geraten, ich werde nicht über alle Interaktionen sprechen, waren alle Inhalte, die sie sehen könnten. Ich kommuniziere einfach die Idee auf einem hohen Niveau. Dann frage ich sie so etwas wie, sag mir, was du über diese Idee hältst. Oder ich könnte etwas sagen, wie sagen Sie mir eine Zeit, in der diese Idee für Sie wertvoll wäre. Ein anderer Ansatz besteht darin, dies in einem Storyboard-Stil zu tun, dem Sie mehrere Skizzen oder sogar einen Fluss von Skizzen anzeigen. Lassen Sie den Benutzer es so aussehen, als wäre es ein Comicbuch. Lasst sie es lesen, sie sollen es verdauen, und dann sollen sie euch ihre Interpretation erzählen. Am Ende dieser Sitzung können Sie sie bitten, Ihnen zu helfen, zu verstehen, welche Ideen am meisten mit ihnen in Resonanz gekommen sind und warum. Lassen Sie sie entweder ihre Lieblings-oder ihre Top-3-Ideen auswählen. Aber es ist wichtig, dass sie kommunizieren müssen, warum das ihre Lieblingsideen sind. Wenn Sie nun mit mehreren Benutzern sprechen, möchten Sie sicherstellen, dass Sie nicht jedes Mal das gleiche Konzept zuerst zeigen. Das liegt daran, dass Sie in die Gleichung Voreingenommenheit einführen werden. Was ich gerne mache, ist, dass ich die Reihenfolge der Konzepte, die ich zeige, drehen möchte. Wenn ich fünf Konzepte und fünf Teilnehmer habe, hat jedes Konzept die Möglichkeit, das erste Konzept zu sein, das der Benutzer sieht. Benutzer werden in der Regel ein wenig positiver über das erste, was sie sehen, fühlen . Das ist keine harte Regel. Die sind definitiv Ausnahmen davon. Aber im Allgemeinen führen Sie die Idee der Bias ein, wenn Sie konsequent jedes der Konzepte im gleichen Fluss zeigen, also mischen Sie es ein wenig. Mit all dem im Sinn, sammeln Sie Feedback zu Ihren Konzepten mit dem Ziel, zu versuchen, mit Ihren Top 3 Ideen zurückzukommen. Von dort aus definieren wir Ihre Idee weiter in Wireframe. 7. Skizze 101: Jetzt, da wir Ihre Top-Ideen haben, ist es an der Zeit, etwas Spaß zu haben und so zu kreieren, wie wir Wireframes nennen. Für diese erste Phase des Wireframings konzentrieren wir uns einfach auf Low Fidelity Wireframing. In dieser Phase, was wir im Allgemeinen denken, ist das allgemeine Seitenlayout, Aufgabenorientierung und hilft dem Benutzer, seine Aufgabe zu erfüllen. Informationshierarchie, wie wir den Inhalt auf der Seite auslegen, was sollte am prominentesten sein? Wir werden auch über den Weg zur Fertigstellung nachdenken. Wie beginnt, durchläuft und beendet der Benutzer seine Aufgaben, die er zu erledigen versucht? In dieser Phase des Wireframings wir uns keine Sorgen um Farben, Pixelperfekt zu sein oder sogar um endgültige Inhalte zu haben. sind Dinge, die wir entwickeln können, wenn wir den Wireframing-Prozess weiter durchlaufen, die alle in einem späteren Segment kommen werden. Moment, was wir lernen, wie zu tun ist, ist die Grundlagen der Verwendung von Skizze. Sketch ist nur eines von vielen Industrie-Prototyping-Tools, die da draußen sind, aber ich finde es eines, das am einfachsten zu erlernen ist und eine Menge robuster Funktionalität bietet. Sie werden feststellen, dass viele Arbeitgeber nach Skizze als grundlegende Fähigkeit eines jeden UX-Designers suchen werden. Um zu beginnen, werde ich ein paar einfache Elemente der Verwendung von Skizze aufschlüsseln. Was ich hier getan habe, ist, dass ich ein neues Dokument geöffnet habe und ich werde anfangen, die Elemente meines Drahtmodells zu erstellen. Bevor wir tatsächlich Komponenten hinzufügen, möchte ich Ihnen nur ein wenig darüber erzählen, wie diese Seite angelegt ist, auf diese Weise , wenn ich auf bestimmte Elemente verweise, verstehen Sie, wovon ich spreche. Ich werde die Grundlagen der Skizze in diesem. Wenn Sie jedoch mehr erfahren möchten, gibt es viele Video-Tutorials, wie Sie erweiterte Bearbeitung, erweiterte Funktionen und andere Funktionen durchführen können, die Sie später nach unten verwenden möchten , während Sie fortfahren , um Ihre Fähigkeiten als UX Designer weiterzuentwickeln. Jetzt werde ich die Skizze auf einem MacBook Pro demontieren. Viele der Steuerelemente sind jedoch sehr ähnlich, wenn Sie sich auf einem anderen Betriebssystem befinden. Wenn etwas, das ich heute erwähnt habe, nicht direkt übersetzbar ist, wissen Sie nur, dass es ein Äquivalent in Ihrem Betriebssystem gibt. Der erste Bereich, den Sie kennen müssen, ist dieser mittlere Leerraum. Dies wird als Canvas bezeichnet. Dies ist im Wesentlichen, wo Sie alle Ihre verschiedenen Wireframes bauen werden. Diese Leinwand ist im Wesentlichen unendlich, was bedeutet, dass sie so groß sein kann, wie Sie es brauchen. Wenn Sie über 100 Drahtmodelle verfügen müssen, können Sie in diesem Zeichenbereich 100 Drahtmodelle erstellen. Wenn Sie Elemente zur Seite hinzufügen oder zusätzliche Bildschirme zur Seite hinzufügen und in der Arbeitsfläche navigieren möchten, halten Sie einfach die Leertaste gedrückt und verwenden Sie das Mauspad oder das Trackpad, um zu navigieren. Dieser Bereich hier drüben auf der rechten Seite wird Inspektor genannt. Hier haben Sie alle Styling-Steuerelemente für die einzelnen Seitenelemente, die Sie hinzufügen. Wenn Sie zum Beispiel ein Feld hinzufügen und diese Farbe in Rot ändern möchten, würden Sie dies im Inspektorfenster auf der rechten Seite tun, auf der linken Seite des Bildschirms sehen Sie alle Ihre Kunstboards und Ihre Ebenen als beginnen Sie mit dem Hinzufügen von Inhalten auf dem Bildschirm. Dies ist später nützlich, wenn Sie beginnen möchten, Dinge wie die Neuanordnung Ihrer Ebenen und sehen, wie Ihre Ebenen übereinander gestapelt sind. Schließlich wird dieser Bereich am oberen Rand als Werkzeugleiste bezeichnet. Wenn ich sage, dass Sie die Möglichkeit finden, Text in der Symbolleiste hinzuzufügen, ist dies der Bereich, auf den ich mich beziehe. Das war's. Das ist das grundlegende Layout der Skizze. Hier ist ein guter Ort, um zu pausieren und sicherzustellen, dass Sie Zugriff auf die Skizze haben. Ich empfehle, dass Sie es öffnen und mit einigen der Elemente spielen, die ich Ihnen gerade vorgestellt habe. Sie sich mit dem Layout vertraut, und im nächsten Segment beginnen wir mit der Erstellung unserer Drahtmodelle. 8. Lo Fidelity: Nun, was wir tun werden, ist beginnen, darüber zu sprechen, wie Seitenelemente hinzuzufügen , wenn Sie beginnen, Ihre Drahtmodelle zu erstellen. Auch hier sind Ihre Wireframes eine Gelegenheit, Ihre Idee weiter zu gehen, das Gesamtlayout zu kommunizieren, echte Inhalte hinzuzufügen, über die Schaltflächen und die Interaktionen nachzudenken , die die Benutzer tun müssen, und denken durch die gesamte Architektur dieser Erfahrung. Das ist es, was ich Ihnen zeigen werde, wie man baut. Dies ist ein Beispiel dafür, wie Low-Fidelity-Wireframes aussehen können. Sie werden feststellen, dass es in Graustufen ist. Das liegt daran, was wir nicht tun wollen, ist sich mit Farben, Logos und Bildern zu dieser Zeit an das Gesamtbild hängen zu lassen, aber wir wollen kommunizieren, was im Wesentlichen auf der Seite sein wird. Sie werden auch feststellen, dass ich nur gerade genug Informationen auf einem hohen Niveau gestellt habe, kommunizieren, was diese Seiten tun werden, ohne in die Besonderheiten von ihnen zu bekommen. Schließlich werden Sie feststellen, dass ich gerade eine ziemlich klare Namenskonvention habe. Dies liegt daran, dass später, wenn Sie mehrere Bildschirme haben und Sie daran arbeiten, diese zu exportieren, entweder einen interaktiven Prototyp zu erstellen oder sie in einer Präsentation zu platzieren, diese Namenskonventionen ins Spiel kommen. Wenn Sie eine große Datei haben, die Sie an einen anderen Designer übergeben werden, möchten Sie auch sicherstellen, dass alle Ihre Kunsttafeln klar angelegt sind , so dass jemand in das Dokument gehen und von Ihnen übernehmen kann. Ich werde Ihnen zeigen, wie Sie jede dieser Seiten aufbauen können. Gehen Sie zurück zu unserem leeren Canvas, das erste, was Sie tun müssen, ist, dass Sie ein Kunstboard hinzufügen müssen. Jeder Wireframe wird auf seiner eigenen Kunsttafel sein. Um ein Bildbrett in der oberen Symbolleiste hinzuzufügen, klicken Sie auf das „Plus“ und „Kunstboard“. Zum Glück bietet Ihnen die Skizze eine Auswahl präzisierter Seiten, sodass Sie nicht herausfinden müssen, für welche Größe Sie entwerfen müssen. Nur um es heute einfach zu machen, werde ich für ein iPhone 8 entwerfen. Ich wähle ein iPhone 8 aus, und Sie werden feststellen, dass es automatisch im Querformat konfiguriert ist, aber ich möchte es eigentlich im Hochformat gestalten. Alles, was ich im Inspektor tun musste, ist die Portraitansicht auszuwählen. Von hier aus werde ich anfangen, die Seitenelemente hinzuzufügen. Nun, wieder einmal, werden Sie feststellen, dass ich um den Bildschirm schwenke , indem Sie die Leertaste gedrückt halten und meine Maus benutzen. Es gibt jetzt auch einen subtilen Unterschied zwischen der leeren Leinwand und der Leinwand, die wir sehen. Sie werden feststellen, dass die Leinwand vorher weiß war und jetzt grau ist. Dies soll zeigen, dass wir ein aktives Kunstboard haben, an dem wir arbeiten. Nun, der erste Schritt besteht darin, Ihre Kunsttafel umzubenennen, so dass sie einfacher zu navigieren ist und später leichter zu finden ist. Alles, was ich tun, ist, auf diesen Bereich zu doppelklicken, der das iPhone 8 genannt wurde, und jetzt kann ich es nennen, wie ich es nennen möchte. Meine persönliche Namenskonvention besteht darin, jeder Seite eine Nummer zu geben , damit sie beim Exportieren mehrerer Seiten bereits in numerischer Reihenfolge sind. Das nächste, was ich gerne mache, ist zu beschreiben, was die Seite ist. Es gibt allererste Low-Fidelity-Wireframe wird die Zielseite sein. Jetzt bin ich bereit, mit der Gestaltung dieser Zielseite zu beginnen. Im Wesentlichen wird alles auf der Seite eine Kombination aus Formen und Text sein. Die einzige Ausnahme davon ist, wenn Sie echte Bilder einfügen oder Ikonographie einfügen, aber wir beginnen für Low-Fidelity-Zwecke mit nur Rechtecken und Verwendung von Textelementen. In der Symbolleiste wähle ich das Formwerkzeug aus, und wähle ein Rechteck aus. Jetzt werden Sie feststellen, dass mein Cursor eine Box um ihn herum hat. Dies deutet darauf hin, dass ich im Begriff bin, eine Rechteck-Form zu zeichnen. Ich kann entweder die Form auf die volle Breite ziehen, die ich will, oder im Inspektor kann ich die Größe davon manipulieren. Hier geht es ungefähr darum, was ich will. Ich werde das so lassen, wie es ist. Die einzige andere Sache, die ich hier tun würde, ist, dass ich die Farbe ändern werde. Ich werde die Grenze abschalten, weil Grenzen dazu neigen, sehr blockig und ein wenig kompliziert für ein Low-Fidelity-Drahtmodell zu werden. Aber wir werden verschiedene Grautöne verwenden, und das wird mein dunkelster Grauton sein, also möchte ich einfach den Farbwähler verwenden, um einen etwas dunkleren Grauton auszuwählen. Wenn Sie lieber mit Hex-Farben arbeiten möchten, können Sie hier Ihre Hex-Farbe manuell eingeben. Was ich gerne tun möchte, ist, dass ich oben auf der Seite für meine Landingpage ein Hintergrundbild haben werde. Ich werde das ungefähr um die Größe ziehen, von der ich denke, dass es sich gut für ein Hintergrundbild anfühlt. Ich werde mir keine Sorgen darüber machen, was dieses Bild jetzt ist, aber ich weiß, dass, weil ich Produkte verkaufen werde, ein Bild an der Spitze wirklich auffällig für den Benutzer sein wird. Von hier aus werde ich den Text hinzufügen, den ich auf der Seite sehen möchte. In der Symbolleiste wähle ich das Textwerkzeug aus und klicke einfach, um mit der Eingabe zu beginnen. Um den Text zu manipulieren, wähle ich das Textelement aus, und im Inspektor kann ich Elemente des Typs ändern. Ich kann ändern, welche Schriftart ich verwende, die Schriftgröße, die Schriftbehandlung und sogar die Farbe der Schriftart selbst. Wenn ich nun ein anderes Textelement auf der Seite erstellen möchte, kann ich entweder ein neues Textelement hinzufügen, oder ich kann das vorhandene Element einfach kopieren und einfügen. Um dies zu tun, wähle ich das Element aus und ich kann mit der rechten Maustaste, oder mit meinem Mac ich kann Befehl C, gefolgt von Befehl V tun . Jetzt werden Sie feststellen, sich diese beiden Ebenen überlappen, aber ich habe zwei verschiedene Instanzen dieses Textes, ich wähle den, den ich verschieben möchte, und ziehe ihn an den Speicherort, an dem ich ihn haben möchte. Um diesen Text zu ändern, doppelklicken Sie auf und geben Sie „Ihre Favoriten“ ein. Nun, was ich tun möchte, ist, dass ich anfangen würde hinzufügen, was ich glaube, wird Screenshots von schönen Fotos von jedem der verschiedenen Arten von Bestellungen, die dieser Benutzer in der Vergangenheit platziert hat. Um dies zu tun, werde ich ein Rechteck einfügen, aber für Elemente auf einer Seite, die anklickbar sind, mag ich, dass sie sich wie Schaltflächen fühlen, also werde ich ein abgerundetes Rechteck anstelle eines quadratischen Rechtecks erstellen. Ich ziehe das abgerundete Rechteck, um die gewünschte Größe zu haben, ich klicke noch einmal darauf, damit ich den Editor öffnen kann, und ich werde einige kleine Manipulationen machen. Ich werde den gerundeten Radius auf vier Pixel ändern , weil das genau das ist, was mir am besten gefällt. Ich werde die Grenze entfernen und ich werde das Grau etwas heller machen , damit es schöner auf dem Auge ist. Im Wesentlichen ist dies das Seitenelement, das ich möchte, also werde ich es einfach kopieren und einfügen, und jetzt habe ich ein zweites. ich diese Elemente weiter hinzufüge, werden Sie feststellen, dass alles, was ich getan habe, ein paar wichtige Dinge zu kopieren und einfügen , um diese Seite zu erstellen, und es kommuniziert so viel. Was ich jetzt sehen kann, ist, dass ich in meiner Bewerbung oder in meinem Dienst eine Landing Page haben werde. Es wird ein großes Bannerbild haben, es wird ein Logo haben, vielleicht ein Menü, vielleicht sogar ein Profilbild. Ich gehe davon aus, dass Benutzer auf diese Weise ihre früheren Bestellungen und solche Dinge finden werden. Unten unten werden sie in der Lage sein, ihre Lieblingsartikel zu sehen, vielleicht sind dies Dinge, die sie viel kaufen, und vielleicht sogar einige Logo-Vorschläge. Ich habe das alles durch drei verschiedene Seitenelemente kommuniziert: meinen Text, meine abgerundeten Rechtecke und mein quadratisches Rechteck oben. Ich hoffe, dass diese Demonstration, was Sie gesehen haben, ist, dass Skizze tatsächlich ein ziemlich einfaches Werkzeug ist. Es gibt eine Menge robuster Funktionen, aber es gibt nicht so viel, was Sie brauchen, um einfache Ideen durch Low-Fidelity-Wireframes zu kommunizieren . Bevor ich dich das alleine erforschen lasse und es versuchen lasse, möchte ich nur darüber reden, was ich mit Schichten gemeint habe. Jedes dieser Elemente ist eine einzelne Ebene. Nehmen wir an, ich möchte Text oben auf dem Kreis haben. Um Zeit zu sparen, werde ich diesen Text kopieren und einfügen, den ich bereits gestylt habe , anstatt das Styling erneut neu Ich ziehe ihn an die Stelle, an der ich ihn möchte. Aber Sie werden feststellen, dass die Tatsache, dass Sie sie nicht sehen können , bedeutet , dass sich diese Ebene hinter der Kreisebene befindet. Ich kann das auch sehen, indem ich auf die Ebenenseite schaue. Was ich hier sehen kann, ist, dass diese Textebene, die ich über dem Oval will , tatsächlich unter dem Oval liegt. Ich habe ein paar Möglichkeiten. Am einfachsten ist es, das Textelement über die Ebene des Kreises zu ziehen. Eine weitere Möglichkeit besteht darin, die Textebene auszuwählen, die ich vorwärts bewegen möchte. Ich kann es ausgewählt sehen, obwohl ich es nicht sehen kann, und ich klicke auf die Schaltfläche „Vorwärts“ in der Symbolleiste. Jetzt haben Sie alle grundlegenden Elemente, die Sie kennen müssen , um mit Low-Fidelity-Wireframing zu beginnen. Ich möchte, dass Sie Ihr Konzept ein wenig weiter nehmen , indem Sie es in Drahtmodelle verwandeln. Sie müssen nicht die gesamte Erfahrung drahtgebündelt haben, aber Sie möchten sicherstellen, dass Sie über alle wichtigen Seiten verfügen, um Ihre Idee zu kommunizieren. Als Nächstes werden wir einen Blick darauf werfen, wie Sie Ihr Konzept bewerten können, um sicherzustellen, dass es zugänglich ist, und dann beginnen wir, es in High-Fidelity-Wireframes umzuwandeln. 9. Erreichbarkeit: Barrierefreiheit ist eine sehr wichtige Überlegung für das UX-Design, über den gesamten Lebenszyklus des Projekts nachzudenken. Sie möchten also frühzeitig über Barrierefreiheit nachdenken und diese in jede Aktivität und Übung einbringen , die Sie und Ihr Team tun werden. Dies ist ein komplexer Raum und einer, für den ich nicht vorgebe, ein Experte zu sein. Was wir heute jedoch tun werden, ist, die Grundlagen für den Einstieg in die Barrierefreiheit für das UX-Design speziell aufzuschlüsseln . Ich schlage vor, dass Sie einige Zeit damit verbringen, ein wenig tiefer zu diesem Thema zu lesen, da es in der UX Design-Community immer wichtiger wird. Also fangen wir damit an. Es gibt eine Vielzahl von Beeinträchtigungen, mit denen Benutzer konfrontiert werden können , und Sie selbst können sie sogar von Zeit zu Zeit erlebt, unabhängig von Ihrer Fähigkeit. Beeinträchtigungen können dauerhaft, vorübergehend oder sogar situativ sein. Sie können Ihre Wahrnehmung, Ihre Operation oder Ihr Verständnis beeinflussen . Schauen wir uns ein paar verschiedene Beispiele für verschiedene Arten von Beeinträchtigungen an. Eine dauerhafte Beeinträchtigung könnte Farbenblindheit oder Taubheit sein, während eine vorübergehende Beeinträchtigung etwas wie ein gebrochener Arm oder Erschöpfung sein könnte und situationsbedingte Beeinträchtigung Dinge wie hohe Blendung von der Sonne, eine Migräne, ein Baby, oder das Erlernen einer neuen Sprache. Daher ist es wichtig, die Barrierefreiheit zu berücksichtigen, denn wenn Sie für die Barrierefreiheit lösen, lösen Sie für Ihren täglichen durchschnittlichen Benutzer. Jetzt gibt es eine Menge an Zugänglichkeit. Ich werde während dieser Klasse nur ein paar Schlüsselelemente aufschlüsseln. Das erste Element, das bei Zugänglichkeit und Gestaltung für Barrierefreiheit berücksichtigt werden muss, ist Farbe. Farbe ist ein großer Faktor im Design, sie kann sowohl begeistern als auch verbessern die Benutzererfahrung, wenn sie weit verbreitet verwendet wird. jedoch immer sicher, dass Ihre Farbe ein hohes Kontrastverhältnis verwendet. So möchten Sie sicherstellen, dass Ihr Vordergrund und Ihr Hintergrund genügend Kontrast zwischen ihnen haben , dass es für jeden leicht zu sehen ist, ob Sie Blendung von der Sonne haben oder ob Sie farbblind sind. Bei bestimmten Beeinträchtigungen können Benutzer Hilfstechnologie verwenden. Ein Beispiel für unterstützende Technologie ist so etwas wie ein Screenreader, verbal die Elemente diktiert, die ein sehender Benutzer sehen würde. Ein weiteres Beispiel ist die Tastaturnavigation, bei der der Benutzer die Tab-, Eingabe- und Pfeiltasten verwenden kann , um mit der Schnittstelle zu interagieren, um ihre Aufgabe abzuschließen. Dies ist jetzt wichtig für UX-Designer zu verstehen, sowohl Bildschirmlesegeräte als auch Tastaturnavigation, da Ihre Rolle im Projekt darin besteht, dem Techniker beim Erstellen und Verstehen aller Komponenten zu helfen , damit sie beide korrekt diktiert werden. und sie werden im Back-End in die richtige Reihenfolge gebracht, so dass der Benutzer, wenn er versucht, die unterstützende Technologie zu verwenden, den Fluss so nahtlos wie möglich durchlaufen kann. Jetzt werden sowohl Bildschirmlesegeräte als auch Tastaturnavigation am besten verstanden, wenn sie aus erster Hand erlebt werden. Um also ein Bildschirmlesegerät auszuprobieren, schlage ich vor, dass Sie die unterstützende Unterstützung auf Ihrem Telefon einschalten, sich mit den Augen verbinden und versuchen, eine SMS zu senden oder eine Pizza zu bestellen. Um die Tastaturnavigation zu erleben, öffnen Sie den Wetterkanal in Ihrem Browser und versuchen Sie die fünftägige Vorhersage für Ihre Stadt mit der Gestentastatur zu finden. Wie fühlte sich das an? Nun, während Sie dabei sind, werfen Sie einen Blick auf Ihr Konzept, das Sie verdrahten gerahmt. wissen, was Sie gerade über Tastaturnavigation und Bildschirmlesegeräte gelernt haben, würden Sie etwas in Ihrem bestehenden Konzept ändern? 10. Hallo Fidelity: Jetzt ist es an der Zeit, Ihr endgültiges Konzept aufzuräumen und für die endgültige Präsentation vorzubereiten , indem Sie eine visuelle Behandlung und eine abschließende Kopie anwenden. Einige Unternehmen werden visuelle Designer haben und sie werden Ihre Partner in diesem Teil des Prozesses sein. Vielleicht haben Sie sogar ein wenig früher mit ihnen zu arbeiten begonnen. Um zu ermitteln, wie die Tastenbehandlungen aussehen, wo Typografie leben wird, die Typstile, die Sie verwenden werden, und die Farben, die Sie verwenden werden. Wenn Sie nicht zufällig einen visuellen Designer haben, ist es möglich, dass Ihr Unternehmen eine visuelle Sprache hat. Dies ist eine Branding Richtlinie, die Sie folgen, wie Sie sowohl Ihre Art Behandlung, Ihre Farbbehandlung, und alles andere visuell, die Sie im Auge behalten müssen. Wenn Sie mit einer visuellen Sprache arbeiten, wäre dies der Zeitpunkt, an dem Sie diese Richtlinien auf Ihre Drahtmodelle und Skizze anwenden . Wenn Sie keinen visuellen Designhintergrund haben, haben Sie die Möglichkeit, mit visuellem Design zu arbeiten oder sogar eine visuelle Sprache zu haben. Ich schlage vor, dass Sie einen Kurs zu grundlegenden Grafikdesignprinzipien lesen und nehmen , da dies Ihnen helfen wird zu verstehen, wie Sie Schriftarten und Schreibfähigkeiten verwenden , um sicherzustellen, dass Sie über eine gute Hierarchie und scanbaren Text verfügen. Sie werden auch ein grundlegendes Verständnis der Ikonographie und Farbtheorie wünschen , um sicherzustellen, dass Ihre Entwürfe verständlich sind. Während ich herumarbeite, um Sie zu starten und für dieses Projekt, schlage ich vor, dass Sie zwei Dinge tun. Werfen Sie zunächst einen Blick auf nounproject.com, um Inspiration für verschiedene Sätze von Symbolen zu erhalten, die Sie vielleicht verwenden möchten. Ich schlage auch vor, dass Sie mit dem Surfen von Websites beginnen , die Sie für die Farbbehandlung bewundern und sich an zwei bis drei Arten halten , um mit visuellem Design auf Ihre Wireframes zu beginnen. Was ich möchte, dass Sie anfangen, darüber nachzudenken, sind die Prinzipien Ihrer Produkte. Wollen Sie, dass es modern ist? Wollen Sie, dass es klassisch ist? Wollen Sie, dass es warm und ansprechend oder freundlich und informativ ist? Definieren Sie, wie sich Benutzer fühlen sollen, wenn sie Ihre Erfahrung nutzen. Wählen Sie dort zwei oder drei Farben aus, mit denen Sie arbeiten möchten und ein bis zwei Schriftarten, mit denen Sie arbeiten möchten. Beginnen Sie mit der Anwendung der Hierarchie des Textes, wenden Sie Ihre Farbe an, wenden Sie beliebige Bilddaten und beliebige Ikonografie an, die Sie verwenden möchten. 11. Erzählung einer überzeugenden Geschichte: Ihr Endprodukt sieht großartig aus und Sie sind zuversichtlich in der Lösung. Jetzt ist es an der Zeit, sich auf die große Präsentation vorzubereiten. Theoretisch hätten Sie Ihre Idee bis zu diesem Punkt oft mit Ihrem Projektteam geteilt , dies wäre keine große Offenbarung für sie. Gute Präsentationsfähigkeiten sind jedoch nicht nur für den Versand eines Produkts von grundlegender Bedeutung, sondern auch für die Beeinflussung des Teams, um eine Produktidee einzukaufen. Trotz der Tatsache, dass SieIhre Entwürfe bereits mit dem Produktteam geteilt haben,kann Ihre Entwürfe bereits mit dem Produktteam geteilt haben, hier eine große Präsentation für andere Teams, Partnerteams oder vielleicht sogar Führungskräfte ins Spiel kommen. Der Schlüssel zu jeder guten Präsentation, ist es, eine überzeugende Geschichte zu erstellen. Ihr Ziel, wenn Sie jemandem präsentieren, ist es, die Geschichte des Problems und die Lösung, die Sie vorschlagen, zu teilen . Wie jeder gute Roman sollte Ihre Präsentation einem Geschichtenbogen folgen; sie zieht Leute hinein, sie hakt sie und sie wollen wissen, wie es endet. Beginnen Sie, indem Sie die Szene einstellen, hier markieren Sie kurz das Projekt, das Team und das Ziel der Arbeit. Jetzt ist es Zeit, das Drama zu bauen, dem Publikum über den Benutzer und die geschäftlichen Probleme zu erzählen, die beobachtet wurden und es in der frühen Phase des Projekts aufzudecken, dies sollte eine kurze Geschichte sein, aber helfen Sie dem Team das Wertversprechen der Lösung selbst zu verstehen. Jetzt ist es an der Zeit, das Publikum zu fesseln, sagen Sie es ihnen nicht, sondern zeigen Sie ihnen die Lösung durch die Augen des Benutzers. Sie müssen nicht jeden einzelnen Status des Designs anzeigen, markieren Sie einfach die unglaubliche Benutzererfahrung, die Sie erstellt haben. Es wird höchstwahrscheinlich ein separates Dokument mit allen verschiedenen Seitenzahlen geben, die Sie für Entwicklungszwecke erstellt haben. Schließen Sie sich mit abschließenden Details an, um zu zeigen, dass dies eine gut durchdachte Lösung ist, die mit allen Kanälen korrekt überprüft wurde. Nun, meine Top 3 Best Practices, die ich denke, Sie sollten immer folgen, ist, eine menschliche Geschichte zu erzählen, indem Sie eine Handlung und einen Charakter hinzufügen. Das ist jemand, den sich jeder im Team zusammenfinden kann und wirklich erfolgreich sein will. Zweitens: Verstehen Sie das Publikum und die Art der Präsentation, die Sie geben. Wenn Sie mit einem Raum voller Führungskräfte sprechen, die Art des Tones und die Art der Sprache, die Sie verwenden möchten, ist die Art des Tones und die Art der Sprache, die Sie verwenden möchten,etwas anders als das, wenn Sie mit Ihrem Kernteam sprechen , das ein wenig mehr Hintergrund in der Verständnis nicht nur für das Projekt, sondern auch für den Prozess, den Sie verfolgt haben. Wenn Sie diese Präsentation wirklich auf die nächste Ebene bringen wollen, sie funktionsübergreifend gestalten, dann seien Sie nicht der Einzige, der spricht. Es braucht ein Dorf, um ein großartiges Erlebnis zu schaffen. Bitten Sie also Ihre Produktmanager und Ihre Ingenieure um funktionsübergreifenden Kollegen die Geschichte zu erzählen. Schließlich üben, üben, üben. Je selbstbewusster Sie klingen, wenn Sie die Präsentation liefern, desto selbstbewusster werden sich alle anderen an das richten, was Sie ihnen erzählen, und sie werden an die Geschichte glauben, die Sie geben. Dinge zu vermeiden: Versuchen Sie nicht, eine Einheitsgröße für alle Präsentationen zu erstellen, das funktioniert einfach nicht. Der Ton, die Sprache und die Beispiele, die Sie angeben, werden je nachdem, mit wem Sie sprechen, unterschiedlich sein. Vermeiden Sie auch, für die gesamte Präsentation zu sprechen, da es viele Fragen geben wird. Wenn Sie eine 30-minütige Präsentation halten, sollten Sie nur für etwa 15 Minuten präsentieren und den Rest der Zeit für ein Gespräch mit den Stakeholdern widmen. Schließlich ist weniger mehr, zeigen Sie die Benutzererfahrung, anstatt sie zu beschreiben. Es ist viel einfacher, sich in die Schuhe des Benutzers zu setzen und Sie werden sich im Allgemeinen positiver über die Gesamterfahrung fühlen. In diesem Sinne möchte ich, dass Sie Ihre Projektpräsentation abschließen, alle Elemente des Workflows einbringen, die Sie abgeschlossen haben, die möglicherweise fehlen, erstellen Sie diese Geschichte, sehen Sie, ob das , was Sie bereits abgeschlossen haben, folgt oder wenn Sie zurückgehen und eine der Aktivitäten oder Schritte, die wir bisher abgeschlossen haben, erneut besuchen müssen. 12. Project und Schlussfolgerung: Im Laufe dieser Klasse haben wir nur einen kurzen Blick darauf genommen, wie man ein UX-Designer wird. Es gibt mehr Schritte und mehr Nuancen für den eigentlichen Job selbst. Dieses grundlegende Verständnis sollte jedoch ausreichen, um Ihnen den Einstieg zu erleichtern. Wir haben uns den iterativen Designprozess angesehen, der durcharbeitete, verstehen, wo wir einen tieferen Blick auf den Markt, den Benutzer und durch die Erweiterung den Problemraum genommen haben. Wir haben uns für dieses Problem entschieden, um die bestmögliche Lösung zu finden. Wir haben unsere Ideen mit den Anwendern ausgewertet, als wir das Konzept zu einer endgültigen Lösung verfeinern wollten. Ich habe am Anfang erwähnt, dass dieser Prozess so oft passieren kann, wie es für ein bestimmtes Projekt benötigt wird. Ein Faktor bei der Definition, wie oft Sie durch die Schleife gehen , ist die technische Organisation, die Sie unterstützen, egal ob es sich um Agile handelt oder ob es sich um Wasserfall handelt. Als UX-Designer, der ein agiles Projekt unterstützt, tun Sie, was man als schlankes UX-Design bezeichnet. Sie konzentrieren sich auf kleinere Lieferungen und Mikroverbesserungen über eine konsistente Trittfrequenz von Code-Releases. Als UX-Designer, der ein Waterfall-Projekt unterstützt, werden Sie höchstwahrscheinlich eine viel größere End-to-End-Erfahrung für mehrere Benutzertypen in Angriff nehmen , gefolgt von einer großen Marktveröffentlichung. Sowohl Agile als auch Wasserfall haben Vor- und Nachteile. Durch diese Klasse simulierten wir jedes End-to-End-Projekt, bei dem Sie genügend Aktivitäten abgeschlossen haben, um den gesamten Entwurfsprozess zu verstehen. Jetzt wissen Sie noch einmal, dass es theoretisch mehr Dinge gibt, die Sie als UX-Designer tun möchten, indem Sie entweder in Agile oder in einem Waterfall-Prozess liefern. Ein weiterer Faktor, der sich direkt auf den Umfang des Projekts auswirkt, ist, wenn Sie eine Produktverbesserung oder ein Ground-up-Design durchführen. Sie können auch größere Neuentwürfe oder Restyles in die spätere Kategorie gruppieren, da es oft eine Menge Nacharbeit erfordert und erneute Ermittlungen. Eine einmalige Funktionserweiterung innerhalb eines großen Projekts erfordert möglicherweise keinen gründlichen Entwurfsprozess, während eine teilweise Neugestaltung oder eine vollständige Neugestaltung eine erhebliche Menge an Untersuchungen und Tests erfordert. Als UX-Designer der meiste Teil Ihres Tages eigentlich nicht damit verbracht, zu entwerfen. Es kann sein, wenn Sie ein Junior-Designer sind oder gerade erst anfangen, den UX-Lead unterstützen, aber wenn Sie zu mehr Projekten beitragen, wird Ihre Zeit zwischen dem Entwerfen, Treffen mit Benutzern, der Teilnahme an Kritiken Teilnahme an Projekttreffen mit PMs und Ingenieuren, Überprüfung von Wettbewerbern, Storytelling, Workshops, Zusammenarbeit, Verständnis der Back-End-Technologie, ein Produktexperte in Ihrer Branche zu werden und Partner zu beeinflussen. Das ist eine Menge. haben Sie gerade Ihr allererstes UX-Projekt abgeschlossen. Herzlichen Glückwunsch und willkommen in der spannenden Welt des UX Designs. Ich hoffe, dass Sie diesen Spaß finden, und ich hoffe, dass Sie diesen praktischen Ansatz gefunden haben, eine großartige Möglichkeit, zu erfahren, wie Sie sich für Ihren Benutzer einsetzen, ein UX-Designer sein und zu einem End-to-End-Projekt beitragen können. Ich hoffe, Sie gehen weiter auf diese Reise und ich hoffe, Sie bald in der UX Design Community zu sehen.