UX-Design-Prozess und Theorie: Für Jede und Jeden

1. Kursvorschau: Wolltest du schon einmal wissen und verstehen? Die U X Unsere User Experience Prozess in dieser ersten Klasse in der zweiteiligen Serie wird über die U. X Y Grundlagen wird durch ein Beispielprojekt gehen, das die wichtigsten U X Lieferbols enthält, einschließlich Benutzerpersona, Profil, Customer Journey Map und schließlich ein User Flow sterben. Der zweite Teil der Siri wird in Drahtrahmen eintauchen, während wir einen Low-Fidelity-Drahtfreund entwickeln ihn in, ah, ah, High Fidelity polierten Arbeitsprototyp, um mit Benutzern zu testen. Nachdem Sie sich diesen ersten Teil der Siri angesehen haben, haben Sie ein solides Verständnis des U X-Prozesses als Ganzes und wissen, wo Sie neu beenden . Ich komme zusammen und überlappt mich. Jeder muss die Grundlagen des großartigen UX-Designs und den dahinter liegenden Prozess verstehen. Nachdem Sie diese Klasse absolviert haben, können Sie XY Y Y Ideen in Ihre täglichen Arbeitsprojekte integrieren und sogar einen Einblick in das Leben der U.S. U I Designer bekommen einen Einblick in das Leben der U.S. U.S. . Diese Klasse ist für alle, die Grafikdesigner, Web-Entwickler und alle, die daran interessiert sind, mehr über den US-ey-Prozess zu erfahren, indem sie durch ein praktisches, reales Projekt gehen durch ein praktisches, . Sie werden auf dem Weg mit drei vielen Studentenprojekten beauftragt und mit Vorlagen im Projektabschnitt dieser Klasse versehen , um Ihnen einen Vorsprung zu geben. Lasst uns gemeinsam lernen. 2. UX/UI: Sie x und Sie verdienen Was ist Sie auszeichnen Ooh, Ich entwerfen Und wie sind sie anders? Du? Warum Design ist, was Sie denken, wenn Sie von Web-Mock ups denken, Designs und Drahtrahmen Sie Augen Benutzeroberfläche und es ist das Endergebnis von Stunden der Forschung und Planung von, aber Sie als Designer und durch den Kunden mit ihrem Marketing-Team Sie mischen nach oben das Farbthema Markenbestände und Elemente Icon Designs, die Menü-System-Symbole, Illustrationen und grundlegende Anordnung Layout der Website oder mobile App. UX Auf der anderen Seite, oder User Experience Design konzentriert sich viel weniger auf die visuelle Seite des Designs und mehr in Gesamterfahrung der Betrachter geht durch, wenn Sie durch Ihr Design bewegen. UX-Design der subtilen Dinge, die Sie auf einer Website bemerken, wie einfach ist der Checkout-Prozess ? kann nicht finden, wonach ich suche. Schnell beantwortet diese Website die Frage, die ich nicht wusste, dass ich über dieses Produkt oder eine Dienstleistung hatte. Ich genieße es, diese mobile App zu nutzen. Sowohl ihr Eier als auch ihr ich entwerfe sind gleichermaßen wichtig im Gestaltungsprozess jedes Designstücks , egal ob digital oder bedruckt. Zuallererst. Wie sieht es dir aus? Ich entwerfe Zweitens, wie fühlt es sich an, wenn ich dieses Produkt mit Portionen verwende? Sie sind User Interface Design kommt natürlicher für diejenigen, die Grafik-Web-Designer und Illustratoren sind . Weil es das ist, was wir tun. Wir kreieren lebendige, dynamische Bilder und Designs, die Menschen sehen und mit denen sie Zeit verbringen möchten. Wir kreieren Symbole, die dem Stil der Marke entsprechen, sowie Illustrationen, finden Fotos, Zehe auch passen und schließlich die richtigen Quandt-Entscheidungen und Farbpaletten finden, um die richtige Stimmung für die Website zu bekommen , die den Marke. Wer das ist eine Menge. Aber UX-Design ist das, worauf ich mich konzentrieren möchte. Zunächst als eine wunderschöne, gut angelegt Website ist nichts ohne eine Mehrwert hinzufügen Benutzererfahrung, die die Ziele eines Benutzers erreicht und bietet ihnen auch eine Motivation, an Ihren Marken, Produkten und Dienstleistungen teilzunehmen . Kurz gesagt, es macht das Unternehmen Geld. UX-Design ist riesig. Jetzt sagen Sie, dass dieser Begriff ohne Gedanken toe y UX-Design so wichtig für den gesamten Designprozess geworfen wird. Viele Leute vermischen dich x und du ich entwerfe, und es gibt einen Grund, warum sich diese beiden Konzepte sowohl in Wert als auch in Zielen überschneiden. Die Farbe eines Aufrufs an Action Button, fest in das U I oder User Interface Camp fallen würde, kann auch in einem Port in einem Teil des User Experience Design sein, da diese Farbe es einfacher für sie machen könnte, die Taste zu finden und zu erkennen die nächsten Schritte im Prozess, um ihre Erfahrung zu erleichtern. Hoffentlich, nachdem wir Sie X und mehr Details studiert haben, können Sie wissen, wo Sie axt und Sie ich überlappen und wie Sie diese beiden Qualitäten besser nutzen können , um ansprechende Designs und Layouts zu produzieren. Lassen Sie uns tiefer mit dem UX-Design gehen. Eine gute Möglichkeit, mehr über das UX-Design zu erfahren, ist zu verstehen, welche Art von Lieferungen aus der Zukunft des UX-Designers erwartet werden . Spezialisieren Sie sich auf das UX-Design. auch Was istauchder Gesamtprozess, wie beim Erstellen einer mobilen App, die zum Beispiel entwickelt wurde, werden wir genau das tun, indem wir einige gemeinsame UX-Designprinzipien und -systeme verwenden, um einige UX zu sammeln und zu erstellen Lieferbols, so können wir uns dann auf die Benutzeroberfläche Design und Layout konzentrieren. Also zunächst einmal, lassen Sie uns über unsere Kunden-Briefung sprechen Wir haben einen Kunden, der braucht und mobile App entwickelt und entwickelt. Sie haben ein Logo und nüchtern und Farben. Sie haben auch ein Leitbild, Geschäftsziele und Marketingplan in der Hand, sie brauchen jemanden, der ein visuell interessantes Design erstellen kann, aber auch die Ziele der Benutzer erreichen und eine positive Benutzererfahrung bieten. Eine hohe Ordnung, gelinde gesagt. Aber lassen Sie uns den allgemeinen Prozess durchlaufen. zunächst das Ziel, Lassen Sie unszunächst das Ziel,die Zielgruppe und das Leitbild des Unternehmens verstehen . Die Firma nennt sich lokale Grub. Sie bieten lokale Lebensmittel- und Lebensmittellieferungen und kleinere Städte. Die meisten Unternehmen ihrer Branche bieten Fast-Food-Lieferung an, aber nur die größeren Metropolen . Diese APP will das ändern und bieten den gleichen Fast-Food-Lieferservice im Lebensmittelservice , zwei kleinere, mittelgroße Städte und Städte. Ihre Zielgruppe sind meist jüngere Leute, im Alter von 22 bis 45 Jahren reichen. Diejenigen, die beschäftigte Profis sind, die nicht die Zeit haben, zum Lebensmittelgeschäft zu rennen, sind beschäftigt. Eltern, die arbeiten und mehr Zeit mit der Familie haben wollen und sich keine Sorgen über das Fixieren von Lebensmitteln machen wollen. Dieses Unternehmen bietet nicht nur Lebensmittellieferungen, sondern auch Restaurant-Essen Lieferservice von jedem Restaurant im Umkreis von 15 Meilen. Es gibt einen Aufpreis für alles außerhalb dieses Radius. Fähigkeit, die Ziele, das Leitbild und die Zielgruppe eines Unternehmens zu verstehen , ist ein wesentlicher Bestandteil des U X-Prozesses. Lage zu wissen, welche Art von Kunden Ihr Kunde will, kann die Art der Benutzererfahrung , die wir anbieten, aber auch die Benutzeroberfläche und visuelle Designkomponenten gestalten. Was ist die einzigartige Qualität? Dieses Unternehmen hat das Alleinstellungsmerkmal gegenüber vielen seiner Konkurrenten, und es ist denn die Industrie ist die Möglichkeit, einen Service anzubieten, der derzeit nicht in vielen kleineren Städten angeboten wurde . Dies ist der einzige Aspekt, an den man sich beim Basteln oder beim Benutzererlebnis und bei Benutzerreisen erinnern muss. Der nächste Schritt in den U X Prozessen definiert die Art der Benutzer, die wir haben werden, und die APS Gesamtziele für diese Benutzer, die Unternehmen oder ABS Ziele wäre es, die Möglichkeit, eine Verbindung mit dem Benutzer und dem Anbieter herzustellen, in diesem Fall ein Restaurant oder Lebensmittelgeschäft mit einem Lebensmittellieferservice, und haben auch eine einfache Möglichkeit, den Überblick über eine Bestellung zu behalten und, natürlich, für diese Bestellung zu bezahlen. Jetzt, wo wir über die Ziele des Unternehmens gesprochen haben, was werden die Nutzer sein? Ziele werden warten. Wer ist unser Nutzer? Wir haben eine Zielgruppe, die uns von einem Unternehmen gegeben wird, aber wer ist wirklich der Nutzer? Und wie lernen wir sie kennen, um diese einzigartige Nutzererfahrung für sie zu gestalten? Dies ist, wo Benutzerpersonas nützlich sind. Benutzerpersonas werden entworfen, um das Bild eines potenziellen Nutzers zu malen und ihn durch eine so realistische Benutzerreise zu führen. Angesichts der Daten, die wir sammeln können. Benutzerpersonas könnten Likes und Abneigungen enthalten und uns ein realistisches Bild von ihrem Benutzer geben . In der nächsten Lektion werden wir herausfinden, wie man eine Benutzerpersona erstellt, und vor allem darüber sprechen, wie man die Daten sammelt, um eine 3. Benutzerpersonen: Wie sammeln wir Informationen, um Benutzerpersonas zu erstellen? Wenn das Unternehmen frühere Daten hat, erleichtert dies unsere Arbeit erheblich. Diese Daten können Website-Traffic von einer aktuellen Web-App oder einer Website umfassen. Dies kann Kundendaten von früheren Kunden umfassen, die sie möglicherweise hatten. Dies kann Marketingforschungsdaten umfassen, die von der Firma für Marketingforschung erworben wurden . Dies kann auch Facebook-Anzeigenkampagnendaten enthalten und in ältere Facebook-Werbekampagnen aufgenommen werden, um dort wichtige demografische Daten und Nutzerdaten zu finden. Welche Inhalte haben sie auf die meisten Videos geantwortet? Hatten sie eine hohe Interaktion mit einer bestimmten Anzeige? Vielleicht finden Sie heraus, warum. Schließlich kann dies jede Kundeninteraktion, Daten aus Kundenumfragen und Feedback des Unternehmens umfassen . Worüber haben sich die Kunden am meisten beschwert? Was haben sie am meisten am Service des Produkts genossen? Es gibt eine Fülle von Daten für Unternehmen, die Vorkunden haben. Aber was ist mit einem neuen Unternehmen wie dem unsrigen? Wir haben keine Kundendatenbanken oder frühere Facebook-Anzeigen. Der Luftverkehr, um dies zu betrachten, ist unsere erste Herausforderung ist, dass ein U. X Y Designer muss konfrontiert ist, Daten aus begrenzten Quellen zu finden. Eine Möglichkeit, Daten zu sammeln, um Benutzerpersonas zu erstellen, besteht darin, Interviews mit potenziellen Kunden durchzuführen . Lage, diese Benutzer mithilfe unserer Zielmarktinformationen zu lokalisieren und um über ein Telefon, Skype oder einpersönliches Interview zu interviewen über ein Telefon, Skype oder ein , kann kostengünstig sein und wertvolle Zeit in Anspruch nehmen. Aber dies könnte ein wesentlicher Schritt sein, um den Kunden zu verstehen und eine richtige Benutzerpersona zu entwickeln , die auf echten Menschen und echten Antworten und Daten basiert. Einige Beispielfragen, die Sie während des Interviews stellen können, sind, was halten Sie von dem Service, der in Ihrer kleinen Stadt angeboten wird? Was kann Sie daran hindern, diese App zu verwenden oder sie häufig zu verwenden? Was ist Ihr Hauptziel, indem Sie diese App verwenden? Ist das Sparen von Zeit oder Geld mehr Priorität für Sie? Wie häufig würde diese App verwenden, wenn Sie sie zur Verfügung haben? Eine andere Möglichkeit, einige Daten zu erfassen, um uns beim Basteln oder Benutzerpersonas und Benutzerreisen zu helfen, besteht darin, die Konkurrenz zu studieren. Was machen einige der größeren Unternehmen? Wie machen sie ihre Erfahrungen? Wie hat ihr Handy absolut gemocht? Studium einer etablierten Konkurrenten hat seine Vorteile ist, dass ich bereits ein funktionierendes System zusammen habe und es hilft uns wirklich, einige qualitativ hochwertige Forschung zu sammeln und einige großartige Ideen zu greifen . Unser Unternehmen ist einzigartig im Vergleich zu seinen Konkurrenten und die Tatsache, dass wir unsere Dienstleistungen und kleinere Gemeinden und nicht nur große Städte im Auge zu behalten, können wir sehen, wie der Check-out Prozesse für größere Unternehmen. Ich kann mich fragen, Wie ist meine Erfahrung und die Verwendung dieser App? Wie kann es besser sein? Wie können wir unser Erlebnis zu einem einzigartigen Erlebnis machen? Sie können auch Benutzerdaten auf der Grundlage der Zieldemographie, die das Unternehmen zur Verfügung stellt, kaufen. Die Zeitalter zielten auf den Rückgang vor allem im Jahrtausendjahr in der Generation X Generationen. Da draußen gibt es eine Fülle von Wissen über tausendjährige Verhaltensweisen. Likes, Abneigungen, wie sie auf bestimmte Marketing-Wege reagieren. Wir wissen, dass Social Media ein großer Hit mit der Generation X ist. Wie können wir das nutzen, indem wir nicht nur bewerben oder mobile App, sondern auch dazu bringen, dass Kunden, die diese App mit Ihren Freunden teilen, nachdem wir genug Daten gesammelt haben, um mit zu arbeiten, ist es jetzt Zeit, unsere Benutzer-Persona zu entwickeln. Wir entwickeln eine Benutzer-Persona und erstellen eine User Journey Map für unsere Persona und einige Projekte gibt es viele User Personas einfach, weil Unternehmen eine Vielzahl von Nutzern mit unterschiedlichen Hintergründen haben , und Sie könnten sehr herausfordernd, alle ihre einzigartigen Eigenschaften und nur eine Benutzerpersona zusammenzufassen. Der Zeit halber konzentrieren wir uns auf einen Aspekt unseres potenziellen Kundenstamms und bieten Ihnen eine einzigartige Reise für Sie und Ihren Fall. Sie können mehrere verschiedene Personas entwickeln, Also mit einigen der Daten, die wir mit einigen der oben genannten Methoden gesammelt haben, können wir beurteilen, dass Benutzerpersona in einer kleinen oder mittleren Stadt in den Vereinigten Staaten leben würde , da dies nicht das einzige Land sein wird, in dem diese App gestartet wird. Zuerst wird sie eine berufstätige Fachkraft mit zwei Kindern zu Hause sein, vielleicht zwei Jahre alt und vier Jahre alt. Sie ist verheiratet mit einem Ehepartner, der auch ein berufstätiger Profi ist. Sie haben nicht viel Zeit, um sich auf die Herstellung zu konzentrieren. Mahlzeiten zu Hause gehen in den Lebensmittelladen mit vier Familienmitgliedern im Haushalt. An einem Tag scheint immer etwas aus der Kühlschrankmilch zu fehlen und am nächsten Apfelsoße . Sie wünschten, sie hätten nicht so viel Zeit damit verbringen müssen, Mahlzeiten zuzubereiten und zu kochen, da sie schon abends nur ein paar Stunden haben, um mit ihrer Familie zusammen zu sein. Nach einem langen Arbeitstag lassen Sie uns dieser Familie einen Namen zuweisen. Jessica und John, die 34 38 Jahre alt sind, sind, essen viel aus. Aber sie finden es auch schwierig, einen Zwei- und Vier-Jährigen in einem Restaurant zu essen . Ihr Einkommensniveau ist überdurchschnittlich für eine typische Familie in ihrer Stadt, da sie sowohl Vollzeitjobs als auch berufliche Laufbahnen gearbeitet haben. Beide arbeiten über 40 Stunden pro Woche, wobei John einige Samstage so alle im Büro verbringen muss, wie er in einer Manager-Position ist . Haben Sie bemerkt, wenn Sie diese Benutzerpersona basteln, wie persönlich und detailliert ich bekomme manchmal fühlen Sie sich, als würden Sie Charaktere für einen Film schreiben . Diese Art von Detail ist wichtig für die Schaffung und Entwicklung bei der richtigen Persona Menschen , die wirklich authentische Menschen in riel gemeinsame Situation sind. Also zurück zu unserer vierköpfigen Familie. Beim Erstellen dieser Benutzerpersona beginnen einige Benutzerziele für diese Familie in meinem Kopf zu springen, während ich beginne, ihre Geschichte zu erstellen. Zunächst einmal sind sie mit der Zeit begrenzt, und sie wollen Zeit mit der Familie zurückgewinnen. Sie genießen Essen im Restaurant, können aber nicht scheinen, Kinder so oft zu nehmen, wie sie möchten . Sie scheinen eine Art von Lebensmitteln in ihrem Haus zu fehlen, aber manchmal ist es nur eine Handvoll Gegenstände, die die ganze Reise in den Lebensmittelladen nicht wert sind. Jetzt, da wir eine grobe Benutzerpersona in diesem Fall skizziert, eine Familieneinheit Woche jetzt eine mögliche Benutzerreise Karte erstellen, und in der nächsten Lektion werden wir lernen, was ein Benutzer Reise Karte ISS, und wir gehen voran und erstellen eine für unsere Anwendung. 4. Persona Walk-through: es ist jetzt Zeit für ein kleines Studentenprojekt. Ich möchte, dass Sie üben, ein Benutzerpersona-Profil zusammenzustellen, das Sie sehen als ich für die Smith-Familie für eine mobile App erstellt habe, die Sie herunterladen können. Dies ist eine PDF-Ressource, so dass Sie einen Blick auf das Beispiel werfen können. Ebenfalls enthalten eine leere Vorlage, so dass Sie beginnen können, Ihre eigene einzigartige Persona hinzuzufügen. Sie können eine Persona für einen Kunden entwickeln oder in gebildeten Unternehmen wurden Persona für ein bekanntes Unternehmen erstellt , wo Sie finden es einfacher, Daten oder Informationen zu sammeln. Es liegt wirklich an Ihnen, für wen und für welche Art von Projekt Persona entwickelt wird. Werfen wir einen kurzen Blick auf dieses Beispiel, damit ich Sie einige dieser Elemente im Detail erläutern kann. Erstens haben wir allgemeine Fakten Informationen wie Alter, Beruf und Einkommen Kurs. Es ist schön, Fotos hinzuzufügen, um eine realistische Ansicht und ein Bild unserer Persona hinzuzufügen. Als nächstes haben wir Benutzeranrufe. Dies könnte Dinge wie wollen, Gewicht zu verlieren, verbringen weniger Zeit vor dem Fernsehen oder sogar sparen mehr Geld. Werte ist die nächste Kategorie. Werte werden Dinge wie Familie zuerst sein, unsere kümmert sich um lokale Wohltätigkeitsorganisationen. Werte unterscheiden sich von Zielen, da sie sich weniger häufig ändern, und Werte könnten von anderen Familienmitgliedern weitergegeben oder von Lebensentscheidungen beeinflusst werden . Wir haben auch Möglichkeiten zur Problemlösung. Dies könnten Schmerzpunkte sein, die diese Persona bei der Verfolgung ihrer Ziele oder Werte fühlen kann. Diese werden wichtig sein, um zu entwickeln oder darüber nachzudenken, damit wir verstehen können, wie wir ihnen helfen könnten , einige dieser Probleme oder Probleme in unserem Design zu lösen. Benutzerpersonas variieren wild, und dies ist ein großartiger Anfang Ecke Führer. Aber es gibt so viele verschiedene Kombinationen von Elementen und Kategorien, die Ihnen helfen können, und abhängig von dem Projekt, an dem Sie gerade arbeiten. Zum Beispiel für unsere Lebensmittelbestell-App, einschließlich beliebter Restaurants. Diese Persona hat, die gefunden werden könnte, wenn demografische Daten und Forschung hilfreich sein könnten, zu wissen, welche Arten von Restaurants vom Benutzer gewählt werden können, sondern auch welches Beispiel Restaurant wir für einen Benutzerfluss verwenden möchten, den wir arbeiten Sie weiter. Schließlich eine detaillierte Geschichte oder Bio, die einige der Details skizzierte, die ursprünglich nicht in den vorherigen Abschnitten enthalten waren . Stellen Sie sicher, dass Sie die Vorlage herunterladen, um einen schnellen Start Ehre Studenten-Projekt zu erhalten, Fühlen Sie sich frei zu posten und teilen Sie Ihr Projekt mit Kommilitonen in der Facebook-Gruppenprojekt Abschnitt dieser Klasse so jetzt zu entwickeln. 5. User: Was ist eine User Journey Map? Dies ist eine Reise, die wir für eine persona toe Arbeit über das Web, App oder Website erstellen , um gewünschte medizinische zu erreichen. Zum Beispiel kann unsere User Journey Map die Ziele der Nutzer erreichen und Schmerzpunkte lösen. Wir haben in unserem Benutzer-Persona-Profil in diesem Fall gesprochen, schnell Restaurants Speiseoptionen und Lebensmittel in einer praktischen, einfach zu bedienenden Anwendung zur Verfügung zu stellen . Denken Sie daran, die Zeit für unsere Benutzer wichtig ist Daher ist die Bereitstellung der schnellsten und einfachsten Erfahrung von entscheidender Bedeutung, um eine Customer Journey Map zu erstellen . Wenn Sie Benutzer- oder Customer Journeys recherchieren, werden Sie schnell feststellen, dass sie in allen Formen und Größen vorkommen, genau wie es Personas tun. Es gibt keinen Weg, einen zu erschaffen. Es gibt einige wichtige Qualitäten einer Customer Journey Map, die während der Erstellung von uns einbezogen werden muss . Wenn wir eine User Journey Map starten, wissen wir, dass unsere Persona und unser Benutzer das Herzstück dieser Karte ist. Alles dreht sich um ihre Erfahrung, Gefühle und die gewünschten Ergebnisse für die App. Wir wollen also sicherstellen, dass wir definieren, für welche Persona diese Karte so offensichtlich Jessica ist, welche die Ehefrau der Familie ist, da wir mehrere Benutzer in mehreren Benutzerreisen haben können. Wir definieren auch ihr Szenario für die Reise. In diesem Fall möchte sie bei einem Restaurant-Abendessen für ihre vierköpfige Familie bestellen, aber sie weiß noch nicht, woher sie bestellen soll. Sie sah eine Anzeige für diese App, lädt sie herunter und versucht es. Wir werden dann unsere Ziele für persona für diese besondere Reise definieren. Dieser Bestellprozess, den sie in dieser Reisekarte durchlaufen wird, wird am Ende die Grundlage für die Erstellung unseres Benutzerflussdiagramms. Es wird uns auch helfen, wenn wir anfangen zu entwickeln. Arbeiten Drahtrahmen, damit wir dem Kunden unseren Denkprozess hinter zeigen können, warum wir bestimmte Entscheidungen getroffen haben, später im U. I Design-Prozess. Als erstes konzentrieren wir uns auf die Erstellung Ihrer Customer Journey Map, um herauszufinden, wie viele und welche Phase der Benutzer durchlaufen wird, um eine Transaktion abzuschließen. In diesem Fall haben wir eine erste Stufe, die das Herunterladen und Installieren der App wäre. Sie müssen herausfinden, über die App irgendwo ein Social Media einen Freund hinzufügen, der die App erwähnt . Dies ist eine wichtige erste Stufe, die einzubeziehen ist, da es Teil des gesamten Kundenerlebnisses ist, eine zweite Stufe in unserer App sein wird. Sobald sie es öffnen, werden sie eine Entdeckungsphase haben. Hier entdecken und finden sie die Art von Lebensmitteln, die sie bestellen möchten. Ah, dritte Stufe könnte eine Check-out-Phase sein. Dies ist, wenn sie ihr Essen oder Restaurant oder Lebensmittelgeschäft ausgewählt und sie machen sich bereit, die Artikel zu kaufen. Schließlich wird die vierte und letzte Stufe die Bereitstellungsstufe sein, die Sie die Verbrauchsphase nennen könnten , wo das Produkt geliefert und verbraucht wird. Es gibt Touchpoints und Möglichkeiten, positive Erlebnisse zu schaffen, wenn der Benutzer Prozent der Schritte durch die Stufen bewegt. Lassen Sie uns als nächstes Problembereiche in jeder Phase identifizieren, so dass wir einen Zähler bieten könnten, sind eine Lösung für diese negativen Problembereiche. Diese Problembereiche können aus der Personasperspektive geschrieben werden und geben eine weitere Chance, mögliche Probleme durch ihre Perspektive zu betrachten. Problembereiche für eine erste Stufe wäre ein Problem beim Herunterladen der App oder mit Problemen beim Öffnen der App, die sie auf ihrem Handy verwenden. Eine mögliche Lösung wird die Bereitstellung regelmäßiger Updates für die App sein, um eine nahtlose Integration und eine Vielzahl von Telefonen zu ermöglichen . Dies kann eher eine Software-Entwicklungslösung sein, die wir vielleicht nicht in der Lage haben, uns selbst zu kontrollieren, sondern uns auf eine Weise zu bringen, die Sie ex Sie, ich Designer, ganzheitlich über den gesamten Kunden nachdenken können. Erfahrung ist wichtig. Es ist auch schön, zuzuweisen, welche Unternehmensabteilung in jeder Phase der Customer Journey helfen kann . Für unsere Entdeckungsphase, die sie öffnen, ist die APP, wo die meisten unserer Probleme auftreten könnten. Der Benutzer hat zwei Hauptoptionen. Lebensmittel-Lieferung und Restaurant-Lieferung. Es könnte ein Problem geben, herauszufinden, in welche Richtung Sie gehen oder wie Sie auf jeden zugreifen können. Es gibt auch die Frage, die richtigen Restaurants zu finden, bei denen Sie bestellen können. Wenn ich noch nie dort gegessen habe, woher weiß ich, ob das Essen gut ist? Woher wissen wir, was sie anbieten und wie viel das Essen ist? Wenn sich der Preis häufig für unsere dritte Check-out-Phase ändert, Ah, könnte das Problem sein, dass der Benutzer abgelenkt werden kann und muss sehr schnell auschecken. Es kann besorgt sein, wie einfach und schnell dieser Prozess sein wird, weil manchmal Check Out Stufen ca NBI überwältigend für erste Mal Benutzer Ein weiterer Problembereich könnte nicht eindeutig die gesamte Aufschlüsselung der Bestellung mitteilen. Wie viel war die Steuer? Wie viel kostet diese App für diese Bestellung? Schließlich, für unsere Lieferphase, ein Problem. Mary könnte wissen, wo mein Befehl ist. Wie lange, bis meine Bestellung eintrifft? Was ist, wenn das Essen kalt ist oder nicht? Die Qualität, die ich erwartet habe? Ein zweites Problem könnte sein, dass sie die Bestellung aufgab, aber sie vergaß, einen letzten Artikel hinzuzufügen. Ist es möglich, meine Bestellung zu ändern, bevor sie ausgeliefert wird? Was ist, wenn sie die Lieferperson kontaktieren müssen, um ihnen mitzuteilen, dass sie am unteren Rand der Auffahrt parken müssen , da an diesem Tag Baustapler da sind? also wirklich darum, Es gehtalso wirklich darum,mit dem Restaurant zu kommunizieren. Ist das möglich? Nun, da wir einige Problembereiche definiert haben, lassen Sie uns jetzt definerer User Journey durch jede Phase. Dies wird umsetzbar Schritt sein. Sie wird durchgehen, um ihr Endziel zu erreichen, Restaurantessen aus der App schnell zu bestellen . Der erste Schritt scheint offensichtlich. Butts schön, seinen Teil dieser Reise gehören, müssen sie herunterladen und installieren Sie die App, aber sie wird auch ein Login an einem bestimmten Punkt, bevor sie den Prozess starten könnte. Als nächstes möchten Sie auf der Startseite auf die Lieferoption des Restaurants klicken sie zu einer Liste der nahe gelegenen Restaurants schicken. Sie wird dann auf die Liste der Optionen schauen und wählen ah hoch bewertet einen Zehenblick Blick auf weitere Details und was sie bieten. Sie fügt ein paar Artikel in ihren Warenkorb und nimmt die Check-out-Phase wahr. Sie möchte die Details der Kosten der APP überprüfen und dann auf die Schaltfläche „Lieferung starten“ klicken . Schließlich wird sie zu einer Kartenseite gehen, wo sie dann auf eine Knopfspitze klicken kann. Fügen Sie ihrer Bestellung diese Schritte in unserer Reise hinzu, um einfach und kurz zu sein. Wir könnten alle Details App-Interaktionen für jedes Benutzerflussdiagramm speichern. Wir werden als nächstes zusammen tun und die visuellen Designkomponenten speichern, wenn wir unseren ersten visuellen Drahtrahmen zusammenstellen . Das hilft uns nur zu wissen, wo sie auf der Reise ist. In jeder Phase haben wir einige Problembereiche und mögliche Lösungen. Wir müssen auch Benutzerpersona Ziele für jede dieser Phasen zu berücksichtigen, unsere Hauptziele der Nutzer, die Kehle alle Stufen widerhallten würde Zeit sparen. Einige Möglichkeiten, das Caesar-Ziel in jeder Phase zu erreichen, wären in der ersten Log In-Phase. Eine mögliche Lösung für einen schnelleren Anmeldevorgang wäre, ein Google- und Facebook-Login bereitzustellen , bei dem die einfacheren keinen Benutzernamen und ein Passwort einrichten müssen, wenn diese Loggins bereits jetzt für Stufe 2 verfügbar sind oder das Problem in der Lage, den Benutzer zu Restaurant und Lebensmittelgeschäft und die einfache Art und Weise zu senden. Eine mögliche Lösung dafür ist die Bereitstellung eines Startbildschirms, der den Benutzer anweist, eine von zwei Optionen zwischen Restaurant und Lebensmittelgeschäft auszuwählen . Den Bildschirm offensichtlich zu machen ist möglich, jede Verwirrung zu reduzieren, die der Benutzer haben kann, und um ihnen Zeit zu sparen und ihr Ziel zu erreichen, Lebensmittel in einem Restaurant oder Lebensmittelgeschäft zu bestellen. Ein weiteres Problem in der Entdeckungsphase ist nicht in der Lage, Ihr Lieblingsrestaurant sehr leicht zu finden , oder wenn sie ein Restaurant hat, von dem sie nichts weiß. Woher weiß sie, ob das Restaurants gut eine Lösung sein könnte, um soziale Beweise oder Benutzerbewertungen für entweder andere APP-Benutzer sind Grabbing Bewertungen von Partner-Restaurant-Websites wie urban Spoon dot com. Wir können auch aktuelle Menüs zur Verfügung stellen, die auch aus häufig aktualisierten Menüs auf Google unsere Benutzer-Persona und Stufe 3 zu finden sind. Der Check-out-Prozess einmal ist sehr schnell zu sein. Sie hat eine Zweijährige auf dem Schoß. Wie wir eine Lösung Zehe haben. Ist dies ein sehr schneller und einfacher Prozess? Wir könnten sicherstellen, dass Check-out Bildschirm sauber ist und hat auch alle Details, die benötigt werden, um enthalten werden , einschließlich einer Steuerposition und auch, wie viel wird für unseren Service berechnet. Offen und transparent über die Kosten unserer APS zu sein, ist sowohl für den Kunden als auch für unsere Unternehmenswerte in der Check-out-Phase wichtig . Unser Problem war herauszufinden, wie viel Zeit es dauern wird, bis das Essen ankommt. Unsere Lösung könnte sein, beim Check-out eine Karte auf dem Bildschirm zur Verfügung zu stellen, die das E. T.Ades Essens basierend auf dem Standort des Lieferwagens zeigt T.A , ähnlich wie in der uber App. Eine Lösung für unser zweites Problem, nach der Platzierung in der Reihenfolge ändern zu müssen, ist Lage, eine Schaltfläche auf diesem Kartenbildschirm zur Verfügung zu stellen, die Ihnen die Möglichkeit gibt, das Restaurant anzurufen , um alle letzten Ergänzungen zu bestellen oder haben die Möglichkeit, eine Textnachricht statt. So identifizierten wir unsere Phasen, Problembereiche, Lösungen und wie man die Ziele der ER-Benutzer in jeder Phase einbinden kann. Wir haben gerade eine Farm erste Benutzer Reisekarte erstellt. Jetzt ist es an der Zeit, detaillierter zu werden, wenn wir am Benutzerfluss arbeiten. Was uns der U I Designseite der Dinge einen Schritt näher bringt. Aber zuerst möchte ich in der nächsten Lektion über dein nächstes Studentenprojekt sprechen. Während Sie mit Hilfe der neu entwickelten Benutzerpersona an der Erstellung Ihrer ersten Customer Journey Map arbeiten , habe ich diese User Journey Map für dieses Projekt als Download zur Verfügung gestellt. PDF, damit Sie sich die Zielkarte genauer ansehen können. Auch eine leere Adobe Illustrator basierte Vorlage, die er anpassen kann, um eine Reisekarte für Ihre eigene Persona Toe Spaziergang durcherstellen Reisekarte für Ihre eigene Persona Toe Spaziergang durch 6. User – Detaillierter Durchlauf: Was ist ein Benutzerflussdiagramm? Laser-Flussdiagramm ist eine Karte, die die genauen Aktionen beschreibt, die ein Benutzer ausführen muss, um die Reise oder den Prozess abzuschließen . Es konzentriert sich etwas weniger auf die emotionale Reaktion, wie Customer Journey es tut, aber mehr auf die genauen technischen Schritte, die sie ergreifen muss, um ihr Handeln abzuschließen. Es zeigt auch die verschiedenen möglichen Wege, diese Luftansteckung, wie alles verbunden ist und schließlich wieder zum Benutzer herumläuft. Benutzerflusskarten des Startbildschirms Ursprünglich von Flussdiagrammen abgeleitet, haben Sie wahrscheinlich bereits Flussdiagramme zu einem bestimmten Zeitpunkt in Ihrem Leben gesehen. Ah, viele Flussdiagramme haben lustige Mittel, die verschiedene Ergebnisse skizzierten, indem sie das Endergebnis einer Reihe von einfachen Entscheidungen, die Sie treffen. Abhängig von der Kombination von Entscheidungen, die Sie treffen, führt es Sie zu einem anderen Endergebnis Ziel. Dieser Luftstrom umreißt alle technischen Schritte, die erforderlich sind, um den Prozess abzuschließen. Es ist wichtig, den Benutzerfluss zu skizzieren, um zu wissen, wie viele Bildschirme oder Schritte wir für unser Design einrichten müssen , ein Benutzerflussdiagramm zu entwickeln und uns dabei zu helfen, unnötige Schritte zu beseitigen , um einen Prozess zu vereinfachen. ein wichtiger Schritt, den wir zurück zum Zeichenbrett gehen und bearbeiten müssen. In unserem Fall laden sie die APP herunter und öffnen sie, und das ist der erste Schritt in diesem Benutzerfluss. In einer Minute werde ich ein Programm namens Overflow öffnen. Es befindet sich derzeit in der Beta. Warum diesen Teil der Klasse filmen? Aber es ist ein fantastisches Programm, um ein Benutzerflussdiagramm zu entwickeln. Adobe X'd unterstützt derzeit keine Benutzerflussdiagramme, so ist es schön, ein Programm zu finden, das Ihnen hilft, eine leicht zu konstruieren, auch wenn Sie nur Adobe Illustrator haben, sogar nur Power Point, Sie könnten ein nettes Benutzer-Flussdiagramm zusammenstellen. Solange Sie Zugriff auf Rechtecke, Pfeile und Linien haben. Sie haben, was Sie brauchen, um eine zu erstellen. Das Beispiel für diese Klasse enthält einige sehr einfache Layouts, die Sie sehen werden, aber gerade genug, um ein wenig visuell zu zeigen, um zu wissen, auf welche Schaltflächen sich dabei beziehen . Ich habe nicht das Gefühl, dass Sie anfangen müssen, irgendeine Art von Layout-Design zu tun. Ich habe es gerade hinzugefügt, um zu erklären, Ihr Diagramm weiter zu verwenden. Wir sind immer noch im U X Camp. Dies ist nicht das, was ganz vollständig in der U I oder User Interface Camp noch, obwohl dies ein Schritt ist, wo Sie X und neue, Ich beginne wirklich zusammen zu mischen, wie wir über Tastengröße denken, Menge der Tasten und Platzierung auf einem Bildschirm, wenn wir unseren Low-Fidelity-Drahtrahmen erstellen. Als nächstes ist, wo Sie Wire-Benutzeroberfläche wirklich beginnt zu übernehmen, und wir denken über diese Design-Details. Der Look and Feel, die Farben, das Branding im Icon-Design. Lassen Sie uns ein Beispiel für einen Benutzerfluss für unsere Food Delivery App sehen. Sie werden bemerken, wie ich durch dieses Beispiel Flussdiagramm arbeite. Wie Design-Entscheidungen Luft beginnen zu treffen Also hier bin ich in der APP namens Overflow. Es ist derzeit in der Beta, aber sie könnten aus der Beta sein, wenn Sie dieses Video sehen, aber ich habe es wirklich genossen, damit herumzuspielen. Ich werde eine Liste von einigen wirklich großartigen Programmen haben, die Sie im Ressourcenguide in einem herunterladbaren Ressourcenführer zu Beginn der Klasse verwenden können. Diese Art von Liste einige andere Ideen sind andere Programme, die Sie verwenden können, um die gleiche Sache zu erstellen . Sie müssen dieses Programm nicht verwenden. Sie können alles verwenden, solange Sie Felder, Rechtecke und Linien haben . Sie können eine Verwendung Ihrer Flussdiagramm erstellen. Also bin ich hier und das ist eine Art Flussdiagramm, das ich für die Klasse entwickelt habe. Wir werden es irgendwie durcharbeiten und Ihnen zeigen, wie ich das konstruiert habe und all die verschiedenen Entscheidungsbäume sind Spaltungen und Entscheidungen, die unsere Benutzer durchmachen werden und andere , die wir auch erkunden könnten. Das ist also eine Art grundlegendes Setup. Ah, Benutzerböden könnten alle verschiedenen Möglichkeiten erkunden, die ein Benutzer hat. Ich werde nur auf eine Menge Details eingehen. Also am Ende, wenn ich jede einzelne Entscheidung abbilden würde, dass jemand diesen Baum viel größer machen könnte . Also im Moment konzentriere ich mich nur irgendwie auf den einen Entscheidungsbaum, der Benutzer ist, um unsere Benutzer-Persona zu machen . Wir werden das nur um der Zeit willen tun und einen wirklich einfachen Benutzerfluss haben, um Ihnen irgendwie die Grundlagen beizubringen, ein Benutzerflussdiagramm zusammen zu setzen. Also hier ist eine Art der Anmeldebildschirm. Und was großartig ist, ist, als ich durch die U X Seite der Dinge nachdachte und über meine Personas-Reise nachdachte. Ich habe nicht unbedingt an diesen Anmeldebildschirm gedacht. Und so ist dies eine Art von jenen Momenten, die wir beginnen, in das Benutzerdiagramm zu setzen. Sie gehen, sie müssen sich anmelden und sie müssen mehrere verschiedene Versionen Möglichkeiten haben, um sich anzumelden und wir müssen diesen Prozess wirklich schnell und einfach und einfach machen. Wir wollen nicht, dass sie diesen langen Anmeldeprozess haben müssen. Also hier ist eine Art von der Home-Bildschirm oder offensichtlich müssen, um sich einloggen. Aber ich dachte, du weißt schon, irgendwie unsere User Journey zu machen, Matt, bevor wir entdeckten, wäre es nicht schön als Lösung, sich mit deinem Facebook anzumelden ? Sagen wir Jessica Reserve persona als Facebook. Es wäre schön, wenn sie einfach den gesamten Anmeldeprozess abschneiden und sich über Facebook anmelden könnte . Das ist also eine der Dinge, die wir in unserem UX-Prozess entwickelt haben. Es ist schön zu beginnen, das in das eigentliche Design zu integrieren, also haben wir die zwei verschiedenen Optionen, und hier haben wir unseren ersten Entscheidungsbaum oder eine Art Spaltung bei der Entscheidung. Sie können es für ein neues Konto unterzeichnen, und sie gehen hier auf diesen Bildschirm, wo sie eine Anmeldung für ein Konto anmelden können. Oder sie können hier nach unten gehen und Sie können einfach klicken und Acts Facebook Toe Zugriff erlauben oder diese App auf die Facebook-Daten zugreifen, bis Sie sich anmelden. Es gibt also zwei verschiedene Möglichkeiten, sich anzumelden. Aber es wird alles wieder zu diesem Hause langes und Bildschirm hier. Also, jetzt, wo jeder irgendwann hat, werden alle Benutzer zurück zu diesem Home-Bildschirm und was wir während entdecken, sind Sie X-Prozesse , die es nicht schön wäre, Menschen leicht zum Lebensmittelgeschäft oder zur Restaurantlieferung zu leiten ? Es ist also ein sehr archaisches Design. Es ist noch nicht wirklich dazu gedacht, ein Drahtfreund zu sein, nur eine Art Grundblöcke. Wir präsentieren Lebensmittelgeschäft und Restaurants. Letztendlich werden diese schöne Fotos oder Symbole werden, was auch immer wir tun wollen. Also, hier geht's. Wir haben noch einen Entscheidungsbaum. Der Benutzer wählt entweder Lebensmittel aus und geht auf die Lebensmittelliste Optionen, oder sie werden Restaurants ausklicken und die Stadt zum Restaurant gehen. Sie werden also eine Art von Kennzeichnung dieser verschiedenen Entscheidungen bemerken. Dies wird also das Log in Facebook sein. Dies wird das Anmelden und Ende sein. Also wird jede Blase einfach sagen, wo sie als nächstes gehen wird oder welche Entscheidung sie getroffen haben , die diese Entscheidung treffen wird. Also hier sind wir bei unserer zweiten Entscheidung Baum. Laut unserer Aux-Entdeckungsphase wird sie durch Restaurants gehen, Restaurants auswählen, und sie geht hier runter durch die Restaurantauswahl und kommt hier runter. Und sie hat eine Art Liste von Restaurants angeboten. Und wir müssen auch die Möglichkeit erkunden, was passiert, wenn sie auf Lebensmittelgeschäft klicken, und sie gehen zum Lebensmittelgeschäft und sie werden die gleiche Liste bekommen . Und was ist großartig daran, dies zu haben, ist Lebensmittelgeschäft und Restaurants oder beide bekommen eine Anzeige, eine sehr ähnliche Strömung. Also die gleichen Optionen, die Sie auf Restaurant haben, werden die gleichen Optionen, die Sie auf Lebensmittelgeschäft die gleichen grundlegenden Optionen haben . Also, was großartig ist, dass wir dieses ausgiebig erkunden können und einfach davon ausgehen, dass die gleichen Optionen auf Lebensmittelgeschäft haben, also muss ich nicht unbedingt wiederholen, dass auch. Halten Sie das Flussdiagramm ein wenig einfacher. Es ist in Ordnung. Also haben wir die Liste der Restaurants hier unten. Wir haben ein Restaurant, ein Restaurant zu sagen, dass sie wirklich mag. Es gibt etwas überzeugendes, Vielleicht über die Bewertung über Restaurant, um es schien eine hohe Bewertung zu haben. Sie wählt Restaurant, auch, auch, und dann sind wir jetzt jeder geht auf diese Karte Bildschirm, die haben wird, Sie wissen schon, Sie wissen schon, Art von einer Karte mit diesem ist das, was ist großartig über die Verwendung Ihrer Ströme und manchmal in Begriffen des Designs, wissen Sie, woher wissen wir, was wir einschließen müssen? Und das ist wirklich der Anfang dieses Prozesses und darüber nachzudenken, was müssen wir auf dem Bildschirm enthalten? Wir wollen in der Lage sein, zurück zu gehen. Wir wollen nie eine geschlossene Schleife haben. Wir wollen immer eine Schleife haben, die immer wieder auf den Startbildschirm zurückgeht. Wir wollen nie Menschen in einem bestimmten Entscheidungsbaum fangen, und sie haben keine Möglichkeit, zurück zu gehen, also wollen wir immer einen Zurück-Button haben. Deshalb habe ich die Zurück-Taste zurück zum Home-Bildschirm. Sie haben immer die Möglichkeit, wieder in die Luft zu kommen. Wirklich wichtige Dinge, an die du denkst, wenn du das zusammenstellst. Wir möchten auch über alle Elemente nachdenken, die zu tun sind. Wir wollen eine Karte haben. Wollen wir keine Karte haben? Welche Art von Details? Wir wollen eine Liste. Wollen wir eine Liste Menüoptionen, die hier nach unten gehen und wie Maney Menüoptionen werden auf dem ersten Bildschirm sein. Wann mussten sie scrollen? Das sind Entscheidungen, die als nächstes getroffen werden, wenn wir den Drahtrahmen machen. Aber im Moment denken wir über sehr grundlegende Entscheidungen nach. Sie werden also eine Karte sehen. Sie werden in der Lage sein, dorthin zurück zu gehen, werden in der Lage sein, auf Ihren Einkaufswagen zugreifen. Sie müssen eine Schaltfläche haben, um an dieser Stelle im Checkout-Prozess auf die Karte zuzugreifen. Also lassen Sie uns sagen, diese Luftmenü-Elemente, so dass es wahrscheinlich nur wieder Titel diese Menü. Das wird also Menüoptionen sein, und so wird sie der Menüoption zwei hinzufügen. Holen Sie sich einfach einen Klick und was passiert dann? Und das ist, wo wir ein bisschen Fleisch haben. Es ist irgendwie mussten wirklich Brainstorming und herausfinden, wie wir wollen, dass dieser Prozess ist . Und so werden Sie feststellen, wie ich blaue Art von Blau habe, ist eine Art Vorwärtsbewegung. Wir gehen voran in den Prozess, und rot zeigt an, dass sich der Prozess zurückbewegt. Und du könntest es jede Farbe machen, die du willst, solange sie differenziert sind. Also, wenn ich zoomen, Dachboden und sehen okay, Red geht zurück zum Home-Bildschirm und blau bewegt sich vorwärts in den Check-out-Prozess . Und so hilft diese Art von halten meinen Benutzer sauber schweben. Und ich weiß, dass viele Leute das alles grau machen, aber ich mag es, farbcodiert zu haben. Es hilft irgendwie, wenn Kunden es sehen. Sie werden nicht verwirrt darüber, was passiert, weil Sie all diese Zeilen sehen können und es wird wirklich verwirrend und sogar hier oben mit Lebensmittelgeschäft. Ich machte es orange, und ich dachte, ich würde machen, wenn ich weiter zu bewegen, dass weiter in den Prozess, Ich werde all diese orange eso Sie Art von haben diese verschiedenen Farben Art von zeigen verschiedene Entscheidungen und Wege. Also wie auch immer, wir gehen hierher zurück, und so werden sie darauf klicken. Sie werden einen Menüpunkt hinzufügen, damit sie einen Menüpunkt hinzufügen, und das bringt ihn nicht zu einem anderen Bildschirm. Es wird nur in den Warenkorb, so dass ich nicht, um ihn aus dem Bildschirm zu nehmen, und dann können sie gehen, um jetzt zu bestellen oder aber einen Warenkorb. Nehmen wir an, sie klicken auf Beenden Sie Ihre Bestellung. Wir haben noch nicht an den genauen Wortlaut dafür gedacht. Das wird später kommen. Nehmen wir an, sie klicken auf den Warenkorb. Es wird hier runter gehen, um jetzt zu bestellen, und sie werden jetzt in Ordnung sein. So wird dies die Summe haben Steuern. Es wird alle Menüpunkte haben, die sie haben werden. Du könntest mein ganz grundlegendes archaisches Design sehen. Das sind nicht Sie, die ich entwerfe, aber wir blockieren immer noch Dinge, und wir werden einen Bestellknopf haben. Also kommen sie näher und näher an das Ende dieser Bestellung, also werden sie jetzt bestellen und das ist ein Entscheidungsbaum. Gehen wir weiter und gehen zurück. Sie könnten auch auf die Karte klicken, wenn sie sehen wollten, wo sich das Restaurant befindet, und wir werden auf die Karte klicken. Geh rauf zu dieser Karte. Bildschirm war großartig über diese Karte Screen Nails wurde in der Nähe Restaurants als auch gezeigt, und es wird auf E. T. A zeigen T. A was sie in ihre Karte legen und wie lange es dauern wird, bis das Restaurant es zu liefern zu ihm. So ist es gehen zeigen ihr rotes Restaurant, das sie ausgewählt haben. Das ist, dass Oaks Restaurants in der Nähe zeigen wird. Zweitens, auch in einer angemessenen Weise liefern. Es ist also eine Chance für sie, auch weiterhin andere Restaurants zu besuchen. Ob die Fertigstellung der Bestellung hier, um es zu sehen, wäre schneller, sie wollen ein anderes Restaurant erkunden . Danke. Klicken Sie auf „Fortsetzen“ und es geht direkt zurück zur Karte. Oder das ist, wo eine andere Entscheidungsbäume passieren werden. Sie können auf dieses andere Restaurant klicken, das eine bessere Ankunftszeit haben könnte, und es wird auf Restaurant Nummer eins klicken. Das geht also zurück zu Restaurant Nummer eins, also ist es irgendwie irgendwie, sie in diese Richtung zu bewegen. Es gibt also all diese kleinen Entscheidungen, die wir treffen müssen. Also lass uns wieder runter gehen. Also lasst uns durchgehen. Also Jessica, oder wer auch immer oder Benutzer für dieses Benutzerflussdiagramm sein wird, ist auf den Startbildschirm gegangen. Erdiger Befehl. Jetzt Seite, im Grunde die Warenkorb-Seite. Wenn Sie die Check-out-Seite sagen wollen und sie bereit ist, will sie bestellen. Also gibt sie ihre Bestellung, so dass sie jetzt auf Bestellung klickt, und es geht auf die Karte mit dem E t A. Und es hat einen Knopf, weil denken Sie daran, wir diskutiert, wie eine mögliche Lösung. Sie wollte wissen, ob sie Ihre Bestellung ändern kann, nachdem sie sie aufgegeben hat. Sie hat einen Fehler gemacht. Sie war überstürzt. Sie hatte keine Zeit, die Bestellung richtig aufzugeben. Sie wollte bei einem Drink anrufen oder eine zusätzliche Bestellung aufgeben. Wir wollten diesen Button haben, wo sie anrufen oder die Bestellung ändern können. Wenn Sie also diesen Knopf drücken, wird es das Restaurant anrufen. Es wird Ihnen auch die Textoption geben wird, was auch immer am Telefon sein wird wird mit einer SMS oder einer Nachricht oder einem Telefon auftauchen, um das Restaurant kontaktieren zu können, um die Bestellung zu ändern. Und wir gehen dahin, wo sie sie in Ordnung ändern können, und sie können die Reihenfolge ändern. Und dann geht es zurück zum Review-Bildschirm, wo dies nach erfolgreicher Lieferung ist. Also wird es wieder gehen. Das scheint also kompliziert zu sein. Ich möchte irgendwie alle Details durchgehen. Wir können einen Blick werfen und fühlen sich frei, um diese als J-Peg-Download. Ich habe dies als eine herunterladbare Ressource, so dass Sie sich dies im Detail ansehen können und sich Zeit nehmen um eine Art Denkprozess zu sehen, den ich mit seinem Projekt durchgemacht habe, gibt Ihnen auch einige andere , um einen Blick zu werfen. So können Sie irgendwie sehen, wie Sie Ihr eigenes Flussdiagramm konstruiert haben, hängt davon ab was Ihr Produkt sein wird. Ihre Ihre App oder Website wird so gehen zurück zu diesem Prozess. Also hier ist eine Art Schleife, also haben wir die Entscheidung, die Reihenfolge zu ändern, also werden sie die Reihenfolge ändern und auf diesen Bildschirm gehen, und dann wird es immer wieder zu diesem Bewertungsbildschirm zurückkehren, also sobald sie die Reihenfolge ändern, Sie werden ah, erfolgreiche Lieferung Art Pop-Up-Bildschirm bekommen , also wird es mit ihrem e t A auftauchen aber es geht auch nach der Lieferung. Sie werden eine Chance bekommen, das Restaurant zu überprüfen, weil ich wirklich wichtig für den Kunden war , um sicherzustellen, dass wir viele Bewertungen bekommen, damit wir authentische Bewertungen für unsere verschiedenen Restaurants bekommen konnten , damit wir wirklich gute Bewertungen haben konnten. Weil wir uns nicht ewig auf Urban Spoon verlassen wollen, um uns eine Kritik zu holen. Wir wollen unsere eigenen Bewertungen bekommen. Das wird also erfassen, dass entweder die APA Bewertung des Restaurants überprüfen. Wir müssen das irgendwie herausfinden, wenn wir zur nächsten Stufe gehen. Aber sehen Sie, alles wird am Ende knallen, um diese Bildschirme ist eine Art der endgültigen, erfolgreichen Lieferung Bildschirm. Wir haben den gesamten Prozess des Auscheckens durchlaufen. Jetzt werden sie in der Lage sein, Teoh zu überprüfen, und dann war's das. Und dann sind wir fertig, und so haben sie immer die Chance, zurück zu gehen. Vielleicht haben Sie eine neue Bestellung, damit Sie sehen können, dass dieser rote Knopf den ganzen Weg zurück nach Hause geht . -Bildschirm. Wir wollen ihm immer eine Chance geben, auf diese Wahl zwischen Lebensmittelgeschäft und Restaurant zurück auf den Benutzer-Startbildschirm zu gehen . Sie könnten sehen, wie die Dinge eine Schleife sind und wie wir verschiedene Entscheidungsbäume und verschiedene Zweige haben und wie sie sein können. Kommen Sie zurück auf den gleichen Bildschirm, wissen Sie, irgendwie die komplexe Natur aus den verschiedenen Entscheidungen, die sie in dieser App treffen könnten und in der Lage, all dies zu skizzieren, ist so wichtig, denn wenn wir in der Entwurfsphase werden wir genau wissen, welche Knöpfe wir brauchen. Viele davon werden für uns geplant sein. Wenn wir also in die U kommen, habe ich Dinge gewünscht oder es sogar an einen U I Designer weitergegeben, bekommen sie eine bessere Vorstellung von der erforderlichen Art von Schritten und Denkprozess. Und Sie tun dasselbe, wenn Sie auf Websites navigieren. Wenn Sie eine Navigation planen, erfahren Sie, was sich in diesem Menü befindet. Was ist in diesem Untermenü? Wie sind die Dinge miteinander verbunden? Es ist der ähnliche Prozess. Ah, aber das in diesem Fall mit der mobilen App. Also, wenn Sie eine Desktop-Website machen, die Sie völlig tun können und immer noch mit dieser Klasse folgen, werden Sie die gleichen Art von Entscheidungen treffen. Wie wird die Navigation aussehen? Welche Knöpfe. Sie werden dahin gehen, wo Sie das alles abbilden können. Und in meinem Fall habe ich ein wenig visuell damit gemacht, wo Sie verschiedene Tasten haben und ich denke, das hilft wirklich . Aber das musst du nicht. Sie könnten einen sehr einfachen archaischen nur, wissen Sie, Benutzerfluss machen. Wo Sie versucht haben, sind Sie eine Art von diesen Diamanten, die Entscheidungen zeigen, und Sie haben die Rechtecke, die einen Schritt oder Baby-Aktion, die ein Benutzer nimmt zeigen. Du könntest es sehr einfach machen, aber als visuelles Design oder jemand, der definitiv Teil des u I-Prozesses wird, wollte ich anfangen, Dinge auf eine grundlegende Weise zu blockieren, um zu wissen, wie viele Tasten aussehen und freundlich von. Und wir werden in der Lage sein, all diese verschiedenen Optionen auf einem Bildschirm zu passen. Oder ist es sowieso zu viel, das ist irgendwie grundlegend. Ich möchte nur eine grundlegende Erklärung des Benutzerflussdiagramms in einem Programm machen das aussieht. Hoffentlich hat er diesen Einstieg in die für diese Klasse entwickelte Nutzerflußart genossen , und jetzt sind wir bereit, mit dem nächsten Schritt fortzufahren. 7. Wireframe: So der Umriss Unser Prozess. Bisher haben wir Nutzerdaten gesammelt, die eine detaillierte, authentische Benutzerpersona erstellt wurden . Wir haben eine Customer oder User Journey Map erstellt, die die verschiedenen Phasen skizziert. Der Benutzer durchläuft Probleme und mögliche Lösungen. Schließlich haben wir das Flussdiagramm des Benutzers erstellt, um eine Reise zu einem Prozess im Detail zu skizzieren und andere mögliche Entscheidungen und Splits und Richtung zu untersuchen . Wir wissen also, welche Schaltflächen wir darüber nachdenken müssen. Und so sind wir bereit für Low-Fidelity-Drahtrahmen. Ein Drahtrahmen kann von Hand gezeichnet werden, werden im Softwareprogramm wie Adobe X'd erstellt. Es nimmt unseren Benutzerfluss und erstellt eine detailliertere Version, indem Sie Bereiche hinzufügen, in denen Fotos Schaltflächen gehen können und wie die Dinge angelegt und präsentiert werden. Drahtrahmen kann eine Menge von dem Rätselraten aus der U nehmen. Ich verarbeite Später die Straße hinunter, wenn diese App beginnt, die Entwicklungskodierungsstufe zu betreten lo Fidelity Drahtrahmen unterscheiden sich von High-Fidelity-Drahtrahmen und dass sie nicht enthalten immer Farben, Fotos oder endgültige Icon-Designs. Sie bestehen in der Regel aus groben, blockierten Layouts mit einer anderen Vielzahl von weißen, grauen und schwarzen Boxen, und dies gibt uns eine gute Skizze und gibt uns eine Vorstellung von Größe, Ah, Lage bestimmter Elemente und gibt uns ein Gefühl für die allgemeinen grundlegenden Design-Elemente und Benutzerfluss. Wir werden unseren User Flow nutzen, um uns einen guten Ausgangspunkt zu geben und uns Zeit zu geben, sich mehr auf die Details des Layouts zu konzentrieren . Wie viele Fotos werden auf einem Bildschirm angezeigt, auf dem der Text platziert werden könnte? Vielleicht die Größe des Textes? Oder vielleicht ist der Bildschirm scrollen ein High-Fidelity-Drahtrahmen hat alle Schnickschnack mit farbigen Markenelementen und Fotos in das Design integriert. Diese Luft sehr poliert endgültige Designs High Fidelity Drahtrahmen können schließlich verbunden werden um funktionierende Drahtrahmen zu schaffen, die es uns ermöglichen, unser Design und unsere Anwendung in Echtzeit zu verwenden und zu testen , ohne die App mit Entwicklern entwickeln zu müssen. Drahtrahmen Konzipieren Sie eine enorme Menge an Zeit, vor allem Entwicklungszeit, da Probleme wirklich in dieser Prototyp-Drahtrahmen-Umgebung vor allem Entwicklungszeit, ausgearbeitet werden könnten, wo es viel einfacher ist, Layouts und Fluss zu ändern und auszuschalten, Im Gegensatz dazu, dass die Codierung geändert werden muss, nachdem es zuerst beschichtet und entwickelt wurde, wird unsere Low-Fidelity-, einfachen Drahtrahmen und Adobe X'd entwickeln . Sie können den traditionellen Stift und Papier für den Schritt verwenden ist, na ja, da wir nur eine allgemeine Idee und von Layout und Position der Elemente auf der Grundlage der Forschung und Daten, die wir bisher haben, Ich ziehe es vor, den Drahtrahmen zu verwenden und Prototyping-Programm wie Adobe X'd oder skizzieren Sie zuerst für den Low-Fidelity-Drahtrahmen, einfach, weil es so viel einfacher ist, es später in einen High-Fidelity-Drahtfreund zu verwandeln. Sobald Sie alles eingerichtet haben, wenn Sie Hand skizzieren oder zeichnen Sie Ihren Low-Fidelity-Drahtrahmen, müssen Sie schließlich in den digitalen Raum gelangen, um einen funktionierenden Prototyp zu erstellen. So skizzieren Sie es auf dem Software-Programm statt Handzeichnung kann es einen Schritt in den Prozess speichern . Obwohl ich niemanden davon abhalten möchte, mit traditionellem Stift und Papier zu skizzieren. Wenn das etwas ist, das Ihrem kreativen Prozess hilft, wir jetzt mit Adobe X'd geschehen und beginnen mit unserer ersten Gier. Der Anmeldebildschirm. Ich hoffe, Sie haben Teil eins dieser You Weichel Serie genossen. Teil 2 wird in weniger als sieben Tagen veröffentlicht, und eine E-Mail-Benachrichtigung wird ausgegeben wenn Teil 2 verfügbar ist und Teil 2 startet eine Adobe X'd. Erstellen sind Low Fidelity, Drahtrahmen und Grundlayout für jedes Grün. Dann erstellen wir einen polierten High-Fidelity-Drahtrahmen, der zu unseren Markenfarben passt. Schau und fühle dich. Schließlich werden Link sind High Fidelity Drahtrahmen, um einen polierten endgültigen Arbeitsprototyp zu erstellen. Wir können dann mit Benutzern testen, um kritisches Feedback zu erhalten. Wenn Sie noch nicht in Adobe X T vor, Ich lehre in Adobe X'd Meisterklasse hier und Fähigkeiten teilen, die Ihnen einen guten Start auf das Lernen dieses Programms geben können , bevor wir tauchen in die Erstellung arbeiten Ryan Frames in Teil zwei der Siri. Sie könnten sich diese Klasse ansehen, indem Sie zu meinem Fähigkeitsfreigabe-Profil gehen. Ich freue mich darauf, Sie in Teil 2 der Serie zu sehen. Achten Sie auch darauf, den Projektabschnitt seiner Klasse zu überprüfen, wo es drei gibt. Viele Projekte, bei denen wir durch die drei verschiedenen Projekte in der Klasse arbeiten, würden gerne Ihre Projekte sehen. Bitte posten Sie sie. Ich würde gerne Feedback geben, aber auch liebe Bewertungen. Ich würde mich freuen, dass du mir Feedback gibst und wie du diese Klasse durchgehst und was du von dieser Klasse hältst . Und ich kann es kaum erwarten, Sie in Teil 2 der Serie zu sehen.