User Für Das Benutzeroberflächen/UX-Design In Adobe Xd

1. Kurs-Einführung: Benutzerflüsse von Flussdiagrammen sind wirklich wichtiger Teil des Entwurfsprozesses, da Sie innerhalb von Benutzerflüssen definieren, wie sich Ihre Benutzer durch Ihre App oder Website bewegen und was sind einige Schritte, die gehen, um die Ziele erreichen, die Sie oder Ihre Kunden festgelegt haben, können Sie einen Teil innerhalb Ihrer App oder Website definieren, den Ihre Benutzer ergreifen werden. Oder Sie können mehrere Pfade definieren, die mehrere Benutzer gleichzeitig nutzen. Und dadurch bestimmen Sie die Anzahl der Bildschirme oder Seiten, die Sie in Ihrem Projekt benötigen , und wie viel Zeit Sie tatsächlich nutzen und benötigen, um dieses Projekt abzuschließen. Hey Designer, mein Name ist Alex und in dieser Skillshare Klasse werden wir über Benutzerflüsse sprechen, warum sie wichtig sind, wie man sie mit Adobe XD erstellt. Was sind einige Unterschiede zwischen verschiedenen Benutzerflüssen und wie sie in Ihren Projekten verwendet werden. Ich bin ein digitaler Produkt-Schöpfer und bisher habe ich erstellt oder eine 500 Design-Produkte. Ich bin auch ein Kurs Schöpfer und bisher habe ich erstellt oder 30 verschiedene Kurse mit über 50 Tausend Studenten im Inneren eingeschrieben. In dieser Klasse werden wir diskutieren, was unsere Benutzer fließt, verschiedene Arten von Benutzerflüssen. Wann werden sie benutzt? Erstellen von Aufgabenabläufen mit Adobe XD, Arbeiten mit Drahtflüssen in Adobe XD und Verwendung verschiedener komplexerer Vorlagen. Und schließlich, wie Sie Ihre Flows mit Ihren Kunden und Entwicklern teilen. Ihr Klassenprojekt für diese Klasse besteht darin, einen Aufgabenablauf mit der Vorlage zu erstellen, die ich bereitgestellt habe. Öffnen Sie einfach die Vorlage in Adobe XD angepasst , wie Sie möchten n einfach laden Sie dieses Bild in unsere Klassenprojekte. Ich kann es kaum erwarten zu sehen, was ihr erschaffen könnt. Durch die Verwendung von Benutzerflüssen bestimmen Sie die Gesamtmenge der Bildschirme oder Seiten, die für dieses bestimmte Projekt benötigt werden. Und auch Sie werden optimale Routen für Ihre Benutzer erstellen, die sie nehmen können. Außerdem können Sie die Wahrscheinlichkeit einer Konvertierung verbessern, da Sie Ihre Benutzererfahrung optimieren, bevor Sie tatsächlich zu den Entwurfsphasen Ihres Projekts gelangen. Sie können sie mit neuen Produkten verwenden, um Ihre Pfade zu definieren, die Ihre Benutzer einschlagen werden. Oder Sie können sie mit bestehenden Produkten verwenden, um diese Bads zu verfeinern und ideale Fette zu schaffen. Also freue ich mich wirklich darauf, Sie in der Klasse zu sehen und lassen Sie uns einige Benutzerflüsse erstellen. 2. Was sind die Benutzerströme: User Flows, alle Flussdiagramme, wie sie manchmal unsere Teile genannt werden. Wenn Ihre Benutzer ein Produkt verwenden, zeigen sie ein vollständiges Teil an, das Ihr Benutzer vom Einstiegspunkt bis zum Endpunkt nimmt , wenn er seine Reise beendet. Es gibt viele verschiedene Teile, die Ihre Benutzer nehmen können je nachdem, wie sie zu Ihrem Produkt gelangt sind. Zum Beispiel, wenn diese Website oder eine Landingpage oder so etwas, vielleicht kamen sie auf diese Zielseite, wenn sie innerhalb des Links in Ihrer E-Mail geklickt haben, oder wenn es Shoppe Seite kann eine Produktseite oder so etwas sein, vielleicht haben sie , indem Sie unsere Kampagne besuchen, die Sie auf Facebook oder Instagram oder so etwas hatten. Vielleicht haben sie auf einen Link innerhalb eines YouTube-Videos geklickt und Mut zu dieser Shop-Seite. Oder wenn es sich um eine App handelt, haben sie diese App vielleicht über einen Link oder direkten Download aus einem Store installiert. Und dann, wenn sie in dieser App installiert, und vielleicht öffneten sie es und kamen zum Begrüßungsbildschirm. So haben User Flows unsere einfache Aufgabe, all diese Pfade so zu lenken , dass es logisch für Ihre Benutzer ist und super leicht zu verstehen und sie so zu optimieren, dass sie so wenige Klicks wie möglich haben, um diese zu erreichen -Ziele, je nachdem, wer Ihr Kunde ist und was Ihr Produkt versucht zu tun. Diese Ziele können sein, entweder ein Produkt zu kaufen, einen Service zu buchen, herunterzuladen, ein Freebie, sich für einen E-Mail-Newsletter anzumelden und vieles mehr. Ihr Ziel als Designer mit diesen Benutzerflüssen ist es also, diese optimalen Flows und optimalen Pfade zu erstellen, die Ihre Benutzer nutzen können um diese Aufgaben so zu erledigen, dass es für sie einfach wie möglich ist, zu verstehen und so schnell wie möglich möglich für sie, N2 Eingeweide zu ihrem Endziel zu lösen, ist Ihre Kunden Ziel, die Umwandlung zu erhöhen, zum Beispiel. Durch die Verwendung dieser Benutzerflüsse werden Sie dieser verbesserten Konvertierung einen Schritt näher bringen , indem Sie beispielsweise die Anzahl der Klicks reduzieren , die Ihre Benutzer ergreifen müssen, um diese Ziele zu erreichen. Durch die Verwendung von Benutzerflüssen bestimmen Sie die Gesamtmenge der Bildschirme oder Seiten, die Sie in dieser Phase des Projekts benötigen. Und das wiederum wird Ihnen viel Zeit später sparen , wenn Sie tatsächlich zu den Entwurfsphasen Ihres Projekts kommen , weil es Ihr Verständnis für dieses Projekt oder diese Rolle verbessern wird. Und deshalb wird es Sie in dieser Phase des Projekts noch mehr beschleunigen, Sie können sogar Entwickler wissen lassen, was los ist. Und Sie können sie und diese Flussdiagramme sogar zeigen, und wir werden darüber in den späteren Phasen dieser Klasse sprechen. Aber das ist der ganze Sinn dieses Prozesses, ist zu verstehen, dass dieses Projekt viel besser ist, als nur mit dem Design zu beginnen, weil das ein wirklich falscher Ansatz ist. Weil Sie wirklich mit diesen Benutzerflüssen beginnen müssen , um zu verstehen, wie viele Bildschirme, wie viele Seiten Sie später benötigen, wenn Sie zu diesem Entwurfsteil Ihres Projekts gelangen. Im nächsten Video werden wir diskutieren, was einige verschiedene Arten dieser Benutzerflüsse sind und wie sie verwendet werden. Also sehe ich dich dort. 3. Verschiedene user: Es gibt viele verschiedene Arten von Benutzerflüssen, abhängig davon, was Sie in Ihrem Projekt lösen möchten und was Sie erreichen möchten. Aber im Grunde gibt es drei Haupttypen, die insgesamt verwendet werden. Und dann von diesen drei Haupttypen, gibt es viele verschiedene Arten, die Sie während Ihrer Design-Karriere begegnen werden. Und das sind Task-Flows über Flows und Benutzerflüsse. Desk-Flows sind, was der Name suggeriert und sie zeigen, wie der Benutzer mit einer bestimmten Aufgabe interagiert , indem er auf denselben Einstiegspunkt und denselben Endpunkt Alle Benutzer werden dasselbe tun -Reise. Und deshalb wird diese Reise eine einfache Aufgabe zeigen. Zum Beispiel, wenn Sie sich für unseren E-Mail-Newsletter anmelden oder das Produkt kaufen, oder einen Service bei Ihnen buchen oder so etwas. Alle diese Benutzer müssen die gleiche Aufgabe erledigen. Diese Aufgabe hat viele verschiedene Schritte dazwischen, je nachdem, wie komplex die Aufgabe ist. Und deshalb werden diese Aufgabenflüsse dafür verwendet. Sie werden nicht für andere komplexe Dinge verwendet. Zum Beispiel, verschiedene Einstiegspunkte, verschiedene Ausgangspunkte. Aber der ganze Sinn der Aufgabenabläufe besteht darin, sich auf eine einzelne Aufgabe zu konzentrieren und diesen Benutzerteil so zu optimieren , dass sie die geringsten Schritte wie möglich haben, um diese Aufgabe zu erledigen, dann haben wir Draht-Flows. Und diese Workflows sind tatsächlich eine Kombination aus diesen Aufgabenabläufen und grundlegenden Drahtmodellen, und deshalb werden sie Drahtflüsse genannt. Und der Sinn von ihnen ist es, verschiedene User Journeys in Ihrem Produkt und verschiedene Einstiegspunkte an verschiedenen Ausgangspunkten zu zeigen verschiedene User Journeys in . Sie sind jedoch nicht zu viele Details im Inneren. Sie sind nur da, um all diese verschiedenen Teile zu zeigen, die Ihre Benutzer aufnehmen können. Hier geht es also nicht darum, zu detailliert zu werden, sondern Ihren Kunden, Ihren Teamkollegen und Entwicklern zu zeigen . Viele verschiedene Teile, die Ihre Benutzer nehmen können. Aber zumindest einige Details zu verwenden, um zu zeigen, wie diese Bildschirme oder Seiten aussehen können. Und dann, um Pfeile zu verwenden, zum Beispiel, nur um zu zeigen, was sind einige verschiedene Teile, die Ihre Benutzer nehmen können. Und dann schließlich haben wir Benutzerflüsse selbst. Sie sind tatsächlich eine Kombination aus Aufgabenabläufen und Drahtflüssen. Und Benutzerflüsse zeigen tatsächlich alle verschiedenen Flows an, die Ihre Benutzer ausführen können, alle verschiedenen Teile, die sie nehmen können. Und sie sind tatsächlich eine Kombination aus Aufgabenabläufen und über Flows. Was ich damit meine, ist, dass sie eine Kombination dieser beiden Elemente sind. Und das werde ich Ihnen in späteren Phasen dieser Klasse zeigen. Und im Grunde zeigen sie alles. Sie zeigen jeden einzelnen Einstiegspunkt, sie zeigen jeden einzelnen Ausgangspunkt. Sie zeigen alle der verschiedenen Teile, von denen Ihre Benutzer richtig und falsch Teile nehmen können. Sie zeigen alternative Pfade und all diese Dinge, so dass sie so detailliert wie möglich sind. Je nachdem, was Sie tatsächlich für dieses Projekt benötigen , und je nachdem, wo Sie sich in den Entwurfsphasen dieses Projekts befinden, werden Sie das eine oder andere verwenden. Manchmal sind Benutzerflüsse eigentlich Ihre beste Wette denn je nachdem, wie Ihr Projekt läuft, je nachdem, wie das Feedback läuft, wie die Forschung läuft, es, sie sind viel einfacher zu ändern, sie sind viel einfacher zu bearbeiten. Dann, wenn Sie gerade mit Task-Flows beginnen und dort später Drahtflüsse hinzufügen und dann am Ende Benutzerflüsse verwenden. Vielleicht ist User Flows der beste Weg, dies zu tun. Und wann verwenden wir tatsächlich diese Benutzerflüsse? Wir werden das im nächsten Video besprechen. Also sehe ich dich dort. 4. Wann werden sie verwendet: Benutzerflüsse werden frühzeitig in einem Projekt verwendet, gleich nachdem alle Recherche- und Nutzerpersonas abgeschlossen sind. Wie er bereits sagte, werden sie verwendet, um die Menge der Bildschirme, die Sie benötigen, und die logische Reihenfolge dieser Bildschirme oder bestellt Dosis Seiten und wie Ihre Benutzer tatsächlich zu interagieren und bewegen durch all diese verschiedenen Seiten. Und dann können Sie diese Reihenfolge und all diese Flows mit Ihren Kunden und mit Ihren Entwicklern oder Teamkollegen besprechen , um das bestmögliche Ergebnis und die bestmögliche Optimierung zu erzielen , bevor Sie tatsächlich zu die Design-Phasen dieses Projekts, werden sie verwendet, um intuitive und angenehme Schnittstelle zu schaffen, so dass unsere Benutzer finden unser Produkt, unsere Freude zu verwenden, und sie werden auch verwendet, um die Konversionsrate zu erhöhen, wie ich bereits erwähnt, weil Sie mit diesen Benutzerflüssen frühzeitig in diesem Entwurfsprozess bestimmen, wann Ihre Benutzer bestimmte Dinge innerhalb dieses Prozesses anklicken oder kaufen oder kaufen , anstatt später im Entwurfsprozess was wiederum wird, um den Designprozess zu machen, sind viel einfacher zu machen, viel einfacher zu erstellen. Weil Sie all diese Dinge in Ihren Benutzerflüssen bestimmt haben. Sie können sie verwenden, um neue Produkte zu erstellen, oder Sie können sie mit vorhandenen Produkten verwenden, um die Teile zu verfeinern , die Ihre Benutzer in diesem Produkt aufnehmen können , und um die Optimierung oder Konvertierung zu erhöhen oder wo auch immer die Ziel dieses Projekts ist. Wie gesagt, können sie für neue oder bestehende Produkte erstellt werden. Und sie sind sehr nützlich, wenn Sie Komponenten erstellen , die Sie später in Ihren Entwurfsphasen dieses Entwurfsprojekts verwenden werden, da einige Komponenten hauptsächlich verwendet werden, wie Navigation, Fußzeilen und innerhalb dieser Phase von Ihr Projekt können Sie ganz einfach bestimmen, was sich in der Schuldennavigation oder Fußzeile befinden wird. Sie können sie auch verwenden, um beispielsweise Heldenbilder oder Schieberegler oder verschiedene Komponenten wie DOS zu erstellen. Und später können Sie diese Komponenten einfach skalieren oder neu skalieren, unabhängig davon, ob Sie sie später in Ihrem Projekt benötigen oder nicht. Schließlich gibt es wirklich gute Möglichkeit, Ihren Teamkollegen, Kunden und Entwicklern Ihre Ideen über dieses Projekt zu zeigen . All diese verschiedenen Pfade, die Ihre Benutzer einschlagen können. Da die Validierung in diesem Teil des Projekts wirklich wichtig ist , weil, wie ich bereits mehrmals erwähnt habe, es Ihren Designteil dieses Projekts viel mehr beschleunigen wird , weil in diesem Teil mit diesen Benutzerflüssen Sie werden alle diese wichtigen Details zu bestimmen. Und später wird Design einfach viel einfacher und viel angenehmer zu machen sein , weil es nur eine Kreativität Exploration ist , anstatt sich mit all diesen komplexen Aufgaben zu beschäftigen , die Benutzer lösen müssen . nun von Benutzerflüssen im nächsten Video sprechen, werden wir tatsächlich Benutzerflüsse mit Adobe XD erstellen. Also sehe ich dich dort. 5. Creating in Adobe Xd erstellen: Es gibt viele verschiedene Routen, die Ihre Benutzerflüsse nehmen können. Es gibt viele verschiedene Formen, die Sie verwenden können, aber es gibt einige grundlegende Formen, die jeder Designer Gibt es verstehen sollte. Sie sind seit Jahrzehnten im Grunde der Standard in der Branche. Und sie sind wirklich sehr wichtig zu wissen, vor allem, wenn Sie mit Remote-Teams arbeiten. Wenn Sie später einer Agentur beitreten oder wenn Sie bereits in einer Agentur arbeiten und versucht haben, zu etablieren, sind bestimmte Sprache, die jeder verstehen kann. Also in diesem Video werde ich Ihnen eine Vorlage zeigen. Sie werden in der Lage sein, diese Vorlage herunterzuladen und sie mehr zu erkunden und dann auf dieser Vorlage zu bauen. Und später in der Klassewerde ich Ihnen einige komplexere Vorlagen zeigen, werde ich Ihnen einige komplexere Vorlagen zeigen die Sie tatsächlich erhalten können, wenn Sie möchten, und dann auf diese grundlegenden Vorlagen erweitern und einfach auf sie aufbauen. Also hier ist diese Vorlage. Es wird Task-Flow-Elemente genannt. Und wenn Sie diese Vorlage einfach aus den Klassendateien herunterladen möchten, und dann können Sie sie in Adobe XD öffnen. Was wir hier haben, sind alle Elemente, alle Komponenten. Also haben wir Eintrag, Aktion, Prozess, Entscheidungspfeil und negativen Pfeil, und das sind Ihre Farben. So Einstiegspunkt Farbe, weiße Farbe, die im Grunde die Farbe des Textes überall ist, und Schritte Farbe. Wenn Sie diese Farben zum Beispiel in die Marke Ihres Kunden ändern möchten, können Sie einfach mit der rechten Maustaste klicken. Sie können dies kopieren oder Sie können bearbeiten und dann einfach ändern Sie diese Farbe, wie Sie wollen. Wie Sie sehen können, werden sie in Echtzeit aktualisiert. Sie können Ihren Hex-Code direkt hier stützen. Wenn wir enden wollen, dann wird es auf die Hex-Farbe aktualisieren, die Sie gewählt haben. Also lass mich ein bisschen zurückgehen. Wie gesagt, ist dies die wirklich grundlegende Bare-Bones Vorlage und dann können Sie auf dieser Vorlage aufbauen. Wenn wir also auch ein wenig hineinzoomen, all diese verschiedenen Elemente, werde ich Ihnen zeigen, was sie alle sind und was sie alle tun. Also zuerst haben wir Eintrag, und das ist der Einstiegskreis, oder der Einstiegspunkt wird normalerweise als Kreis angezeigt, aber Sie können es auf viele verschiedene Arten zeigen, die Sie wollen. Nichts davon ist eigentlich standardisieren. Dies sind nur Designer in der Branche all diese Elemente und Vorlagen seit Jahrzehnten verwenden. Und dann kommen Sie einfach mit all diesen verschiedenen Lösungen. So haben wir Einstiegspunkt und das kann auch der Ausgangspunkt sein. So Einstiegspunkt, wenn Sie sich von den vorherigen paar Videos erinnern, die ich erwähnt habe, kann zum Beispiel eine Zielseite Ihrer Website oder Anmeldebildschirm Ihrer App oder was auch immer sonst sein. Der Einstiegspunkt, an dem die Benutzer tatsächlich Ihr Design, Ihr Produkt, Ihre mobile App, Ihre Website eingeben, was auch immer es ist. Und danach haben wir Taten. So können Benutzer klicken, Benutzer können durchsuchen, Benutzer können behaupten, Benutzer können alle diese verschiedenen Dinge sind Aktionen eingeben. Aktionen können auch sein, wenn Sie auf die nächste Schaltfläche in Ihrer App klicken, um beispielsweise zwischen verschiedenen Bildschirmen zu wechseln. Oder wenn Sie auf ein bestimmtes Symbol geklickt haben, zum Beispiel, Pfeil nach links und rechts zu gehen, oder wenn Sie wischen, um die Paginierung Aktion Kreis verwenden ist nur da. Und ich werde das in nur einer Sekunde mit dieser wirklich grundlegenden Vorlage zeigen , die ich online gefunden habe und es einfach mit diesen Elementen neu erstellt habe. Also alle diese Elemente sind, haben für euch erstellt und Sie können diese Vorlage einfach herunterladen und verwenden. Wie ich bereits erwähnt habe. Als nächstes haben wir Prozess. Was ist also passiert, nachdem wir die bestimmte Aktion abgeschlossen haben? Also gingen wir zu einer bestimmten Seite? Haben wir gehen von, zum Beispiel, kleines Bild in voller Breite Bild schwierig auf die nächste Folie, haben wir das Produkt gekauft? du zur Kasse gegangen? All diese Dinge sind wirklich wichtig innerhalb des Prozesses. Also müssen Sie das aufschreiben, damit Sie als Designer verstehen können, oder wenn Sie mit einem Teamkollegen oder mit Entwicklern oder mit Kunden arbeiten, müssen Sie ihnen diesen Prozess zeigen. Als nächstes haben wir in dieser Diamantform, was die Entscheidung ist. Im Grunde bedeutet das, wenn der Benutzer sich verpflichtet hat , zu einem bestimmten Prozess oder einer bestimmten Aktion Ja oder Nein zu sagen. Was ich damit meine, ist, wenn Sie zum Beispiel auf unsere Kasse Seite kommen und Sie ein Produkt kaufen möchten, kann dies ja oder nein Entscheidung sein. Also ja, ich möchte das Produkt kaufen und dann gehen Sie zur Kasse Seite, gehen Sie zu den Zahlungsseiten, so weiter oder wenn nein, wenn ich auf Nein klicke, Wohin bringt es mich? Deshalb ist dieser Diamant wirklich wichtig und wird in der Regel als Entscheidungshild-Diamant bezeichnet. Und ich werde Ihnen zeigen, wie neu alle diese Elemente in nur einer Sekunde bearbeiten. Aber als nächstes haben wir Pfeile. Nun, diese ausgefüllten Pfeile, wie Sie sehen können, haben wir zwei Arten. Diese ausgefüllten Pfeile sind also im Grunde Schrittpfeile. So verschieben sie Benutzer von einem Schritt zum anderen. Und dann sind diese Pfeile im Grunde das, was ich sie hier beschriftet habe. Negative Pfeile in sind, wenn der Benutzer sagt, nein sagt oder wenn der Benutzer eine bestimmte Aufgabe nicht ausführen kann. Zum Beispiel, wenn die Suche aber nichts finden kann, dann wird dieser kein Pfeil angezeigt und es führt sie zu einem nächsten Schritt oder zum vorherigen Schritt oder so etwas. Deshalb werden diese Pfeile im Grunde verwendet. Wenn ich jetzt nur ein wenig verkleinere, können Sie diesen Fluss sehen. Und im Grunde nahm ich Inspiration online und ungerecht neu mit diesen Elementen. Da der Benutzer hier eingibt, werden sie beispielsweise mit einer Willkommensseite oder einem Willkommensbildschirm begrüßt. Dann können sie eine Aufgabe auswählen. Die Aufgabe wird ausgewählt und kann dann vorwärts verschoben werden. Wenn es richtig ist, können sie auf die Detailseite weitergehen. Wenn es nicht korrekt ist, dann wird dies, wenn sie zum Beispiel auf Nein klicken , es wird sie zurück zu den ausgewählten Aufgaben führen. So kann dieser Knoten konkrete Schaltfläche sein, wenn sie auf Nein klicken, oder sie können sein, das kann ein X sein. zum Beispiel. Sie möchten das Pop-up schließen oder wie Sie Ihr Layout strukturieren. Grundsätzlich ist der Punkt derselbe. Sie können entweder vorwärts gehen, also ja, oder sie können rückwärts gehen. Also nein, deshalb werden diese verwendet. Dann gehen wir zum Beispiel auf diese Detailseite. Und von der Detailseite kann ich auf die Suche klutzy klicken, um etwas zu finden. Und dann, wenn ein Commit zu suchen, kann ich Elemente suchen. Wenn ich keine Artikel gefunden habe, wird es, es wird keine gefundenen Elemente angezeigt. In diesem Fall stellte ich mir vor, dass es ein nächstes Symbol ist. So wird zum Beispiel kein Element gefunden, und dann können Sie schließen, um eine Suche erneut abzuschließen oder Zu Element gefunden wird, Ziel wird in diesem speziellen Fall abgeschlossen, weil dies das Ziel dieses Elements ist. Und dann können Sie auf Bestellen klicken. Und das ist dein Ausgangspunkt, so bestellt. Oder wenn ich nicht bestellen möchte, kann ich vielleicht auf Nein klicken oder stornieren oder so etwas. Und es wird mich zurück zu dieser Detailseite führen. So können Sie einfach an diesem sehr schnellen und einfachen Beispiel sehen , wie nützlich diese Flussdiagramme sind. Dies ist im Grunde ein Aufgabenablauf, den ich zuvor erwähnt habe , weil es nur eine einzelne Aufgabe zeigt. Im nächsten Video werden wir einige erweiterte Vorlagen und einige erweiterte Schritte diskutieren , die Sie ausführen können, wenn Sie diese Flows erstellen. Aber im Grunde ist dies nur eine wirklich grundlegende Bare-Bones Vorlage. Wieder einmal können Sie es herunterladen, in Adobe XD verwenden und ausgenutzt werden. Und ich ermutige Sie wirklich, auf dieser Vorlage aufzubauen, mehr Seiten hinzuzufügen, mehr Bildschirme hinzuzufügen und so weiter. Und eine Sache, die ich Ihnen nicht gezeigt habe, ist zum Beispiel bei dieser Aufgabe genau hier, ich möchte hineinzoomen und sagen wir, anstatt eine Aufgabe auszuwählen, ich möchte etwas anderes tun. Sie können sehen, es ist Open Sans, so ist es kostenlos Google-Schriftart. Sie können es jetzt völlig kostenlos auf Google-Schriftarten und Adobe-Schriften laden, was auch immer Sie verwenden. Was ich also genau hier gemacht habe, ist, dass ich die Polsterung eingeschlossen habe. Was ich damit meine, ist, wenn ich direkt dort klicke, können Sie sehen, dass das Padding für diese Komponente aktiviert ist. Also, wenn ich hier doppelklicke, kann ich etwas eingeben, zum Beispiel, machen Sie dies sichtbarer und Sie können sehen, wie die Box Kosten. Also im Grunde in diesem Fall habe ich, wenn ich zurückgehe , 20 verwendet, wie Sie hier sehen können, Abstand zwischen all meinen Elementen. Aber Sie können tan verwenden, Sie können fünf verwenden. Sie können diese Pfeile sogar überlappen. Wenn also eine Position hier richtig ist, können Sie sehen, wie schön sie sich mit diesem Schritt überschneidet. So kannst du wirklich tun, was du willst. Wenn Sie diese Komponenten ziehen, ziehen Sie sie einfach hier. Ich möchte Ihren Doppelklick innerhalb ändern, zum Beispiel Einstiegspunkt oder was auch immer so, oder Ausgangspunkt, was auch immer. Sie können es hier positionieren, Sie können es in einer Mitte zu sein, indem Sie diese beiden Elemente auswählen, positionieren Sie es wie folgt. Oder Sie können es einfach löschen. Sie können das für all diese anderen Elemente tun, die Ihnen gezeigt werden. Und schließlich, für diese Pfeile, weil diese ziemlich einfach sind, können Sie innen doppelklicken. Sie können die Umschalttaste diesen Pfeil hier gedrückt halten. Und dann können Sie diese Form direkt hier anklicken und positionieren , wenn Sie diesen Pfeil kürzer machen möchten, zum Beispiel, wenn Sie nicht möchten, dass er aus irgendeinem Grund so lang ist. Und auch für diese Pfeile, wenn ich zu meinem Ebenenbedienfeld gehe und sie öffne, können Sie so negativen Pfeil sehen, wir haben das Etikett, das ist dies kein Etikett, in dem Sie auch ändern können, wenn Sie wollen. Zum Beispiel negativ ODER keine Option, oder dies ist keine Option oder was auch immer Sie schreiben möchten. Und dann haben wir linke, rechte Pfeile und wir haben diese Pfeillinie in der Mitte. Also, was kannst du eigentlich damit machen? Sie können auf den Pfeil nach links klicken, z. B. die Umschalttaste gedrückt halten und sie näher bewegen. Sie können das gleiche mit diesem tun, oder wenn Sie möchten, können Sie sie sogar weiter auseinander bewegen. Sagen wir mal so. Und dann können Sie auf dieses Zentrum klicken und einfach so erweitert. Wenn Sie nicht möchten, dass es so ist, dann können Sie einfach auf den Pfeil klicken und Sie können dies anpassen, so dass Sie sehen können, dass wir die Rahmenfarbe haben, die diese Farbe ist. Und dann haben wir die Strichbreite, wir haben die Strichbreite. Also im Grunde die Breite zwischen all diesen verschiedenen Strichen, können Sie anpassen, was Sie wollen, um einen bestimmten Stil zu erreichen, nach dem Sie suchen. Und im Grunde das, der ganze Sinn dieser Vorlage, um Ihnen in diesem Explorationsprozess zu helfen. Wie ich im nächsten Video erwähnt habe, werden wir ein wenig komplexere Vorlagen diskutieren. Ich werde Ihnen zeigen, wo Sie diese Vorlagen bekommen können, die eigentlich meine sind, und was Sie dann tatsächlich mit ihnen machen können. Also sehe ich dich dort. 6. Arbeiten mit Flowcharts in Adobe Xd: In diesem Video werde ich Ihnen einige komplexere Vorlagen zeigen. Die Erstellung dieser Vorlagen dauerte Monate. Und diese Vorlagen sind eigentlich einige, die ich und mein Team in der Vergangenheit erstellt haben. Und Sie können diese Vorlagen erhalten, Links, die in der PDF mit Rabatten sein werden, weil dies Premium-Vorlagen sind. Und ich werde Ihnen zeigen, wie sie alle erschaffen werden. Halten Sie sie wie in Adobe XD aussehen. Du kannst sie holen, wenn du willst. Wenn nicht, können Sie Ihre eigenen erstellen, wie Sie möchten. Also hier ist meine Website Anruf Webspender, Dotnet. Wieder einmal wird der Link in einem PDF sein, und dies ist die erste Vorlage, die als fließend zu sehen sind. Und Sie können sehen, Sie haben 108 Bildschirme, 128 Elemente in verschiedenen Papieren. So können Sie diese Papiere verwenden, wenn Sie Ihr Flussdiagramm ausrichten und dann später ausdrucken möchten , um es Ihren Teamkollegen, Kunden oder Entwicklern zu zeigen. Also, wenn ein Skleral nur ein wenig, können Sie sehen, wie einige dieser Elemente aussehen. Und wir werden sie in nur einer Sekunde in Adobe XD erkunden. Aber im Grunde ist das der Kern davon. Es gibt viele verschiedene dieser Elemente und diese Papiere und wir haben Draht-Flussdiagramme und diese sind viel größer. So haben wir HOT 100 Komponenten insgesamt. So 200 Bildschirme zu einem 100 Elemente und zwei Papiere noch einmal, und dieses Mal haben wir helle und dunkle Version, so können Sie sogar erkunden, dass. Und Sie können sehen, dass sie adaptiv sind, was enthalten ist. So haben Sie drei verschiedene Dateitypen, Photoshop, Sketch und XD. Während in diesem einen Wir haben Photoshop und Skizzendateien. Da XD jedoch von Adobe erstellt wird, können Sie einfach eine Photoshop-Datei öffnen. Es wird perfekt funktionieren innerhalb von XD, weil es integriert ist, um dies zu tun, pixelperfekte Komponenten, kostenlose Google-Schriften werden überall verwendet, wo Sie Schriftarten finden. Und wenn Sie diese richtungsweisend Video-Tutorials für beide in und organisierte Layerstruktur enthalten kaufen. Das wirst du in nur einer Sekunde sehen. Dies sind die Papiere für den Druck sowohl US als auch A4 Größe, wenn Sie möchten. Unbegrenzte Variationen und Sie können sehen, wie einige dieser Elemente aussehen. Wenn ich das minimiere und zurück zu XD gehe, ist das die Aufgabe für ROD. Zeigen Sie, Sie können sehen, wie einfach es ist. Aber wenn ich dir zum Beispiel flowy zeige , kannst du sehen, wie es aussieht. Also kombiniere ich diese drei. Also lassen Sie mich das etwas näher bringen. Das sind also Web-Elemente, sind mobile Elemente, und das sind alle zusätzlichen Elemente. Also, wenn Sie diese kaufen, werden sie in drei Dateien kommen, aber Sie können sie in einer Datei in XD kombinieren, wie Sie hier sehen können, können Sie einfach doppelklicken, um dies zu ändern. Das sind beispielsweise mobile Elemente. Und was kann man eigentlich mit diesen Elementen machen? So können Sie ganz einfach hier auf Ihre Zeichenfläche kommen und eine Zeichenfläche erstellen, die zum Beispiel 1920 mal 1080 ist. Und sagen wir, ich möchte mit einem Anmeldebildschirm beginnen. Ich kann es kopieren, ich kann es hier einfügen. Und lassen Sie uns das tatsächlich in diese Farbe ändern. Also lassen Sie mich eigentlich, lassen Sie mich tatsächlich unsere schöne hellgraue Farbe greifen , nur damit Sie ein bisschen besser sehen können, was ich tue. Und dann kann ich mit diesem Pfeil beginnen, zum Beispiel hier. Also kopieren Sie es, fügen Sie es hier ein. Und vielleicht kann ich es hier positionieren. Wenn meine Benutzer also auf diese Schaltfläche klicken, wohin soll es sie bringen? Weil dies ein Anmeldebildschirm ist. Vielleicht, wie Sie sehen können, haben wir hier verschiedene Kategorien. Vielleicht werden wir in den E-Commerce springen und vielleicht gehe ich zu diesem und dann zu diesem. Und dann lassen Sie uns vielleicht auch diesen Bildschirm sehen, so. Kontrolle C springen genau hier, Kontrolle V, um sie alle einzufügen. Und ich werde das tun. So werden sie zum Beispiel zu diesem Bildschirm hier kommen. Und dann werde ich meinen Pfeil Control C Control oder Control D duplizieren , was immer Sie wollen. Und dann zum Beispiel, wenn sie auf a klicken, positionieren Sie es oben. Wenn Sie auf dieses Produkt klicken, zum Beispiel, oder direkt hier, und wir haben verschiedene Pfeile direkt hier. Also, wenn ich diesen wirklich gelöscht habe, kann ich diesen Pfeil zum Beispiel verwenden. So können Sie sehen, warum diese Vorlagen wichtig sind. Weil Sie tatsächlich viel schneller arbeiten können, wenn Sie das tun. Also, wenn ein Control X, Control V Position und rechts hier, und wenn der Klick rechts hier, lassen Sie uns sagen, dass das eine Schaltfläche ist. Und Sie können dasselbe tun, was ich zuvor gezeigt habe. So können Sie diese erweitern, wenn Sie möchten. Und lassen Sie mich tatsächlich hier ausgedehnt. Ich kann tatsächlich zu diesem Bildschirm springen. Sie können also sehen, dass dies nicht mit all diesen vorherigen Aufgabenabläufen inline ist, da dies eine viel komplexere Benutzerflüsse ist, da wir, wie Sie sehen können, zwei Schaltflächen haben, so dass sie zum Beispiel auf Abbrechen klicken können , und wir können diesen Pfeil tatsächlich duplizieren. Ich kann es zum Beispiel umdrehen, nur um Ihnen zu zeigen, wie das aussehen könnte. Vielleicht kann ich es hier positionieren. Vielleicht kann ich die beiden etwas nach oben schieben. Ich kann das hier unten positionieren. Vielleicht können sie direkt dort klicken. Und dann bringt dieser Pfeil sie zum Beispiel zu diesem ersten Bildschirm. Sie können es sogar umdrehen. Und dann können Sie diese Elemente positionieren. Das werde ich dir in einer Sekunde zeigen. Also Control D auf diesem. Und Sie können es positionieren oder gleich hier herum, dann können Sie das erweitern. Und vielleicht könnte das ein wenig langweilig aussehen, aber es ist wirklich wichtig, diesen Benutzerfluss zu verstehen. Und von hier an, zum Beispiel, wenn sie tatsächlich auf diesen blauen Button klicken, wohin führt er sie? Und lassen Sie uns das eigentlich nehmen, nur um es ein bisschen einfacher zu machen , sich ihren Weg zu bewegen. Also werde ich das hierher bringen, vielleicht so, und dann ein bisschen nach innen positionieren. Ich werde das hier löschen. So können Sie sehen, wie schnell das tatsächlich erstellt werden kann. Wenn sie dann auf diesen blauen Button klicken, können sie vielleicht zu diesem Bildschirm kommen. Und von Dan an an, lassen Sie mich diesen Pfeil ganz nach oben positionieren, genau hier. Positionieren Sie es hier. Und dann kann ich tatsächlich hier klicken und das so bewegen und das in ein wenig reorganisieren. Vielleicht ist das unser Bestätigungsbildschirm oder was auch immer, wir können es so nennen. Und dann, wenn sie auf diese blaue Schaltfläche klicken, können sie tatsächlich auf die Einkaufsseite gehen und sie können diesen Schritt tatsächlich abschließen. Nun, was wir damit tun können, ist, dass wir sie tatsächlich mit den ursprünglichen Aufgabenabläufen kombinieren können , die ich Ihnen gezeigt habe. So kann ich zum Beispiel diesen Einstiegskreis verwenden. Und dann entschuldigen Sie mich, denn ich habe viele davon offen. Ich kann es hier positionieren, und ich kann es bewegen. Sie können sehen, dass es verknüpft ist, weil es sich tatsächlich um eine Instanz aus einer anderen Komponente handelt. Also kann ich hier mit der rechten Maustaste klicken und ich kann es lokal machen. Und dann, was ich tun kann, ist tatsächlich springen wählen Sie beide so, und drücken Sie Shift-Steuerung und reduzieren Sie es ein wenig. Ich kann auch meine Texte reduzieren. Also vielleicht 10, so etwas. Dann können wir es wie ein Einstiegspunkt hier benutzen. Aber Sie können auch tun, ist diese verwenden. Das ist zum Beispiel unser Zuhause, vielleicht ist das unsere Einstiegspunktsteuerung C. Und dann kann ich, anstelle dieses Eintrittskreises, es ein bisschen interessant aussehen lassen, indem ich diese positioniere. So kann ich das als mein Einstiegskreis positionieren. Und zum Beispiel kann ich diese Farbe verwenden, wenn ich will. Ich kann dieses Symbol ändern. Wenn ich will. Ich kann sogar die Farbe des Symbols ändern. Klicken Sie einfach direkt dort, Sie können mit diesen tun, was Sie wollen. Auch, was Sie hier sehen können, sind all diese verschiedenen Mockups, die im Grunde nur als Formen wagen. Und dann können Sie diese Mockups verwenden, um zu zeigen, zum Beispiel, dies ist eine Ansicht einer mobilen App und ich kann dieses einfache Mockup verwenden, könnte es direkt hier oben positionieren, vielleicht schreiben Sie einige Texte direkt hier. Verschieben Sie alle diese Elemente ein wenig nach unten, so vielleicht und schreiben Sie dann gleich hier. Dies ist ein Blick darauf, wie die mobile Version aussehen wird, zum Beispiel auf Android oder iOS oder was auch immer Sie wollen. Oder ich kann all diese anderen benutzen. Also Browser, Laptop-Version, Desktop-Version, was auch immer. Dann, wenn der Schritt abgeschlossen ist, können wir diesen zum Beispiel verwenden. Also lasst es uns hier positionieren. Und ich kann es tatsächlich so in der Mitte meines Pfeils positionieren. Und dann kann ich meine Hauptfarbe zum Beispiel verwenden, um zu sehen, dass der Schritt abgeschlossen ist. Oder ich kann das hier positionieren, genau da herum, vergrößern, wenn ich will. Ich kann sogar eine Grenze hinzufügen, was auch immer ich einen Schlagschatten auf diesem Hintergrund verwenden kann. So kann ich mich da drinnen positionieren. Was auch immer Ihr Stil für diesen bestimmten Benutzerfluss ist, dann können Sie diesen Stil mit diesen Vorlagen implementieren. Und Sie können in nur wenigen Minuten sehen, wenn Sie nicht so reden, wie ich bin, können Sie dies offensichtlich in viel kürzerer Zeit erstellen. Das war also fließend, wenn wir direkt hier springen, nur um Ihnen schnell ein Web-Elemente des Drahtflusses, Flussdiagramm zu zeigen. Und Sie können sehen, wie viele verschiedene Elemente wir hier haben. Und Sie können natürlich Komponenten aus diesen Elementen erstellen. Sie können ihre Farben ändern. Zum Beispiel möchte ich die Farbe dieser Kopfzeile ändern. Ich kann es hier positionieren. Oder wenn ich die Farbe meines Hintergrunds vollständig ändern möchte, können Sie es so ändern. Und natürlich, wenn Sie Farben wie unsere 3D haben, zeigen Sie in dieser Standardvorlage wie diese. Wenn Sie also Ihre Farben erstellt haben, können Sie diese Farbe einfach auf dieses Element anwenden. Auf diese Weise wirst du viel schneller arbeiten. Aber wenn du es nicht tust, ist es gut. Sie können direkt hier einspringen und die Farben auch von diesem ändern. Das kann zum Beispiel, ich weiß nicht, ein leuchtend rot sein oder was auch immer. Und dann kann das die gleiche Farbe haben, also kann ich es so auswählen und Sie können sehen, wie das aussieht. Also offensichtlich gibt es hier viele Optionen und alle diese Elemente sind gleich. Sie können sehen, wir haben viele verschiedene Pfeile im Inneren enthalten. Von einem Einstiegspunkt bis zu vielen Ausgangspunkten. Du kannst tun, was du willst. Sie können Gefahr verwenden, Sie können eine Aktualisierung verwenden. Und ich ermutige Sie wirklich, Ihre eigenen Symbole zu verwenden. Sie können diese linken und rechten Symbole für die Schritte verwenden, wenn Sie möchten. Aber im Grunde können Sie sehen, wie diese aussehen. Sie haben viel mehr Details im Inneren enthalten. Anstatt diese, die Ihnen zuvor für die Aufgabenabläufe angezeigt werden. Also im Grunde haben Sie zwei Möglichkeiten. Sie können diese Version verwenden, die extrem leicht ist, oder Sie können diese Version verwenden, die viel komplexer ist, aber diese sind nicht endgültig Layout. Dies sind nur, um Ihre Ideen viel besser an Ihre Teamkollegen, Ihre Kunden, Ihre Entwickler zu vermitteln . Und der Vorteil davon liegt darin, dass Sie mehrere Ein- und Ausstiegspunkte haben, mehrere Flüsse. Also zum Beispiel, wenn ich zu dem gehe, den wir mit Flow v erstellt haben, So kann ich erstellen, wie ich hier erwähnt habe. Also haben wir diese beiden Pfeile. Zum Beispiel haben wir hier eine Schließen-Schaltfläche, zum Beispiel, wohin bringt uns dieser Schließen-Knopf, er bringt uns zurück zum Login-Bildschirm oder zu diesem Bildschirm. Sie können sich also vorstellen, dass Sie diese mehrere Flows, komplexe Flows und dasselbe wie eine Vorlage erstellen können, die ich Ihnen kostenlos gebe. Du kannst hier reinspringen. Und Sie können einfach alle diese Elemente anpassen und sie kleiner machen. Wenn Sie eine andere Farbe anwenden möchten, können Sie das auch tun. So können Sie verwenden, welche Farbe Sie auf diese wollen. Und natürlich, weil es viele, viele, viele dieser verschiedenen Elemente in Kategorien von Promo-Testimonials, Team, Blog, E-Commerce, und so weiter unterteilt . Sowohl für mobile als auch für Desktop-Version wird Ihr Workflow viel schneller sein und Ihre Lieferzeit wird viel schneller sein. Und wieder einmal, der Vorteil der Verwendung dieser ist, dass Ihre Kunden verstehen werden dass Sie viel besser sind, als wenn Sie einfach so etwas verwenden. Dies ist ein fantastischer Ausgangspunkt. Aber wenn die Dinge ein bisschen komplexer sein müssen, zum Beispiel, wie ich es Ihnen hier zeige. Sie müssen also mehrere Flows erstellen, offensichtlich wie in jeder einzelnen App hier, dann empfehle ich wirklich, unsere Premium-Vorlage wie diese zu verwenden , weil es wirklich Ihren Workflow dramatisch verbessern wird. Und es wird Ihnen wirklich erlauben, viel schneller zu arbeiten und Ihre Ideen Ihren Teamkollegen, Kunden oder Entwicklern zu zeigen , die sie verstehen werden. Denn vor allem mit Kunden, die ihnen so etwas zeigen , wird sie nicht wirklich leicht zu verstehen machen. Aber wenn man ihnen zum Beispiel so etwas zeigt, wird es ihnen viel besser verstehen weil sie zumindest einige dieser Elemente erkennen werden, anstatt sie nur und diese leeren Formen wie Kreise und Quadrate und Diamanten und so. Das war also ein wirklich kurzer Blick in diese Premium-Vorlagen. Wieder einmal, wenn Sie sie mit einem sehr großen Rabatt erhalten möchten, werden Links in der PDF sein. Sie können einfach auf diese Links klicken und einfach diesen Rabattcode eingeben, ich Ihnen zur Verfügung stellen werde und dann sie erhalten und sie in XD verwenden, Sie können sehen, wie so etwas Ihren Workflow dramatisch verbessern kann. Sie werden diesen grundlegenden Aufgabenablauf natürlich immer noch kostenlos erhalten. Und Sie können es herunterladen und verwenden. Aber wenn Sie Ihr Spiel aufbauen wollen, wenn wir Ihre Ideen auf bestmögliche Weise zu Ihren Kunden, Teamkollegen und Entwicklern zeigen wollen . Dann wird die Verwendung dieser Premium-Vorlagen den Workflow massiv verbessern. Wie Sie gesehen haben, können Sie alles ändern, Sie können sie anpassen, wie Sie wollen. Sie können so schnell oder langsam arbeiten, wie Sie möchten. Sie können alle Arten von verschiedenen Farben, alle Arten von verschiedenen Formen und Symbolen und so etwas verwenden. Also, wenn Sie so etwas verwenden möchten, noch einmal, werde ich Ihnen die Links und Rabatte in einem PDF geben und Sie können sie überprüfen. Im nächsten Video werden wir darüber sprechen, wie Sie so etwas mit Ihren Teamkollegen, Kunden und Entwicklern teilen können. Also sehe ich dich dort. 7. Teilen deiner Ströme: Freigabe Ihrer Benutzerflüsse ist wirklich wichtiger Teil des gesamten Prozesses, da es Ihren Kunden, Teamkollegen und Entwicklern ermöglicht , Ihren Denkprozess hinter all dem zu verstehen. Und es wird die Diskussion wirklich viel einfacher machen, als dies einfach zu tun und sie dann einfach in Worten oder so etwas zu erzählen. In diesem Video zeige ich Ihnen ein paar praktische Möglichkeiten, die Sie nutzen können , um diese Ihren Kunden und Entwicklern zu zeigen. Also zuerst ist es, und ich habe dies für meine Premium-Vorlagen erstellt, die Ihnen gezeigt werden. Also Boot für einen Flowy, den Sie hier sehen, und für Draht-Flussdiagramme. Und Sie können sie öffnen, wenn Sie diese kaufen, die ich in einem früheren Video erwähnt habe. Das sind diese Papiere. Also das ist A4-Größe, das ist US-Buchstabengröße. Und Sie können diese einfach öffnen, während Sie arbeiten und alle Ihre Elemente direkt hier ausrichten, und dann einfach all diese ausdrucken. Sie können diese Option auswählen. Sie können Steuerelement oder Befehl E innerhalb von XD drücken, und dann können Sie PDF direkt hier auswählen. Dann können Sie auf Exportieren klicken und es wird diese druckfertige PDF exportieren. Sie können es ausdrucken und dann können Sie es Ihren Kunden zeigen. Oder wenn Ihre Kunden aus der Ferne arbeiten und Sie nicht in ihrer Reichweite sind oder so etwas, dann können Sie diese PDFs einfach mit Ihren Kunden teilen und dann können sie dieses Video nach Süden drucken und dann Notizen auf diesen PDFs hinterlassen. Oder noch besser, Sie können sie einfach hier ausrichten, und dann können Sie hier klicken, um dies mit Ihren Entwicklern oder Kunden zu teilen. Wie das funktioniert, können Sie einfach hier klicken. Und es wird diese öffentliche Verbindung erzeugen. Und dann kannst du ihm hier einen Namen geben. Nehmen wir zum Beispiel Webflow-Element oder Drahtfluss für eine Website oder so etwas an. Und dann kannst du es hier zeigen. Dies ist der Linkname, und dann können Sie einfach diesen Link kopieren und dann können Sie ihn mit Ihren Kunden teilen. Sie können dann im Browser, hinterlassen Sie Ihre Kommentare direkt hier, und dann können Sie einfach ändern, wie dieser User Flow in Ihrem XD aussieht und dann direkt hier in der Registerkarte Teilen zurückkehren. Und dann aktualisieren Sie einfach den Link und dann kommen Sie zurück und teilen Sie diesen Link noch einmal mit Ihrem Client. Kundenname, Projektname, Deadline, Anzahl der Website-Seiten und Anzahl der App-Bildschirme sind das, was wirklich wichtig ist und was wird wirklich bestimmen, wie viel Sie am Ende dieses Projekts tatsächlich berechnen werden, oder wie lange das Projekt dauern wird. Denn in der Regel werden vor allem freiberufliche Designer durch das gesamte Projekt belastet. So wissen sie, zum Beispiel aus dem Gespräch mit dem Kunden, ob der Kunde bereits ein Projekt hat oder so etwas, sie werden wirklich wissen, wie viel sie berechnen werden , indem sie all diese Informationen sammeln. Aber wenn nicht, können Sie einfach in Etappen arbeiten. So können Sie für diese Explorations- und Anwendertests, Benutzerforschungsphase berechnen. Und dann, nachdem Sie dies abgeschlossen haben, werden Sie wissen, indem Sie einfach diese Benutzerflüsse verwenden, wie viele Bildschirme Sie später entwerfen werden, wie viele Website-Seiten Sie entwerfen werden. Und von Todeszahl, können Sie dann eine gebildete Vermutung machen und Schulden Betrag an Geld zu Ihrem Kunden berechnen. Deshalb ist Sharing in dieser Phase des Projekts wirklich wichtig. Denn Sie werden leicht wissen, indem Sie diese Benutzerflüsse verwenden , wie viel Geld Sie tatsächlich gehen, um Ihre Kunden zu berechnen. Nun, dies ist eine der Methoden und dann können Sie diese Vorlage folgen, vor allem, wenn Sie diese kaufen oder wenn nicht, können Sie einfach so etwas verwenden. Also lassen Sie uns sagen, dass Sie das erstellt haben. Sie können ihm hier einen Namen geben, also doppelklicken Sie und rufen Sie es auf, was Sie wollen. So zum Beispiel, neuartige Strömung. Natürlich wird dies viel sauberer sein, wenn Sie es tatsächlich erstellen. Sie können Steuerelement oder Befehl E drücken. Und dann können Sie anstelle von PDF ein JPEG oder ein PNG auswählen. Sie können auf Exportieren klicken und dann können Sie es an einen Client senden. Außerdem können Sie diese Seiten verbinden. Also lassen Sie uns sagen, dass dies Port Nummer 1 ist, das ist unsere Port-Nummer 2. Sie können in den Prototyp-Modus gehen, sie verbinden und dann können Sie einfach diesen Prototyp teilen, wie ich hier erwähnt habe, und dann kopieren Sie diesen Link und teilen Sie ihn mit Ihrem Client. Nun, der Vorteil, etwas wie dieses in Adobe XD direkt zu verwenden , liegt darin, dass Sie kein Papier verschwenden. Du verschwendest deine Zeit nicht. Du verschwendest ihre Zeit nicht. Sie können einfach einen Link freigeben. Sie können auf diesen Link zugreifen, diesen Link kommentieren mit ihren Änderungen zu Ihnen zurückkehren. Sie können es innerhalb von XD ändern, den Link aktualisieren, ihn erneut senden, und dann können sie das neue Feedback hinterlassen, bis alle zufrieden sind. Und danach werden Sie den Designprozess mit einer klaren Anleitung Ihrer Kunden beginnen , mit klarem Verständnis von ihnen und Entwicklern was innerhalb dieses Projekts zu tun hat. 8. Kursprojekt: Ihr Klassenprojekt für diese Klasse besteht darin, einen Aufgabenablauf mit dieser Vorlage zu erstellen , die ich bereitgestellt habe. Jetzt können Sie diese Elemente so positionieren, wie Sie wollen, aber was ich empfehlen würde, ist, alle von ihnen zu löschen und dann einfach diese Hauptelemente zu verwenden, was auch immer Sie wollen, Sie können klicken, ziehen und ablegen auf Ihre Seite und dann positionieren Sie sie einfach so, dass es für Sie sinnvoll ist. Sie können den gesamten Text im Inneren ändern. Und was ich Sie wirklich ermutigen würde, ist, diese Farben im Inneren zu ändern und sie dann an Ihren idealen Kunden oder zwei imaginären Kunden anzupassen oder was auch immer Sie wollen, und laden Sie sie dann einfach in Ihr Klassenprojekt. Was Sie tun können, ist, nachdem Sie alle diese auf der Seite ausrichten, können Sie es auswählen, drücken Sie Control oder Befehl E exportiert ist entweder PNG oder JPEG, was auch immer Sie wollen, drücken Sie Exportieren. Und das lade einfach dieses Bild in unser Klassenprojekt hoch. Ich freue mich wirklich auf das, was ihr erschaffen könnt. Und deshalb gebe ich Ihnen diese Vorlage, um zu üben, öffnen Sie sich einfach in Adobe XD und folgen Sie diesen Anweisungen aus dieser Klasse. Und ich kann es wirklich kaum erwarten zu sehen, was ihr erschaffen könnt. 9. Outro / Abmoderation: Also, da gehst du, Du hast das Ende der Klasse erreicht. Ich hoffe wirklich, dass diese Klasse Ihnen geholfen hat zu verstehen, was Benutzerflüsse sind. Warum sind sie nützlich und warum sind der wirklich wichtige Teil des Entwurfsprozesses und wie die Verwendung dieser Benutzerflüsse Ihnen helfen kann, Ihre Entwurfsaufträge viel schneller und mit besserer Integrität, mit besseren Planungsfähigkeiten, mit besseren Fähigkeiten, um Ihren Benutzerfluss bestmöglich zu optimieren. Nochmals vielen Dank für das Anschauen. Ich hoffe wirklich, dass Sie einen Wert darin finden. In einer wirklich Hoffnung werden Sie einige dieser Tipps und Techniken anwenden werden verwendet, einige dieser Vorlagen, die ich Ihnen in Ihrer zukünftigen Arbeit zeigen. Nochmals vielen Dank für das Anschauen und ich hoffe, Sie in einigen meiner anderen Klassen zu sehen. Kümmern Sie sich.