User Experience Design von A bis Z: Adobe XD UI/UX-Design

1. UX/UI Kurs Übersicht: In diesem Video werden wir die UX-Benutzeroberfläche von einer Kursübersicht bis Z durchgehen . Wir werden die verschiedenen Kernbereiche durchgehen . Ich gebe Ihnen einen Überblick über jeden Abschnitt, was Sie erwarten können bevor wir in die Kursbereiche einsteigen Ich möchte mich kurz vorstellen. Mein Name ist Juan, ich bin einer Ihrer Ausbilder in diesem Kurs. Ich bin seit der Grundschule Unternehmer. Mein Hintergrund liegt im Tech-Bereich, von digitalem Marketing, E-Commerce, Design bis hin zur Programmierung. Ich glaube an kontinuierliche Weiterbildung mit dem besten Universitätsabschluss, ohne alle Nachteile der Kosten des Buddhismus und ineffizienter Methoden. Ich freue mich darauf, Ihnen dabei zu helfen, Ihre Fähigkeiten zu erweitern. Arthur ist der andere Lehrer in diesem Kurs. Er ist seit 2002 Grafikdesigner und arbeitet derzeit als UX-UI-Freelancer arbeitet mit vielen Unternehmen auf der ganzen Welt zusammen. Und er freut sich darauf , Ihnen dabei zu helfen, Ihre Fähigkeiten und das UX-UI-Design zu erweitern . Lass uns weitermachen und hier reinspringen. Okay, der allererste Abschnitt wird die Einführung in den Kurs sein. Hier gehen wir über die UX-Benutzeroberfläche. Was genau ist der Unterschied zwischen der Benutzererfahrung und Benutzeroberfläche und was genau das sind. Und dann gehen wir den aktuellen Designer-Marktplatz so weit durch, wo er heute steht, was das Durchschnittsgehalt, die Anzahl der eröffneten Stellen, die Chancen betrifft , das Wachstumspotenzial für den UX- und UI-Bereich, richtig? Also werden wir das durchgehen. Wir werden also verschiedene Arten von UX-Rollen in verschiedenen Organisationen durchgehen, von kleinen Organisationen über UX-Rollen in verschiedenen Organisationen durchgehen, mittlere Organisationen bis hin zu großen Unternehmensorganisationen. Und dann in Abschnitt zwei gehen wir auf die Einführung in die Webbranche ein. Und hier werden wir in die verschiedenen Phasen der Webentwicklung gehen . Es ist wichtig, dass Sie ein grundlegendes Verständnis dafür haben ein grundlegendes Verständnis dafür wie die Webentwicklung funktioniert, alles, was in Bezug auf die verschiedenen Designphasen involviert ist , die Sie verstehen möchten agiler Ansatz. Wir werden das sehr detailliert durchgehen. Wir geben Ihnen einen Überblick im Vergleich zum linearen Modell im Vergleich zum agilen Ansatz. Und dann gehen Sie auch das Scrum-Projekt-Framework , mit dem Sie normalerweise arbeiten werden. Dann haben wir Abschnitt drei. Hier fangen wir an, auch einige der Adobe XD-Lektionen zu machen . Wo du ein bisschen Hands-On über die Schulter machen wirst. Und dann werden wir über die Psychologie der Farbe sprechen . Wir werden uns mit verschiedenen Farbschemata und Farbrädern befassen und Ihnen wirklich einen Überblick über die Grundlagen des Grafikdesigns geben, oder? Weil Sie verstehen müssen, wie Farbe funktioniert, verschiedene Farbschemata, wie man mit verschiedenen Schriftarten arbeitet, wie man mit verschiedenen Symbolen arbeitet und wie man die Farbtheorie wirklich verstehen muss Farbtheorie funktioniert, wie Farben funktionieren, wie man die richtige Art von Farben verwendet und einzigartige Situationen. Wie Farben Emotionen hervorrufen und welche Art von Farben Sie verwenden möchten, hängt von der Art des Designs ab, das Sie erstellen möchten. Also auch dort ein sehr aufregender Abschnitt. Und dann haben wir Abschnitt vier. Hier gehen wir ins UX-Design. Hier machen wir auch einige zusätzliche Adobe XD-Lektionen, in denen wir Wettbewerbsanalysen durchführen werden. Wir werden darüber nachdenken, was eine Customer Journey ist. Was ist das? Verkaufstrichter, die verschiedenen Arten von Verkaufstrichtern, verschiedene Verkaufstrichterstufen. Eine ganze Menge mehr. Das wird wahrscheinlich der größte Abschnitt in diesem Kurs sein . Und es ist sehr tiefgründig. Deshalb freue ich mich du auch damit anfängst. Und dann Abschnitt fünf, werden wir uns mit dem UI-Design befassen. Wir werden den UI-Designprozess durchgehen. Wir werden auch verschiedene Zielseiten und verschiedene UI-Komponenten in verschiedenen Adobe XD-Lektionen durchgehen , in denen Sie verschiedene Arten von Designs erstellen werden verschiedene Arten von Designs Erstellen verschiedener Arten von Headern, Arbeiten mit Mikrointeraktionen und einer Reihe anderer Dinge für UI-Design-Schnittstellen. sehr, sehr Ich freue mich sehr, sehr, dass du auch damit anfängst. Und dann haben wir Abschnitt sechs , der die Optimierung sein wird. Hier werden wir die obige Fold-Regel durchgehen . Wir werden uns damit befassen, wie Analysen für die Optimierung verwendet werden und wie Heatmaps verwendet werden. Und dann haben wir dort auch ein paar Adobe XD weniger als drauf. Dann haben wir endlich Sektion sieben. Hier beginnen Sie Ihre Karriere im UX-UI-Designbereich. Und wir werden eine freiberufliche Kundenberatung, Personal Branding und die Einrichtung einer Website durchgehen eine freiberufliche Kundenberatung, . Und wir werden einige der Vor- und Nachteile des Networking durchgehen. Wie vernetzen Sie sich richtig, damit Sie sich in Position bringen, neue Stellen, neue Jobs, vielleicht neue Kunden bekommen, oder? Und dann gehen Sie einige der besten freiberuflichen Websites durch. Und dann werde ich Sie auch durch ein Tool führen, das Sie als Drehscheibe verwenden werden , in dem Sie im Wesentlichen alle Projekte Ihrer Kunden, all Ihre Aufgaben, all Ihre Aufgaben haben können . Und es ist eine Vorlage, die ich erstellt habe und auf die Sie zugreifen können. Und dann wirst du endlich die verschiedenen Orte finden , an denen du UX- und UI-Jobs finden kannst. Ich freue mich sehr, dass Sie mit diesem Kurs beginnen und wir sehen uns beim nächsten Kurs. 2. UX/UI Übersicht: In diesem Video gehen wir über den Abschnitt lernen UX UI UI Abschnitt Überblick. Im vorherigen Video haben wir uns also die gesamte Kursübersicht durchgesetzt. Wir haben die verschiedenen Abschnitte durchgegangen, was Sie von jedem bestimmten Thema, jedem bestimmten Bereich erwarten werden. Und dann werden wir in diesem Video über das gehen, was in diesem speziellen Abschnitt selbst enthalten sein wird. Okay, also lasst uns voran gehen und hier zur Abschnittsübersicht springen. Also, was wir in diesem Abschnitt behandeln werden, ist die UX versus UI. Ich möchte Ihnen einen grundlegenden Überblick darüber geben, was UX ist, was es eigentlich bedeutet und wie es tatsächlich in der realen Welt funktioniert. Dasselbe für die Benutzeroberfläche. Und dann in der Lage zu sein, UI gegen UX zu kontrastieren , weil Sie in der Lage sein möchten, die Unterschiede zu verstehen, wie sie funktionieren und wie sie zusammenarbeiten. Okay, dann werden wir in den UX UI Designer Marketplace gehen. Wir werden uns einige Gehaltspotenziale, den Arbeitsmarkt, das Wachstumspotenzial ansehen und Ihnen einen Überblick darüber geben, wohin diese Branche geht und wie viel Wachstumspotenzial wirklich für Sie hat, wenn Sie Tauchen Sie wirklich tief in diese besondere Branche ein. Denn die Zukunft ist sehr vielversprechend für den UX UI Designer Marketplace. Und ich möchte Ihnen einige Zahlen zeigen, die das unterstützen werden so weit wie das, was Sie erwarten können, dass gerade anfangen und was Sie erwarten können, wenn Sie in Ihrer Karriere vorankommen. Und dann werden wir, wie ich bereits erwähnt habe, das durchschnittliche Gehalt für die UX und UI, das Wachstumspotenzial übergehen . Wir werden überlegen, wie man die Fähigkeiten richtig erlernt, der beste Weg, diese Fähigkeiten zu erlernen. Und ich habe einen Vortrag, der genau darüber hinausgeht. Und dann die Wichtigkeit, ein gut abgerundeter Designer zu sein. Weil eines der Dinge, die Sie bemerken werden, wenn Sie sich zum ersten Mal für verschiedene Jobs bewerben. Oder vielleicht, wenn du einen Job in einer kleinen Organisation, mittelständischen Organisation bekommst, wirst du viele verschiedene Dinge tun und mehrere Hüte tragen und vielleicht eine Kopie schreiben, vielleicht Inhalte schreiben, und vielleicht, weißt du, Arbeit an einem Verkaufstrichter oder irgendetwas nach dem Vorbild der Marketingabteilung, richtig? Und das ist, wo Sie in der Lage sein, ein abgerundeter Designer zu sein, wenn Sie all diese verschiedenen Elemente kennen und vor allem Verhaltenspsychologie und Verständnis, warum wir Entscheidungen treffen, was uns dazu antreibt treffen Sie die Entscheidungen bei verschiedenen Einflussauslösern, verschiedenen Überzeugungselementen und wie Sie Überzeugungskraft und Einfluss und Ihre Botschaft mit verschiedenen Farben verwenden , oder? Und so werden Sie in diesem Kurs lernen, wie man genau das macht. Sie werden lernen, wie Sie Verkaufstrichter entwickeln, verschiedene Verkaufstrichterstufen, wie Sie Landingpages für verschiedene Arten von Elementen erstellen , die in den Farbschemata beteiligt sind. Sie können also ein abgerundeter Designer sein, oder? Und dann gehen wir über die verschiedenen UX- und UI-Rollen. Denn was wir wollen, ist dass dieser Kurs ein sehr gut abgerundeter Designer ist. Also, wenn Sie in mehr von der Grafik-Design-Phase gehen , wo Sie Logos erstellen möchten. Sie möchten Logos und verschiedene Designs erstellen. Sie werden in der Lage sein, das auf einem sehr hohen Niveau zu tun, weil Sie verschiedene Designelemente, Farbpsychologie, Farbtheorie, einzigartige Farbdesigns und Schemata verstehen Farbpsychologie, Farbtheorie, , richtig? Und so werden Sie wissen, wie Sie so viele verschiedene Dinge tun außer dem typischen UX- und UI-Designer, Sie werden eine Reihe von Fähigkeiten haben und Sie werden extrem wertvoll für eine Organisation sein, nachdem Sie mit diesem natürlich. Und so freue ich mich, dass du losgehst und wir sehen uns auf dem nächsten. 3. UX vs UI: In diesem Video werden wir über die Unterschiede zwischen UX und UI gehen. Dies ist eine sehr wichtige Lektion hier, weil ich Ihnen ein echtes grundlegendes Verständnis dafür geben möchte , was UX ist, wie es funktioniert, wie eine Funktion, die verschiedenen Faktoren dann UX und in der Lage sein würde, das mit der Benutzeroberfläche zu kontrastieren, so dass Sie kann einen vollen Umfang dessen erhalten, was Sie sind, was UX ist, und in der Lage zu verstehen, was die verschiedenen Elemente, Komponenten und Faktoren sind , aus denen jeder von ihnen besteht. Lassen Sie uns also voran und springen Sie in das UX-Design. Ux Design beinhaltet Interaktionen zwischen einem potenziellen oder aktiven Kunden und begleitet und stützt sich auf visuelle Gestaltung, Verhaltenspsychologie und Verbraucherforschung. Eines der größten Dinge, die Sie im Auge behalten möchten, ist die Verhaltenspsychologie und Verbraucherforschung. Das lernen Sie auch in diesem Kurs, der für Ihre UX- und UI-Karriere sehr wichtig ist. Wenn Sie Verhaltenspsychologie nicht wirklich verstehen, Einfluss löst Überzeugungen aus, Lage zu verstehen, was Menschen tickt und was ihn tatsächlich dazu bringt, eine Entscheidung zu treffen und wie man bestimmte Emotionen hervorruft, dann sind Sie wirklich gehen, um eine harte Zeit mit dem User Design und User Experience haben. Okay, das wird also ein großes Element für die UX sein. Und dann bezieht sich der User Experience Teil auf die Interaktion zwischen dem Benutzer und dem Produkt oder der Dienstleistung. Wie also der Benutzer mit diesem bestimmten Produkt, dieser Website interagiert, berücksichtigt er im Wesentlichen alle verschiedenen Elemente und wie sie miteinander interagieren, um diese Erfahrung zu gestalten. Okay, also ist das, was die Benutzererfahrung ist. Es ist jede Art von Erfahrung, die ein Benutzer durchmacht, um mit dem Unternehmen, der Business-Website, der Anwendung zu interagieren , was auch immer das sein mag, das ist, was Sie wirklich von der Benutzererfahrung nehmen möchten. So Benutzeroberfläche, das ist das eigentliche Design und Aussehen der Präsentation oder die Interaktivität eines Produkts, oder? Denken Sie an eine Webanwendung, eine Software als Service-Anwendung, die jemand auf seinem Handy verwendet, um tatsächlich ein Spiel zu spielen oder um das Produkt zu bauen oder was auch immer das sein mag, richtig? Jede Art von UI wird eine einzigartige Schnittstelle haben , die in der Lage ist, dass die Person, der Kunde oder der Endbenutzer in der Lage, die Software, die eigentliche Anwendung, die Website zu verwenden, und in der Lage ist, dieses Produkt und eine angenehme Erfahrung mit ihm haben, oder? Und dann haben wir die Benutzeroberfläche ist der Punkt der Interaktion zwischen dem Benutzer und einem digitalen Gerät oder Produkten, richtig? Also denken Sie über wie ein Touchscreen auf Ihrem Smartphone Sache über Facebook, Ich bin sicher, dass Sie Facebook auf Ihrem Handy haben. Denken Sie darüber nach, wie diese Benutzeroberflächen einrichten, wo sie es so machen, dass Sie ständig auf Ihrem Telefon sind. Du überprüfst deinen Nachrichten-Feed schaust dir an, wovon andere Leute reden, richtig? Das ist also im Wesentlichen die Benutzeroberfläche einer Anwendung. Und sie haben es so gestaltet, dass Sie immer in Beyond der Anwendung gehen wollen, richtig? Und mit Websites und verschiedenen Anwendungen berücksichtigt das UI-Design das Aussehen und die Interaktivität des Produkts. Und so letztendlich, was das UI-Design immer aus dieser Perspektive darüber nachdenkt. Dies ist die Schnittstelle, mit der ich tatsächlich interagiere. Das ist es, was ich sage. So verwende ich eigentlich diese Plattform, wie ich benutze, sagen wir LinkedIn oder Facebook oder eine dieser anderen Arten von Websites oder Anwendungen, richtig? Es ist, wie Sie mit ihnen interagieren und das ist, was Sie wirklich verstehen und wissen wollen , was die Benutzeroberfläche, das UI-Design. Okay, das wird also für diesen hier sein, und wir sehen uns auf der nächsten. 4. UX/UI: In diesem Video werden wir über den UX UI Designer Marketplace gehen. Dies wird Ihnen also eine Einführung in den Marktplatz als Startgehalt geben. Was sind einige der Dinge, die Personalvermittler suchen? Und einige der Herausforderungen, denen Recruiter tatsächlich gegenüberstehen um Top-UX-UI-Design-Talente zu finden. Weil Sie diesen Kurs nehmen und dieses Programm durchlaufen, Sie jemand sein, der tatsächlich in der Lage ist diese Positionen zu besetzen, weil Sie die notwendige und erforderliche Ausbildung bekommen , die für einen UX- und UI-Designer erwartet werden. Lassen Sie uns also voran gehen und in den UX-UI-Designer-Marktplatz springen und wie viel Wachstumspotenzial hier tatsächlich hat. Also eines der ersten Dinge, die hier zu beachten ist, dass LinkedIn seitiges UX-Design als eine der Top-Fähigkeiten zu lernen und 20-20 und darüber hinaus. Und es macht Sinn, richtig? Weil Sie über verschiedene Unternehmen nachdenken, die online mehr Einfluss machen möchten und mehr Möglichkeiten finden möchten, wie sie ihre Benutzer ansprechen können. Sie können eine bessere Customer Journey, Customer Experience und in der Lage sein, ihnen eine erstaunliche Erfahrung mit der Marke, mit dem Unternehmen, mit den Mitarbeitern zu bieten , oder? Und so hat der UX Design Marketplace explodiert in, wird weiterhin erhebliche Menge an Wachstum von jetzt und darüber hinaus haben. Daher haben Recruiter oft Schwierigkeiten, UX-Rollen aufgrund der Wissenslücke zu füllen. Nun, genau wie ich schon erwähnt habe, wenn du diesen Kurs durchgehst, gehst du in dieses Programm. Sie werden über die notwendigen Fähigkeiten verfügen, das Verständnis dessen, was von einem UX-UI-Designer erforderlich ist. Und so werden Sie in der Lage sein, diese Rollen sehr einfach zu füllen, zumal Sie viel mehr lernen als die traditionellen UX und UI Informationen und Wissen, richtig? Da die traditionelle UX UI, das wird mehr um die offensichtlich User Experience, Grafikdesign und viele andere Bereiche, aber wo dies wirklich in einen Unterschied Hersteller kommt, ist die Verhaltenspsychologie, das Verständnis von Einfluss Überredung, und wirklich Verständnis der menschlichen Psychologie als Ganzes, so dass Produkte geschaffen werden können, die tatsächlich in der Lage sind , Maßnahmen auf der Individuen ergriffen werden weil Sie verstehen, wie die betreibt, was die Entscheidungsfindung antreibt, wie eigentlich Emotion, der größte Faktor, wenn Individuen Entscheidungen treffen, und sie neigen dazu, logisch zu rechtfertigen. Also, nicht nur die UX-UI-Rollen zu verstehen, um diese Fähigkeiten zu haben, sondern auch den Einfluss und die Überzeugung zu verstehen, wird einen langen Weg gehen. Und so das durchschnittliche Gehalt für einen UX- und UI-Designer, und ich glaube, das ist in den USA. Also, um 85 Tausend im Jahr, können Sie hier sehen, dass es eine ziemlich anständige Menge an Gehalt weil Sie so viel für das Geschäft tun, oder? Sie haben einen enormen Wert. Sie sind verantwortlich für die Bereitstellung der tatsächlichen Erfahrung beim Kunden, dem Endbenutzer, wie mit dem, was das Endprodukt. Und so ist dies eine sehr wichtige Position. Und wenn Sie die meisten Leute fragen, die sich in der UX UI fühlen, werden sie Ihnen sagen, dass es eine sinnvolle Karriere ist, weil sie wirklich echtes Interesse an Neugier in die Arbeit haben , die sie tatsächlich jeden Tag tun. Denn denken Sie daran, dass die UX-Profis oft sehr daran interessiert sind , wie Menschen arbeiten. Wie funktioniert der menschliche Verstand? Wie funktioniert die menschliche Psyche? Was treibt uns an, tatsächlich Maßnahmen zu ergreifen, um bestimmte Entscheidungen zu treffen? Und was sie alle gemeinsam haben, ist, dass sie motiviert sind, ihre Benutzer zu verstehen und die Gesamterfahrung zu verbessern, richtig? Und das alles geht in die Verhaltenspsychologie. Letztendlich ist der UX- und UI-Designer-Marktplatz massiv. Es wächst mit einer sehr hohen Rate in es gibt eine Menge Möglichkeiten für Sie in der Lage, in dieser speziellen Branche beginnen zu können, vor allem, da Sie durch dieses Programm gehen, Sie alle Fähigkeiten bekommen. Sie verstehen, Farbpsychologie, oder so weit wie Grafikdesign, Farbtheorie, verschiedene Farbschemata, Sie verstehen, wie verschiedene Mock-ups zu erstellen. Sie gehen im Wesentlichen durch ein Bootcamp, ein ganzes Programm, das Sie bereit machen wird , um eine Einstiegsposition, einen UI-UX-Designer zu bekommen , oder Sie können anfangen, Freiberufler zu machen. Sie können beginnen, einige Gigs zu machen und Ihnen ein Profil zu bekommen, und dann ein Portfolio aufbauen und dann in der Lage sein, zu gehen und verschiedene Positionen als UX-UI-Designer zu bekommen. Es liegt an dir. Und so geht es wirklich darum, was du tun willst und wie du es machen willst. Allerdings sind die Informationen hier für Sie in der Lage zu nutzen und in der Lage zu sein, zu nutzen und Ihre UX und Sie sind Karriere. Und so wird das hier für den UX- und UI-Designer-Marktplatz sein. Und wir sehen uns auf der nächsten. 5. Übersicht über of: In diesem Video werden wir über die UX- und UI-Rollen gehen. Dies sind also die, einige der verschiedenen Rollen und Sie werden innerhalb einer Organisation zu sehen. Und das kann sich je nach Größe der Organisation ziemlich unterscheiden. Wenn Sie vielleicht eine kleinere Organisation, mit der Sie arbeiten oder mittelständische Organisation haben , werden Sie feststellen, dass eine Menge Male eine einzelne Person trägt viele verschiedene Hüte und tun eine Menge von dieser Arbeit selbst. So kann ein Individuum, sagen wir bei einem Startup oder bei einem kleineren Unternehmen, UX und UI ganz alleine machen. Vergleich zu großen Organisationen haben Sie möglicherweise jemanden, der nur eine UX behandelt, jemand behandelt nur eine Benutzeroberfläche. Jemand recherchiert einfach die eigentliche Recherche, oder? Und würde kleinere Unternehmen mittlerer Größe, Sie werden in der Regel eine Person finden, die sowohl diese behandelt und alle Recherchen und alle verschiedenen Hintergrundinformationen und Anforderungen, die als auch benötigt werden. Lassen Sie uns also voran gehen und in die verschiedenen Arten von UI- und UX-Rolle springen. Der erste hier wird also ein visueller Designer sein. Und das kann auch als Grafikdesigner bekannt werden. Und was sie tun, konzentriert sich im Wesentlichen auf das große Bild, das Konzept, die Steuer von Grafiken, die Topographie, die Symbole bei verschiedenen Farbschemata, das Aussehen und das Gefühl, wie das Design oder die Anwendung, die die Website wird Sieh mal. Und dann haben wir den UX-Designer, richtig? Dies ist die Person, die die Customer Journey übernimmt. Sie kümmern sich um die Kundenerfahrung und stellen sicher, dass der Endbenutzer eine angenehme und zufriedenstellende Erfahrung mit der Marke, mit der Website, mit der Anwendung hat und dass das Projekt eine logische fließen, damit der Benutzer von Schritt zu Schritt wechseln kann, ohne verloren zu gehen, oder? Denken Sie einfach an einen Verkaufstrichter. Wenn Sie nicht vertraut sind, gehen wir in diesem Kurs im Abschnitt UX Design durch, wo Sie mehr über Verkaufstrichter erfahren werden in diesem Kurs im Abschnitt UX Design durch, , die verschiedenen Schritte entlang des Prozesses. Wie Menschen gehen und tatsächlich Artikel in einem anderen Mikroschritte kaufen , die daran beteiligt sind, dass Sie alles darüber erfahren werden. Allerdings wollte Ihnen nur einen schnellen Überblick geben, dass der UX-Designer alles damit zu tun hat, wie er Benutzer mit der Marke interagieren und wie sie von einem völlig Fremden zu einem tatsächlich zahlenden Kunden gehen . Und dann der UI-Designer, das ist das Individuum, das sich mit den grafischen Design-Elementen einer Schnittstelle beschäftigt , oder? Denken Sie einfach an eine Anwendung nach. Denken Sie an jede Art von mobilen App, jede Art von Online-Produkt, wie ein SaaS-Produkt, richtig? Das hat dich da drin. Sie erhalten einen Login und Sie müssen mit den verschiedenen Arten von Funktionen und Funktionen interagieren , oder? Darauf konzentriert sich ein UI-Designer und stellt sicher, dass, sobald der Benutzer bereits da ist und er mit dem tatsächlichen Produkt interagiert, es eine sehr angenehme Erfahrung für ihn ist, tatsächlich mit diesem zu interagieren bestimmte Anwendung, Websites oder was auch immer das sein mag, richtig? Und dann haben wir einen Interaktions-Designer. Dies wird in der Regel größere Organisationen sein , in denen Sie ein wirklich großes Projekt haben, oder? Und so brauchen Sie jemanden, der hier reinkommt und versteht wie ein Benutzer mit einer Anwendung interagiert und verschiedene Interaktionen und Animationen in das Design aufbaut , so dass es viel mehr Interaktivität gibt. Und wie ich schon sagte, dies wird in der Regel in einer größeren Organisation sein , wo die Projekte ziemlich komplex werden und Sie brauchen diese verschiedenen Individuen, um mit verschiedenen Medien zu arbeiten, um mit verschiedenen Arten von Videos zu arbeiten. Und dann der nächste ist der Informationsarchitekt. Dies wird in ähnlicher Weise in einer großen Organisation sein. Und so beschäftigen sich diese Personen mit der Struktur einer Website, einer Anwendung, um sicherzustellen, dass alles strukturiert ist, so dass, wissen Sie, die verschiedenen Bereiche behandelt werden, die verschiedenen Abschnitte behandelt werden, und alles hat eine schöne Struktur, um die Informationen und es ist leicht zugänglich, oder? Und dann haben wir den Content-Stratege. Dies ist die Person, die tatsächlich verantwortlich für das Schreiben der Inhalte. Also denken Sie nur darüber nach, ob sie sich auf eine riesige Website begeben , die sie bauen, vielleicht von Grund auf neu, dann ist der Content-Stratege , das ist derjenige, der tatsächlich entwickelt oder sammelt oder schreibt die Kopie, richtig? Für die gesamte Website, richtig. Es ist die Zusammenstellung aller verschiedenen Seiten, die Über uns, die Kontaktieren Sie uns. All diese werden im Wesentlichen von den Content-Strategen gehandhabt. Und denken Sie daran, dass Sie in kleineren Organisationen normalerweise eine Person haben werden, die all dies tut, richtig, alles zu tun. Und deshalb ist es wirklich wichtig, Erfahrungen zu sammeln. Nicht nur als UX UI Designer, Grafikdesign verstehen, die Unterschiede zwischen UX und UI verstehen, sondern auch in der Lage sein, die menschliche Psychologie zu verstehen, zu verstehen, wie man Informationen richtig strukturiert, wie man schreibt verschiedene Kopie, wie man verschiedene Blog-Beiträge zu schreiben. Denn größtenteils in einem kleineren, mittelständischen Unternehmen werden Sie all das selbst erledigen. Deshalb möchten Sie gut versiert sein und verstehen, was jede dieser verschiedenen Rollen in der Lage ist, die Auswirkungen dieser Rollen in einer Organisation zu verstehen. Und so, wenn Sie verschiedene Positionen betrachten, wenn Sie verschiedene Dinge betrachten, die in einer bestimmten Stellenbeschreibung erforderlich sind . Sie wollen in der Lage sein, zu sehen, was all diese Menschen tun und was erforderlich ist. Und dann in der Lage zu sehen, wo Sie den größten Wert hinzufügen und diese verschiedenen Rollen lernen und diese verschiedenen Rollen auf einer grundlegenden Ebene verstehen , so dass Sie über sie sprechen können. Sie wissen, was sie tun, wie sie mit dem eigentlichen Team interagieren und das Gesamtziel des Projekts. Also, und so wird das hier für die verschiedenen Rollen innerhalb des UX- und UI-Typs des Projekts sein . Und wie ich schon sagte, stellen Sie sicher, dass Sie verstehen, was jeder einzelne dieser Personen tut, damit Sie, wenn Sie sich für eine bestimmte Stelle bewerben möchten oder Sie auf einen bestimmten Job bieten möchten, wissen Sie, was diese Jungs tun, und Sie können in der Lage sein, Ihr spezielles Angebot oder Ihr Gebot oder Ihren Lebenslauf auf diese speziellen Anforderungen gerecht zu werden, oder? Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 6. Web: Willkommen im Abschnitt Einführung in die Web-Branche dieses Kurses. In diesem Kurs werden wir über die Web-Branche aus einem großen Überblick sprechen , damit Sie sich eine Vorstellung davon machen können, was Sie erwarten werden, wenn Sie in eine Teamumgebung springen und was Ihre spezifischen Rollen sein werden innerhalb dieser Teamumgebung? Und was wird auch die Rolle aller anderen in dieser Umgebung sein. Und so lassen Sie uns gleich voran gehen und hier springen. Das allererste, was wir abdecken werden, sind die Phasen der Web-Entwicklung. Nun, das ist wirklich wichtig für Sie zu verstehen da die Phasen der Web-Entwicklung die Grundpfeiler sein werden , die jeder Designer verwendet, wenn er ein neues Produkt entwickelt, richtig? Es ist wichtig zu verstehen, was diese sind und wie Sie sie nutzen und sie in Ihren Entwürfen und in Ihrer Arbeit verwenden können, richtig? Und wenn Sie in einem Team-Setting arbeiten, um wirklich zu verstehen, wie jeder einzelne von Ihnen, der im Team beteiligt ist , diese verschiedenen Phasen durchlaufen wird , um dieses bestimmte Produkt, diese Website, App, was auch immer das sein mag, oder? Danach gehen wir in die Arbeit in einem Team und Designer Verantwortlichkeiten. Wir wollen sicherstellen, dass Sie ein grundlegendes Verständnis dafür haben welche Rolle jedermann in diesem Team spielen wird? Was wird Ihre Rolle sein? Was ist jedermanns Verantwortlichkeiten Rang, obwohl verschiedene Rollen unterschiedliche Beschreibungen haben , so dass Sie wissen, was zu erwarten ist, wenn Sie für ein Startup arbeiten gehen, wenn Sie für kleine bis mittlere Unternehmen arbeiten, oder auch wenn Sie für ein großes Unternehmen arbeiten wollen, richtig? Und dann gehen wir über den agilen Ansatz für das Projektmanagement. Dies ist etwas, das für Sie sehr wichtig ist zu verstehen da es verschiedene Arten von Projektmanagement gibt. Allerdings ist das Alter aus, der agile Ansatz wird die am häufigsten verwendet , es sei denn, Sie verwenden einen linearen Ansatz als auch. Aber dies wird die häufigste sein, die Sie im UX- und UI-Feld sehen. Und danach gehen wir in den Scrum, verstehen den Rahmen hinter diesem speziellen Projektmanagementsystem und wie das funktioniert, soweit es möglich ist, verschiedene Aufgaben zu erledigen, die als Sprints bekannt sind. Und das werden wir im Detail eingehen. Ich möchte Ihnen nur einen Überblick darüber geben, was dieser Scrum ist. Es ist ein wirklich flexibles Framework, das verschiedene Individuen innerhalb eines Projekts durch die Maximierung der Fähigkeiten und der Ausgang ermöglicht . Und dann werden wir über Trello gehen, andere wird eine leicht zu erlernende Kanban-App sein. Geben Sie Ihnen einen Überblick darüber, wie eine Kanban-Benutzeroberfläche aussieht, warum sie wichtig ist und was Sie bei der Arbeit mit der Kanban-Benutzeroberfläche erwarten können. Und schließlich gehen wir über andere Projektmanagementsysteme und andere verschiedene Arten von Team-Apps und geben Ihnen wirklich einen Überblick über die verschiedenen auf dem Markt. Und irgendwie geben Sie einen Überblick darüber, was Sie erwarten können starten, wenn Sie gerade gehen, um ein Freiberufler zu sein oder wenn Sie suchen, um einem Team beizutreten, was sind einige der beliebtesten und dann einige der Vor- und Nachteile von jedem. Also, das wird für diese Lektion hier sein, und wir sehen uns auf der nächsten. 7. Die Phasen der Webentwicklung: In diesem Video werden Sie die Phasen der Web-Entwicklung lernen. Dies ist also etwas, das als UX-UI-Designer sehr wichtig zu verstehen ist, soweites in der Lage ist, ein Produkt von Anfang an bis zur vollständigen Fertigstellung zunehmen es in der Lage ist, ein Produkt von Anfang an bis zur vollständigen Fertigstellung zu und ein komplettes, komplettes Endprodukt zu haben. Und so möchte ich, dass Sie hier irgendwie auf einem sehr hohen Niveau verstehen, was die Phasen sind und wie sie funktionieren und was Sie in jedem einzelnen Stadium erwarten können. Also gehen wir voran und springen direkt hier rein. Wie Sie hier sehen können, haben wir die drei verschiedenen Stufen, die Nummer eins Design ist. Nummer zwei wird die Beschichtung sein. Nummer drei wird die Entwicklung sein. Und so wie Sie hier sehen können, ist es ein ziemlich unkomplizierter Prozess. Zuerst skizzieren Sie das Design. Du siehst dich an. Was genau ist das Endziel der Kunden, oder was genau ist das Endziel des jeweiligen Projekts, richtig? Wie soll es so weit wie ein fertiges Produkt aussehen? Und wenn Sie dann entwerfen und sich ansehen, okay, so will ich, dass es aussieht. So wollte ich die Farbschemata fühlen, die entwerfen. Und dann haben wir die Beschichtungsstufe. Und hier arbeiten Sie normalerweise mit HTML oder CSS, um genau zu definieren, wie Sie es aussehen und fühlen möchten. Und dann gehen wir in die Entwicklung. Dies ist eine letzte Phase, in der Sie die Funktionalität so ziemlich auslegen. Die Front-End-Designer haben die ganze Arbeit erledigt, alles ist jetzt auf dem Backend. Wir werden jede von ihnen im Detail durchlaufen. Also lasst uns voran gehen und hier zur Designphase springen. Also, wenn es um die Designphase geht, wird hier die Grafik und das logische Konzept entwickelt. Also jeder im Team, wenn Sie in einer Teamumgebung arbeiten, weiß, wie die Website funktionieren wird, wie der Apple funktioniert, wie das Produkt, das Sie entwerfen, funktionieren wird, oder? Und das ist der wichtigste Teil dieser drei Phasen, denn der Design-Teil des Webentwicklungsprozesses ermöglicht es Ihnen, wirklich einen Überblick über das zu bekommen , was das Publikum sehen wird, wie es das Produkt oder die jeweilige App oder Website zu erleben, was auch immer das sein mag, richtig? Und so ist es, wo Sie das Endprodukt so weit wie Wireframing entwickeln wollen, um zu verstehen, wohin die Schaltflächen gehen werden, wo die verschiedenen Elemente innerhalb einer Website gehen werden. In. All das Verständnis wird Ihnen helfen, eine bessere Vorstellung davon zu bekommen , wie das Endprojekt aussehen wird, richtig? Weil du nichts bauen kannst, wenn du nicht weißt, was du baust, oder? Also zuerst musst du diese Richtung bekommen. Sie müssen das große Bild Design Überblick darüber bekommen ist, wie ich möchte, dass die Website aussehen. So möchte ich, dass es funktioniert. Hier möchte ich, dass all die verschiedenen Komponenten, die alle verschiedenen Funktionen und Funktionalitäten steuern, gehen. Und dann können wir in die Entwicklungsphase übergehen. Und was Sie über die Entwurfsphase verstehen möchten , ist, dass hier alles beginnt. Hier sind Sie in der Lage, verschiedene Ideen zu erstellen, verschiedene Drahtmodelle zu erstellen. Und legen Sie wirklich genau fest, wie Sie möchten, dass die Benutzer mit dem tatsächlichen Produkt verbinden. Okay, gehen wir weiter und gehen hier ein Beispiel durch. Nehmen wir an, wir entwickeln eine Landing Page, auf der wir eine kostenlose Ressource bereitstellen oder die Kunden, die eine Art kostenlose Ressource im Austausch für eine E-Mail-Adresse bereitstellen . Und das ist durchaus üblich, wenn Sie eine bestimmte Seite haben, die nur hier ist, um Informationen mit diesem bestimmten Benutzer auszutauschen. Nehmen wir an, dass wir eine Landing Page entwickeln und unser oberstes Ziel ist es, E-Mail-Adresse zu sammeln, oder? Sammeln Sie die E-Mail-Adresse. Also, wenn wir die Landing Page entwickeln, sind vier Dinge, die wir beantworten müssen, bevor Lenaro tatsächlich in der Entwicklung aller Inhalte und alles. Also Nummer eins, was sind die Ziele der Seite? Das Ziel der Seite besteht also darin, Downloads zu erhalten, den Benutzer beim Download zu erziehen, oder? Nehmen wir an, wir haben eine Art PDF oder irgendeine Art von eBook oder Cheat G, das den Leuten zeigt, wie man eine bestimmte Sache macht und weniger Zeit, richtig? So sparen Sie Zeit mit X, oder wie Sie Zeit sparen, warum schreiben, was auch immer das sein mag. Es ist wichtig, den Benutzer aufzuklären und ihm mitzuteilen, was genau er bekommt und warum er Maßnahmen ergreifen sollte. Und so Nummer zwei, wollen wir uns die Ziele des Benutzers für die Seite ansehen. Also für sie wollen sie etwas kostenlos bekommen und sie wollen herausfinden, was es ist. Diese Fragen zu beantworten und uns diese Fragen zu stellen, wird es uns wirklich ermöglichen , eine Zielseite zu erstellen, die die richtige Messaging, das richtige Layout hat . Und es wird für diesen Benutzer einfach sein, diese Dinge zu erreichen, oder? Und dann Nummer drei, was sind die Fragen, die der Benutzer beantworten muss, um das Ziel zu erreichen. Also, was bekommen sie? Warum brauchen sie das? Was passiert als Nächstes? Was passiert, nachdem sie das jeweilige eBook oder Chichi heruntergeladen haben? Werden sie tatsächlich ein Produkt kaufen oder werden sie etwas anderes kaufen? Was ist der nächste Schritt richtig? Dann beinhaltet der nächste Schritt eine Art von Pflege, Art von Verkaufstrichter-Prozess, wo Sie sie in einen separaten Bucket, in eine tatsächliche Zielgruppe, die bereits mit dem Produkt und Service beschäftigt hat. Und wir kommen zu Verkaufstrichtern und Customer Journey. Und in späteren Vorträgen möchte ich Ihnen hier nur einen Überblick über das Design geben, bis einer Landingpage, die etwas für eine freie Ressource entwirft, oder? Also die vierte Frage, die sie stellen müssen, und Sie sollten sich stellen, richtig? Ist die Emotionen, die Sie anrufen möchten. Sie wollen sich auf die Zusicherung, die Erleichterung und das Vertrauen berufen , richtig? Was Sie tun möchten, ist, wenn Sie eine Zielseite für eine bestimmte Situation entwerfen , entweder die Fragen, die Sie selbst stellen möchten. Diese Fragen hier sind nicht nur für die Gestaltung der Landingpage. Sie können dies in das Produktdesign übernehmen. Sie können das in App-Design übernehmen, was auch immer das sein mag, oder? Denn die Fragen hier werden relevant sein, unabhängig davon, was Sie entwerfen. Denken Sie daran, dass Sie in der Lage sein wollen, Menschen zu verstehen, was sie bekommen, warum es ihnen wichtig ist, wie Sie wollen, dass sie sich fühlen und Sie und Ihr Team verstehen lassen, was das ultimative Ziel dafürist das ultimative Ziel dafür bestimmtes Produkt oder welcher Art von App Sie arbeiten, was auch immer das sein mag. So. Okay, also schauen wir uns jetzt das Wireframing an. Dies ist der Teil des Designs, der auch hier wirklich wichtig ist. Dies ist, wo Sie in der Lage sein werden, zu betrachten, sagen wir, ein Wireframe einer Website und schauen, wo alle verschiedenen Komponenten sein werden, wo die verschiedenen Tabs, so weit wie das Menü, sagen wir, Sie haben ein Menü in einem bestimmten Bereich, vielleicht spezifisches Design, spezifisches Layout. Wo werden Sie Ihre verschiedenen Texte Stücke haben, Inhalte Stücke, oder? Und so besteht das Wireframing aus dieser ersten Skizze, die wirklich angibt, wo alles sein wird. Es zeigt Ihnen auch die verschiedenen Farbschemata , die in diesem bestimmten Projekt verwendet werden. Und wenn Sie sich das Bild hier rechts ansehen, gibt es Ihnen wirklich ein gutes Bild davon, wie ein Wireframe aussehen wird, wo all die verschiedenen Teile der eigentlichen Website, das Produkt, was auch immer das sein mag, wo sie positioniert werden, oder? Und ein Tool, das wir während dieses Kurses verwenden werden, ist Adobe XD. Und dies ist ein leistungsfähiges Wireframeing-Tool, das häufig von UX- und UI-Designern mit dx, dy verwendetwird häufig von UX- und UI-Designern mit dx, dy verwendet können Sie schnell Wireframe-Layouts verspotten , UI-Elemente erstellen, verschiedene Benutzerflussdiagramme definiert, verschiedene Navigationsstrukturen. Und es ist wirklich ein nettes Werkzeug für uns , etwas sehr schnell und ganz einfach zu verspotten. Und es wird etwas sein, das wir während dieses Kurses verwenden werden. Also freue ich mich, dass du damit anfängst. Und lasst uns voran gehen und in die nächste Stufe springen, die die Beschichtung sein wird. Sobald wir also das Design so weit wie wir wollen, dass alles aussieht. Es ist an der Zeit, es mit mehreren verschiedenen Arten von Programmiersprachen zu erstellen. Wenn es also darum geht, hier zu programmieren , werden wir normalerweise drei verschiedene Sprachen verwenden. Sobald wir mit dem Design fertig sind und wir wissen genau, wie wir wollen, dass alles aussieht. Wir kennen die Farbschemata, wir kennen das Layout, wir Wireframe, dass alles. Dann werden wir die Dateien auf die vorderen Encoder übertragen , damit sie mit der Erstellung beginnen können. Dies wird aussehen, und so werden sie normalerweise HTML, CSS und JavaScript verwenden. Nun, wenn wir uns die drei verschiedenen Sprachen hier ansehen, steht HTML für Hypertext-Markup-Sprache, und dies ermöglicht es Ihnen, strukturierten Text innerhalb von Webseiten oder Anwendungen zu erstellen. Es gibt nichts Besonderes daran oder so etwas. Es ist nur eine sehr einfache Sprache, die uns erlaubt, Text zu verwenden. Und dann haben wir das CSS. Hier passiert die Magie hier, wo wir tatsächlich in der Lage sind, viele der verschiedenen Stilelemente in das HTML einzugeben. Und letztendlich, was es tut, ist, dass es den Inhalt von der visuellen Darstellung der Seiten trennt . Hier kommen die Farbschemata ins Spiel. Hier kommen die Design-Features in, richtig, in der CSS-Datei, den Frontend-Entwicklern oder den Programmierer, listet alle Stile auf, die Ihr Projekt hat. Zum Beispiel die Schriftarten, die Schaltflächen, die Ecken, die Schatten, die Farben, richtig? Also sind wir wirklich erweckt diese bestimmte Webseite oder diese Anwendung zum Leben , weil wir nur Text dort haben, oder? Es wird nicht sehr hübsch sein, also fügt es die Möglichkeit hinzu, sozusagen eine Webseite oder eine Anwendung zum Leben zu erwecken. Und dann haben wir JavaScript. Hier sind Sie in der Lage, statische Web-Elemente zu nehmen und sie interaktiv zu machen. Und so zum Beispiel. Nehmen wir an, Sie haben eine Art von Schaltfläche, die mittlerweile sagt oder In den Warenkorb. Ich bin sicher, dass Sie diese auf verschiedenen E-Commerce-Websites gesehen haben, vielleicht, wenn Sie gehen, um ein Produkt zu kaufen oder was auch immer, das online sein kann, können Sie diese verschiedenen Tasten interaktiv sein. Du kannst sie herumhüpfen lassen. Sie können sie dazu bringen, alle Arten von verschiedenen Dingen mit JavaScript zu tun, oder? Es ist so interaktiv im Wesentlichen, dass Sie es tun können, anstatt nur diese Elemente statisch sind und jetzt jede Interaktivität haben zu können. Das werden also die verschiedenen Programmiersprachen sein, die verwendet werden. der Regel, wenn die Coder tatsächlich bis zur Site codieren, verwenden sie HTML, um den Text tatsächlich auszuschreiben. Sie verwenden CSS für die tatsächlichen Design-Elemente und bringen die Farbe und alle verschiedenen Designschemata. Und dann ist JavaScript das, was es der Webseite oder Anwendung erlaubt , verschiedene statische Elemente interaktiv zu werden. So sehr, sehr mächtig. Okay, also lasst uns in die dritte und letzte Phase hier springen, die Entwicklung ist. Dies ist jetzt die Back-End-Codierung, also haben wir das Design gemacht. Wir wissen genau, wie wir wollen, dass alles aussieht. Wir haben Wireframe, dass wir wissen, wohin alle Elemente gehen. Schicken wir die Akten nicht an die Programmierer. Sie haben tatsächlich alles eingerichtet, alles mit dem HTML, CSS und dem JavaScript aufgebaut . Und jetzt ist es an der Zeit, hier zur Entwicklungsphase zu gehen , wo wir eigentlich alles auf dem Backend entwickeln. Also lasst uns voran gehen und in die Entwicklung springen. Wenn es also um die Backend-Entwicklung geht, ist dies, was es wirklich für die Website zur Verfügung stellt, um live im Internet zu sein. Und hier werden alle Daten gespeichert. Das Backend der Website besteht aus einem Server, der Anwendung und der Datenbank. Denn wenn Sie wirklich aufschlüsseln, was genau Website in seinen technischen Begriffen ist, ist es wirklich nur eine Reihe von Dateien, eine Reihe von Codierung und eine Datenbank, richtig? Und so gibt es verschiedene Anwendungen in dieser Datenbank. Sie haben einen Server, manchmal kann er geteilt werden, manchmal kann er selbst gehostet werden, was auch immer das sein mag, richtig? Aber ein Back-End-Entwickler tatsächlich gebaut und unterhält eine Technologie, die all jene Komponenten , die zusammen in der ermöglichen zusammengearbeitet und ermöglicht es dem Benutzer gegenüberliegende Seite der Website sogar überhaupt existieren. Websites sind buchstäblich genau wie ich erwähnt habe, alle AR ist eine Reihe von Codierung, eine Reihe von Anwendungen in einem Server-Regen. Und wenn wir auf welche Website gehen und wir sehen alle verschiedenen Farbschemata, alle Texte oder das JavaScript, das alle auf dem Backend in einer bestimmten Datenbank auf dem Server gehostet wird. Dies sind also die drei verschiedenen Phasen der Web-Entwicklung. Sie haben die Entwurfsphase, in der wir alles ausbauen. Wir bauen auf, wie alles funktionieren wird, wie alles aussehen wird. Haben wir nicht alles an die Programmierer geschickt? Sie bauen es mit HTML auf, mit CSS und JavaScript. Und dann schließlich, die Entwickler tatsächlich gehen, um die Website zu hosten, erhalten die Datenbank-Setup und die Anwendungen, so dass wir das live posten können. So können Einzelpersonen es tatsächlich über das Internet nutzen. Das wird also für diese Lektion hier sein und wir sehen uns auf der nächsten. 8. Designer (Arbeit in einem Team): In diesem Video gehen wir über die verschiedenen Verantwortlichkeiten des Designers innerhalb eines Teams. Dies wird Ihnen also einen Überblick darüber geben, was Sie in Bezug auf unterschiedliche Verantwortlichkeiten innerhalb einer Teamumgebung erwarten können. Was Sie als UI UX Designer selbst erwarten können. Und, aber sie geben Ihnen einen großen Überblick über das, was Sie wirklich erwarten können, in einer Teamumgebung zu sehen. Oder wenn Sie in einer kleineren Organisation oder einer großen Organisation arbeiten möchten. Lassen Sie uns also einen Blick auf einige der UX-Designer-Verantwortlichkeiten werfen. Einige der Dinge, die Sie erwarten können, zu tun, vor allem, wenn Sie in einer kleineren Organisation arbeiten wo Sie möglicherweise mehrere verschiedene Hüte tragen müssen. Sie können der UX-UI-Designer sein und Sie können die Person sein, die die Forschung durchführt. Du bist vielleicht die Person, die die Inhalte entwickelt, oder? Und deshalb ist es als UX Designer, UX UI Designer, wichtig, vielfältig zu sein, denn gerade jetzt wo es leider eine erhebliche Menge von Entlassungen auf dem Markt gibt, obwohl es immer noch viele Wachstum und eine Menge Chancen und es ist wichtig, vielfältig zu sein. Hatte nicht viele Fähigkeiten innerhalb der UX UI und Online-Marketing-Bereich. So werden Sie für die Benutzerforschung oft verantwortlich sein, um die Informationen zu sammeln, um verschiedene Benutzeranforderungen zu bewerten, um mit den Managern, Entwicklern und auch den Endkunden zu arbeiten . Und Sie werden auch dafür verantwortlich sein, Ihre Ideen mithilfe von Storyboards, Benutzerflüssen, Moodboards und Sitemaps zu veranschaulichen . Und Sie werden auch mit dem Grafikdesign mit verschiedenen Interface-Elementen beteiligt sein . Sie werden dafür verantwortlich sein, verschiedene Modelle zu entwickeln, verschiedene Prototypen, die veranschaulichen wie die Website funktioniert und aussieht in der Anfangsphase des Entwurfs. Und hier werden Sie Adobe XD wirklich Wireframe verwenden , um das zu verspotten. Und das wirst du tun. In diesem Kurs lernen Sie, wie Sie Adobe XD verwenden . Und Sie werden auch dafür verantwortlich sein, verschiedene UX-Probleme zu identifizieren und zu lösen und den Canada User Experience Flow zu verstehen, richtig? Denn mit User Experience haben Sie die Customer Journey, wo Menschen kommen kommen verschiedene Benutzer in verschiedenen Phasen. Aber auch zu verstehen, was ein Verkaufstrichter ist, wie eine Verkaufsstelle ein funktioniert und die verschiedenen Arten von Verkaufstrichtern. Weil das alles Teil der Benutzererfahrung sein wird, richtig? Wie sie mit dem Produkt interagieren werden, mit der Marke. Und dann werden Sie auch Mockups basierend auf Benutzerfeedback anpassen. Sie werden wie MVP tun, minimale lebensfähige Produkte, wo Sie das an den Kunden oder an den Benutzer schieben können und in der Lage sein, wieder zu modifizieren, anpassen basierend auf den Informationen und dem Feedback, das Sie zurück bekommen. Und dann werden Sie verantwortlich für die Entwicklung und Einhaltung der Standards und Schriftart, Farben und Elemente, OK, das ist, was Sie erwarten können. Typischerweise im UX-UI-Feld weiß ich, dass dies mehr von der UX ist. UX und UI sind jedoch ziemlich miteinander verbunden und verwandt. Sie werden in der Regel nur in größeren Organisationen finden, in denen UX und UI individualisiert sind, wo Sie vielleicht jemanden haben, der gerade an der User Experience Phase arbeitet. Jedoch. Für die meisten mod ein mittelständisches Unternehmen, vor allem Startups, das wird ein großartiger Bereich für Sie sein, um loszulegen, für ein Unternehmen zu arbeiten, oder? Weil Sie in der Lage sein werden, zu kommen und diesem Unternehmen zu helfen, zu entwickeln, ein Produkt und eine App zu entwickeln, was auch immer sie sein mögen, und auch potenziell an der Aktienbeteiligung beteiligt sein, weil Sie ein Gründungsmitglied sein werden. Und was diese Organisationen haben müssen, werden Sie viele der verschiedenen Dinge in UX und UI tun und sie werden irgendwie zusammengeführt werden. Und so wirst du keinen Unterschied bemerken, richtig? Und deshalb habe ich auch erwähnt, dass, wenn Sie die Benutzererfahrung haben, nicht nur mit dem Verständnis der verschiedenen Benutzerströme zu verschiedenen Customer Journeys, sondern auch mit Verkaufstrichtern, verstehen, wie man entwickeln eine Landing Pages, Landing Page-Elemente, wie zu entwickeln kopieren alle diese verschiedenen Faktoren, die Sie eine facettenreiche UX UI individuelle machen. Sie werden viel mehr Wert für diese Organisationen haben, für diese Unternehmen. Und sie werden dich einstellen und dich in der Nähe behalten wollen. Denn es ist oft, dass diejenigen, die am wenigsten wertvoll sind, normalerweise diejenigen sein werden, die, weißt du, zuerst gehen oder entlassen werden, oder? Denn wenn jemand nur UI-Erfahrung oder UX-Erfahrung im Vergleich zu jemandem hat, der beide UX UI hat, ein wenig Marketing-Erfahrung, die Verkaufsüberzeugung versteht. Wissen Sie, Verkaufstrichter, wie man eine Landing Pages entwickelt, wie man eine Kopie schreibt, die Sie lernen werden. Viele von denen in diesem Kurs, dann werden Sie extrem wertvoll diese Organisation oder für jeden Kunden, mit dem Sie sich entscheiden, zu arbeiten. Der Vorläufer wird den Freiberufler oder Kundenberatung anrufen, ok. Und so einige andere Dinge, die Sie erwarten können, in Ihrer Rolle tun, ist die Analyse statistischer Daten. Regel verwenden Sie wie Google Analytics oder jede andere Art von analytischer Software, um verschiedene Informationen zu betrachten, woher Benutzer kommen, woher der Verkehr kommt, wenn er von einer bestimmten Quelle im Vergleich zu einer anderen kommt. Und warum betrachtet man das auch die Demographie des Nutzers, das Alter, ob es männlich oder weiblich ist, oder? Verschiedene Bereiche der Welt, aus denen der Verkehr kommt, oder? Machen Wettbewerbsanalyse und schreiben auch Fragebogen, eine Art von Umfrage in der Lage sein, Feedback zu geben, um die aktuellen Produkte oder App oder Website zu verbessern, was auch immer das sein mag. Eine gute Möglichkeit, dies auch zu tun, ist in der Lage, einfach die eigentliche Zielgruppe interviewen zu können. Vielleicht holen Sie ihn auf einen Anruf, vielleicht lassen Sie sie eine Art Umfrage ausfüllen, wie ich erwähnt habe. Aber verstehen Sie wirklich, dass die UX- und UI-Rolle wirklich vielfältig sein wird, wenn Sie jemand sein wollen, der einen enormen Wert für eine Organisation hat , Sie möchten jemand sein, der alle Fähigkeiten hat, die Sie lernen Sie in diesem Kurs. Sie möchten mehr als nur UI- oder UX-Fähigkeiten haben. Wie ich schon sagte, du willst vielfältig sein. Sie wollen beides wissen. Sie möchten Verkaufsseiten kennen, Sie möchten Verkaufstrichter kennen, und Sie werden all diese in diesem Kurs lernen, so dass, wenn Sie sich entscheiden, dort zu gehen und nach einem Job zu suchen, Sie eine Vielzahl von verschiedenen Fähigkeiten, die Sie in der Lage sein, auf den Tisch zu bringen. Wir werden äußerst wertvoll sein, und es wird einfacher für Sie sein, einen Job zu landen oder mit dem Kunden zu arbeiten, weil Sie nicht nur ein eindimensionaler UI- oder UX-Designer sind. Du bist facettenreich und hast viel mehr Fähigkeiten, oder? In einigen der anderen Dinge, zu denen Sie aufgefordert werden, ist es, verschiedene Personas eines Projekts zu definieren, richtig? Dies ist das Verständnis der verschiedenen Customer Journeys , die jeder Einzelne durchlaufen wird. Und auch zu verstehen, dass einzelne Persona wie wer ist, dass Zielperson , die gehen wird, um dieses bestimmte Produkt mit dieser speziellen App zu kaufen, mit dieser speziellen Website. Wie sieht diese Persona aus? Rama demographische Sicht, und auch die Erstellung einer Sitemap Für wie eine Website. Und dann auch in der Lage, User Story im User Flow zu entwerfen. Und das ist wirklich wichtig für Sie, ein guter UX-Designer sein zu können , ist das Verständnis dieser Flow-Wette, die jemand durchgehen wird, wenn sie eine bestimmte App verwenden, wenn Sie eine Website verwenden und sie verwenden einige Art von Produkt, richtig? Wie sieht das von Anfang bis Ende aus, oder? Und in der Lage zu verstehen, wie man das auslegt. Und genau das wirst du in diesem Kurs lernen. Es wird auch erwartet, dass Sie einen Low-Fidelity-Prototyp erstellen. Übergangs-Bildschirme. In der Regel können Sie Adobe XD verwenden, um dies zu erstellen. Sie sollten also in der Lage sein, diese zu erstellen. Kein Problem in diesem Kurs, weil Sie lernen werden , wie alle diese in diesem Programm zu tun so dass, wenn Sie sich entscheiden, dort auf dem Markt zu gehen und tatsächlich nach einem Job zu suchen oder, wissen Sie, tatsächlich tun einige Kundenberatung oder Freiberufler. Sie werden mit viel mehr Fähigkeiten ausgestattet sein als nur ein typischer UX- oder UI-Designer. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 9. Rollen und Beschreibungen (Arbeit in einem Team): In diesem Video erfahren Sie mehr über die verschiedenen Rollen und Beschreibungen, die Sie normalerweise finden , wenn Sie in einer Teamumgebung arbeiten. Jetzt wird dies für typischerweise ein kleines bis mittelständisches Unternehmen sein, könnte vielleicht eine Mitte für Ihr Unternehmen als auch sein. Sie werden jedoch feststellen, dass große Organisationen Enterprise-Ebene, und Sie werden viel spezifischere Rollen innerhalb der eigentlichen Kreativabteilung haben. Für dieses besondere Beispiel wird dies jedoch für kleine bis mittelreife Unternehmen gelten. Und so lasst uns voran gehen und in die verschiedenen Rollen springen und was ihr erwarten solltet. Die erste Rolle ist also ein Projektmanager. Nun, dies ist die Person, die ein Projekt Anforderungen sammelt, Schätzung der tatsächlichen Kosten. Sie planen alles, was das Zeitmanagement der dort geleisteten Arbeit im Wesentlichen die gesamte Operation dort steuern , stellen sicher, dass alles pünktlich erledigt wird, oder stellen sicher, dass alle Maßnahmen ergreifen und für ihre Seite des Projekts verantwortlich zu sein. Und so sind sie diejenige, die wirklich unter Kontrolle auf einem sehr hohen Niveau ist. Und dann haben wir den Content-Manager. Dies ist die Person, die im Wesentlichen für die Aktualisierung des Inhaltsabschnitts einer bestimmten Website in diesem Zusammenhang verantwortlich ist, lassen Sie uns darüber nachdenken, ein Website-Projekt Standpunkt. Es werden verschiedene Texte zu schreiben. Vielleicht ist der Abschnitt Über, vielleicht die Kontaktieren Sie uns, vielleicht, wie ein Blog-Beitrag, was auch immer das so weit wie ein Projektumfang sein mag, sie werden dafür verantwortlich sein, den spezifischen Inhalt zu schreiben, bis Nehmen wir an, sie arbeiten innerhalb eines Content-Management-Systems wie WordPress. Sie werden eingeloggt und arbeiten am Backend der Website, Anmelden und Schreiben all die verschiedenen vielleicht Blog-Post, Hinzufügen aller verschiedenen Bilder alle über das Backend der Website. Und dann haben wir den Front-Encoder. Dies ist ein Programmierer, der codiert und tatsächlich erstellt die visuelle Front und Elemente einer Anwendung einer Website mit drei verschiedenen Programmiersprachen, über die wir zuvor gesprochen haben, das ist der HTML für den Text zu CSS für die tatsächliche visuelle Design, die Farbschemata, und dann das JavaScript für die verschiedenen interaktiven Elemente, die in dieser bestimmten Website beteiligt sein werden. Und dann haben wir einen Programmierer, das ist der Backend-Entwickler. Es gibt im Wesentlichen die Arbeit mit dem Front-End-Entwickler, der tatsächlich das Layout erstellt, das Aussehen der Website, so dass sie in der Lage sind, die Website auf einem bestimmten Server zu hosten. Sie sind in der Lage, eine bestimmte Datenbank zu erstellen, haben verschiedene Anwendungen, was auch immer das sein mag, soweit sie sicherstellen, dass das Backend der Website eingerichtet ist, um die Website tatsächlich zu hosten. Letztendlich ist der Backend-Entwickler das, was wirklich erlaubt, die Website , die App, was auch immer das sein mag, gehostet zu werden, so dass sie über das Internet zugänglich sein kann , damit jeder entweder herunterladen oder mit VHS interagieren kann, Sie wissen, geben Sie die URL ein, richtig? also sicher, dass es tatsächlich gehostet wird, um über online zugegriffen werden zu können. Und dann haben wir den Tester, Dies ist die Person, die tatsächlich durch die Anwendung gehen wird, tatsächlich gehen auf die Website, um sicherzustellen, dass alles in einer sehr präzisen logischen Weise. Der Benutzerfluss ist gut, das Design ist gut, der Inhalt ist alles sinnvoll, und alle technischen Aspekte sind angelegt und stellen sicher, dass alles aus der Sicht des Benutzers glatt läuft. Ich möchte mich in den Kunden oder die Benutzer und Denkweise setzen und durch diese App oder diese Website gehen, als ob ich der eigentliche Kunde oder Endbenutzer wäre. Und so werden sie mit dem gesamten Team zusammenarbeiten und alle wissen lassen , ob es technische Probleme gibt oder der Inhalt keinen Sinn ergibt. Wenn es irgendwelche Rechtschreibfehler gibt, wenn das Design abgeschaltet ist, richtig? Und so werden sie das den anderen Teammitgliedern melden, um sicherzustellen , dass alles reibungslos läuft, damit sie ein großartiges Endprodukt haben können. Okay, das wird also diese Lektion hier sein. Ich wollte Ihnen nur einen Überblick darüber geben, was Sie in der Regel in einem kleinen bis mittleren Unternehmen erwarten können , wenn Sie als UX-Designer, UI-Designer, oder? Du wirst diese verschiedenen Individuen im Team haben. Und noch einmal, wie ich bereits erwähnt habe, wenn Sie viel mehr Fähigkeiten haben als nur ein UX-UI-Designer, verstehen Sie Landingpages, verstehen Verkaufstrichter, Sie verstehen und beeinflussen Verhaltenspsychologie, , die Sie in diesem Kurs lernen werden. Du wirst so viel wertvoller für dein Team sein. Das wird hier für diesen hier sein. Und wir sehen uns auf der nächsten. 10. Agiler Ansatz zum Projektmanagement: In diesem Video gehen wir über den agilen Ansatz für das Projektmanagement. Jetzt wird dies eine der häufigsten Arten von Projektmanagementstilen sein , die Sie in der tatsächlichen Geschäftswelt verwenden. Wenn Sie an einem bestimmten Projekt in einer Organisation arbeiten, oder wenn Sie für sich selbst als Freiberufler arbeiten, oder vielleicht haben Sie Ihr eigenes Unternehmen und eine freundliche Beratung. Dies wird das am weitesten verbreitete Projektmanagementsystem , das Sie verwenden werden. Lassen Sie uns also voran gehen und in das, was genau der agile Ansatz für das Projektmanagement ist. Okay, also eines der ersten Dinge, die ich mit Ihnen teilen möchte, ist ein Vergleich zwischen dem traditionellen Ansatz und dem agilen Ansatz. Wie ich bereits erwähnt habe, wird der agile Ansatz der häufigste, am weitesten verbreitete sein. Und in den größeren Unternehmen, größeren Unternehmenstypen, verwenden sie immer noch den traditionellen Ansatz, der Wasserfall oder lineares Modell ist. Und während wir diese Lektion hier durchlaufen, werden Sie feststellen, wie viel leistungsfähiger der agile Ansatz für das Projektmanagement im Vergleich zum traditionellen Ansatz ist. Denn mit dem traditionellen Ansatz, wie Sie hier sehen können, ist alles sequentiell, linear, wo Sie die Anforderungsanalyse haben, Sie haben das Systemdesign, Sie haben die -Implementierung, und Sie haben die Tests, Bereitstellung und Wartung. Dies setzt voraus, dass alles gut funktioniert. Alles läuft wie geplant. Nun, das passiert selten in irgendeiner Art von Projekt. Es wird immer Käfer geben. Es wird immer alte Probleme geben, Dinge, die Sie anpassen müssen und ändern auf dem Weg fixiert. Und so oft wird dieses Modell kurz fallen. Allerdings wissen Sie, dass die größeren Unternehmen immer noch nutzen, und sie denken immer noch, dass es wichtig ist, oder? Und oftmals, was Sie in diesen großen Organisationen finden, ist, dass Sie verschiedene Personen in nur einem Bereich des eigentlichen Projekts behandelt werden . Sie können also jemanden haben, der nur die Benutzeroberfläche macht, vielleicht haben Sie jemanden, der nur die Marktforschung macht, die Analyse, richtig? Und so bekommen Sie zu verstehen, dass diese großen Organisationen größere Budgets haben und so können sie mehr Ressourcen für diese Person zuweisen. So ist der agile Ansatz etwas, das sehr, sehr einzigartig und präzise ist , das es Ihnen ermöglicht, Daten und Feedback sehr schnell zu sammeln , so dass Sie ändern und anpassen können, ohne weiter auf der Linie gehen zu müssen. Denn wenn Sie, sagen wir, eine Website oder eine Art von App entwickeln , möchten Sie so schnell wie möglich Feedback erhalten , damit Sie herausfinden können, was sind die Engpässe, was sind die Probleme, was sind die Probleme? Reparieren Sie die sofort. Und eine andere Sache, die man beachten sollte, ist, dass der Wasserfall oder das lineare Modell typischerweise im Software-Engineering-Bereich verwendet wird. Also nicht sehr viel im UX-UI-Raum verwendet. Einige größere Organisationen verwenden jedoch immer noch den Wasserfall oder das lineare Modell. Der typische agile Webentwicklungsprozess besteht aus einer Reihe von Sprints oder Zyklen, die die erste Erkennungsphase, diese Entwurfsphase, diese Entwicklung und dann die Tests beinhalten . Was also im Wesentlichen passiert, ist, dass jeder Sprint zu einem greifbaren Produkt und neuen Informationen führt , um den nächsten Sprint zu leiten. Und so können Sie kleine Mini-Sprints in jeder Etappe haben. Und dann sind Sie im Wesentlichen in der Lage, in jeder einzelnen Phase zu planen , zu entwerfen, zu entwickeln und zu testen. Und Sie können dieses schnelle Feedback bekommen. Du bist in der Lage, diese Tests sofort durchzuführen. Und so müssen Sie nicht warten, wissen Sie, soweit das Wasserfallmodell, in den letzten Phasen warten müssen, um tatsächlich die Informationen zurück zu bekommen , wo Sie testen, und Sie sehen, ob die Dinge tatsächlich funktionieren richtig, wenn es irgendwelche Fehler gibt, deren Probleme Sie das konsequent tun. Jeder einzelne Schritt des Weges hierher, richtig? Bei der Planung und Gestaltung, bei der Entwicklung, beim Deploying. Und so ist alles synergistisch. Sie erhalten Feedback sehr schnell und können sich ändern und anpassen, ohne sehr viele Ressourcen verwenden zu müssen. Eines der Dinge, die ich an diesem agilen Ansatz für das Projektmanagement-Framework liebe , ist, dass es das NVP-Modell übernimmt, das minimale lebensfähige Produkt. Und das ist der Begriff, der im Silicon Valley Bereich entwickelt wurde, wo man ständig ein Produkt herausgibt , das nicht sehr gut ist, das, wissen Sie, einige Fehler hat, hat einige Probleme, hat einige Probleme. Aber Sie wollen, dass Feedback der Benutzer erhalten Sie wissen lassen, hey, das ist, was ich erleben, was das Produkt, das ist das Problem, das ich hier sehe. Dies ist, was ich glaube, kann behoben werden, angepasst werden, kann geändert werden, damit es tatsächlich richtig funktioniert. Sie erhalten also dieses ständige Feedback, weil Sie Produkte herausstellen, von denen Sie wissen, dass sie nicht vollständig fertig sind, aber Sie tun dies mit der ganzen Absicht, dieses Benutzerfeedback, user_data sofort, zurückzuerhalten . So können Sie ständig ändern, anpassen. Und dann, wenn Sie sich auf das fertige Produkt bewegen, haben Sie so viele Iterationen durchlaufen weil Sie dieses Feedback vom Marktplatz erhalten haben, weil Sie diese Daten verloren haben. Und so haben Sie ein fertiges Produkt. Sie wissen, dass der Marktplatz will , weil sie diejenigen waren, die Ihnen das Feedback zurückgeben. Und wie ich bereits erwähnt habe, wird die Wasserfallmethode immer noch in einigen Organisationen verwendet. Deshalb ist es als UX-UI-Designer wichtig, adaptiv zu bleiben und sich an die Art von Ansätzen anpassen zu können, die in Ihrem jeweiligen Arbeitsbereich verwendet werden. Oder wenn du für dich selbst arbeitest, bist du Freiberufler. Sie werden höchstwahrscheinlich diesen agilen Ansatz verwenden. Und nur um hier zu wiederholen, der Kernunterschied mit dem agilen Ansatz, dass es hilft das Produkt dauerhaft zu verbessern, basierend auf dem Feedback der Benutzer. Während die linearen Modelle Ziel ist es, Projekte und Produktion und dann mit der Wartung zu setzen . Und so muss man darüber nachdenken, mit dem linearen Prozess, diesem linearen Ansatz. Sie haben die Wartungsphase, die am Ende ist, wo sie ständig modifizieren und anpassen im Vergleich zu hier mit diesem agilen Ansatz oder ändern eine Anpassung kontinuierlich in jeder Phase. Okay, also werfen wir einen Blick auf einige der verschiedenen Komponenten innerhalb des agilen Ansatzes für das Projektmanagement. Sie werden also einen Produktrückstand haben, und dies ist in der Regel wie eine Tabellenkalkulation, eine Charter einfach etwas an der Wand, das Sie verwenden werden, vielleicht Karteikarten oder vielleicht Haftnotizen. Das gibt dir wirklich den Rückstand. In einer visuellen Darstellung des Fortschritts des Teams. Und dann haben Sie den Sprint-Rückstand. Dies ist die Liste der Aufgaben, die Sie während eines Sprints ausführen müssen und bevor ein Sprint gestartet wurde, wählt das Team Elemente aus dem Produktrückstand aus und ermittelt die Aufgaben, die für die Bedürfnisse des Benutzers erforderlich sind. Und dann haben wir die Scrum Meetings. Dies sind tägliche Meetings, um einzuchecken und die Weichen für den Arbeitstag zu stellen. Und dann haben wir den Scrum Master. Dies ist die eigentliche Moderator-Meetings und die Kommunikation zwischen allen Teammitgliedern. Und dann haben wir die versandfähigen Inkremente. Dies ist die greifbare Funktion in Anwendungen, die eine Funktion oder das Endprodukt präsentieren. Jeder Sprint sollte also in versandfähigen Schritten führen. Der Grund, warum Sie einen anderen Sprint arbeiten , ist, weil Sie etwas greifbares, physisches haben möchten, typischerweise am Ende dieses Frühlings, weil dies Ihnen ermöglicht , dass Sie diesen Fortschritt nach jedem Sprint haben, um etwas greifbares, um tatsächlich zu sagen, hey, das ist, was wir getan haben, das ist, was wir stießen, und das sind die Informationen, die wir gesammelt haben und das, was wir basierend auf diesem vorherigen Sprint zusammengestellt haben. Das ist also, was Sie erwarten sollten, wenn Sie in einem agilen Projektmanagementsystem arbeiten. Und jetzt werfen wir einen Blick auf einige der Vorteile, die in einem agilen Projekt Art von Framework arbeiten. Einige der Vorteile hier ist also das schnellere Feedback, das mit Änderungen Schritt hält, höhere Produktivität. Und dann der Fokus auf die Benutzer im Vergleich zum linearen Modell, in dem Sie die Wartung am Ende haben. Und dann ändern Sie eine Anpassung, nachdem Sie das Projekt tatsächlich abgeschlossen haben. Gegensatz zu hier, im Agile-Ansatz, können Sie Feedback zu den Benutzern sehr schnell, sehr einfach erhalten und in der Lage sein, ändern und anpassen zu können, wie Sie gehen. Und dann haben wir Transparenz und Rechenschaftspflicht früher, unvorhersehbare Lieferung und dann sehr vorhersehbare Kosten und Zeitplan. Also, und so lassen Sie uns einen Blick auf einige der Vorteile für den UX-Designer werfen. Ändern Sie Design und Logik in Übereinstimmung mit dem tatsächlichen Benutzerfeedback. Denken Sie daran, jede einzelne Sache, die wir in diesem Ansatz hier tun , ist darauf ausgerichtet, dieses Benutzerfeedback zu erhalten. Also würden wir genau wissen, was dieser Benutzer erleben möchte, was das Projekt mit dieser bestimmten Website-App, mit dieser bestimmten Anwendung, was auch immer das sein mag, richtig, dass Benutzerfeedback kritisch ist wichtig in den frühen Stadien, damit sie am Aufbau dieser Anwendung teilnehmen, so dass wir letztendlich wissen , dass es das ist, was sie auf dem Markt wollen. Ein weiterer Vorteil hier für den UX-Designer ist die Möglichkeit, neue Ideen mit AB Testing zu testen , die während seiner gesamten Lebensdauer Teil des Projekts sein. Und hier sind fünf Fragen, die Sie stellen möchten , wenn Sie mit neuen Ideen in Ihrem Team präsentiert werden. Weil viele Male Menschen verschiedene Ideen haben werden, werden verschiedene Fragen haben, verschiedene Rahmen, die Gedanken. Und Sie wollen sich wirklich fragen, wann sie mit verschiedenen Ideen kommen, wird uns das letztendlich helfen, unsere Ziele für dieses Projekt zu erreichen? Stimmt es mit unserer Marke oder mit der Marke, mit der Sie arbeiten, dass Sie versuchen, dieses Produkt, Website oder Anwendung zu entwickeln , was auch immer es sein mag, gibt es eine bessere Lösung, die bereits existiert, oder? Wenn jemand schon eine tolle Idee hat und jemand eine andere Idee hat, welche Idee ist besser oder welche Ideen schon jetzt funktionieren? Wird es besser sein als das, was wir bereits haben , und was ist das Schlimmste, das passieren kann, wenn wir es versuchen? Dies ist wahrscheinlich die beste Frage hier denn es geht immer darum zu verstehen, dass wir so viel Feedback und Daten wie möglich sammeln wollen , damit wir letztendlich wissen, was der Markt will, was die Benutzer werden tatsächlich aufgeregt zu werden. Und so tut es nicht weh, verschiedene Dinge auszuprobieren. Wenn es jedoch Zeit aus dem Projekt genommen hat, wenn es nicht verwandt ist, richtig? Sie müssen es als etwas betrachten, das dem Projekt einen Mehrwert verleiht. Und dann endlich hier, wie werden wir beurteilen, ob die Idee effektiv war oder nicht? Du musst also etwas zu messen haben. Ihr Wille wird gemessen, erfüllt. Und wenn Sie also nicht die Ausgabe, die Daten messen und schauen können, hat das tatsächlich funktioniert? Dann wird es nicht sehr effektiv sein, so weit es nur auf verschiedene Gedanken zu nehmen, nur auf verschiedene Ideen, verschiedene Fragen genommen. Und das sind fünf sehr wichtige Fragen, die man stellen muss, wenn jemand eine Idee rauswirft oder einfach etwas aus dem linken Feld, richtig? Das ist etwas, das es Ihnen und Ihrem Team ermöglichen wird , sich gegenseitig zur Rechenschaft zu ziehen, wo Sie nicht nur hineingehen und einfach die Dinge nach links und rechts rauswerfen. Sie möchten sehen, ob es Ihrem bestehenden Projekt einen Mehrwert verleiht oder was Sie bereits eingerichtet haben. Okay, das wird für den agilen Ansatz für das Projektmanagement hier sein. Und wir sehen uns auf der nächsten. 11. Scrum – Flexibles Framework: In diesem Video werden wir über das flexible Scrum Framework gehen. Nun, dies ist ein Framework, das in Verbindung mit den agilen Entwicklungsprojekten verwendet wird , um die Dinge viel einfacher zu machen , viele der verschiedenen Aufgaben zu rationalisieren und die Rollen jedes einzelnen Teammitglieds innerhalb der tatsächliches Projekt. Also lassen Sie uns voran und springen hier zu dem, was genau Scrum flexible Framework ist. Wie ich bereits erwähnt habe, ist das Scrum eine Framework-Verwendung mit agilen Entwicklungsprojekten, die Teams bei der Zusammenarbeit unterstützen. Und so letztendlich, was es tut, ist es, Projekte effektiver und effizienter zu machen, indem die Rollen jedes Teammitglieds definiert werden, und indem es einen bestimmten Weg bereitstellt, die Arbeitslast über eine Reihe von kurzen Entwicklungszyklen oder Sprint. Wenn Sie also das Bild hier auf der rechten Seite betrachten, das Kanban-System, sieht das normalerweise so weit aus wie das Scrum-Framework. Sie haben Ihre Aufgaben, Sie haben Dinge, die im Gange sind. Sie haben Dinge, die bereit sind, bereitzustellen. Und dann haben Sie die Genehmigungsphase und dann die letzte Stufe von w1. Und in jeder dieser verschiedenen Etappen werden Sie verschiedene Sprints haben, richtig? Werfen wir einen Blick auf einige der Elemente von Scrum. Also haben wir die Sprints, das sind die Arbeitszyklen, und dann haben wir die Geschichten, die und dann haben wir die Geschichten, die Projekte in kleine, verbrauchbare Stücke aufgeteilt werden. Wenn wir also die Geschichten betrachten, wird die kleine Aufgabe hier drüben von diesem Individuum erledigt werden. kleines Stück eines Projekts wird von dieser Person da drüben behandelt werden. So zerlegt es Dinge in kleinere Stücke, um sozusagen leicht konsumiert werden zu können. So wird jede Geschichte einem Teammitglied zugewiesen und bewegt sich durch die Reihe von Spalten in einem Scrum-Board. Genau wie ich bereits erwähnt habe, haben Sie die in Bearbeitung befindliche Teamüberprüfung, Eigentümerbewertung und fertig, und dann die Stand-up. Das sind nur Stand-Meetings, die einen Sprint antreiben. Sie werden diese in der Regel zwischen fünf und zehn Minuten haben. Nur ein kleines Treffen, das Ihnen wirklich sagt, was Sie erwarten, was durch diesen Sprint erreicht werden soll, richtig? Und das alles wird dabei sein, dass Sie in einer Teamumgebung arbeiten. Offensichtlich wirst du keinen Standard haben. Das ist also alles aus der Perspektive, dass du innerhalb eines Teams arbeitest. Und dann haben wir die Reihen. Hier wird also jeder im Scrum Team ein Teammitglied sein, richtig? Außer dem Scrum Master. Dies ist die Person, die tatsächlich das Scrum Board betreibt. Sie können sie also sozusagen den Projektmanager nennen. Und dann haben wir die Rückstandssitzungen. Hier priorisierst du alle Geschichten und bereitest sie auf den kommenden Sprint vor, richtig? Beachten Sie also, wie das alles in einer sequentiellen Art und Weise ist. Du tust es, damit jeder auf der gleichen Seite sein kann. Ihr wisst, wo alles ist, und ihr habt eine Person an der Spitze, was dieser Scrum-Meister ist, richtig? Das ist wirklich lenken und lenken alle, um sicherzustellen, dass sie alle am richtigen Ort sind, und sie kümmern sich um die richtige Art von Sprints, richtig? Die richtige Art von Aktionen, um sie letztendlich zum endgültigen Ziel zu bringen. Dann haben wir das Planungsgespräch. Hier wählt das Team aus, welche Geschichten sie aufnehmen und wem sie zugewiesen werden sollen. Und wieder, hier ist es, wo der Scrum Master typischerweise Regie führen und jeden lenken wird , um sicherzustellen, dass sie alle am richtigen Ort sind. Lassen Sie uns also einen Blick auf einige Vorteile des flexiblen Scrum Frameworks werfen. Der Hauptvorteil von Scrum ist daher die Art und Weise, wie es die Anpassung an sich ändernde Kundenanforderungen erleichtert. Weil wir Sprints benutzen, richtig? Und Sie gewinnen sehr schnell Feedback von dem tatsächlichen, was Kunden, von den Benutzern. Es erlaubt wirklich, dass die Erleichterung verschiedene Dinge auf dem Weg anpassen. Wenn etwas geändert oder geändert werden sollte, wenn etwas gekürzt werden muss, was auch immer das sein mag, richtig, das ständige Benutzerfeedback und die Anforderungen, die zurückkommen, erlauben es den Einzelpersonen, wirklich Änderungen im laufenden Betrieb und in der Lage sein, am Ende mit einem fertigen Produkt, die fertige Lösung, die genau das sein wird, was die Benutzer wollen, oder? Das System der Sprints ermutigt also regelmäßiges Feedback, oder? Wie ich schon erwähnt habe, wird jeder kleine Sprint Feedback geben. Es wird Interaktion von dem Benutzer geben uns wissen lassen, was genau dort zu tun ist, um so weit wie Anpassungen modifiziert zu werden, soweit Änderungen, und in der Lage sein, verschiedene Dinge zu verbessern für die nächste Iteration. Und dann auch durch die Definition von Rollen für Teammitglieder und Kunden. Sie fördert die Zusammenarbeit und eine klare und offene Kommunikation zwischen allen Parteien. Einige zusätzliche Vorteile hier haben wir die Fähigkeit, sich an verschiedene Zyklen anzupassen. Schnellere Implementierung. Aufgaben sind in Sprints gruppiert, leicht zu verfolgen Fortschritt mit dem kombinierten Flow. Und dies wird der Haupttyp von Framework sein , den Sie verwenden, wenn Sie im UX-UI-Feld arbeiten. Wieder, wenn Sie für sich selbst arbeiten, sind Sie ein Freiberufler. Du machst eine Kundenberatung. Dies ist etwas, das Sie für sich selbst implementieren werden. Es ist jedoch wichtig zu verstehen, dass Sie, wenn Sie in einer Teamumgebung arbeiten, dies ist, was Sie verwenden werden. Jeder wird seine definierten Rollen haben. Und ihr werdet in diesen Sprints arbeiten, um Feedback sehr schnell, sehr einfach zu sammeln und letztendlich das Projekt zu beenden und in der Lage zu sein, es auf den Markt zu bringen. Weil Sie in der Lage waren, dieses Nutzer-Feedback zu erhalten. Das wird für diesen hier sein, und wir sehen uns auf der nächsten. 12. Project: In diesem Video gehen wir über die verschiedenen Projektmanagement-Tools, die Sie in Ihren UX-UI-Projekten verwenden können. Also gehen wir voran und springen hier rein. Das erste Projektmanagement-Tool, das ich empfehle , dass Sie verwenden, weil es kostenlos ist, ist Trello. Und das ist eine sehr schöne und einfache Anwendung hier entweder auf Ihrem Telefon oder auf Ihrem Desktop zu verwenden. Und ermöglicht es Ihnen, den Kanban-Fluss sehr reibungslos auszulegen , so dass Sie alle verschiedenen Abschnitte betrachten können, richtig? Die Ressourcen, um das Tun zu tun, das getan. Und wir gehen durch, wie man ein einfaches Kanban-Flow Board hier in einem Moment erstellt , aber wir wollten Sie nur durch hier bis zu einigen der Funktionen und Funktionalitäten führen. Es ist sehr einfach und einfach einzurichten. Sie haben großartige Visualisierung und Farbcodierung. Sie können den Hintergrund ändern, können Sie eine andere Farbschemata ändern. Sie können verschiedene Bilder zu den Aufgaben haben. Dies ermöglicht eine einfache Zusammenarbeit im Team. Sie können Teammitglieder hinzufügen und Sie können viel mit den verschiedenen Hintergründen tun. Also gehen wir weiter und gehen zu meinem Computer und wir machen einen kurzen Spaziergang durch den Kanban-Fluss, der dort oben durch Trello eingerichtet ist. Und ich zeige Ihnen, wie Sie ein Trello Board erstellen. Okay, also hier sind wir an meinem Computer und wir haben hier ein Trello Board. Sehr einfach, sehr einfach für uns einzurichten. Alles, was Sie tun müssen, ist hier eine Liste hinzuzufügen, richtig? Nehmen wir an, wir wollen die Ressourcen hinzufügen, genau wie wir es auf dem Dia-Deck dort durchgemacht haben. Und dann wollen wir die Aufgabe machen. Und dann wollen wir weitermachen und diesen hinzufügen und dann wollen wir das tun. Dann fügen wir den Dunn hinzu. Okay, also haben wir diese verschiedenen Bretter hier bis zu den Listen. Und sagen wir, wir haben hier ein Todo. Nehmen wir an, bauen Sie ein Drahtmodell, oder? Für Website-Anwendung, richtig? Schön und einfach. Und Sie können sehen, wie einfach das hier ist. Und wenn Sie eine dieser Aufgaben hier eingerichtet haben, klicken Sie darauf und Sie haben viele verschiedene Funktionen hier. Sie können verschiedene Mitglieder hinzufügen und Sie können Leute einladen daran zu arbeiten, hier können Sie ein wenig bessere Beschreibung hier setzen, wie hey, das ist für XYZ-Projekt, richtig? Und wie ich schon sagte, das wird für Sie normalerweise etwas sein, an dem Sie arbeiten können. Wenn Sie freiberuflich tätig sind, wenn Sie Kundenberatung durchführen, weil Trello kostenlos ist und Sie so viele verschiedene Funktionen und Funktionalitäten haben so viele verschiedene Funktionen und Funktionalitäten damit Sie Ihr Projekt verwalten können. Wir gehen da retten. Sie können hier ein Etikett so weit wie eine Farbe anbringen. Sagen wir, wir wollen dort grün setzen, oder? Sie können hier ein To-Date eintragen. Lasst uns morgen Hilfe leisten und sagen wir, wir haben hier jede Art von Eigensinn. Sie können von Ihrem Computer, von einem Laufwerk hinzufügen , und dann möchten Sie vielleicht eine Abdeckung hier haben. Sagen wir, Sie, lassen Sie uns das hier hinzufügen, OK. Und so können wir das jetzt ändern und wir können diese Deckung direkt bei der eigentlichen Aufgabe haben. So sehr schön aussehend, sehr schön hier, dass wir so weit wie für die Aufgaben hinzufügen können, für die zu tun. Und dasselbe hier drüben, wir werden eine Aufgabe hinzufügen. Wir können den gleichen Prozess durchlaufen, und dann bewegen wir die Dinge einfach auf die nächste Stufe. Wenn etwas getan wird, wir das zum Tun bringen. Und dann, wenn wir verschiedene Einzelpersonen, verschiedene Teammitglieder einladen wollen. Geh, um Team zu erstellen, setze den Namen John Smith ein. Ok. Und die Wahl oder was auch immer Abteilung erstellt Team dort, richtig. Und dann schicken Sie sie in der tatsächlichen Einladung zu diesem speziellen Brett hier. Und so ist dies nur ein fantastisches Tool hier, das Sie verwenden können, wenn Sie gerade anfangen und den UX-UI-Raum. Und sagen wir, Sie haben Nino aktuelle Clients, mit denen Sie arbeiten werden. Und sagen wir, dass Sie in die Freiberufler gehen wollen. Möchten Sie eine Kundenberatung segmentieren? Dies wird eine der einfachsten und effizientesten Methoden für Sie sein, Ihre verschiedenen Projekte zu verwalten. Wir haben verschiedene Kunden verwaltet. Verstehen Sie, dass Sie, wenn Sie in eine Organisation gehen, verschiedene Tools und verschiedene Projektmanagement-Anwendungen haben , die Sie verwenden werden. Aber ich wollte Ihnen nur einen kurzen Überblick geben und durch Trello gehen, weil es eine Ihrer besten Wetten sein wird , wenn Sie gerade anfangen weil es kostenlos ist und es ist sehr einfach für Sie. Also gehen wir voran und springen in, zurück zu den Folien und wir werden durch die anderen Projektmanagement-Tools suchen. Und ich gebe Ihnen auch einen Überblick darüber. Okay, wir sind wieder bei der Präsentation hier, und wir können hier sehen, dass es mehrere andere verschiedene Projektmanagement-Tools gibt. Sie haben Basislager, gebratenes Lager, Slack, Asana und Vorstellung. Das erste hier, das ist schlaff. Dies ist eher ein Kommunikationstyp von Werkzeug. Sie haben Projektmanagement-Funktionen und Funktionalitäten. Es wird jedoch hauptsächlich als Kommunikationsinstrument verwendet. Ich benutze das jeden Tag. Es ist sehr, sehr mächtig. Und dann haben Sie hier eine Sauna, die meist ein Projektmanagement-Tool ist. Und ich glaube, dieser hier ist Raumlager. Also gehen wir zurück zu meinem Computer und es geht durch diese verschiedenen Tools gehen , so dass Sie einen Überblick darüber, wie sie funktionieren, die Preise, und welcher wird höchstwahrscheinlich der beste für Sie sein. Und was sind die Vor- und Nachteile von jedem? Gehen wir weiter und gehen zurück zu meinem Computer. Okay, also schauen wir uns das Basislager hier an. Basislager ist ein großartiges, großartiges Werkzeug, sehr mächtig. Viele Unternehmen nutzen dies und ich benutzte dies auch vorher. Eines der Dinge, die Sie im Auge behalten müssen, ist jedoch , dass dies etwas für eine Menge Male größere Organisationen ist, weil die Preise ziemlich hoch ist. Und wenn man sich 99 Dollar im Monat anschaut, meine ich, das ist ziemlich viel. Wenn du nur ein Startup bist, wenn du gerade erst im Raum anfängst, willst du nicht, dass diese Art von Kosten jeden Monat anfallen, oder? Du willst so schlank wie möglich sein. Dies ist etwas, das ich gesehen habe, wo größere Organisationen haben, weil es eine Menge von Funktionen, aufmerksamen Funktionalitäten gibt, können Sie Ihre Kunden an Bord bringen, um innerhalb des Projekts zusammenarbeiten zu können und sie geben unterschiedliche Nutzer-Feedback. So viele verschiedene Werkzeuge, auf die Sie innerhalb des Basislagers zugreifen werden. Und Sie können in einer größeren Kreativagentur auf das stoßen. Wenn du in einer Team-Umgebung arbeiten willst, kann es sein, dass sie im Basislager mit arbeiten. Aber gerade erst anfangen, würde ich es nicht empfehlen. Also dann ist der nächste hier frei zu campen. Dies ist ähnlich wie Basislager, und das ist eine, die ich wirklich empfehlen würde, dass. Eigentlich melden Sie sich auch für und geben Sie es einen Testlauf. Das ist etwas, das ich auch in der Vergangenheit verwendet habe, und es ist sehr preiswert. Und es tut eine Menge der gleichen Dinge, die die Base Camp des. Zu geringeren Kosten haben Sie jedoch Ihre Aufgabenliste hier, zusammengesetzte Platine, Jaeger, verschiedene Teilaufgaben. Sie können eine Vogelperspektive, was das Gantt-Diagramm zu bekommen. Und ich glaube, es ist sehr preiswert. Es ist wie, ich denke, fünf oder zehn Dollar im Monat. Das geht auf die Preise. Und lasst uns gehen. Okay, also kannst du dich kostenlos anmelden. Und dann, wenn Sie einen Benutzer haben wollen, der sein sollte, wissen Sie, nur in unserem für Sie 149 permanent. Ich meine, das ist nichts, selbst wenn Sie die Business-Version hier verwenden, die die $7.49 Pflanze ist, ich meine, das ist super preiswert und das ist es wert, weil eine viele der verschiedenen Funktionalitäten und Tools hat, die Basislager hat. Es ist nur eine etwas andere Benutzeroberfläche. Okay, und das ist etwas, das Sie beachten sollten, wenn Sie etwas Ähnliches wie Basislager verwenden möchten, alle Funktionen, alle Funktionen, etwas andere Benutzeroberfläche, als ich empfehle mit Freiheit kann nicht, weil mit einem Trello Board, werden Sie in der Lage sein, das sehr einfach, sehr effektiv zu verwenden , und es wird Sie nichts kosten. Es fehlt jedoch eine Menge der Funktionen und Funktionalitäten, die Sie hier in gebratenem Camp haben werden, was dies wird Ihnen das alles in einem geben. Sehen wir uns jetzt den SLAC hier an. Wie ich bereits erwähnt habe, ist Slack eher ein Kommunikationstool zwischen Ihnen und Teammitgliedern. Und das wird auch frei sein. Ich glaube, es ist kostenlos bis zu einem bestimmten Betrag, aber Sie sollten nicht in der Lage sein, dies einfach herunterzuladen, es so weit wie für einen Kanal einzurichten. Und Sie sollten Tausende von Nachrichten haben, die Sie innerhalb eines Teams senden können. Und dann haben sie größere verschiedene Pakete, die Sie abholen können , wenn Sie mehrere verschiedene Teammitglieder haben möchten. Und sie haben andere Pakete, die Sie abholen können, sobald Sie das eigentliche Tool verwenden. Allerdings empfehle ich das nicht, weil dies etwas mehr für eine Organisation auf Unternehmensebene sein wird , aber für Sie, wenn Sie eine, vielleicht zwei bis 345 Teammitglieder haben , sollte diese kostenlose Version von slack Einfach gut. Und so lassen Sie uns hier auf die Preise gehen und wir könneneinige der verschiedenen Funktionen und Funktionalitäten betrachten einige der verschiedenen Funktionen und Funktionalitäten betrachten , die in der kostenlosen Version im Vergleich zum Standard beteiligt sind. Und so haben wir hier die kostenlose Version. Sie haben Zugriff auf 10 Tausend und die neuesten Nachrichten Ihrer Teams. Dies ist etwas, wo, wenn Sie viele Nachrichten hin und her senden, Sie werden nicht die vollständige Geschichte haben, nur die neuesten 10 Tausend Nachrichten. Und Sie haben hier verschiedene Integrationen, Sprach- und Videoanrufe. Das ist etwas, das hier ziemlich groß sein kann, wenn man Aufzeichnungen aufbewahrt, richtig. Das ist also eine große Sache. Und dann 667 im Monat hier um im Wesentlichen alle diese zusätzlichen Funktionen und Funktionalitäten haben zu können. Dasselbe hier mit der 1250. Sie haben viel mehr Funktionen und Funktionalitäten, aber in der Regel sollten Sie frei gehen, wenn Sie gerade anfangen. Natürlich, wenn Sie den Standard verwenden möchten und Sie viele der verschiedenen Funktionen, viele der verschiedenen Funktionen und viele der verschiedenen Funktionen, die verfügbar sind, verwenden möchten, können Sie sich auch dafür anmelden. Aber meistens wird dies für ein Kommunikationstool zwischen Ihnen und anderen Teammitgliedern sein . Und dann haben wir hier eine Sauna. Asana ist auch eine der größten auf dem Markt. Und sie haben unterschiedliche Ansichten, was die gemeinsame Bindung betrifft, so weit wie eine Liste, werde ich hier runter gehen. Wir schauen uns an, wie Sie verschiedene Benutzerflüsse, Zeitpläne betrachten können, und es ist letztlich ein sehr schönes Tool. Und was die Wettbewerbsfähigkeit und die Preisgestaltung betrifft, sind sie ziemlich wettbewerbsfähig. Sie haben eine wirklich schöne Benutzeroberfläche. Ich muss sagen, dass auf jeden Fall empfehlen, dass Basis von dem, was ich gesehen habe , wie ich es zuvor und verschiedene Teamumgebungen verwendet habe. Und dann schauen wir uns auch die Preise hier an. Auch die Preise sind recht wettbewerbsfähig. 1099 für jeden Benutzer. Sie können dies auch kostenlos nutzen und es irgendwie testen. Allerdings werden Sie hier einige Einschränkungen haben, aber wenn Sie die Sauna kostenlos ausprobieren wollen, richtig, sehen Sie, wie funktioniert Sie, wie sieht Sie voran und geben Sie ihm einen Schuss. Es ist 1099. Das Größte, was ich will, dass du zur Kenntnis nimmst ist, wenn du gehst und dir das gebratene Lager ansiehst, richtig? Sie haben 149749, etwas andere Benutzeroberfläche. Sie werden jedoch eine Menge der Funktionen und Funktionalitäten haben , die Asana mit Ausnahme einer anderen Benutzeroberfläche haben wird. Es liegt also an Ihnen, aber diese werden großartig für Sie sein, hierher zu kommen, eine kostenlose Testversion zu erhalten, sie auszuprobieren, zu sehen, wie es funktioniert und letztendlich zu schauen, welche am besten für Sie arbeitet. Jetzt wird der letzte hier die Vorstellung sein, das ist eine der brandneuen hier. Das ist eigentlich das, was ich für den Großteil meiner Arbeit verwende. Ich habe alles in verschiedenen Projekten. Ich liebe die verschiedenen Funktionen, die sie hier haben, die Notizen , die Dokumente, und diese ist ein wenig komplexer. Die Preise sind jedoch sehr, sehr niedrig. Es gibt noch viel mehr Dinge, die Sie tun können, und es gibt viel mehr Anpassungen. Es braucht jedoch ein wenig eine Lernkurve und daher empfehle ich Ihnen definitiv, dies zu überprüfen, wenn dies auch etwas ist, das Sie betrachten möchten. Ich glaube, die Preise sind auch sehr preiswert. Sie können kostenlos loslegen. Verstehen Sie nur, dass dies viel mehr Funktionen und Funktionalitäten und alle anderen Tools und viel mehr anpassbar ist. Und es kommt, wie ich schon sagte, mit der größeren Lernkurve, aber ich glaube, es ist eine der Top, wenn nicht die Spitze auf dem Markt derzeit. Okay, also wollte dir hier nur einen kurzen Überblick über die verschiedenen Projektmanagement-Tools geben. Ich empfehle, dass Sie alle diese heraus überprüfen, einige kostenlose Testversionen machen, herausfinden, welche am besten für Sie arbeiten, wenn Sie gerade jetzt anfangen, verwenden Sie einen Trello, machen Sie sich damit vertraut. Und wenn du all diese anderen ausprobieren willst, mach das. Es wird sich lohnen, den Versuch letztendlich zu finden, welcher am besten für Sie und Ihre Situation funktioniert. Ok? Das wird also für diesen hier sein und wir sehen uns auf der nächsten. 13. Lesson – Einführung: Hallo an alle, willkommen zu unserer ersten Adobe XD-Lektion. Und zuerst stellen wir sicher, dass Sie XD auf Ihrem Computer installiert haben. Für diejenigen, die diese App noch nicht haben, besuchen Sie bitte Adobe.com slash XD und laden Sie die App herunter. Es gibt zwei Pläne für XD, bezahlt und kostenlos. Sie sehen, dass Sie zum Starten einen kostenlosen Plan verwenden können, der nur ein Hemd hat, Aktives Dokument. Um Editoren zu dokumentieren, ein aktiver Shirt Link und Cloud-Speicher von zwei Gigabyte. Wenn Sie als UX-UI-Designer wachsen, müssen Sie natürlich Ihren Plan erweitern. Aber im Moment ist es nicht notwendig, für die App zu bezahlen. Sobald Sie die XD installieren, kann es öffnen. Und Home-Bildschirm dieser App sieht so ziemlich wie folgt aus. Wenn es einen Unterschied in den Versionen geben wird, sind die wichtigsten Dinge die gleichen. Hier haben Sie vier Vorrang. So erstellen Sie verschiedene Arten von Projekten. Es gibt eine mobile App oder Twitter-Posts, Social Posts, sorry. Social Posts und benutzerdefinierte Größe. Bitte beachten Sie, dass es einen kleinen Auftrag nach unten gibt, mit dem Sie verschiedene Vorrang verschiedene Geräte auswählen können. Sie können auch NO ONE erstellen, eine wie benutzerdefinierte Größe, geben Sie die erforderliche Bemaßung ein. Und lasst uns gehen. Der Lernbereich enthält kleine Lektionen von drei Minuten sehr nützlichen Dingen über XD. Cloud-Dokumente ist der Abschnitt, in dem Sie Ihre Cloud-Dokumente sehen und bzw. das Shirt Dokument mit Ihnen sind auch ein Abschnitt für freigegebene Dokumente mit Ihnen. Wenn Sie keine verwalteten Links haben, gelangen Sie auf die Website, auf die Webseite, auf die Sie Ihre freigegebenen Links verwalten können usw. Diese werden gelöscht. Gelöschte Projekte. Sehr hilfreiche Sache. Gelöschte Abschnitt ermöglicht es Ihnen, Ihre Dokumente wiederherzustellen und sie online anzuzeigen. Außerdem können Sie dauerhaft gelöscht werden. Das ist also so ziemlich alles für den Willkommensbildschirm von x D. Jetzt können wir weiterhin die Benutzeroberfläche dieser App erkunden. Okay, es ist Zeit, in die Benutzeroberfläche des Adobe XD einzutauchen. Und auf der Hauptebene auf einer allgemeinen Ebene können Sie auf einer allgemeinen Ebeneden Entwurfsprototyp und die Freigabe-Registerkarten sowie die vertikal ausgerichteten Werkzeuge und das Asset-Panel sehen . Also für die Werkzeuge, die mit Photoshop oder einem anderen arbeiten. Software von Adobe, es ist sehr verbreitet und natürlich , die nicht denken, dass sie etwas Extra hier finden. Aber für diejenigen, die neu in der Adobe-Familie und XD genau sind, werde ich eine kleine I schnelle Einführung in jedes dieser Tools geben. So Zeiger ermöglicht es uns, um Elemente, Rechteck zu bewegen, viele schafft Rechtecke und auch Cursor oder verwenden kann, kann die Seiten, das Objekt selbst bewegen. Der LX erstellt LMS. Bitte beachten Sie, dass das Halten der Umschalttaste Ihnen hilft, die Form zu erstellen. Und das Rechteck. Linie. Und BC zwei, oder es ist eine Pfanne, aber funktioniert auch als belebter. So Text Tool und kannte unsere Boards Tool. Sie sehen, dass es auf der rechten Seite einige Optionen für Arten von außen gibt. Sie können drücken, und es erstellt das iPad und Nexus neun, ungerade gekauft automatisch. Lassen Sie uns herausfinden, wofür diese drei Registerkarten verantwortlich sind. Also, wenn Sie bemerken, sind wir im Moment in der Designabteilung. So ermöglicht es uns, verschiedene Formen zu erstellen. Also das eigentliche Design, ja, achte nicht viel auf meine Zeichnungen, da sie zu schlecht sind. So Prototyp Abschnitt ist verantwortlich für die Verbindungen zwischen unseren Boards und deren Übergänge. Sie sehen, dass die Seitenleiste auch zu zwei weiteren Funktionen wechselt, zu anderen Optionen, die mit Prototyping und Interaktion zwischen Elementen und Bildschirmen zusammenhängen . Okay, wir werden später auf mehr Details eingehen, wenn wir etwas entwerfen und den Prototyp daraus machen. Aber jetzt konzentrieren wir uns einfach auf die allgemeinen Dinge und gehen zu teilen. Sicher. Hilft Ihnen, das Projekt tatsächlich freizugeben. Und Sie sehen, dass es ein paar Dinge zu beachten gibt. Also zuerst geht eine Ansichtseinstellung. Sie können es als Entwurfsüberprüfung für Entwicklung, Präsentation, Benutzertests und Kosten teilen . Benutzerdefiniert bedeutet, dass Sie bestimmte Optionen für Ihre Projektfreigabe auswählen und Design-Spezifikationen einschließen können, Hotspot-Hinweise anzeigen, die im Vollbildmodus in allo Kommentaren geöffnet werden. Nur um das zu klären. Design-Spezifikationen ist die Option, die in der Regel für Web-Entwickler ausgewählt, so dass sie die Ihr Mockup zu HTML CSS Link Zugriff geschnitten kann auch ein wenig geändert werden, so dass nur eingeladene Menschen ohnehin. Und wenn Pass, können Sie einen Reisepass für Ihr Projekt erstellen, wenn Sie es wünschen. Sie können auch einen benutzerdefinierten Titel erstellen. Hier, benutzerdefinierte Titel. Und Ihr Link wird hier erscheinen. Sobald das Projekt hochgeladen ist, wird hier der Link angezeigt, und Sie können Ihren Link kopieren und ihn unter Team oder Interessengruppen teilen. So war es eine Art kurzer Überblick über x Dui. Aber lassen Sie uns in die Details des Designabschnitts eintauchen, da dies der ist, an dem wir interessiert sind , OK, denn die meiste Zeit werden wir Designabschnitt verwenden und es muss ein bisschen genauer analysiert werden . Also fügen wir Start hinzu. Und wir erstellen ein Element, ein Objekt. Sobald ich ein Objekt erstellt habe , werden die Optionen auf der rechten Seite angezeigt. Und Sie können Ihr Objekt nach Ihren Wünschen ändern, nach dem, was Sie in Ihrem Projekt benötigen. Füllen wir das aus. Ok? Also fangen wir von oben an. Oben sehen wir Ausrichtungsoptionen. Eine interessante Sache ist also, dass, wenn Sie nicht zwei oder drei Elemente zum Ausrichten haben, die Ausrichtung entsprechend der ungeraden Platine angewendet wird. Also sehen Sie, sobald ich diese Tasten drücken, wird diese Icons Objekt Codierung an der Außenbordwand ausgerichtet. Sobald wir zwei Elemente auf einem anderen in verschiedenen Positionen haben, werden sie aufeinander ausgerichtet werden. Ok? Gleiches für die linke und rechte Ausrichtung und Mitte natürlich hilft Ihnen die verteilte Funktion, einen gleichen Abstand zwischen den Objekten zu haben. Siehst du. Repeat Raster erstellt Partisan, die vertikal und horizontal erweitert werden könnte. Ok? Jetzt scheint es nutzlos, aber Sie werden sehen, wie nützlich und anwendbar in Ihrem Web-Design sein könnte. Lassen Sie uns die anderen Optionen sehen. Die Breite und Höhe konnten geändert werden. Hier. Es kann die Proportionen sperren, so dass es nicht gequetscht oder verschoben wird. Ok? Sobald ich diesen ausgewählt habe, wird es so sein. Das ist also ein Unterschied. Sie können Ihr Kostüm mit oder Hass eingeben. Bei Bedarf. K, x und y sind für die Positionierung des Elements verantwortlich. Punkte, die ich wähle. Ok. Sehen Sie sich diese beiden Symbole an. Drehen Sie das Objekt oder die Komponente oder die Gruppe von Objekten horizontal und vertikal. Der Bildlauf hilft Ihnen, einen horizontalen Bildlauf und einen vertikalen Bildlauf zu erstellen. Gerade jetzt, lebe es einfach. Denn es wird eine spezifische Lektion geben, in der wir diskutieren. Diese beiden sind die wichtigsten oder diese drei Optionen im Detail. Und ich werde zeigen, wie das in verschiedenen Bereichen des Projekts angewendet werden könnte. Feste Position beim Scrollen. Lassen Sie uns hier eine Probe erstellen, okay? So sehen Sie, dass der eine Scroll hat und er auch eine feste Position hat. Ok? Auch hier schauen wir nur auf die Funktionen dieses abstrakten Projekts. Also nur um sich mit den Tools und Möglichkeiten von x d k vertraut zu machen. Wenn die Responsive Größe deaktiviert ist, wird die Skalierung der Objekte so aussehen. So werden sie frei nach Ihren Bedürfnissen umgewandelt werden. Ok? Sobald Sie die Responsive Größenänderung ausgewählt haben, werden sie verschoben. Dies ist für die Web-Entwicklung. Wenn Sie versuchen, Dinge in Ihrer Website oder mobilen App zu verschieben, ist es besser, die Responsive Responsive Responsive Resize zu verwenden. Also wollen sie ihre Größe ändern und werden richtig untereinander verteilt werden. 14. Übersicht über den Bereich Grafikdesign: In diesem Video werden wir über die Grundlagen der Grafik-Design Abschnitt Übersicht gehen. Wir werden durch das gehen, was genau wir in diesem speziellen Abschnitt behandeln werden. Und wirklich gibt Ihnen einen großen Überblick über was in diesem speziellen Abschnitt kommen wird. Also gehen wir voran und springen direkt hier rein. Okay, also was wir in diesem Abschnitt übergehen werden, ist, wie Farbe funktioniert. Wir werden ein grundlegendes Verständnis für die Psychologie der Farbe bekommen, wie sie einen Faktor im Design spielt. Wir werden über die Farbtheorie gehen, wie man die verschiedenen Faktoren verstehen kann, verschiedene Komponenten, die alle mit den richtigen Farbschemata ins Spiel kommen. Und dann gehen wir über die zwei verschiedenen Arten von Farbschemata hier. Was den RGB und CMYK betrifft, werden wir diese im Detail übergehen. Und dann gehen wir über das Farbrad und die Farbschemata speziell. Dies ist hier sehr wichtig für Sie zu verstehen, weil Sie als Designer ein grundlegendes Verständnis dafür haben wollen warum es ist, dass wir verschiedene Farben verwenden, zusammen mit anderen Sinn machen. Und warum wir uns von bestimmten Farben fernhalten wollen, abhängig von dem Look and Feel, das wir vom tatsächlichen Endverbraucher erhalten möchten, oder? Wir möchten, dass sie in der Lage sind, eine bestimmte Art zu fühlen, eine gewisse Affinität oder ein bestimmtes Gefühl zu einer bestimmten Marke oder einem bestimmten Produkt zu haben. Und dieses Farbschema ist wirklich, und die Farbschemata werden wirklich einen Faktor darin spielen. Und dann gehen wir über die Arbeit mit Schriftarten, verschiedene Arten von Schriftarten, die für bestimmte Situationen empfohlen werden. So stellen Sie sicher, dass Sie die Schriftarten an den richtigen Stellen verwenden, dass Sie verschiedene Arten von Schriftarten mischen. So hat DOE ein schönes Aussehen und Gefühl dazu. Und dann gehen wir endlich über die Symbole. Icons sind sehr, sehr mächtig, um auf einer Website oder einer bestimmten Web-Anwendung zu haben. Sie fügen der Anwendung oder der Website viel Einzigartigkeit, viel Spaß und Aufregung hinzu. Und es fügt dem Design wirklich ein bisschen un-Spaß Flair hinzu. So sehr aufgeregt für Sie, in der Rubrik zu beginnen, und wir sehen uns auf der nächsten. 15. Die Psychologie: In diesem Video gehen wir über die Psychologie der Farbe. Das wird etwas sein, wo wir in die Psychologie gehen, die Farbtheorie dahinter, wie man Farbe richtig benutzt, wie wir Farben aus verschiedenen Perspektiven betrachten und wie wir in der Lage sind, verschiedene Arten von Farben zu kombinieren, Themen und Farbkombinationen, um letztendlich mit erstaunlich schönen Design zu kommen. Also lasst uns voran gehen und in die Psychologie der Farbe springen. Dies ist etwas, das Sie als UX-UI-Designer ein grundlegendes Verständnis dafür haben müssen, ist, wo Sie in der Lage sein werden zu verstehen, warum es wichtig ist, verschiedene Farbschemata zu haben. Was macht am sinnvollsten, wenn man eine bestimmte Farbe hat und Menschen eine bestimmte Art und Weise fühlen. Und warum manche Farben mehr Sinn im Vergleich zu anderen machen werden, oder? Abhängig von der einzigartigen Situation. Und so ist es für Sie als UX UI Designer wirklich wichtig, diese Farbe Foundation zu haben. Und ich freue mich, hier anzufangen. Also gehen wir voran und springen direkt hier rein. Wenn wir an Farbe denken, richtig? Wie funktioniert es eigentlich? Betrachtet man hier die rechte Seite, schaut man sich die verschiedenen Farbschemata an. Wenn du den Blues ansiehst, siehst du den hellen Blues, das Marineblau. Beachten Sie, wie alles hier die perfekte Kombination hat. Wenn du das Lila ansiehst, siehst du das Hellrosa an. Du schaust dir das y an, hattest all das wirklich Kompliment gegenseitig, richtig? Du siehst das Grün da unten an, wie du dunkelgrün, hellgrün und weiß hast. Alles ist in perfekter Ordnung, weil es sich gegenseitig ergänzt. Und das ist es, was Sie in dieser speziellen Lektion hier lernen werden. Warum ist es wichtig, verschiedene Farben zu verwenden. Wie man jedes Farbschema bei verschiedenen Designs verwendet, wenn man sich verschiedene Websites, verschiedene Logos, verschiedene Marken, Dies ist, wo Sie eine bestimmte emotionale Erfahrung getroffen werden , wenn Sie auf eine Marke suchen, die eine Farbe blau, werden Sie eine bestimmte Art und Weise fühlen, wenn Sie eine Marke oder eine bestimmte Website, die Sie suchen, und es hat die grünen Farben, Sie gehen, um einen anderen Weg fühlen. Und das ist wirklich, was Farbe macht es Ihnen diese emotionale Erfahrung für den Endbenutzer. Und die Wahl der richtigen Farbe bedeutet, dass Ihr Publikum sofort wissen kann, wer Sie sind, Sie wissen, worum es bei dem Produkt geht, was Sie tun und worum es geht. Und wenn Sie also nicht die richtigen Farbschemata für Ihr bestimmtes Produkt haben , wie Sie das und auf dem Markt präsentieren möchten, dann werden Sie es schwer haben, die Produkte zu verkaufen, richtig? Und mit der richtigen Art von Benutzern, die das Produkt tatsächlich verwenden. Jede Farbe spricht zu einem anderen Aspekt des Verbrauchers. Holen Sie Ihren Geist in den Verbraucher Geist und denken Sie darüber nach, wie diese verschiedenen Farben machen Sie fühlen. Und jede bestimmte Farbe spricht zu einem anderen Aspekt des Verbrauchers. Wenn man sich die unteren Farben von Grün anschaut, löst dies Ruhe und Wohlbefinden aus. Denken Sie an Meditations-App. Dies wäre ein gutes Farbschema für eine Meditations-App, wo Sie in der Lage, sich zu entspannen, Sie sind in der Lage, sich gut zu fühlen, Sie sind in der Lage, das allgemeine Wohlbefinden Gefühl haben. Und dann hast du Rosa in der Mitte hier, wo das eher eine weibliche ist. Art der Farbe offensichtlich, oder? Und dann haben Sie einen Hauch von Lila, das ist ein bisschen Luxus Gefühl. So haben Sie die feminine Art von Farbschema sowie die Luxusart des Feldes als auch mit dem Lila. Und dann sorgt Blau für Emotionen wie Vertrauen, Sicherheit und Entspannung. Denken Sie einfach an Facebook. Ich bin sicher, Sie haben Facebook benutzt oder Sie sind auf Facebook. Facebook hat das blaue Farbschema und es hat so ziemlich das Farbschema ganz oben hier. Denn jedes Mal, wenn Sie sich bei Facebook anmelden und möchten, dass Sie ein Gefühl von Vertrauen, Sicherheit und Verbindung mit der eigentlichen Plattform fühlen, weil Sie Ihre Freunde und Familie auf sich haben. Du hast verschiedene Leute, mit denen du kommunizierst. Und so verstehen Sie, dass diese verschiedenen Farbschemata die Menschen eine bestimmte Art und Weise fühlen. Lassen Sie uns jetzt über echte Farbpsychologie sprechen und wie unsere Köpfe automatisch auf Farben reagieren, ohne dass wir wissen, dass Sie sich das Bild hier rechts ansehen. Und um hier ein bisschen technisch zu werden, möchte ich Ihnen wirklich das Verständnis geben wie das eigentlich aus technischer Sicht funktioniert. Die Momente, in denen unsere Augen Farbe wahrnehmen, verbinden sie sich mit dem Gehirn, das Signale an das endokrine System gibt und Hormone freigibt, die für die Veränderungen in Stimmung und Emotionen verantwortlich sind. Wenn man sich das Bild hier rechts anschaut und verschiedene Farben ansieht, merkt man, wie sie sich fühlen. Und wenn Sie die Beschreibung dort richtig lesen, wo Sie Fröhlichkeit mit Gelb und Orange haben, M6, wo Sie Komfort mit hellgrün und dann Glück hier mit Blau und Grün haben, richtig? Optimismus da unten mit Blau, werden Sie all die verschiedenen Zeiten erkennen, dass Sie über diese Farben gekommen sind und wie sie Sie fühlten. Jetzt haben Sie ein Verständnis davon, was verschiedene Farbschemata für Sie tun werden, wenn Sie auf sie stoßen. Das ist etwas, das in unsere DNA eingebettet ist, und das ist etwas, das automatisch ist. Jeder einzelne Mensch, der auf diese besonderen Farben schaut, Es wird diese Arten von Emotionen fühlen. Es ist automatisch. Wenn Sie sich bestimmte Farben ansehen, werden Sie eine bestimmte Art und Weise fühlen. Und so denken Sie in Ihren Designs darüber nach, wie Sie möchten, dass die Menschen fühlen, wie Sie möchten, dass die Menschen über das Produkt, die Marke, was auch immer es ist, dass Sie als UX UI Designer bauen und die richtig ausgewählten Farben helfen Benutzer im Rahmen des Geistes, die ihn dazu zwingt, Taten zu nehmen, wie ich bereits erwähnt habe, wenn Sie wollen, dass jemand sich sicher fühlt, Sicherheit fühlt, Sie wollen mit Blau gehen. Wenn Sie möchten, dass sich jemand entspannt, ruhig fühlt und Sie möchten, dass er sich für, sagen wir, eine Meditations-App anmeldet. Du willst mit dem Grün gehen, oder? Verstehen Sie also, dass Sie hier enorme Macht haben. Zu verstehen, wie diese verschiedenen Farben funktionieren, wie sie in der Lage sind, Menschen zu beeinflussen, eine bestimmte Art und Weise zu fühlen und bestimmte Maßnahmen zu ergreifen. Und hier ist eines der größten Dinge, die im Auge behalten ist App. Es dauert nur etwa 90 Sekunden, bis Menschen ein unbewusstes Urteil über ein Produkt treffen. Und zwischen 6290% davon wird allein anhand der Farbe beurteilt. Also denken Sie einfach darüber nach. Das geschieht alles unbewusst. Sie betrachten ein bestimmtes Farbschema und Ihr Geist interpretiert bereits, wie Sie sich fühlen. Du fühlst eine bestimmte Art und Weise. Und eine Menge Male passiert einfach unwissentlich. Du fühlst nur eine bestimmte Art und Weise und weißt nicht wirklich warum. Und ich bin sicher, Sie können über mehrere verschiedene Situationen nachdenken , in denen Sie ein neues Produkt gesehen haben, Sie haben ein anderes Farbschema auf einer bestimmten Website gesehen oder was auch immer das sein mag, und es hat Sie eine bestimmte Art und Weise fühlen. Oder jetzt können Sie auf verschiedene Websites gehen, sich verschiedene Apps ansehen und sehen, wie ihre Farbschemata in dem eingerichtet sind, was sie Ihnen sagen wollen, wie sie Ihnen das Gefühl geben wollen, wie sie Sie dazu bringen, melden Sie sich an. Es basiert alles auf den verschiedenen Farbschemata, die Sie dazu bringen, eine bestimmte Art und Weise zu fühlen. Und wenn Menschen innerhalb von 90 Sekunden Entscheidungen auf einer unterbewussten Ebene treffen, dann ist das riesig, weil alles automatisch ist und es passiert, ohne dass wir uns dessen bewusst sind. So sehr mächtig, um die Macht der Farb- und Farbpsychologie zu verstehen. Lassen Sie uns nun einen Blick auf die verschiedenen Farben werfen, was diese eigentlich bedeuten , was diese vermitteln und wie Sie sie effektiv nutzen wollen. So weit wie hier zu lesen, haben wir Vertrauen, Jugend, Empower. Dann haben wir Orange. Das wird freundlich, warm und energisch sein , als wir Gelb, Glück, Optimismus und Wärme haben. Und denken Sie einen Moment darüber nach. Jedes Mal, wenn Sie diese Farben gesehen haben, denken Sie darüber nach, wie sie Sie fühlen. Du denkst nur an Gelb. Gelb ist wie die Sonne, jedes Mal, wenn du draußen bist und du etwas Sonne bekommst, fühlst du dich gut, oder? Du bekommst diese Energie von der Sonne. Du fühlst dich warm, es gibt ein Glück. Und dann haben wir grünes Stück Wachstum und Hilfe. Denken Sie einfach an Grün. Oft wird dies in Produkten verwendet, die aus der Umwelt stammen, die umweltfreundlich sind. Und dann haben wir blau, das ist Vertrauen, Sicherheit und Stabilität als etwa mit Facebook, wie wir erwähnt, dass es will, dass Sie sich sicher und sicher fühlen und möchte, dass Sie sich wie eine vertrauenswürdige Website fühlen. Und dann haben wir lila, luxuriös, kreativ und weise. Und dann haben wir schwarz, was zuverlässig, anspruchsvoll und erfahren ist. Und dann haben wir Weiß, was einfach, ruhig und sauber ist. Und dies werden typischerweise die direkten Farben sein. Sie werden nicht dort sein, wo Sie ein bisschen Rot oder Orange miteinander vermischt haben, wo Sie vielleicht ein bisschen Gelb und Grün haben. Dies ist die genaue Farbe, rot, Farbe orange. Es gibt keine Farbmischung. Es ist nur die Farbe Gelb. So fühlt man sich in der Regel grün an. Und so vermitteln diese Farben. Und das ist sehr wichtig, als UX UI Designer zu verstehen , so dass Sie diese Farben effektiv in Ihren Designs verwenden können. Jetzt gehen wir über die Farbtheorie hier, die RGB, Rot, Grün, Blau. Und das wird vor allem für digitale Grafik-Design-Projekte wie Design, Online-Werbung und alles, was mit digitalen Dateien zu tun hat, verwendet. Ok? Und so letztendlich, was die Farbtheorie erklärt, ist, wie Menschen Farbe wahrnehmen und wie sich Farben mischen, aufeinander abstimmen oder kontrastieren. Und das ist es, was wir im Wesentlichen in dieser ganzen Lektion übergehen. Aber verschiedene Farben bedeuten, wie sie machen Sie sich fühlen, hatte eine Mischung und Übereinstimmung und Kontrast jede andere Farbe. Und um ein gewisses Gefühl gut zu bekommen, eine gewisse Emotion von diesem bestimmten Benutzer, richtig? Weil jede dieser Farben, genau wie wir in der vorherigen Folie durchgegangen sind. Kommuniziert eine bestimmte Botschaft, ein bestimmtes Gefühl, eine bestimmte Emotion. Das ist also wichtig zu verstehen. Und ein weiterer wichtiger Faktor in Bezug auf die Farbtheorie ist, zu verstehen, dass Farben auf einem Farbrad organisiert und in drei verschiedene Kategorien gruppiert werden. Sie haben Ihre Primärfarben, Sekundärfarben und Tertiärfarben. Okay, das ist also eine Übersicht über das additive Farbmischmodell. Nun gehen wir über das subtraktive Farbmischmodell. Und der Grund, warum diese additiv und subtraktiv genannt werden, ist, dass das, was das Additiv, das Sie verschiedene Farben hinzufügen werden, subtraktiv sein würde. Sie werden offensichtlich verschiedene Farben subtrahieren. Und so steht der CMYK für Cyan, Magenta, Gelb und Schwarz. Und so sind dies vier verschiedene Farben in den subtraktiven Farben erzeugt werden, indem sie ganz oder teilweise einige Lichtwellenlängen absorbieren oder subtrahieren und dann die andere reflektieren. Also beachte, wie in diesem hier, du beginnst mit der Farbe Weiß. Und wenn Sie verschiedene Filter mit weißem Licht wie Inc. hinzufügen, nimmt dieses weiße Licht eine Erscheinung der Farbe an. Und das ist es, was in verschiedenen Zeitschriften verwendet wird, verschiedene Druckmaterialien, alles, was in der realen Welt greifbar oder physisch sein wird, wenn Sie mit digitalen Dokumenttypen oder digitalen Medien arbeiten, Sie werden RGB verwenden, wenn Sie alles verwenden, was gedruckt werden soll , das einen physischen Produkttyp erfordert, dann möchten Sie den CMYK verwenden. Okay, jetzt schauen wir uns einige Schlüsselfaktoren an wenn wir mit Farbe arbeiten, Kundenerwartungen. Wenn es um Kundenerwartungen geht, müssen Sie verstehen, welche Farbtöne aufgrund dieser besonderen Markengeschichte und einer Persönlichkeit am besten geeignet sind. Und dann, wenn es um Kundenpräferenzen geht, wählen Sie das richtige Farbschema oder die richtigen Farben, die Vertrauen und die Benutzer wecken. Und dann, wenn es um eine Markenbotschaft geht, welche Art von Emotionen und Eigenschaften versucht die Marke zu porträtieren? Manchmal haben Sie Marken auf wollen komplette Revamping ihrer Marke zu tun. Sie wollen alle verschiedenen Farbschemata haben. Sie wollen vertreten, wissen Sie, verschiedene Dinge mit ihrem Logo, mit ihrer Marke, mit ihrer App, was auch immer das Rang zwei oft zu diesen einzigartigen Szenarien kommen, in denen Menschen, wo Unternehmen wollen alles komplett überarbeiten. Und so wollen Sie den Kunden wirklich fragen, wie er seine Benutzer fühlen soll. Was wollen sie, dass ihre Marke repräsentiert? Was sollen die Leute über das Gehirn sagen , so weit wie es sie fühlen wird. Welche Art von Emotionen und Eigenschaften ist die Marke versucht zu porträtieren und der Markt. Und dann auch Blick auf die Wettbewerber, Blick auf das, was für den Wettbewerb funktioniert und es als Referenz. Oft legen wir nicht genug Wert auf den Blick auf die Konkurrenz. Vor allem, wenn Sie wissen, als kreatives Individuum etwas von Grund auf neu kreieren möchten, das noch nie zuvor gemacht wurde. Aber oft ist es viel einfacher zu sehen, was die Konkurrenz bereits gemacht hat, und in der Lage zu sein, zu ändern, anzupassen und Ideen daraus zu nehmen, oder? Und dann in der Lage sein, ein einzigartiges Design zu schaffen, das darauf basiert. Und so wird das für die Psychologie der Farbe und die Farbtheorie hier sein. Und wir sehen uns auf der nächsten. 16. Farbscheiben: In diesem Video werden wir über das Farbrad und die Farbschemata gehen. Nun wird dies hier eine sehr wichtige Lektion sein, damit Sie verstehen können, wie die Farbschemata funktionieren und wie sie sich gegenseitig ergänzen, dass verschiedene Variationen von Farbschemata und wie Sie sie als Modell verwenden können, Verwenden Sie Ihre Designs in all Ihren verschiedenen Grafikrahmen, ermöglichen Sie zu verstehen, wie Sie die verschiedenen Farbschemata verwenden und Farbrad wird Ihre Designs mehr abheben und haben mehr von einem Farbfluss in Kombination, die ergänzen sich gegenseitig mit dem Gesamtfarbschema und Design des Produkts. Also lasst uns voran gehen und hier reinspringen. Das Farbrad zeigt also die Beziehung zwischen den Farben an. Und wenn Sie sich an die vorherigen Folien erinnern, erinnern Sie sich daran, dass viele dieser Farben hier sind, die wir nebeneinander haben. Wir sind diejenigen, die sich gegenseitig ergänzen. Sie haben das Gelb und die Art von Gelb, Orange, die Orange und die Art der dunkleren Orange. Und dann unten haben wir das Rosa und das Lila, das Dunkelblau. Und dann haben wir das Blau im Hellblau. All diese ergänzen sich also. Und innerhalb des Farbrades gibt es 12 Hauptfarben, die wir notieren müssen. Und das RGB-Farbrad, diese Farbtöne sind rot, orange, gelb, echter Bildschirm, ich glaube, es ist, wie Sie es aussprechen. Grün, Frühling, Grün, Cyan, versichern, Blau, Violett, Agenda und Rose. Und Sie können die alle hier im Farbrad sehen. Und dann kann das Farbrad in primäre, sekundäre und tertiäre Farben unterteilt werden , okay, drei verschiedene Gruppen. Die Primärfarben Rot, Gelb, Blau und die drei Sekundärfarben. Dies sind die Farben, die erstellt werden, wenn die Primärfarben miteinander gemischt werden, grün, orange und lila und dann die sechs tertiären Farben. Diese Farben werden aus den Primär- und Sekundärfarben zusammen hergestellt, wie blau, grün und rot Geige. Und deshalb wird es von entscheidender Bedeutung sein, zu verstehen, wie das Farbrad funktioniert und wie Sie es zu Ihrem Vorteil nutzen können. Als UX- und UI-Designer möchten Sie in der Lage sein, nicht nur zu verstehen, wie Farbe funktioniert , soweit sie Menschen fühlen und die Botschaft, die sie vermittelt, sondern wie wir diese effektiv in den Designs verwenden können, richtig? Und so hilft es wirklich, verschiedene Farbschemata zu erstellen , die zusammen passen, die sehr schön aussehen werden, die erstaunlich schön aussehen und hervorstechen werden. Und es fügt wirklich Konsistenz in der Benutzeroberfläche, der Benutzeroberfläche, hinzu. Und jetzt werfen wir einen Blick auf die verschiedenen Farbschemata und Kombinationen. Die erste, die wir hier haben, ist die kostenlose, das ist das Lila und das Gelb, richtig? Sie können sehen, wie diese sich beide sehr gut ergänzen. Und dann haben wir die Triadin, das ist das Gelb, die Orange und das Blau. Und dann haben wir die Spaltung kostenlos, das ist das Gelb, das Rosa und das Blau, und dann das Quadrat. Sie haben die eigentliche Montage, oder? Das Quadrat hier drin, du hast das Gelb, das Orange, das Lila und das Blau. Und dann das Rechteck, du hast das Grün, das Gelb, das Rosa und das Blau. Und so werden Sie in der Lage sein, diese in Ihren speziellen Designs zu verwenden , so dass sie sich gegenseitig ergänzen können. Und Sie haben erstaunlich schöne Designs, wo die schönen Farben. Werfen wir nun einen Blick auf die warmen und kühlen Farben. Offensichtlich, wenn man sich den oberen dort anschaut, hat man cool, das blau ist. Offensichtlich würden Sie an warm denken. Du wirst an die Sonne denken. Du wirst an Gelb, Orange denken. Wenn du über cool nachdenkst, wirst du über mehr Blau, Grün, vielleicht ein bisschen von diesem Lila nachdenken . Und so teilen sich die Farbräder in die warmen und kühlen Farben, auch als Farbtemperatur bekannt. Unterschiedliche Farbtemperaturen wecken unterschiedliche Gefühle. Denken Sie daran, wie wir in den früheren Lektionen durchgemacht haben, wo wir verschiedene Farben haben, die Ihnen das Gefühl geben, eine bestimmte Art und Weise , wie Sicherheit, Sicherheit. Und ein gutes Beispiel hier mit den warmen Farben ist es gesagt, Gemütlichkeit und Energie in den Sinn zu bringen. Und während Sie über die kühlen Farben nachdenken, werden diese mit Gelassenheit und Isolation Sache über das Grün verbunden sein , richtig? Das Grün wird in der Regel das sein, was für wie eine Meditations-App für wie Isolation verwendet wird. Und so verstehen Sie den Unterschied zwischen den warmen Farben und den kühlen Farben und wie diese einen Faktor darin spielen , wie sie Menschen fühlen sich richtig in der Art von Botschaft, die vom Kunden vermittelt werden will. Also jetzt werfen wir einen Blick auf einige Designs hier, wo Sie offensichtlich einen Blick auf OK werfen können, ich sehe, dass sie eine bestimmte Farbe verwenden. Deshalb verwenden sie bestimmte Farbschemata, oder? Weil sie versuchen, eine Botschaft aus dem Farbschema allein zu bekommen, oder? Die Farben, die sie verwenden. Dies sind die Top-Meditations-Apps von Downloads in den USA für 2018. Nummer eins, Sie haben den ruhigen Headspace, Insight Timer, 10% glücklich, 10% glücklicher, Aura. Und man schaut sich all diese Heuristik an, man kann sagen, dass sie versuchen, eine Botschaft der Ruhe zu vermitteln. Sie haben die warmen Farben hier mit Gelb und Orange, oder? Was ist, Lassen Sie uns in den Sinn zu bringen warm wie die Sonne. Du hast hier etwas Blau, das Kühle reinbringt, erwärmt wie Wasser. Und dann haben Sie eine oben auf dem Bildschirm. Diese alle vermitteln also bestimmte Botschaften mit den Farbschemata. Deshalb ist es wichtig zu verstehen, was diese verschiedenen Farbschemata mit diesen verschiedenen Farben darstellen, wie sie Menschen fühlen und wie Sie verschiedene Farbkombinationen mit der Farbe Rad in der Lage sein, das Design und das Aussehen und das Gefühl von dem , was das Paran Dot Produkt, das die Anwendung seinem Benutzer vermitteln möchte, hervorzubringen. Das wird also für das Farbrad und die Farbschemata hier sein. Und wir sehen uns auf der nächsten. 17. Arbeiten mit Schriftarten: In diesem Video gehen wir über die Arbeit mit Schriftarten. Wir haben die Farbpsychologie, diese Farbtheorie, das Verständnis der verschiedenen Farbschemata mit Ihren Designs und Sie wissen, wie Sie verschiedene Farben mischen und kombinieren , um ein bestimmtes Gefühl, bestimmte Emotionen in der tatsächlichen Endbenutzer. Und jetzt, was wir gehen, ist, wie verschiedene Arten von Schriftarten gemischt und abgestimmt werden, so dass wir in der Lage sind, dass Benutzer eine bestimmte Art und Weise fühlen, basierend auf nur der Verwendung verschiedener spezifischer Schriftarten. Also gehen wir voran und springen hier rein. Okay, also hier ist die Sache. Wenn wir mit Schriftarten arbeiten, gibt es hier eine bestimmte Schriftpsychologie, die wir uns bewusst sein müssen. Font sagt etwas über Sie, Ihr Unternehmen oder was auch immer Art von Produkt oder Dienstleistung oder Anwendung Website, die Sie für Ihre Endkunden entwerfen, richtig? Vielleicht sogar für dich selbst. Wenn Sie Ihre eigene Business-Website entwickeln, werden Sie tun, sagen wir Kundenberatung, richtig? Sie möchten verstehen, wie die Schriftpsychologie funktioniert , damit Sie sie zu Ihrem Vorteil in Ihren speziellen Designs, in Ihren speziellen Anwendungen und was auch immer Sie entwerfen und bauen, oder? So haben Menschen bestimmte Gefühle, Emotionen und Assoziationen, wenn sie bestimmte Farben sehen, und sie haben die gleiche Art von Reaktion auf verschiedene Schriftarten. Wenn Sie sich das Bild hier rechts ansehen, können Sie sich die verschiedenen Gefühle ansehen, die mit verschiedenen Schriftarten in Verbindung gebracht werden. Und dann, wenn Sie wollen, dass die Leute das Geschäft als stabil oder modern sehen, sollten Sie sich in Richtung eines serifenartigen Gesichts lehnen. Und wenn man sich diese hier rechts ansieht, kann man dort mit der Kursive eine traditionelle, stabile und ein bisschen Eleganz betrachten. Und dann haben wir die moderne mit starken Art von Schrift. Also letztendlich, was Sie tun können, ist wirklich dieses bestimmte Bild hier zu verwenden. Und um Ihnen zu helfen, ein besseres Verständnis davon zu bekommen , wann der richtige Zeitpunkt ist, um welche Art von Schriftart zu verwenden. Wie Sie hier sehen können, werden sie alle verschenkt. Verschiedene Emotionen, verschiedene Gefühle nur aus dem Aussehen der Schrift, weil Sie einfach die Schriftart ohne Farbe haben können, nichts anderes in und für sich selbst wird ein gewisses Gefühl, bestimmte Emotionen, und wird ziemlich viel nur vermitteln aus diesem Text, richtig? Weil Sie sehen möchten, was die Bedeutung hinter dem eigentlichen Text ist, dem Stil. Und wenn wir uns verschiedene Schriftarten anschauen, wollen wir uns die verschiedenen Kategorien ansehen. Also haben wir die Serif, Dies ist die Vertrauensrespektautorität für Malady, genau wie wir auf der vorherigen Folie gesehen haben. Wir haben die San Serifen. Dies ist die unkomplizierte moderne Vertrauen und anspruchsvolle Art von technologisch fokussierter Schneide. Dann haben wir die handschriftliche, Wir haben das Display, der Monospace, und es gibt Tausende von verschiedenen Arten von Schriftarten. Aber Sie wollen wirklich das grundlegende Verständnis der verschiedenen Arten von Schriftarten bekommen und was sie eigentlich bedeuten und vermitteln. Weil Sie in der Lage sein möchten, den richtigen Schriftartentyp als Überschrift zu haben und den richtigen Schriftartentyp im Absatz zu haben. Und manchmal macht es Sinn, die gleiche Art von Schriftart zu haben und manchmal macht es Sinn, zwei verschiedene zu haben. Also, und wenn man sich die Mitte hier anschaut, schaut man sich die, Hoppla, und man hat die sehr langen Buchstaben, richtig? Und so weit wie die Schriftart, und dann gehen Sie nach unten, schauen Sie sich den tatsächlichen Absatztext an. Es ist völlig anders. Manchmal kann es sinnvoll sein, die gleiche Art von Schriftart in der Überschrift und dann die gleiche Art von Schriftart auch im Absatz zu haben. jedoch meisten Fällen ist esjedocham besten, wenn Sie eine bestimmte Art von Schriftarten für die Überschrift und eine andere Art von Schriftart für die tatsächlichen Absätze haben . So können sie sich beide gegenseitig ergänzen und es wird leichter zu lesen sein. Und wie ich schon sagte, du willst sichergehen, dass es leicht genug für dich ist, zu lesen und für alle anderen zu lesen. Und manchmal kann es sinnvoll sein, die gleiche Art von Schriftart ganz oben so weit wie die Überschriftund den Absatz zu verwenden die gleiche Art von Schriftart ganz oben so weit wie die Überschrift . Und manchmal ist es nicht öfter als nicht, es wird keinen Sinn ergeben. Sie möchten ein bestimmtes Formular für die Überschrift und einen anderen Schriftartentyp für den Absatz haben, damit beide leicht gelesen werden können. Hier sind einige hilfreiche Ressourcen. Sie können auf Schriftarten Punkt google.com, Schriftart paradox, Schriftart, joy.com. Sie können tatsächlich eine andere Art von Schriftarten als auch kaufen. Und Sie können einige Ihrer eigenen Schriftarten kaufen, wenn Sie nicht die Standardschriftarten verwenden möchten, die mit all den verschiedenen Tools wie Microsoft Office oder Microsoft Suite geliefert werden. Denken Sie daran, ein Verständnis hier, dass Sie beim Pairing von Schriftarten möchten, dass die Überschrift immer leicht zu lesen und sehr schön und klar ist sowie ein Absatz, so dass sie nicht miteinander verwirrt sind und es schwer zu lesen ist. Okay, jetzt werfen wir einen Blick auf die typografische Hierarchie. Dies ist im Wesentlichen ein System für die Organisation von Schriftarten, die in der Reihenfolge der Bedeutung etabliert, so dass der Leser leicht durch den Inhalt navigieren kann. Typographische Hierarchie zeigt dem Leser, auf welche Informationen sich konzentrieren und welche die wichtigsten sind und welche einfach die Hauptpunkte unterstützt werden. Wenn Sie sich das erste Beispiel hier ansehen, haben Sie Überschrift eins und dann haben Sie die verschiedenen Texte darunter so weit wie den Absatztext, und das wird in H1 sein. Und dann hast du auf der Unterseite H2, was ein bisschen kleiner ist. Und dann haben Sie den Absatztext und dann haben Sie den Knopf dort. Nun, in dieser besonderen Situation, abhängig von der Optik und dem Design, die Sie vielleicht zuerst in H 1 haben möchten. Und das ist wirklich weit verbreitet in Blog-Posts, wenn man sich verschiedene Überschriften, verschiedene Untertitel, Sie werden immer jede der ganz oben finden. Und dann nach ein paar Absätzen dieses bestimmten H1 , wird diese Überschrift eins abgedeckt, dann gehen Sie in H2 und es wird kleiner in der Größe bis zur Größe des Textes gehen . Aber das ist in der Regel, was Sie in einem Blog-Beitrag sehen, wo Sie H1, H2, H3, H4 in der Regel haben . Und es ist in der Regel zu gehen, wo die Größe des tatsächlichen Textes, wie Sie höher in den Überschriften gehen. Und wenn Sie also ein Beispiel dafür sehen möchten, empfehle ich, einfach jede Art von Blog hochzuziehen oder, wissen Sie, eine Blog-Website gibt eine Menge von Artikeln, Nachrichtenartikel, und Sie werden feststellen, dass Sie die H1 haben, die ist irgendwie das Hauptthema des Blogs und worum es geht. Und dann sind alle anderen Überschriften das Unterthema. Und so sind einige der wichtigsten Faktoren, die bei der typografischen Hierarchie zu beachten sind die Zeitphase, die Größe, das Gewicht, die Zeilenhöhe, der Buchstabenabstand, die Farbschemata, wenn Sie etwas drin haben, die Buchstaben-Großbuchstaben Denn wenn Sie zu h3, h4, h5 gehen, dann bedeutet das, dass die Überschriftentexte kleiner werden. Aber du willst es nicht zu klein machen. Wir sind, es mischt sich mit dem Absatztext, richtig? Stellen Sie sicher, dass Sie sich dessen bewusst sind. Sie würden nur einige Schlüsselfaktoren beachten, wenn Sie die typografische Hierarchie verwenden. Und was sind letztendlich die Vorteile der typografischen Hierarchie? Einfachere Orientierung in den Informationen hilft Quartalen, so angewendet verschiedene Stile, richtig? Wenn Sie dieser speziellen Hierarchie folgen, ist wirklich einfach zu skalieren. Es beschleunigt den Konstruktionsprozess. Und dann sind hier einige verschiedene Ressourcen und Sie können auch archetype att.com, design systems.com und Material dot o verwenden . Denken Sie daran, dass dies etwas ist, das Sie normalerweise entweder auf einer Website oder zum größten Teil sehen werden, Sie werden dies in Blog-Beiträgen sehen, die, Sie wissen, mehrere verschiedene Unterthemen, Sie wissen, mit einem Hauptthema. Und Sie werden es mit mehreren Tausenden von Wörtern in diesem Blogbeitrag sehen. Also lassen Sie uns in die Web Fonts gehen und es ist schauen, was genau eine Web Font ist. Da sind also die websicheren Schriftarten und dann die Systemschriftart. Und in Bezug auf das System Schriftarten denken Arial Times New Roman für Donna oder Georgia als die wichtigsten Beispiele für die Web sichere Schriftarten. Hierbei handelt es sich um Standardschriftarten, die in den meisten verschiedenen Betriebssystemen und Geräten gefunden werden. Denken Sie also daran, dass Sie ein Excel Dokument oder ein Word-Dokument hochziehen. Dies sind diejenigen, die in dieser speziellen Softwaresuite, richtig, in dieser Microsoft Office Suite. Und diese werden in der Mehrheit der verschiedenen Betriebssysteme und Geräte gefunden werden , richtig, als Standard. Und dann haben wir die Web Fonts, die gefunden werden, ist Teil der Standard-Schriftarten auf verschiedenen Geräten, Betriebssystemen, und sind speziell in Lizenz für den Einsatz auf der Website entwickelt. Denken Sie also an Open Sans und Rubato. Dies werden spezielle Schriftarten sein , die typischerweise lizenziert werden müssen. Daher ist es wichtig, die Systemschriftarten im Vergleich zu den Webschriftarten zu verstehen, damit Sie die richtige Art von Schriftarten für Ihre spezielle Situation verwenden. Sehen wir uns nun die Vorteile der verschiedenen Webfonts an, die Anpassung einfach für die Front-End-Implementierung, die von den meisten Browsern unterstützt wird, oder? Okay, jetzt werfen wir einen Blick auf die Umwandlung von Schriftarten in Kurven. Nun, dies wird verwendet werden und wie verschiedene Logo-Designs, verschiedene Arten von Designs im Allgemeinen, vielleicht können einige Anwendungen eine Website sein, oder? Aber vor allem zum Branding oder Anpassen vorhandener Schriftarten. Und so ist dies ein gutes Beispiel hier mit dem Landgrill und Taverne. Auch hier ist dies etwas, das verwendet werden wird und einzigartige Situationen, in denen Sie in der Lage sein, das in Adobe XD zu tun. Und wir werden einige Spaziergang durch Lektionen für Sie in der Lage sein , durch zu gehen und tatsächlich schauen über die Schulter musste dies tun, so dass Sie diese einzigartige Art von Designs als auch erstellen können. Also, das wird hier sein, um mit Schriftarten zu arbeiten. Und wir sehen uns auf der nächsten. 18. Mit Icons arbeiten: In diesem Video werden wir über die Arbeit mit Symbolen gehen. Jetzt sind Symbole eines der mächtigsten Dinge, die Sie zu einer bestimmten Webanwendung, einer Website oder was auch immer das sein mag,so weit wie Ihr Projekt, an dem Sie arbeiten, hinzufügen zu einer bestimmten Webanwendung, einer Website oder was auch immer das sein mag, so weit wie Ihr Projekt, an dem Sie arbeiten weil es Benutzern erlaubt und navigiert die bestimmte Website, die Anwendung einfacher und bietet auch eine sehr schön aussehende Benutzeroberfläche. Also lasst uns voran gehen und hier einspringen, um mit Symbolen zu arbeiten. Also, wenn es um Symbole geht, was genau ist die Rolle von ihnen? Nun, Symbole stellen einen großen Teil davon dar, wie Benutzer Software, Websites, Anwendungen navigieren. Und Untersuchungen haben gezeigt, dass Symbole, wenn sie richtig verwendet werden, die Benutzerfreundlichkeit verbessern, sich leicht merken und das Design der verwendeten Webseiten und Software verbessern können . Und eines der wichtigsten Dinge, die Sie hier beachten sollten , ist , dass das Symbol immer eine Textbeschriftung haben sollte, es sei denn, Sie haben das Symbol, das allgemein verstanden oder bekannt ist , Sie waren, Sie würden normalerweise keinen Text zusammen mit das eigentliche Symbol. Aber hier ist die Sache, die Sie haben können. Wie sagen wir zum Beispiel, diese hier, diese Glühbirne, das kann viele verschiedene Dinge in verschiedenen Kontexten bedeuten, oder? Deshalb macht es Sinn, dass Sie zum größten Teil die Symbole verwenden, gefolgt von etwas Text, damit Sie einen Kontext hinter dem geben können, was Sie dort sagen wollen. Was ist deine Bedeutung, oder? Und jetzt werfen wir einen Blick auf drei verschiedene Icons hier, die ich von meiner Website gezogen, wo Sie sich die Glühbirne dort ansehen können. Die Glühbirne repräsentiert eine Marketingstrategie und dann die Präsentation dort mit Menschen. Und Sie können dort in Nummer zwei sehen, dies ist die Lead-Generierung und dann Nummer drei, Vertriebsunterstützung. Wie Sie sehen können, können diese Symbole oft selbst ein wenig Verwirrung hinterlassen , es sei denn, es ist bereits eine Selbstverständlichkeit, was dieses bestimmte Symbol bedeutet. Die Leute werden dort eine Art von Texten brauchen, um ihnen wirklich einen Kontext hinter dem zu geben , was Sie wollen, dass das eigentliche Symbol repräsentiert und bedeutet. Okay, jetzt werfen wir einen Blick auf einige Ressourcen hier. Wir haben die Feder icons.com. Es gibt eine kostenlose Sammlung von Icons und dann die Flatted con.com, 2,5 Millionen anpassbare Symbole, kostenlos und bezahlt, und dann Icon finder.com, über 4 Millionen SVG-Symbole. Und sie werden frei und bezahlt sein. Und so hier ist nur ein Beispiel für einen anderen Stil von Symbolen. Sie haben den typischen Umriss und Sie haben das Feld, und dann haben Sie die Multicolor. Und jetzt, was ich tun möchte, ist, dass ich zu meinem Computer gehen und Ihnen eine Website zeigen möchte , die nicht wirklich gute Arbeit mit den Symbolen in, wie sie sie sie in der Gesamt-Look and Feel der Website verwenden. Okay, also sind wir wieder hier an meinem Computer. Und wie Sie hier sehen können, ist diese Website gestrichelt clicks.com und sie verwendet die Symbole und sehr gut hier. So können Sie hier Icon direkt hier sehen. Und Sie werden feststellen, dass jeder von ihnen Text hat , weil es schwer sein wird zu verstehen, was das bedeutet. Jeder versteht, was ein Wagen hier bedeutet. Dies kann je nach Kontext viele verschiedene Dinge bedeuten. Schauen wir uns hier ein paar verschiedene an. Das ist mehr von einigen Grafiken hier gehen wir hier runter. Gehen wir wieder nach oben. Hier schauen wir uns das Menü an, die Facebook-Anzeigen, richtig? All diese verschiedenen Icons hier. Hier ist wie eine Kreditkarte. Hier ist Directory Content Marketing, genau hier für die Agentur, Website, Einblicke und einige Berichte schlüpfen auf die Meeres-Tools Bildung. haben sie nicht hier, aber sie machen hier einen wirklich guten Job mit den Symbolen. Und wie gesagt, es ist wichtig, Text häufiger als nicht zu haben, wenn Sie ein Symbol verwenden, weil die meisten der Zeit Menschen nicht wissen, was es bedeutet, und es kann offen für Interpretation sein, richtig? Deshalb ist es wichtig, den Text dort zu haben. Und so wird das hier sein, um mit Symbolen zu arbeiten. Und wir sehen uns auf der nächsten. 19. XD – Tools, Objektmanipulation und Komponenten: Wenn Sie eine manuelle Option für die ansprechende Größenänderung auswählen, sehen Sie möglicherweise die Möglichkeiten, Ihr Objekt oder eine Gruppe von Objekten zu skalieren und auszuwählen, ob Sie eine feste Haidt oder eine feste Breite haben möchten. Wählen Sie beide aus. Nichts wird sich ändern. Sie können es einfach kleiner machen. Wenn wir festen Hass herausnehmen, können wir die Größe des Hasses k, c. So können Sie mit ihm ein wenig spielen, wenn Sie wollen. Manchmal kann es nützlich sein, diese Funktion zu kennen, sie zu verwenden. Im Moment, wie ich bereits sagte, erkunden wir nur die Benutzeroberfläche, so dass Sie wissen, werden Sie wissen, wo Sie diese Funktion finden und was ist diese Funktion ist vier, okay. Als nächstes geht der Mischmodus. Sie können auswählen. Einige von ihnen sind auch in Photoshop verfügbar. Also für diejenigen, die in Photoshop arbeiten, das wäre ganz einfach, zu verstehen, wofür ist das? Aber im Moment, in Bezug auf Webdesign, verwende ich es nicht. Es ist nur anwendbar, wenn Sie ein Bild, ein Foto, ändern möchten. Aber wenn es um die Benutzeroberfläche geht, denke ich nicht, dass es notwendig ist, aber wer weiß? Als nächstes gehen die runden Ecken oder verschiedene Radios von Ecken. So können Sie, und Sie können es gleichzeitig ändern, für alle vier Seiten von vier Abschnitten, vier Ecken. Sie können das Kostüm oder verschiedene Radios für jede Seite auswählen und es anders haben. Okay. Coole Sache, die hier hervorgehoben wird. Wenn Sie sich auf die Eingabe konzentrieren, wird Ihnen angezeigt, für welche Ecke dieser Abschnitt verantwortlich ist. Und Gefühl und Grenze. Sie können Farbe auswählen. Es gibt Hacks, RGB- und HSB-Farbmodale. Sie können alle von ihnen verwenden. Sobald Sie die Farbe ausgewählt haben, die Sie im gesamten Projekt verwenden möchten, können Sie sie hinzufügen, indem Sie die Plus-Taste drücken. Zum Auswählen der Farbe aus dem Projekt. Sie können das Pipettensymbol verwenden, hat Zoom und Sie können die Farbe auf Ihr aktuelles Objekt klonen. Dieser Profi ist für die Deckkraft des Objekts verantwortlich. Und Sie können die genaue Kapazität besitzen. In diesem Bereich. Die Schattenoption hat mehrere Einstellungen, sehr nützlich. Mal sehen, es hat eine Farbe. So können Sie den Schatten nicht nur für eine schwarze oder graue Farbe erstellen, aber Sie können verschiedene Farben erstellen, was auch immer Sie möchten. Hier. Sie erstellen, wählen Sie die Farbe aus. Es gibt einen Farbton und die Kapazität des, des Schattens selbst als Feldabschnitt x, y und b. B ist eigentlich vier blauer. Also sechs wie üblich, die Standardeinstellung, aber lassen Sie uns 25. Zum Beispiel, Sie sehen, es ist Bluebird, es ist sehr weich. X und y verantwortlich für die Verschiebung des Schattens nach Zugriff. Links, rechts, runter und rauf. Dies war in Photoshop nicht verfügbar. Soweit ich mich jetzt erinnere, sind Entwickler sehr glücklich, dass wir präzise Bewertungen für Schatten verwenden können. Und sie können das problemlos in CSS kopieren, ohne Probleme in CSS. Die Hintergrund-Bluer-Option wird leider nicht sehr oft verwendet , da sie nicht von allen Browsern unterstützt wird. Wir zeigen Ihnen, wie es aussieht. Siehe, es gibt eine Bildlaufleiste für die Menge, Helligkeit und Kapazität. Wie gesagt, es ist sehr schick, aber leider nicht von einigen gängigen Browsern unterstützt. Hoffentlich wird mit einigen Updates diese Tatsache in allen Browsern und Markierung für den Export erhalten, das Aktivieren dieses Kontrollkästchens führte die XD. Beachten Sie, dass dieses Element in Ihr Projekt exportiert werden sollte und als PNG, als VG oder wo auch immer heruntergeladen werden kann , hängt vom Format des verwendeten Objekts ab. Es ist also ein exportiertes PNG, PNG Bild hier. Und Entwickler können es nicht herunterladen. Sehen Sie sich nur die Einstellungen dieses genauen Bildes an, aber er oder sie kann das Bild erst herunterladen, wenn Sie das Bild für den Export markieren. Aber wieder, wir kommen später auf unser Klassenprojekt vielleicht gerade jetzt ist es einfach. Um zu wissen, dass für Entwicklungsteam, müssen Sie für den Export benutzerdefinierte Elemente markieren, die Sie in Ihr Projekt importieren. Für die Textobjekte ist es fast dasselbe. Außer angerufen. Seine Größe, Stil, Buchstabenabstand, Zeilenabstand, Absatzabstand, Ausrichtung auf der rechten Seite, Mitte liniert und rechts ausgerichtet. Diese beiden Dinge sind neu, auch für Photoshop-Benutzer. Es erstellt einen Absatz oder ein einzelnes Textelement. Dies ist der Punkttext standardmäßig ausgewählt. So sehen Sie, dass wir ändern können, können wir die Größe des Textes ändern und diesen Pin ziehen. Sobald wir einen Textbereich erstellen, haben Sie ein Feld, das mehrere Zeilen enthalten kann, Zeile zu Zeile drei. Und Sie können die Breite und Höhe bei Bedarf anpassen. Mit Breite, Höhe, werden Sie die Größe des Feldes des Textbereichs anpassen. Dies ist notwendig, wenn Sie die genaue Größe eines Textbereichs haben. Die Anpassung eines Textbereichs wird normalerweise angewendet, wenn Sie Spalten haben, die gleich sind und Sie für jeden Textbereich die gleiche Größe beibehalten müssen. Eine andere Sache, die wir für Text haben, ist der Großbuchstaben, Kleinbuchstaben Titel k, hochgestellt, tiefgestellt unterstrichen durchgestrichen. Es ist hochgestellt. Nun, es ist tiefgestellt sagt unterstrichen und diese durchgestrichen, nichts Komplexes. Und Sie werden feststellen, dass unser Asset-Bereich jetzt leer ist, weil wir keine haben, lassen Sie uns ein Asset erstellen. Ich werde eine Schaltfläche erstellen. Mal sehen. Wählen wir eine Farbe aus. Wir haben einen Submit-Button. Und ich werde hinzufügen, ich werde eine kompetente von dieser Schaltfläche erstellen. Und Sie werden sehen, dass wir hier eine Komponente haben. Unten oder die andere Sache sind die Farben hier. Es ist Spitze einige Farben. Und wenn Sie mit der rechten Maustaste klicken, wer kann diese Farben zu Ihren Assets hinzufügen? Hier gehen sie. Siehe. Heute wird hier pünktlich sein, dass Sie in diesem Dokument arbeiten werden. Bis Sie sie löschen. Sehen Sie, lassen Sie mich sie löschen. Sie können Markierungen auf der Arbeitsfläche bearbeiten, das Feld umbenennen anwenden, aber es ist verfügbar, wenn Sie mehrere Objekte anwenden. Kopieren Sie meinen Namen umbenennen, sind nützlich, wenn Sie einen Markenführer haben. So können Sie diese Farben zunächst direkt von Anfang an laufen hinzufügen. Die nächste ist die Komponente. Ja, kommen wir zurück zu unserer Komponente. Das ist also eine elterliche Komponente, die wir erstellt haben. Und lasst uns bitten, es irgendwo zu kopieren. Sehen Sie, wenn ich den Titel in meiner elterlichen Komponente ändere, ändert es diesen Titel in jedem der untergeordneten Elemente. Aber wenn wir das untergeordnete Element, solches Fleisch, ändern , sind keine Elemente betroffen. Okay. Stellen wir uns vor, wir haben zwei Bildschirme. Dieser hier, und viele von ihnen. Und es ist sehr zeitaufwendig, diesen Knopf überall zu wechseln. Ich kann es hier ändern. Nur. Sagen wir uns entschieden, mit anderen Farben zu gehen. Sehen Sie, was passiert. Es hat seine Farbe überall geändert, da dieses Element bereits angepasst ist. Es wird nicht geändert, wird durch Änderungen der elterlichen Verpflichtung nicht betroffen. 20. XD Lektion – Schriftarten und Artboard: Als nächstes geht es um die Zeichenstile. Lassen Sie uns dies löschen, um diese Art Board und Überschrift zu bereinigen. Jetzt haben wir den Weg. Wir haben unseren Graph-Stil, Slogan und Untertitel. Also lassen Sie uns eine Schraube angerufen für die Überschrift und machen es Großbuchstaben. Ich benutze gerne andere Farben. Überschrift. Paragraph wird mit T und Untertitel codieren, möchte aber kursiv sein. Also haben wir eine Überschrift Absatz Tag-Zeile und Untertitel-Partner für 2p sollte viel kleiner sein. Wieder, es ist ein Beispiel. Nicht sicher, wie es in der tatsächlichen Produkt aussehen würde, also kein Urteil. Hier. Lassen Sie uns das entfernen. Jetzt. Seien Sie vorsichtig damit, mit der Größe der Schriftart. Ich schlage vor, dass Sie sich an gleiche Zahlen wie 80 oder 75 halten. Sie möchten also Masse mit den mit Größen in Ihrem Dokument. Zuallererst. Zweitens, Front-End-Entwickler lieben, wenn Sie alles genau haben, aber wenn das Projekt erfordert 61 haben, zum Beispiel, keine Sorge. Du darfst es benutzen. Und gerade versucht, die Genauigkeit Inzising, den Abstand und so weiter zu erhalten, die mathematisch korrekt aussehen. Also habe ich diese Kachel von Text in unserem imaginären Projekt beendet. Und lassen Sie uns diese beiden hinzufügen. Waren Säuren im Charakter zu Stil. Dieser Charakter Stil Säuren. Los geht's. Jetzt sind wir Überschrift gleich für Erkennen Zeile und vier Absatz, um die PI für kürzeren Namen zu ergreifen. Und ja, das haben wir auch. Alles hier, wir können es löschen oder irgendwo bewegen. Lassen Sie uns einen Text kopieren, um zu zeigen, wie die Assets funktionieren. Ich kopiere den Text T Futures, und es gilt automatisch d zuletzt angerufen, dass von dt verwendet. Wir müssen ein schönes Ding erschaffen, das viel Schönes als dieses hier ist. Und ich wähle die Überschrift, den Slogan. Und wir haben so etwas. Für mobile Version können Sie wahrscheinlich einen anderen Stil erstellen und ihn auch in den Zeichenstilen einfügen. Sie können es später anwenden. So können Sie benutzerdefinierte Symbol hinzufügen, Legis Feeder-Symbole. Sie können feeder icons.com für sehr schön verwenden. Ich kann es einfach in Ihr Projekt ziehen. C Hier haben wir ich kann, können wir eine kompetente und bearbeiten Verbindungen als auch. Ok. Wieder, sobald das elterliche Element geändert wird und es Hauptkompetenz, Sie sehen, das andere wird sich auch ändern. Wenn wir den Karton auswählen, indem wir den Namen drücken, sehen Sie, dass es hier einige Einstellungen gibt. Es handelt sich also um eine Porträt- und Querformat. Es hat eine Responsive Größe ändern, Scrollen vertikale nom. Ansichtsfenster. Was ist c? Eins, der Vorschauhintergrund. Sie können es transparent machen. Und Layout Create ist, dass wir besser ausrichten. Und wieder, für eine bessere und schnellere Web-Entwicklung des Mockup. Sie können Standard verwenden und Standardeinstellung festlegen. Wenn Sie es wollen. Ist ein quadratisches Gitter ist nützlich. Grafische Objekte. Illustrationen, wahrscheinlich Plakate, Banner. Aber die andere. Layout krit, ist mehr für Web und mobile. Design Kann nur die Rinnengröße Daten mit der Anzahl der Spalten, die Spaltenbreite und Ränder. Also denke ich, es ist genug für die Einführung jetzt. Du würdest dich in unserer nächsten x Lektion sehen und versuchen, die Funktionen zu erkunden, wenn du es noch nicht getan hast. Vielen Dank. Wir sehen uns in unserer nächsten Lektion. 21. Grafikdesign-Tools: Okay, in diesem Video gehen wir über die verschiedenen Arten von Grafikdesign-Software, die Sie normalerweise in der UX-Benutzeroberfläche verwenden werden. Der erste hier ist Photoshop. Jetzt wird Photoshop typischerweise hauptsächlich mit Bildern verwendet werden. Wir können eine Menge von verschiedenen Bearbeitung würde bestimmte Bilder tun. Sie können eine Menge Anpassungen vornehmen. Sie können gleichgültige Elemente hinzufügen. Nun, eine Sache, die Sie beachten müssen, ist, dass, wenn Sie Photoshop verwenden, es normalerweise fotobasiert sein wird und Sie Pixel verwenden, richtig? Und was das bedeutet, ist, dass man in ein Bild zoomen sollte, richtig? Und Sie sollten 1000% vergrößern. Sie werden einzelne Pixel sehen, aus denen das Bild besteht. Und Sie können oft Qualität und Klarheit dieses Bildes verlieren , abhängig von der Größe und der Pixelation dieses Bildes. Also zum Beispiel, sagen wir, wir haben dieses Bild hier, oder? Und wir sollten hier hineinzoomen. Sie könnten schließlich die verschiedenen Pixel in diesem Bild hier sehen, oder? Sie sehen die verschiedenen Farben, aber Sie würden die Pixel sehen, wenn wir tief genug gehen würden. Und wenn Sie also über Photoshop nachdenken, wird es hauptsächlich für die Gestaltung einer Bearbeitungsautos oder Rasterbasis R verwendet. Und dann, wenn wir uns das andere Tool hier ansehen, so weit wie Adobe Illustrator, wird dies ein anderes Werkzeug sein, das von einem Vektoren arbeitet, okay? Und was Illustrator, was Sie mit einem bestimmten Punkt. Ok? Und das ist etwas im Auge zu behalten, denn wenn wir einen bestimmten Vektor nehmen und in der Lage sein, 10 Tausend oder 100% Tausend zu zoomen. Wir würden nie etwas von dieser Qualität verlieren, weil es nur Punkte sind, die miteinander verbunden sind, oder? Und wenn wir uns ein bestimmtes Vektorbild hier ansehen, lassen Sie mich das hier rüber bringen. Wenn wir 100% Tausend oder was auch immer Rang heranzoomen, werden wir nie die Qualität verlieren. Das ist also einer der größten Unterschiede dort, soweit Photoshop. Offensichtlich hat es das Namensfoto da drin. Soweit Photoshop und Adobe Illustrator, dies ist ein Werkzeug, das Sie verwenden, um eine Menge mehr von den Illustrationen, die Grafiken, das Design, die verschiedenen Grafik-Design, die verschiedene Grafiken und oft mit Vektoren zu erstellen . Okay, das sind also die beiden Hauptwerkzeuge, die Sie für das Grafikdesign verwenden werden. Adobe XD ist das, was wir auch in diesem Kurs verwenden werden. Aber das wird mehr für die Benutzeroberfläche und das Benutzerdesign sein. Okay, also wollte Ihnen nur einen kurzen Überblick über Adobe Illustrator und Adobe Photoshop geben, und wir sehen uns auf dem nächsten. 22. Adobe XD 4: Hallo und willkommen zurück zu unserem XD-Übungsunterricht. Heute werden wir die Vektorgrafiken überprüfen und wie man arbeitet und die Symbole für unsere perspektivische App verwaltet und bearbeitet Beginnen wir mit dem Stift Tool. Und um zu sehen, wie die Form innerhalb dieses Werkzeugs erstellt werden könnte, sehen Sie, dass ich gerade eine zufällige Form erstellt habe. Und Sie sehen, es gibt einige Punkte hier. Diese Punkte, unsere Arbeit nach belebter Formel, die sehr häufig unter Vektorgrafiken ist. Und durch Doppelklick können Sie, Sie können deaktivieren Sie den Winkel und Sie sehen, dass Sie ein Steuerelement über diesen Winkel haben. Doppelklicken Sie also aktiviert oder deaktiviert die gekrümmten Linien. Als nächstes sehen Sie, dass es einige Einstellungen für die Zeile gibt. Wir können auch die Füllung deaktivieren, so dass wir ein fett formatiertes Objekt haben. Moment konzentrieren wir uns nur auf den Umriss. Also zuerst, um Symbole für Ihr Projekt zu erstellen ist sehr nützlich, um Ihren Beton zu aktivieren. Lasst uns kreieren. Und um das quadratische Raster zu zeigen, müssen Sie das Kunstbrett auswählen, indem Sie die, den Titel unseres Brettes drücken. Aktivieren Sie das Kontrollkästchen mit Gier und wählen Sie Quadrat. Und normalerweise sind 40 Pixel genug oder ein Symbol. Und jetzt sind wir in der Lage, eine konsistente Größe für unsere Symbole zu bohren. Ok, in Bezug auf unsere Anwendung haben wir möglicherweise einige Symbole für Kategorien der Meditationen, die wir innerhalb der App haben. Mal sehen, wir haben Schlafmeditation, Tress, echtes Leben, Fortschritt und Zuhause. Okay, lass es uns ein bisschen neu anordnen. Haus, Schlaf, Stressabbau und begeistert unsere Fortschritte. Und zu Hause wird Satz von Meditationen darstellen, die standardmäßig für Benutzer angeboten werden. Wenn wir nun die Symbole definieren, die wir brauchen, wenn wir anfangen zu zeichnen, kann oder könnte ich auf verschiedene Arten erstellt werden. Sie können eine Kombination von geometrischen Formen verwenden , die bereits vorhandene Symbolleiste sind, sagen wir Dreieck. Vielleicht haben Sie es auch. Sie können auch Ziegelverwirrung verwenden, wenn Sie enden müssen. Das letzte ist das Form- oder Stiftwerkzeug. Wir können diese für mehr Anpassung unserer Form verwenden. Lass uns gehen. Beginnen wir also mit dem einfachsten Symbol, das Home-Symbol ist. Und Sie haben wahrscheinlich erraten. Kann eine Fusion von zwei Symbolen sein. Ich muss hier nur sehr sorgfältig ausrichten. Ok? Wir haben die Form eines Hauses. Jetzt müssen wir ein Boot bauen. Ich will nicht, dass sie gefüllt werden. Lassen Sie uns Winkel ein wenig abgerundet machen. Und jetzt ist es Zeit, dies zu verbinden, um mit diesem Botton zu formen. Also haben wir eine Art Omicron. Fügen wir eine Tür hinzu. Es wird nicht ähnlicher sein. Haus. Wir brauchen nicht die Unterseite, um durch Doppelklick umgeben zu sein. Sie haben Zugriff auf die einzelnen Elemente. Sie können Ihr Icon ändern, wo immer Sie möchten. Und lasst uns dieses Symbol e zu einem Element gruppieren. Und lassen Sie uns die Seiten der Grenze zwei Pixel machen. Ich möchte ein Stück unseres Türelements ausschneiden, da es scheinbar nicht gut aussieht. Um also ein Objekt von einem anderen zu schneiden, können Sie Subtrahieren Funktion verwenden. Also habe ich den unteren Teil gelöscht. Jetzt scheint es, als ob unsere Ikone wie unser Zuhause aussieht. Lassen Sie uns versuchen, den Radius zu ändern. Sieht aus wie ein Zuhause. Also, jetzt kann ich die Farbe des Symbols ändern, hat ein ganzes Element, weil es gruppiert ist und ich auf das Trennelement innerhalb dieses Symbols durch Doppelklick zugreifen kann , kann es bei Bedarf ändern. Okay, das ist mehr oder weniger einfache Ikone. Lassen Sie uns versuchen, etwas Benutzerfreundliches zu erstellen. Und als nächstes haben wir Meditation ausgerutscht. Ich denke, das Symbol des Mondes ist hier durchaus angebracht. Auch hier müssen wir das gleiche Styling und dieses Symbol sowie so dass sie alle konsistenten Mittel, dass wir unsere Anbetung Seiten der Grenze zu erhöhen, ändern Sie die Farbe und deaktivieren Sie die Phil. Ich denke, wir können ausschließen und haben die, Aber Sie sehen, wenn wir diese beiden Symbole vergleichen, Dieses ist scharfer und passt nicht gut mit dem ersten Symbol. Also müssen wir diese Ecke ändern. Wie ich in allen vorherigen Symbol sagte, können wir auf das andere Element durch Doppelklick zugreifen und wir müssen es ein wenig manuell ändern. So wird unser Mond abgerundet wie die, wie unser Haus ist. Um einen neuen Punkt zu erstellen, müssen Sie einen Klick drücken. Wenn Ihr Symbolsatz abgerundet werden muss, um abgerundete Ecken zu haben , müssen Sie Ihr Bestes tun, um Symbole zu erstellen, die konsistent aussehen. Sonst wird er nicht niedrig Profi auf Ihrer Schnittstelle. Bitte vermeiden Sie, wenn diese Steuerung in die andere Richtung geht. Der beste Weg, um eine glatte Ecken zu erstellen, ist hier eine gerade Linie zu haben. Ich werde nur erkennen, dass wir es anders machen können , ohne zusätzliche Formen zu verwenden. Ich denke, das ist ziemlich nah an dem, was wir wollen. Vielleicht muss ich ein paar Stützpunkte hinzufügen. Ok? Ja, los geht's. Wir haben zwei Symbole aus dem gleichen Set. Seine nächste ist Stressabbau und spannend. Nun, natürlich, um ein Symbol zu erstellen, müssen Sie eine Vorstellung davon haben, wie es aussehen sollte. Die andere Sache ist, das Symbol selbst zu erstellen. Ich denke, es ist eine Art Blitz oder wäre geeignet für Stressabbau. Auch hier müssen Sie das gleiche Styling für jedes unserer Icons verwenden. Einige Ihrer Symbole können größer oder breiter sein als die anderen in Ihrem Set, da dies von der Form und dem Objekt abhängt, die Sie illustrieren möchten. Wenn Sie abgerundete Ecken haben möchten, können Sie die manuell hinzufügen, obwohl Ängste, aggressive Sache müssen noch ein schönes Symbol haben. Ich will es ein bisschen gedreht Qing Gesellschaft leben. Dann haben wir einen Fortschritt. Was könnte einen Fortschritt vermitteln? Nun, wir können eine Flagge erstellen. Um also ein Flaggensymbol zu erstellen, müssen wir vor unserer Manipulation ein Rechteck am Eckenradius erstellen. Denn wenn Sie anfangen, die Form anzupassen, wird es nicht mehr die abgerundeten Eckfutures haben, sobald Sie mindestens 1 aus Ihrem eigenen erstellt haben, okay? Und ich werde ein einfaches Zeilenwerkzeug verwenden, das durch Drücken von L als Show-Taste zugänglich ist. Jetzt haben wir vier Symbole für unsere App, die zu Hause, Schlaf, Angst und Fortschritt sind. Vielleicht ist es nicht der beste Weg, um die App auf diese Weise zu kategorisieren. Aber diese Lektion ist nur, um zu zeigen, wie Sie Ihre eigenen benutzerdefinierten Symbole erstellen können, falls Sie etwas Zeit sparen möchten und Sie sich nicht sicher in Bezug auf das Zeichnen von Symbolen fühlen, können Sie Websites wie Peter icons.com besuchen, iCann.com. Ich kann r.com finden und Symbole von diesen Websites greifen. Ihre professionelle es gibt Feeder-Symbol ist kostenlos, die anderen Wiederherstellungs- und Premium-Symbole innerhalb, so dass Sie es nach Ihren Vorlieben wählen können. Sie können wählen, wer einer der verschiedenen Stile, die für Symbole verfügbar sind, gibt es mehr, aber ich werde die wichtigsten drei auflisten. Dieser ist also genau so skizziert, wie wir für unsere App entworfen haben. Dieser ist mit einem soliden Hintergrund. Also die gleiche Form, aber mit dem Hintergrund. Und dieses ist flache mehrfarbige Symbol. Sie hat mehr Details darin sieht reicher aus als die vorherigen beiden Token. Ok? Die meisten Designer, die mit dem Umriss gehen, weil es trendy ist, es ist flexibel, es ist einfach, andere Elemente und Symbole Sammlungen neu zu erstellen Ich kann Sets, sie sind reicher in Bezug auf Umrisse oder fett Symbole anstatt voll farbig, mehr oder weniger realistisch, kann ich stylen. Also sind wir zurück zu unseren App-Symbolen und lassen Sie uns Symbole auf ihre Plätze setzen. Denken Sie daran, wir haben die f2 t, Wir haben 40 Pixel quadratische Fläche für unsere Symbole. Es ist, es heißt Container. Also kann ich kleiner sein, aber der Container hat 40 Pixel. Ich denke, wir können hier die Tür entfernen. Hat, fühlt sich nicht wie der gleiche Stil. Jetzt richten wir unsere Symbole an einer horizontalen Linie aus. Das ist gut, dass wir für Spalte Greet haben hilft uns , unsere Symbole richtig auf das allgemeine Layout auszurichten. Sobald ich auf dem Startbildschirm bin, können wir das irgendwie hervorheben. Diese eine Option. Die andere Möglichkeit besteht darin, es zum Sprecher zu machen. Bitte vergessen Sie nicht, verschiedene Bedingungen für Ihre Symbole zu erstellen, da dies ein Problem sein kann, während die Entwicklung und Präsentation für Stakeholder. Hier können wir Art von Tab Geist hinzufügen, sehr häufig in diesen Tagen. Um jetzt bin ich Home-Bildschirm oder nein, es ist besser, es auf der Unterseite zu haben. Du könntest es so machen. Sie verringern die, verringern die Kapazität für diese Symbole, wenn Sie glauben, dass es Ihre Benutzererfahrung angemessen ist, wenn wir die Kapazität für dieses Symbol verringern , weil es nicht ganz sympathisch ist. Das würde mit der vorherigen Version gehen, wo dieser Knopf bereits gedrückt ist. Ich denke, das sollte mehr Kontrast haben. Also, jetzt ist das, wie ein Marokkaner Luke auf der unteren Leiste. Sie wissen jetzt, wie Sie Symbole in der Gliederung erstellen. Und das letzte, was ich darauf hinweisen möchte, ist, dass Sie Symbole für den Export markieren müssen. Jedes Mal, wenn Sie Custom Icon tun, markieren Sie es bitte für Experten. Weil Ihre Entwickler die SVG-Datei nicht herunterladen und im HTML implementieren können . Okay, also vielen Dank für Ihre Aufmerksamkeit. Ich hoffe, diese Lektion war nützlich. Vielleicht haben Sie andere Ideen, wie Sie diese Abschnitte darstellen. Bitte gehen Sie weiter und probieren Sie es selbst aus. Vielen Dank und bis zum nächsten Mal. 23. UX: In diesem Video gehen wir über die UX Design Abschnitt Übersicht zu gehen. Dies ist also der größte Abschnitt in diesem gesamten Kurs. Dies wird eine Menge von verschiedenen Bereichen abdecken, wie die Benutzererfahrung, wie der UX-Design-Prozess, dass verschiedene Benutzerprofile und wirklich zeigen, was genau UX-Design ist. Diese spezielle Lektion hier wird Ihnen einen großen Überblick über das, was in diesem speziellen Abschnitt kommen wird, geben. Hier gibt es eine Menge zu decken, und ich freue mich darauf, dass du anfängst. Gehen wir also voran und springen Sie in die Abschnittsübersicht. Also, was wir zuerst abdecken werden, ist was genau UX-Design? Was bedeutet das? Wie funktioniert es im eigentlichen UX-Designprozess? Und dann der Analyseprozess, der für Sie sehr wichtig ist, als auch ein UX Designer zu verstehen. Und dann werden wir in ein Benutzerprofil gehen, Benutzerschmerzen Punkte, Entwicklung einer Persona, einem Avatar. Dies ist im Wesentlichen, wo es uns ermöglichen wird, wirklich zu verstehen, wer der Endbenutzer ist, damit wir die richtige Art von Produkt herstellen können , das sie dazu bringt, tatsächlich kaufen zu wollen, weil wir es speziell für Sie, stimmt's? Und dann gehen wir über die Customer Journey und dann die Customer Journey im Vergleich zu einem Verkaufstrichter. Sehr wichtig für Sie, einen UX-Designer zu kennen, vor allem, wenn Sie versuchen, auf eine Organisation zu kommen und in der Lage sein extrem wertvoll zu sein, wenn Sie zusätzliche Fähigkeiten und Kenntnisse haben, wie zum Beispiel das Verständnis von Verkaufspsychologie, Verhaltenspsychologie, Verkaufstrichter, Überzeugungsfaktoren, richtig? Sie werden viel wertvoller für diese bestimmte Organisation sein. Und wir werden die drei Phasen eines Verkaufstrichters durchlaufen, die vier Stufen eines Verkaufstrichters und dann Makro- und Mikrokonvertierungen. Wir gehen zu verschiedenen Trichtern in dieser speziellen Lektion. Und wir gehen über einen Trichter zur Lead-Generierung und dann auch einen digitalen Produktverkaufstrichter. Und dann ist eines der größten Dinge, die Sie verstehen wollen, die Raffinesse des Marktes. Und wir werden in den Lektionen viel detaillierter darauf eingehen. Allerdings gibt Markt Raffinesse wirklich ein Verständnis davon, wo sich der Benutzer in der tatsächlichen Reise befindet, richtig, entlang der Art, wie es tatsächlich ein Produkt gekauft hat, unabhängig davon, ob sie sich eines Problems eines Schmerzpunkt, dass sie haben können und wo genau sie im Holbein-Prozess sind. Das nächste, was wir abdecken werden, sind die sieben Prinzipien des Einflusses. Wir werden den Benutzerfluss übergehen. Wir werden über Storyboards, Moodboards, die Low- und High-Fidelity-Wireframes und dann Prototypen entwickeln. Dann haben wir das Testen und Auswerten und dann die UX-Leistungen. Das ist also, wie ich schon sagte, ein sehr großer Abschnitt hier. Es sind viele Informationen, aber es wird Sie zu einem abgerundeten UX-Designer machen weil oft, wenn Sie in eine Organisation eintreten, sie normalerweise eine Person haben, die einen Bereich behandelt. Aber wenn Sie in, sagen wir, ein kleines bis mittelständisches Unternehmen gehen , oder vielleicht sogar wie ein Startup, wissen Sie alle verschiedenen Faktoren hier bis zu einem Verkaufstrichter, der Unterschied zwischen der Customer Journey im Vergleich einem Verkaufstrichter und den verschiedenen Arten von Verkaufstrichtern. Und vor allem mit dem Einfluss und der Überzeugung, wenn Sie in der Lage sind, diese zusätzlichen Fähigkeiten sozusagen in Ihr Repertoire zu bringen, richtig? Und Sie werden ein äußerst wertvolles Gut für jede Organisation sein, richtig? Denn die meisten Benutzer, die UX-UI-Designer sind, sind in einem Bereich in der Regel gut versiert. Aber wenn Sie viele verschiedene Fähigkeiten innerhalb des Marketing-Spektrums haben, dann werden Sie extrem wertvoll sein. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 24. Was ist ein User (UX): Und heißen Sie alle willkommen. Sie befinden sich im Abschnitt „User Experience Design“. Und in diesem Video werde ich die wichtigsten Konzepte und Methoden von UX erklären. Bitte versuchen Sie, das ganze Bild zu sehen, aber nicht die Leistungen und Aktivitäten in einer separaten Weise. Das ist alles Teil von eins. Sie denken nur, ich möchte darauf hinweisen, bevor ich sie fortsetze, da ich viele, viele Arten von Dingen erklären werde , die in den UX-Prozess einbezogen werden könnten. Allerdings kann Ihr Projekt nicht erforderlich, oder Sie können diese Aktivität, diese Leistung, diese Art von Forschung wegen des Zeitrahmens, wo wegen eines knappen Budgets nicht tun , diese Art von Forschung wegen des Zeitrahmens, . Laut Don Norman gibt es vier Hauptprinzipien, denen Sie beim benutzerzentrierten Design folgen müssen. Ok? So ist die erste ist verstehen und adressieren Sie die Kernprobleme, wenn Sie tun die, das Produktdesign, das Sie zu versuchen, zu verstehen, welche Schmerzen, Welche Frustrationen Menschen erleben mit einem ähnlichen Arten von Produkt. Und versuchen Sie auch, sie zu lösen, aber nicht auf niedrigem Niveau, sondern auf dem höheren, auf einer allgemeinen Ebene. Wie möchte ich mehrere Produkte in meinem Warenkorb in einigen Online-Shop k hinzufügen, Und ich würde es gerne tun, aber das System hat keine Behinderung im Moment. Sie bieten also an, dass Sie mehrere Bestellungen einführen, mehrere Produkte in Ihrem Einkaufswagensystem auf den Schritten des Vaters können die mehreren Bestellungen nicht handhaben und bedeutet, dass Sie die Lösung auf einer Ebene reduzieren, aber Sie haben nicht darüber nachgedacht, was die nächste Stufe, wie diese beiden Dinge interagieren, wie sie verbinden und synchronisieren. Dies erfordert natürlich eine enge Zusammenarbeit mit dem Entwickler- oder Entwicklungsteam. Ich bin auf das Projekt angewiesen. Versucht, das ganze Bild zu sehen, nicht nur eine Sache, denn wahrscheinlich, wenn Sie diese eine Sache lösen, werden Sie eine Sache an einem Ort ändern. Dies wird einen Einfluss auf einen Vater haben, Vater Module und Vater Erfahrung Ihres Benutzers. Lösen Sie die grundlegenden zugrunde liegenden Probleme, nicht die Symptome. Fragen Sie, warum es jedes Problem, wenn die Antwort menschliches Versagen ist, weiter durch den Fehler gehen, heilen, was es verhindert haben könnte. Und das nächste Kernprinzip, nach Don Norman, ist B People Sander. Nun, das bedeutet, dass Sie Ihr Produkt oder System entwerfen müssen, beginnend mit den Bedürfnissen und Fähigkeiten eines Benutzers, der Ihr Produkt verwendet. Es ist einfach, weil viele der heutigen Systemprozeduren und Geräte Technologieschleifer sind. Sie entwickelten sich auf die Fähigkeiten der Technologie, wobei Menschen aufgefordert werden, die Teile auszufüllen, die Technologie nicht leisten kann. Menschen zentriert bedeutet, Tage zu ändern, beginnend mit den Bedürfnissen und Fähigkeiten der Menschen. Es bedeutet also, dass, wenn Sie bereits einige Anforderungen haben, die technisch sind und Sie versuchen, die Benutzererfahrung über die technischen Anforderungen Ihres Systems aufzubauen. Das wird kein benutzerzentriertes Design sein. Ok? Dieses benutzerzentrierte Design stellt den Benutzer in den absoluten Mittelpunkt Ihres Produkts. Und die Systemanforderungen und -funktionalität wachsen um dieses Kernzentrum. Okay, wir werden versuchen, ein weiteres Beispiel zu geben. Nehmen wir zum Beispiel ein Auto. Es muss vier Räder haben, und dies ist eine Voraussetzung für die meisten Fahrzeuge. Aber immer noch, wenn Sie wollen, wenn Sie wollen, dass das Fahrzeug weniger Platz nehmen, dass Sie wollen, um das Fahrzeug durch den, Sie wissen, Straßenverkehr passieren . Sie werden wahrscheinlich das Motorrad oder den Roller entwerfen. Ok. Also, Frau. Das ja, ich würde gerne in der Stadt bewegen, aber ich möchte auch weniger Benzin ausgeben, weniger Zeit im Verkehr verbringen. Ich will keine Beifahrersitze haben. Ich bin allein unterwegs. Und deshalb hast du wahrscheinlich das Motorrad ausgedacht. Und das ist ein breites Beispiel, aber es zeigt wirklich den Benutzer zentriert, ich meine, Menschen zentriert Ansatz, okay, verwenden Sie einen aktivitätszentrierten Systemansatz. Das ist ziemlich interessant, denn als ich meine UX-Karriere begonnen habe, habe ich das nicht oft in Betracht gezogen. Aber jetzt werde ich versuchen, Sie in einfachen Worten zu erklären, damit Sie dies in Ihrer Arbeit und Ihrer UX-Karriere anwenden können. Daher muss sich das Design auf die gesamte betrachtete Aktivität konzentrieren, nicht nur isolierte Komponenten. Zum Beispiel, sagen wir, wir sind auf Online-Shop, Website und wir versuchen, einige Geräte zu finden, okay. Und wir fügen es zur Karte hinzu. Ein Smartphone zum Beispiel haben wir hinzugefügt und möchten ein weiteres hinzufügen. Diese Website verfügt nicht über diese Funktion. Ich kann nur einen in den Warenkorb legen. So wird u, als UX-Designer, eine Mehrfachbestellung einführen. Die Karte wird in der Lage sein, mehrere Produkte innerhalb zu behandeln. Als Nächstes, wenn eine Person versucht, die Bestellung zu bestätigen, scheint es, dass das System nicht über diese Funktion verfügt. Du hattest keinen Planeten. Also sind Sie ohne Rücksicht gegangen. Vater, Schritte, die von deiner Lösung betroffen sind. K, dass Sie eine Sache in einer Komponente geändert haben. Sie haben das andere nicht berücksichtigt, das weiter geht, Sie müssen versuchen, das ganze Bild zu sehen, wenn Sie Ihr Benutzererlebnis-Design tun. Verwenden Sie schnelle Iterationen von Prototyping und Tests. Auch hier ist der interessante Teil der Prinzipien von Don Norman. Weil ich liebe Prototyping und ich mache es mit einem Vergnügen mit der Liebe. Und wenn ich Feedback vom Teambenutzer erhalte, liebe ich es, das Problem einzuführen , meinen Prototyp nach Feed zurück zu ändern, nach Anregungen. Ob es sich um einen Stakeholder oder Endbenutzer handelt, es ist schwer, eine perfekte Lösung ab der ersten Testversion zu entwickeln. Das glaube ich sehr, und ich ermutige Sie, mir zu vertrauen. Es ist nichts falsch mit den for-free Iterationen von Prototypen. Mit jeder Iteration wird der Prototyp verfeinert. In verwendbar. Indiana Tage, werden Sie so viel Zufriedenheit, wenn Ihre Benutzer werden Ihren Prototyp lieben. Und wir werden keine Kommentare haben. Sie werden lieben. Ihr Produkt. Tail wird Ihnen gratulieren, wissen Sie, für diese sehr intelligente, sehr komfortable Erfahrung für sie zu tun , weil Sie ihre Probleme lösen, lösen ihre Probleme, Sie betrachten ihre Frustrationen, Werte, und so weiter und so weiter. Mit anderen Worten, alles, was mit benutzerzentriertem Design gemacht wird, ist für Benutzer gemacht. Wir betrachten ihr Alter, sozialen Status, Gewohnheiten, Arbeitsplätze in Schulen, Probleme glaubt, malt ein Niveau des Einkommens, und so weiter. Hier wird der Benutzer in den absoluten Mittelpunkt der Dienstleistung oder Produkt gestellt, das Sie entwerfen. Deshalb wird es benutzerzentriertes Design genannt. Und ich habe das Zitat von Don Norman, das liest, benutzerzentriertes Design bedeutet, mit Ihren Benutzern während des gesamten Projekts zusammenzuarbeiten. Vielen Dank und bis zum nächsten Mal. 25. UX: Okay, und lassen Sie uns in diesem Video über den Prozess des UX-Designs sprechen. Normalerweise unterteile ich es in Entdeckung, Prototyping, Testen und Verbessern. Es ist das gleiche wie eine allgemeine Herangehensweise an ein Projektmanagement. Ein Zyklus dieser vier Stufen ist also eine um oder eine Iteration. Leistungen gehören Auditberichte, Persona, Storyboards, User Customer Journey Maps, User Flows, Moodboards, Informationsarchitektur Sitemaps, Wireframes, interaktive Prototypen und Testberichte. Machen Sie sich keine Sorgen, wenn Sie einige von ihnen nicht verstehen, wir werden auf die Beschreibung zurückkommen und die einzelnen Lieferungen genauer untersuchen. Konzentrieren wir uns nun auf vier Stufen und lassen Sie uns die Entdeckungsphase genauer erkunden. Nun, da es die erste Stufe in Ihrem UX-Design ist, erfordert es die meisten Leistungen und die meiste Arbeit, und es ist die komplexeste und schwierigste Arbeit. Im Vergleich zu anderen Phasen haben Sie eine Analyse einer aktuellen Produkt-Wettbewerbsanalyse, Benutzerprofile und Persona, Benutzerbedürfnisse und Schmerzpunkte, Storyboards, User Customer Journey, Karte, User Flows, Mood Boards, Wireframes alle in einem, Bühne k. Aber noch einmal möchte ich wiederholen, dass Ihr Projekt nicht benötigt Einige von ihnen müssen nicht so erweitert werden. Dies ist das perfekte Modell im Best-Case-Szenario in meiner Entdeckung, ich verwende Doppel-Diamant-Design-Modell. Wenn wir recherchieren, analysieren und synthetisieren, erweitern wir Möglichkeiten, erweitern unsere Erkenntnisse. Und wir haben viele Informationen über Hände, als wir es gruppieren, sortiert, filtern das und wir wählen, was es notwendig ist, wählen Sie, was es nicht ist, wählen Sie, wo es wichtig ist, das ist weniger wichtig, dass könnte im Moment implementiert und das kann nicht implementiert werden. Dann verkleinern wir unsere Erkenntnisse. Wir definieren sie und kommen dann zu einem nächsten Diamanten, in dem wir entwickeln und liefern. Und entwickeln und liefern bedeutet, dass Sie Prototypen, testen und verfeinern dann, und erst dann haben wir das Ergebnis. Es gibt also zwei Dinge, die man sich merken muss. Sie haben viele Informationen, viele Variationen, viele Beispiele auf Ihren Händen, aber Sie müssen vorsichtig mit allen von ihnen sein. Sie können sie nicht alle an einem Ort vorstellen. Sie müssen es sortiert gruppieren, indem Sie die benutzerfreundlichste Art und Weise verwenden. Ok? Versuch, die Ähnlichkeit zwischen den Dingen zu verstehen, die Sie finden, und dann konvertieren Sie sie in Prototyp , der auch viele Revisionen haben kann, dann geht Test, und nur dann können Sie das Design verfeinern und Ergebnis haben. 26. Kundenreise: In diesem Video werden wir die Unterschiede zwischen einer Customer Journey und einem Verkaufstrichter untersuchen. Also bin ich aufgeregt für diesen hier. Gehen wir voran und springen direkt hier rein. Wir haben die Customer Journey zuvor in einem anderen Video durchlaufen, aber ich möchte Ihnen noch einmal einen kurzen Überblick darüber geben, worum es hier wirklich geht. Hier geht es wirklich darum, eine detaillierte Gliederung zu haben. Jeder einzelne Schritt auf dem Weg, den ein Lead nimmt, nimmt ein potenzieller Kunde oder Kunde so weit, dass er dann ein zahlender Kunde wird. Und sie können hier zu jedem Zeitpunkt reinkommen. Es kann vielleicht durch Hören einer Art Radio-Anzeige oder vielleicht Lesen eines Online-Bloggers kommen , vielleicht eine Art Website, die eine Banner-Anzeige auf sie mit unserer Promotion, vielleicht eine Werbung auf Facebook oder LinkedIn, Google, was auch immer das sein mag, oder? Dies ist der ultimative Prozess, ein Kunde durchläuft, um ein echter Schmerzkunde zu werden. Der Unterschied bei einem tatsächlichen Verkaufstrichter ist , dass der Verkaufstrichter ein Modell ist, das verwendet wird, um diese einzelnen Leads in verschiedenen Phasen des Kaufzyklus tatsächlich angemessen zu vermarkten . Und wenn man sich dieses Bild hier rechts anschaut, sieht man ganz oben auf dem Trichter seine Interessenten, Kontakte, Leads, Finalisten und dann Verkäufe. Und das ist wirklich der größte Unterschied hier, ist, dass ein Verkaufstrichter als Werkzeug in jeder einzelnen Phase verwendet werden kann, oder? Nehmen wir an, jemand kommt durch die Website und füllt dort das Formular aus, richtig? Um tatsächlich mehr über das Geschäft zu erfahren, über das Produkt. Danach werden sie in einen Verkaufstrichter gesetzt, der mehrere verschiedene Schritte hat, mit denen er ihre Informationen einreichen kann. Vielleicht laden Sie eine Art PDF für kostenlose Informationen oder kaufen Sie vielleicht etwas zu einem niedrigen Preis, damit sie sich mit der Marke vertraut machen können. Und so können Sie wirklich über die Customer Journey als 50.000 Fuß Ansicht nachdenken. Das ist ein echter detaillierter Überblick über jeden Schritt, den ich führe, um tatsächlich zu diesem Kunden zu werden. Ein Verkaufstrichter arbeitet innerhalb der tatsächlichen Customer Journey, weil ein Verkaufstrichter bekommen, haben viele verschiedene bewegliche Teile. Nehmen wir zum Beispiel an, jemand kommt rein und der Download. Und wir werden das in den zusätzlichen Vorträgen in diesem speziellen Abschnitt eingehen. Aber sagen wir, jemand sollte über die Website kommen und sie ihre Informationen einreichen, dann werden sie in einen separaten Eimer gelegt und sie werden in einen anderen Verkaufstrichter gesetzt, der sagen wir, schießt sie ab e-Mail-Nachrichten einmal pro Woche oder zweimal pro Woche. Und wenn sie dann auf eine der E-Mails antworten und ein PDF zum kostenlosen Spickzettel oder neues Buch herunterladen, was auch immer das sein mag, dann gehen sie in die nächste Stufe. Vielleicht ist die nächste Stufe vielleicht, sie dazu zu bringen, etwas Niedriges zu kaufen. Und dann, nachdem sie etwas zu einem niedrigen Preis gekauft haben, dann bewegen sie sich in die nächste Stufe des Trichters , der sie dazu bringt, etwas zu höheren Kosten zu kaufen. So bekommen Sie hier das Bild, dass der Verkaufstrichter typischerweise viele verschiedene bewegliche Teile haben wird, viele verschiedene Stufen. Und es wird verschiedene Upsells Down-Zellen haben, verschiedene Zeiten. Das bedeutet, Informationen an den Benutzer kostenlos zu verschenken. Aber es wird immer innerhalb der tatsächlichen Customer Journey sein. In den nächsten Vorträgen gehen wir über verschiedene Arten von Verkaufstrichtern. Und wir werden die verschiedenen Phasen des Verkaufstrichters durchlaufen. Und so wird das hier für die Unterschiede zwischen Customer Journey und dem Verkaufstrichter sein . Und wir sehen uns auf der nächsten. 27. 3 Phasen eines Verkaufstrichters: In diesem Video werden wir die drei Phasen eines Verkaufstrichters abdecken. Dies ist also etwas, das Sie sich bewusst werden wollen Sie im Marketing-Bereich arbeiten, im digitalen Marketing-Bereich, vor allem, wenn Sie gerade Ihre UX-Karriere beginnen, werden Sie beitreten wollen in der Regel, wenn Sie auf der Suche nach einem Job, eine kleinere Organisationen, so dass Sie etwas Erfahrung zu bekommen. Und in der Regel werden diese Individuen wollen, dass Sie eine andere Fähigkeiten in verschiedenen Bereichen haben. Und wenn Sie wirklich viel über Marketing und über UX UI wissen können, werden Sie für diese Organisationen viel wertvoller sein. Also lasst uns voran gehen und in die drei Phasen springen. Ein Trichter. So können die drei verschiedenen Verkäufer oder Phasen in harte MAF und Bob unterteilt werden, ich weiß, es klingt irgendwie seltsam, aber es ist genau das, was verwendet wird, um diese verschiedenen Phasen innerhalb eines Vertriebsmodells darzustellen. An der Spitze des Trichters dreht sich alles um Bildung. Es stellt dem Benutzer relevante, aussagekräftige Informationen über ein Produkt oder eine Dienstleistung zur Verfügung. Oder vielleicht auch nur im Branding. Denken Sie nur darüber nach, ob Sie eine Facebook-Anzeige sehen und die Facebook-Anzeige sagt, ist , hey, wir tun X , Y und Z oder, wissen Sie, wir sind über x und y. Es verkauft Ihnen nichts wirklich. Es gibt Ihnen nur dieses Markenbewusstsein , damit Sie wissen können, dass sie existieren, oder? Und das ist in der Regel, was Sie an der Spitze des Trichters und sehr leichte Aktionen sehen. Ok. Und dann haben wir die Mitte des Trichters und das ist die Überlegungsphase. Jetzt verstehen Sie, dass Konvertierungen jederzeit im Trichter passieren können. Dies ist jedoch, wo Sie beginnen, den Traffic zu adressieren , der bereits warm ist und bereits interessiert ist. So zum Beispiel, auf Facebook, was Sie tun können, ist die Menschen, die bereits engagiert und Senior Marke zuvor. Die Spitze des Trichters, richtig? Ein Großteil der Anzeigen ist sehr leicht, sehr nonchalant, sehr nicht verkaufsfähig. Ich gebe dir nur etwas Branding und lass dich wissen, hey, meine Marke, mein Produkt ist hier. Das ist es, was wir tun. Und wenn Leute interagieren und mit dieser bestimmten Anzeige interagieren, dann können Sie diese jetzt in einen separaten Eimer legen und diese in die Mitte des Trichters verschieben. Weil du schon weißt, dass es dort einige Interessen gibt. Vielleicht haben sie sich ein Video angesehen, vielleicht haben sie ein Video gesehen, weißt du, 30 Sekunden lang. Und das gibt Ihnen einen guten Hinweis darauf, dass es dort Interesse gibt. Also wollen Sie diese in einen separaten Eimer legen, bewegen Sie sie in die Mitte des Trichters. Und hier beginnen Sie einige Conversions zu sehen weil es Leute sind, die Ihre Marke bereits gesehen haben. Und dann am Boden des Trichters. Und hier retargeting Sie hochinteressierte Zielgruppen, die sich nicht zu Leads oder Kunden in der Mitte des Trichters konvertiert haben. So können Sie hier sehen, das Publikum bewegt sich weiter nach unten. Und zu jeder Stufe, die Mitte des Trichters sind Menschen, die Sie an der Spitze gesehen haben und dann die Unterseite des Trichters sind Menschen, die sehr gezielt sind, weil sie Sie an der Spitze gesehen haben, das Senior Branding, die Senior Anzeigen, die sehr viel so sind, wissen Sie, nicht versuchen, ein Produkt oder eine Dienstleistung zu verkaufen, aber mehr von Branding. Und dann haben sie vielleicht Ihren leichten Aufruf zum Handeln gesehen. In der Mitte des Trichters. Und aus welchem Grund auch immer, wenn sie sogar Käufer passen konvertieren, dann bewegen Sie sie in einen anderen Eimer , der der Boden des Trichters ist. Und hier werden Sie eine Menge Konvergenz finden. Denn oft, vor allem, wenn ein Produkt oder eine Marke, ist brandneu, Menschen müssen das Produkt Medici die Marke mehrmals sehen, um sich bequem zu fühlen, um dieses Vertrauen in ihr Recht zu haben. Und deshalb wird eine Menge der Conversions am unteren Rand des Trichters passieren, weil sie die Marke mehrmals gesehen haben und sie tatsächlich mit der Marke und mit den Anzeigen interagiert haben. Und jetzt sehen sie das bestimmte Produkt oder die Marke als vertrauenswürdig, und dann werden sie den Abzug ziehen. Okay, also schauen wir uns einige der verschiedenen Dinge an, die Sie in jeder Phase des Trichters anbieten würden. Also an der Spitze des Trichters hier haben wir, sagen wir, ein Chichi, Art von Bildungsinhalt, ein Schmerzproblem Bewusstsein, Chancen Verlust Bewusstsein, oder einfach nur jede Art von Bewusstsein wie hey, wir helfen Hunde tun X oder wir haben eine Meditations-App, wir existieren, oder? Etwas super Einfaches. Sie können auch ein großes herunterladbares eBook zur Verfügung stellen, das ihm erlaubt, ein bestimmtes Problem, bestimmte Schmerzpunkte zu lösen. Sehr viel auf der nicht verkaufsfähigen Seite der Dinge, okay. Und dann der mittlere Trichter hier, hier sind Sie in der Lage, eine Art von Wertversprechen zu haben, vielleicht eine Art von Käufer-Leitfaden, bringen Sie sie zu einigen Fallstudien, einige Zeugnisse, einige Metriken darüber, warum Ihre Produkt, machen Sie keinen Sinn für diesen bestimmten Markt, warum es in ihrem besten Interesse sein würde, und so ist dies, wo Sie beginnen, einige Conversions zu sehen, oder? Und dann am unteren Rand des Trichters, hier werden Sie auch eine Menge mehr Bewertungen sehen, Zeugnisse. Sie werden eine Menge von den Preisen sehen, die vielleicht ihre Demos angelegt sind. Und wirklich, wo du die Leute sehen wirst, die bereit sind zu kaufen, oder? Und so bemerken Sie, wie in jeder Phase, die wir hier in den absoluten Trichter gehen würden, es viel klarer wird, was wir tun wollen und das Angebot viel spezifischer wird, richtig? Ganz oben waren nur IK zu erziehen, wir sind hier, wir sind auf dem Markt. Hey, wir wollen Ihr Problem lösen, indem wir Ihnen ein kostenloses eBook oder vielleicht einen Link zu einem Blog-Beitrag auf der Website Medulla Trichter geben. Hey, wir haben diesen Leitfaden hier, der Ihnen helfen kann, XY und Z. Hey, schauen Sie sich einige unserer früheren Fallstudien an, die wir erreichen konnten. Und schließlich wollen Sie wirklich ganz unten im Trichter auf den sozialen Beweis hämmern, die Zeugnisse überprüfen, nutzen, was andere Menschen erlebt hatten, die tatsächliche Preisgestaltung bieten, jede Art Demos und wo Sie feststellen, dass die Leute meist bereit sind, den Abzug zu ziehen. Ok? Dies sind also die drei Trichterstufen und Sie sollten sich bewusst werden, dass dies auf einem sehr hohen Niveau ist, denn auf jeder bestimmten Ebene können Sie einen Verkaufstrichter innerhalb dieser bestimmten Phase haben. So kann zum Beispiel Medulla-Trichter aus mehreren verschiedenen Trichtern in dieser Phase bestehen. Dasselbe an der Unterseite des Trichters. Nehmen wir an, dass die, Sie wissen, klicken Sie auf die Anzeige und sie interessieren sich für den Kauf, oder? Es kann sie zu einem bestimmten Trichter führen, abhängig von ihren vorherigen Aktionen, oder? Und so hängt alles von den Informationen in den Daten ab, die gesammelt werden. Facebook ist eine der besten Plattformen in der Lage sein, Werbung zu verwenden , um Daten zu sammeln und in der Lage zu sehen, was der Benutzer tut, wie sie interagieren mit, dass fügt zu den Auserwählten ein Messaging. Gefällt ihnen, was sie sehen, oder? Und dann in der Lage zu sein, sie in verschiedene Richtungen zu bringen , basierend auf ihrer vorherigen Aktion. Es wird also für die drei Verkaufstrichterphasen hier sein. Und wir sehen uns auf der nächsten. 28. 4 Phasen eines Verkaufstrichters: In diesem Video werden wir die vier Verkaufstrichterstufen durchlaufen. Nun, dies wird die häufigste Art von Verkaufstrichter sein , die Sie so weit wie die verschiedenen Phasen sehen. Und verstehen Sie auch, dass dies ein Framework sein wird , das Sie verwenden können, wenn Sie eine Kopie schreiben, wenn Sie jemals die Aufgabe bekommen, Kopie zu schreiben, weil sagen wir, Sie übernehmen einen Job bei einem Start-up und sie brauchen, um verschiedene Hüte zu tragen. Sie können die vier Verkaufstrichterstufen verstehen und dann das Copywriting-Framework, das damit verbunden ist, wird für Sie und dann Organisationen äußerst wertvoll sein. Also gehen wir voran und springen hier rein. Die vier Verkaufstrichterstufen sind also die Nummer eins, die Bewusstseinsstufe. Nummer zwei ist das Interesse. Hier gibst du ihnen den Grund, ihre Aufmerksamkeit zu behalten denn in der allerersten Phase, die du tun willst, ist es, dieses Bewusstsein zu schaffen, richtig? Die Leute wissen lassen, hey, wir existieren, ich existiere, wissen Sie, wir sind hier auf dem Markt mit den Interessen Sie ihnen einen Grund geben, ihre Aufmerksamkeit zu behalten. Vielleicht lassen Sie uns sagen, hören Sie auf, was sie tun. Regel wie auf einem Smartphone, möchten Sie, dass sie aufhören, auf Facebook, Instagram oder auf welcher Plattform, die auch sein mag, zu scrollen und Sie wollen ihre Aufmerksamkeit zu erregen. Und dann ist die nächste Stufe die Entscheidung, die wünschen. Also eine Aussicht, genau wie das spezielle Angebot in ein bestimmtes Problem zu lösen, oder? Und letztendlich sollte das Publikum in der Lage sein, zu sehen, wie Sie anbieten, ihr Leben besser zu machen. Und dann ist die letzte Phase die Aktion wenn sie in der Lage war, die Markenbekanntheit zu schaffen, so die Interessen, und dann tatsächlich schaffen den Wunsch. Der nächste Schritt besteht darin, die Aussicht davon zu überzeugen, dass sie jetzt sofort handeln sollten, oder? Und tatsächlich ein Produkt gekauft oder gehen Sie auf die nächste Stufe des Trichters. Und so lasst uns weitermachen und das ein bisschen tiefer sezieren. Also die Bewusstseinsstufe. Dies ist also, wo der Benutzer ein Produkt oder eine Marke durch Werbung wie Social Media oder Mundpropaganda oder jede Art von Überweisung bewusst wird , richtig? Es ist dieses Bewußtsein, das geschaffen wird. Nummer zwei, das Zinsalter. Dies ist, wo der Verbraucher interessiert und engagiert sich indem er über Ihre bestehende Lösung, Produkt oder Dienstleistung lernt. Nehmen wir an, sie sehen zum Beispiel eine Anzeige, die besagt: Wussten Sie, dass Sie tun können, oder haben Sie, wissen Sie das? Sie können XY und Z erreichen, indem Sie nur y tun, richtig? Etwas wie das, wo Sie wirklich ihre Interessen einbeziehen. Du bringst sie dazu, aufzuhören, und du kriegst ihre Augäpfel richtig? Und dann die nächste Stufe hier mit der Entscheidung, das ist, wo Sie wirklich zeigen die Aussichten genau, wie Sie ihr Problem lösen können. Und du bringst sie dazu, eine Entscheidung zu treffen und die Aktion zu ergreifen, oder? Hier wollen wir, dass sie sofort handeln. Und wir wollen sicherstellen, dass es ausgeschrieben ist. Oft fallen viele Anzeigen zu kurz, weil sie den Menschen nicht sagen, was sie tun sollen. Es gibt einen Grund, warum viele der Knöpfe. einen Kauf zu tätigen, sagen Sie jetzt oder fügen Sie in den Warenkorb. Weil du irgendeine Art von Erfahrung bereitstellen musst, oder? Wo Sie Menschen durch den Verkaufstrichter hier fahren und Sie nehmen sie durch jeden Schritt und Sie machen es super einfach und einfach für sie, die Produkte mit wenig Reibung zu kaufen. Weil eines der wichtigsten Dinge, die Sie über Psychologie, Sozialpsychologie, Marketing, Verhaltenspsychologie verstehen müssen, ist, dass wir Kaufentscheidungen treffen auf Emotionen basieren und wir sie logisch rechtfertigen, okay? Also, wenn wir etwas sehen und wir es kaufen wollen, wird es typischerweise die Emotion sein, die uns dazu bringt , es zu kaufen oder uns die Byatts zu bekommen, oder? Und dann würden wir diesen Kauf nach logischerweise rechtfertigen, richtig, warum wir es getan haben, aber es ist die Emotion, die wirklich diese Kaufkraft schafft. Lassen Sie uns nun einen Blick auf ein Beispiel hier hinzufügen, wo wir dieses Framework verwenden, um tatsächlich die Kopie und die Anzeige selbst zu schreiben. Ok? So sehen wir hier mit diesem speziellen Angebot hier auf Facebook, wir haben das Ada-Framework und wir fördern im Wesentlichen ein $1000 Zahnimplantat Angebot hier. Und wie Sie hier sehen können, haben wir in der ersten Phase Aufmerksamkeit. Ergreifen Sie die Aufmerksamkeit des Publikums, indem Sie einen Schmerzpunkt ansprechen, herausfordern oder ein bestimmtes Publikum selbst anrufen, oder? Wo die ganz oben ist seine Aufmerksamkeit kann und de web. Das ist, wo Sie das spezifische Publikum anrufen, oder? Damit sie wissen können, dass du mit ihnen redest. Und dann das Interesse. Hier beschreiben Sie die Vorteile des Angebots, richtig? Wir sagen, Hey, es gibt eine Anlage für nur 999, das ist der eigentliche Nutzen. Du bekommst etwas für einen tiefen Rabatt. Und dann die nächste Stufe, ein Wunsch oder eine Entscheidung. Sie möchten einen Grund dafür geben, jetzt Maßnahmen zu ergreifen. Und dafür haben wir für eine begrenzte Zeit, wir bieten zehn Erstbesucher. Also zeigen wir, dass es ein eingeschränktes Recht ist. Und das ist ein Grund für sie, jetzt eine Entscheidung zu treffen. Und dann haben wir das Geschehen. Also das sagt ihnen, hey, hier klicken, jetzt herunterladen oder jetzt buchen, richtig? Was auch immer das sein mag. Es muss immer etwas sein, wo man ihnen genau sagt, was zu tun ist, damit es wenig bis keine Reibung entlang der gesamten Anzeige hier gibt. Denn denken Sie daran, es geht um die Emotionen, um die Menschen aufgeregt zu werden, Leute dazu zu bringen, nur auf der Grundlage ihrer Emotionen zu handeln, ohne dass sie wirklich die Gehirnmacht nutzen, um wirklich alles logisch durchdenken zu können, richtig? Denn dann stellen die ihre Entscheidung in Frage, ihn in und Han zu starten und fragen sich, ob sie es tatsächlich verfolgen sollten oder nicht. Und sie bekommen, weißt du, das Paradoxon der Wahl gegen nur zu sagen, hey, das ist es, was ich will, dass du tust. Das ist, warum Sie tun sollten, ist drücken Sie Ihren Klick hier, um zum nächsten Schritt zu gehen, oder? Das wird also für die vier Trichterstufen hier sein. Und wir sehen uns auf der nächsten. 29. Macro/Micro: In diesem Video werden wir über Makro- und Mikrokonvertierung gehen. Dies ist etwas, das Sie normalerweise auf dem Online-E-Commerce-Raum sehen , wo Sie wie ein E-Commerce-Geschäft haben , das eine Art von Produkt hat, das sie verkaufen. Und wenn Benutzer mit dieser bestimmten Website, dem E-Commerce-Store interagieren, gibt es mehrere verschiedene Makro- und Mikrokonvertierungen, die durch den gesamten Kaufprozess geschehen , den dieser Benutzer durchläuft , um tatsächlich weiterzumachen die Website und tatsächlich ein Produkt kaufen. Also gehen wir durch mit den Makro- und Mikrokonvertierungen sind in dieser speziellen Lektion zu gehen. Also gehen wir voran und springen hier rein. Okay, also schauen wir uns die Makro- und Mikrokonvertierungen an. Die Makrokonvertierungen sind die Aktionen, die ein Benutzer ausführen kann , die das primäre Ziel einer Website darstellen. Und so denken Sie einfach darüber nach. Eine Website, die jede Art von Produkt zum Verkauf hat. Das ultimative Ziel ist es, den Benutzer dazu zu bringen, das Produkt zu kaufen. Und so ist das die ultimative Makrokonvertierung. Und entlang dieses Prozesses gibt es verschiedene Mikrokonvertierungen, die dort auf dem Weg kommen. Die Mikrokonvertierungen sind also Aktionen, die ein Benutzer ausführt, die kritisch auf dem Weg zum Erreichen einer Makrokonvertierung sind. Wie sind die Schritte, die eine Person nimmt Benutzer tatsächlich den Kaufprozess abzuschließen und tatsächlich einen Kauf zu tätigen. Und wie wir gerade mit einer E-Commerce-Website besprochen haben, wird dies sein, wo, sagen wir, jemand ist auf einer E-Commerce-Website, sie gehen auf verschiedene Seiten, die sagen, zum Beispiel, jemand geht rüber auf die Produktseite. Sie können hier auf dem ersten Bild dort auf der Produktseite sehen. Und wie Sie dort ganz unten auf dieser Seite sehen können, gibt es die Menge, es gibt einen Preis, es gibt eine Reihe von Boxen, und dann die haben die Möglichkeit, dort in den Warenkorb zu legen. Also, wenn sie den Knopf dort drücken, den Warenkorb legen, das ist eine Mikro-Umwandlung. Es führt sie zum nächsten Schritt des Prozesses. Und wie Sie hier auf der zweiten Seite sehen können, können Sie ganz oben in ihrem Warenkorb sehen. Sie haben also ein Produkt in den Warenkorb gelegt. Und dann die letzte dort ganz unten , wo sie sich befinden, auf der Kasse. Und Sie werden dies in vielen verschiedenen Bereichen sehen, aber wo es meist gesehen wird, wo Sie wirklich sehen, die tatsächlichen verschiedenen Buckets von Zielgruppen, die aus jeder dieser verschiedenen Interaktionen erstellt werden, ist innerhalb von Facebook. Denn was Sie tun können, ist, dass Sie ein Tracking-Pixel mit der Facebook-Plattform einrichten. Und dann können Sie auf jeder einzelnen Seite einen Code einfügen, der Ihnen mitteilt, wie viele Personen das Produkt in den Warenkorb gelegt haben, wie viele Personen es zu einer Wunschliste hinzugefügt haben? Wie viele Personen sind tatsächlich zur Kasse gegangen. Und dann werden Sie in der Lage sein, diesen Personen die spezifische Art von Anzeigen zu zeigen. Lässt ihn wissen, hey, ich habe bemerkt, dass Sie XYZ-Produkte, Karren hinzugefügt haben, aber Sie haben noch nicht fertig. Hier erhalten Sie einen zusätzlichen Rabatt von 10%, um Ihren Einkauf abzuschließen. Dies ist hier sehr mächtig, weil es Ihnen erlaubt, diese verschiedenen Eimer von Zielgruppen zu erstellen und zu sehen, wo die Leute in den Verkaufstrichter fallen, wo sie fallen und den Kauf tätigen. Wenn Sie eine Menge Leute sehen, die in den Warenkorb legen, aber nicht abgeschlossen sind, dann bedeutet das, dass es etwas gibt, das repariert werden muss, um ihnen durch den gesamten Prozess der tatsächlichen Abwicklung des Kaufs zu helfen, richtig? Weil Sie dies so einfach machen wollen, so glatt und reibungslos für den Benutzer um tatsächlich durch den gesamten Prozess des Kaufs des Produkts gehen. Aber es ist immer noch toll, dass Sie Menschen, die diese Mikro-Konvertierungen gehabt haben und gerade auf der Kasse Seite gelandet haben, und dass unvollständig die älteren diejenigen, die das Produkt hinzugefügt haben, um Auto. Und es gibt viele verschiedene Dinge, die Sie tatsächlich so weit wie die Mikrokonvertierungskriterien erstellen können, die Sie dazu hinzufügen können. Aber das wird hier ziemlich üblich für einen E-Commerce-Store sein, jemand landet auf der Produktseite. Das wird ein Eimer des Publikums sein. Jemand fügt ein Produkt in den Warenkorb eines anderen Eimers Publikum dort. Und dann diejenigen, die auf der Kasse Seite sind und aus welchem Grund auch immer, abgelenkt, dass, wenn sie ihre Kreditkarteninformationen, das wird das heißeste Publikum dort sein, weil Sie bekommen, um sie neu zu zielen, lassen Sie sie wissen dass sie ihren Kauf nicht beendet haben. Und Sie können ihnen Anreize geben, indem Sie ihnen eine bestimmte Promotion, wissen Sie, 10% Rabatt. Also letztendlich, verstehen Sie, dass die Makrokonvertierung der Kauf ist, oder? Wir möchten, dass der tatsächliche Kauf abgeschlossen wird. Das ist eine eigentliche Makrokonvertierung. Und dann sind die Mikrokonvergenz die Schritte, die unternommen werden, um diese Makrokonvertierung tatsächlich abzuschließen. Das wird also für Makro- und Mikrokonvertierungen hier sein. Und wir sehen uns auf der nächsten. 30. Phasen der Sophistication Aufwertung: In diesem Video gehen wir über die Etappen der Marktraffiniertheit. Es ist wirklich wichtig für Sie als UX UI Designer zu verstehen, wo sich die verschiedenen Benutzer im eigentlichen Kaufprozess befinden. Wir sprachen über die Customer Journey, wir sprachen über die Verkaufstrichter und mit den Phasen der Marktverfeinerung, Dies ist, was wird Ihnen helfen zu verstehen, wie Sie die richtige Art von Kopie schreiben , wenn das etwas ist, das Sie auch gehen zu handhaben. Aber es ist auch gut für Sie, ein Verständnis davon zu bekommen, so dass Sie wissen, wo die Individuen sind, so weit wie die Benutzer, soweit das Bewusstsein für dieses bestimmte Produkt, wollen Sie ein Verständnis davon haben, wo der Benutzer geistig ist. Haben sie verschiedene Produkte gesehen, so weit sie sehen andere Produkte auf dem Markt, die ähnlich sind, die ähnliche Eigenschaften haben, die ähnliche unterschiedliche Eigenschaften und Funktionalität haben. Daher ist es wichtig, dass Sie die verschiedenen Phasen der Marktraffinierung verstehen die verschiedenen Phasen der und was Marktraffiniertheit letztendlich bedeutet. Also gehen wir voran und springen direkt hier rein. Markt-Raffinesse ist also ein Begriff, der verwendet wird, um das Bewusstsein des Marktes zu beschreiben, okay? Unabhängig von dem Marktplatz, in dem Sie sich befinden, lassen Sie uns sagen, dass Sie eine App entwerfen möchten oder Sie arbeiten mit dem Unternehmen, das eine App für Meditation entwirft. Du willst verstehen können, wie viele verschiedene Meditations-Apps es gibt. Was machen sie denn? Wie viel sind ihre Vermarktung? Präsentieren sie so weit wie ihre Messaging-Rang? Wir werden also in einem Moment in die verschiedenen Phasen einsteigen, aber ich möchte Ihnen wirklich diesen großen Überblick darüber geben , worum es bei der Marktraffinierung geht. Und das war ein Begriff, der zuerst von einem Copywriting Schwergewicht geprägt wurde, Einer der besten jemals zu leben und tun es mit Schwartz in seinem bahnbrechenden Buch, bahnbrechende Werbung, die ich empfehle, dass Sie überprüfen, wenn Sie wollen auch ein Verständnis der Grundsätze des Urheberrechts zu erhalten. Und dann ist die zentrale Frage, die Sie hier stellen sollten, wie viele ähnliche Produkte oder Dienstleistungen wurde Ihrem Markt zuvor erzählt? Ich erwähnte die Meditations-App. Sie wollen also sehen, wie viele andere Meditations-Apps da draußen sind. Was ist ihre Botschaft? Wie werden sie präsentiert? Was ist die Sättigung des Marktplatzes? Gibt es viele Produkte, die das Gleiche tun und sagen? Wie unterscheiden sich die Differenzierung selbst? Also, das ist, was Sie wirklich wissen wollen, so weit wie der Markt Raffinesse. Und dann, jetzt gehen wir weiter und springen in die verschiedenen Etappen. Es gibt also fünf verschiedene Phasen der Marktraffiniertheit. Die allererste Phase ist, wo der Markt völlig unbewusst ist. Sie haben keine Kenntnis von einem bestimmten Produkt, oder? Nehmen wir an, was Meditations-Apps betrifft, weiß ich nicht, welcher der erste war, der herauskam. Aber als diese erste Meditation herauskam, war dies etwas, das ziemlich einfach zu verkaufen war, weil es ganz neu war und der Markt wird nur völlig unbewusst, dass diese Art von Dingen existierte. Es war also ziemlich einfach, das an den Markt zu verkaufen. Und dann Nummer zwei, was die Etappen der Markt-Raffinesse betrifft, Hier spürt die Perspektive, dass sie ein Problem haben, aber sie wissen nicht, dass es eine Lösung gibt, oder? Also wollen sie vielleicht einen geführten Meditationsdienst da draußen, der sie in einen tiefen Meditationszustand bringen kann. - Regen. Und da draußen gibt es nichts auf dem Markt. Das ist, bis ich glaube, dass Headspace hereinkam und sie den Markt bis zur geführten Meditation wirklich dominierten. Also Nummer zwei, hier wissen sie, dass sie ein Problem haben, aber sie wissen nicht wirklich, dass es eine Lösung gibt. Und dann Nummer drei, hier ist ihre Lösung bewusst. Der Interessent weiß also genau, was er will. Sie wissen jedoch nicht, dass Ihr Produkt in der Lage ist, das für sie bereitzustellen, damit sie genau wissen, wonach sie suchen. Sie wissen einfach nicht über XYZ Meditation App. Und dann gibt es noch Stufe vier. Hier weiß der Benutzer, dass es ein Produkt gibt, aber er weiß nicht, ob Ihr Produkt das richtige für sie ist. Und so muss es dort eine gewisse Differenzierung geben. Es muss einige überzeugende, einige davon überzeugen, was Ihr Produkt anders als der Rest der Konkurrenz macht. Und so ist es einfach zu verkaufen, oder? Hey, wir haben eine Meditations-App, Stufe zwei. Sie verstehen, dass sie dieses Problem haben. Und so können Sie einfach nur sagen, hey, ist das Problem, das Sie haben, und so können wir es lösen. Nummer drei, Sie müssen wirklich in der Lage sein, sich zu differenzieren und eine einzigartige Lösung zu bieten. Und dann Nummer vier, hier müssen Sie Ihr Produkt wirklich differenzieren und die Leute wissen lassen, dass, hey, hör zu, ich existiere. Deswegen geht es uns besser. So machen wir die Dinge anders. Deshalb ist unsere App besser als der Rest der Konkurrenz, richtig? Sie bemerken also, dass der Käufer in jeder Phase anspruchsvoller wird. Sie werden mehr Verständnis und Wissen über die verschiedenen Optionen, die sie auf dem Markt haben, oder? Und dann sagt fünf, Dies ist, wo sie am meisten bewusst sind, der Benutzer, die Aussicht, sie müssen nicht auf all diese verschiedenen verrückten einzigartigen Dinge verkauft werden, wie, hey, meine App tut dies durch App tut das. Sie wollen nur den ultimativen Deal kennen. Sie wollen nur wissen, hey, was das Endergebnis hier ist, richtig? Wenn Sie also die verschiedenen Phasen durchlaufen, wird der eigentliche Käufer, der Benutzer, anspruchsvoller. Also muss sich das Messaging ändern und man muss sich ansehen, was die Konkurrenz derzeit da draußen sagt und tut, und es bringt sie an die Benutzer. Und so werden Sie in der Lage sein, zu sehen, welche Phase des Marktes so weit wie die Marktverfeinerung, dass, diese Benutzerbasis ist, in der Anfangsphase, Stufe 12, Sie können mit nur sagen, hey haben wir eine neue Meditations-App. Hair Meditation App hilft Ihnen besser zu meditieren. Etwas, das sehr einfach ist, weil es neu auf dem Markt sein wird. Nummer drei, wenn man merkt, dass der Markt bis zu dem Punkt , an dem man mit einer einzigartigen Lösung kommen muss, das ist anders. Dies ist in der Phase, die einen einzigartigen Mechanismus erfordert. Sie müssen die Leute wissen lassen, dies ist, warum diese App einzigartig und anders ist. Dies ist die einzigartige Art und Weise, wie es funktioniert. Dies ist eine einzigartige Art und Weise, dass es tatsächlich funktioniert und warum es sich von der Konkurrenz unterscheidet. Das wird also für die Raffinesse des Marktes hier sein. Ich empfehle auf jeden Fall, dass Sie ein wenig mehr Forschung zu diesem zu tun , wenn Sie mehr herausfinden wollen und wirklich verstehen wollen, dass der Markt Raffinesse wird eine wichtige Rolle spielen, wenn Sie Ihre Designs erstellen. Weil Sie verstehen möchten, welches Niveau der Raffinesse dieser Markt ist. Anzeigen, richtig? Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 31. Führungstraining: In diesem Video werden wir über den Trichter der Lead-Generierung gehen. Dies ist ein Trichter, der sehr häufig im digitalen Marketing-Bereich verwendet wird , um Leads und wirklich jede Art von Business-Einstellung zu generieren , wenn Sie ein Unternehmen sind, das Lead-Generierung online macht, das macht Werbung haben Sie in der Regel in jeder Phase Ihrer Customer Journey einen Lead-Generation-Trichter , weil Sie in der Lage sein möchten, Leads zu sehr niedrigen Kosten zu generieren und dann in der Lage sein, diese Leads zu fördern und sie zu tatsächlich ein zahlender Kunde zu werden, oder? Denn oft können Sie eine Lead generieren, nur indem Sie in der Lage sind, etwas kostenlos zu verschenken und sie dann nach unten zu führen, diese Erfahrung. Die nächsten Schritte in den Trichter und in der Lage sein, sie tatsächlich ein Schmerz Kunde mit einer geringen Menge zu werden. Sagen wir etwas wie eine Reise Draht auf, dass etwas ist sehr, sehr klein und dann in der Lage, sie schließlich durch etwas, das zu einem höheren Preis sein wird, ein wenig mehr hohe Ticket. Gehen wir also voran und springen in den Trichter der Lead Generation. Und so ist der Lead-Generation-Trichter auf einem sehr hohen Niveau im Wesentlichen ein systematischer Ansatz zur Generierung von Leads für ein bestimmtes Produkt oder eine Dienstleistung. Die ganze Absicht hier ist es, die Zielgruppe durch mehrere verschiedene Stufen zu trichtern , bis sie sich entscheiden, ihre Informationen einzugeben. Hier werden wir die Ada-Formel hier haben, den Rahmen von Bewusstsein, Interessen, Entscheidung und Handeln. Wir wollen in der Lage sein, die Leute ganz oben auf dem Trichter zu bekommen, um sie bewusst zu werden, um sie zu interessieren, eine Entscheidung zu treffen und Maßnahmen zu ergreifen. Und in der Regel hat der Lead-Generation-Trichter drei verschiedene Schritte. Sie haben eine Werbung, sagen wir auf Facebook oder Google, und es hat eine Art von Angebot oder vielleicht eine Art Cheat, Cheat oder Ebook, oder eine Art kostenlose Ressource die für den einzelnen Benutzer wertvoll ist, oder? Und dann gehen sie auf die eigentliche Zielseite und übermitteln ihre Informationen. Und dann gibt es eine Dankeschön Seite, die sie wissen lässt, hey, Ihre Informationen werden Ihnen per E-Mail gesendet oder Sie können eine hier herunterladen. Und dann sehr wichtig hier, dass Dankeschön Seite hat die nächsten Schritte. Was sind die nächsten Schritte für sie zu tun? Sie können sie einladen, sagen wir auf Ihrer Website, um einige Blog-Posts zu lesen , um Sie vielleicht auf Facebook oder was auch immer das sein mag. Die Dankeschön Seite ermöglicht es Ihnen, sie dazu zu bringen, den nächsten Schritt in Ihrem Prozess zu machen. Sie sollten sie offensichtlich automatisch in einem anderen Trichter einrichten lassen, nachdem sie auf der Dankeschöse-Seite landen, denn das sollte eine weitere Automatisierung auslösen, die Sie wissen lässt, Hey, diese Person hat dieses Angebot bereits hier heruntergeladen. Sie sind warme Aussicht und so gehen sie in die nächste Stufe. Und so lasst uns diese drei Trichterschritte ein bisschen weiter runterholen. Der erste Schritt hier wird also eine Anzeige sein, richtig? Hier sehen sie eine Facebook-Anzeige, vielleicht eine Google-Anzeige oder eine Plattform, die Sie verwenden. Sie wollen eine Art Werbung geben, die sie wissen lässt, worum es im Angebot geht, vielleicht lassen Sie sie wissen, hey, Sie können das herunterladen. Alles, was du tun musst, ist, deine Informationen einzugeben oder einfach etwas Super Einfaches, richtig? Auch Sie können wie ein Rabatt-Angebot zu niedrigen Preisen haben, vielleicht, vielleicht 75% Rabatt auf was auch immer, dann würden sie Recht haben, hier ist es der erste Kontakt und Sie wollen, dass sie wissen, dass Sie etwas für sie zu erhalten haben, richtig? Und es muss sehr hoher wahrgenommener Wert sein. Wenn es dort keinen wahrgenommenen Wert gibt, dann wird es schwierig für Sie sein, diese Benutzer dazu zu bringen, ihre Informationen einzugeben , denn das ist, was Sie letztendlich hinter ihrem Namen, ihrer E-Mail-Adresse in anderen Kontaktinformationen sind. Und dann ist der zweite Teil des Regenerationstrichters die Zielseite und hier qualifizieren Sie sich für den Interessenten. Du sagst ihnen genau, was sie bekommen werden. Es erklärt das Angebot. Es lässt sie wissen, dass, hey, Sie gehen, um x, y und z zu bekommen. Alles, was Sie tun müssen, ist in Ihren Namen und E-Mail oder was auch immer andere Informationen dort. Und sie werden in der Lage sein, es herunterzuladen und es direkt dort zu bekommen. Und dann und dann ist die letzte Phase hier die Dankeschön Seite. Hier sagen Sie ihnen, wie ich bereits erwähnt habe , was die nächsten Schritte sind. In vielen Malen wird dies in Ziegel und Mörtel Unternehmen verwendet, wo Zahnarzt Chiropraktiker, nur um Ihnen einige Beispiele hier zu geben. Dies kann jedoch in jeder Art von Industrie verwendet werden. Aber oft wird dies verwendet, wie ich sagte, und der Ziegel und Mörtel Raum, wo die einzelnen landen auf einer Dankeschöse-Seite, und sie können anrufen, um einen Termin zu buchen oder sie können einen Termin direkt dort und dann auf der Dankeschön - Sie blättern. Dies ist also ein kurzer Überblick über einen dreistufigen Lead-Generation-Trichter. Sehen wir uns jetzt einen echten dreistufigen Trichter an. Dieser Trichter hier ist für ein Zahnimplantat. Sie können hier sehen, dass wir eine Facebook-Anzeige haben, die mit diesem bestimmten Markt spricht. Sobald sie auf die Anzeige geklickt haben, werden sie zu einer Zielseite weitergeleitet, und diese Zielseite qualifiziert diese Person. Lassen Sie uns wissen, was sie bekommen, und ermöglicht es ihnen, ihre Informationen einzugeben und den Termin zu buchen. Und dann endlich hier haben wir die Dankeschön Seite, die ihn wissen lässt, hey, herzlichen Glückwunsch, Ihre Informationen wurden empfangen. Sie können hier ein paar Optionen haben, mit denen Sie arbeiten können. Sie können entweder anrufen oder Sie können den Code und Zeitplan online verwenden, oder? So sieht es hier auf einem sehr hohen Niveau aus. Sie werden immer drei Schritte zum größten Teil haben, es sei denn, Sie machen eine Art einzigartiges Angebot oder eine einzigartige Art von Situation, richtig? Es wird immer dort sein, wo es eine Anzeige gibt, es gibt eine Zielseite, und dann gibt es eine Dankeschöse-Seite. Okay, das wird also für den Regenerationstrichter hier sein, und wir sehen uns auf dem nächsten. 32. Digitaler Product: In diesem Video werden wir über einen digitalen Produktverkaufstrichter gehen. Nun wird dies eine ganze Menge anders sein als der eigentliche Regenerationstrichter, weil hier offensichtlich ein Produkt haben und wir suchen nach Leuten, die tatsächlich etwas kaufen. Und hier gibt es ein paar verschiedene Variationen. Dies wird letztendlich sein, wo wir wollen, dass jemand einen Kauf tätigt. Und oft wird ein kostengünstiger Kauf sein, weil wir sie als Käufer bekommen wollen und wir können sie wie ein No Brainer Angebot geben, etwas typischerweise zwischen siebenundzwanzig, zweihundertfünfzig Dollar, so dass wir sie Upsell zu zusätzlichen höherwertigen Produkten auf der Straße. Okay, also lasst uns voran gehen und in den digitalen Produktverkaufstrichter springen. Also erwähnte ich, dass es hier verschiedene Variationen gibt. Und das kann etwas sein, wo es direkt zu einem Produktangebot oder einem Legion Angebot mit einem einmaligen Angebot, Upsell, sein kann . So werden Sie verschiedene Variationen haben. Sie werden in der Lage sein, ein Leadrecht zu generieren, die Kundeninformationen abrufen. Aber dann haben Sie auch ein einmaliges Angebot, das heißt, Hey, Sie werden dieses Angebot nie wieder sehen. Sie erhalten dieses Angebot für einen einmaligen niedrigen Preis von 90% Rabatt, wissen Sie, 997. Etwas super einzigartig und musste ein einmaliges Angebot sein , das sie nie in der Lage sein, wieder zu bekommen, oder? Es fügt zur Exklusivität hinzu, nachdem sie ihre Informationen direkt durch den Trichter dort eingegeben haben. Und dieser spezielle Trichter hat vier verschiedene Schritte. Nummer eins hat die Anzeige, und dann Nummer zwei, es hat die Zielseite Schrägstrich Verkaufsseite. Es könnte also entweder eine Zielseite sein, die nur Leuten sagt, hey, Ihre Informationen hier und dann, nachdem sie ihre Informationen eingegeben haben, werden sie zu einer einmaligen Angebotsseite gebracht, die etwas hat , das sie bei einem sehr kaufen können Niedrige Kosten in der Regel. Und es wird nur für sie da sein, um direkt dort zu kaufen und dann können sie es nicht zu einem späteren Zeitpunkt kaufen. Und dann ist die andere Variante davon, wo Sie nur eine Verkaufsseite haben und sie sind in der Lage, einfach das Produkt direkt dort zu kaufen. Und dann, und dann die Nummer drei, richtig, wie ich bereits erwähnt, einmaliges Angebot oder eine Lead-Capture-Seite, und dann haben Sie die Dankes-Seite auf der Bühne für dort. Gehen wir also weiter und gehen durch die Stufen ein wenig detaillierter. Also erster Schritt hier, wir haben die Anzeige, die das bestimmte Angebot zeigt, das zeigt den Cheat Cheat, das zeigt die PDF-Download die wertvolle Ressource, die sie bekommen werden. Und meistens wird es wie ein Rabatt-Angebot sein, oder es wird etwas sein, wo sie etwas kostenlos anbieten und dann ein einmaliges Angebot machen, das zum Verkauf stehen wird. Und so haben wir die nächste Stufe, die Landingpage oder die Verkaufsseite. Dies wird den Interessenten zu qualifizieren. Wenn es eine Zielseite ist, wird dies tatsächlich verkaufen das Angebot erklärt das Angebot , wenn es eine Verkaufsseite ist, um sie tatsächlich kaufen zu bekommen. Und wir werden durch ein Beispiel gehen, digitale Produkte Verkauf Trichter hier in einem Moment. Und dann auf der dritten Stufe können Sie hier typischerweise ein einmaliges Angebot haben. Wenn Sie eine Zielseite haben, auf der Sie nur die Informationen erfassen möchten, oder wenn Sie eine Verkaufsseite haben, benötigen Sie die einmalige bieten, weil die Verkaufsseite tatsächlich beim Kauf direkt vom tatsächlichen Benutzer gemacht zu bekommen ist. Und dann haben wir die Dankeschön Seite. Hier erzählen Sie dem Interessenten und den nächsten Schritten, wie er mehr über Ihre anderen Produkte und Dienstleistungen erfahren kann, oder? Und so nun schauen wir uns ein Beispiel für digitale Produkte Verkauf Trichter hier. So haben Sie die Facebook-Anzeige hier, und dann klicken sie auf diese Facebook-Anzeige und es bringt ihn zu einer Zielseite. Will wirklich, das ist eine Verkaufsseite und es zeigt ihnen genau, was sie bekommen werden. Und dann haben sie einen „Jetzt kaufen“ -Button für $27. Denken Sie daran, dass dies etwas ist, das in der Regel zu einem sehr niedrigen Preis sein wird, weil es hier keine menschliche Interaktion gibt, es muss unter $50 sein. Hier können Sie Leute dazu bringen, Dinge zu kaufen, die kein Hirnwesen sein werden, oder? Art von Angeboten, die Sie keine Interaktion mit Menschen haben müssen. Es ist nur, Hey, das ist das Angebot. Hier ist eine Verkaufsseite und Sie können sie direkt dort kaufen. Und dann, und dann die nächste Stufe, was es tut, ist, dass es die Lead-Informationen erfasst. Dies ist ein doppelter Whammy hier, so dass sie ihre Informationen eingeben, und dann danach gehen sie zu Schritt zwei. Und dann ist es, wo sie tatsächlich ihre Kreditkarteninformationen eingeben. Und dann haben sie ein einmaliges Angebot. Sie können dort auf der letzten Folie sehen. Sie können dort auf dem letzten Bild sehen, sie haben ein einmaliges Angebot. Sie sind gelb hervorgehoben und es ist eine zusätzliche $7. Das ist, wie Sie in der Lage sind, diese einmaligen Angebote auf der tatsächlichen Kasse Seite hinzuzufügen , wo Sie es sehr einfach, sehr einfach für den tatsächlichen Benutzer, tatsächlich ein einmaliges Angebot zu kaufen. So, wie ich bereits erwähnt habe, gibt es verschiedene Variationen. Sie können einen Verkaufstrichter der Lead-Generierung mit dem einmaligen Angebot machen, oder Sie können einen digitalen Produktverkauf machen, der hier rüber ging wo Sie ein exaktes Angebot haben, dass Sie Pitching, dass Sie bewerben, und dann bringen Sie sie auf die Verkaufsseite tatsächlich kaufen Sie das Produkt. Und Sie sind in der Lage, ihre E-Mails und ihre Kreditkarteninformationen zu sammeln , nachdem sie tatsächlich zitiert haben, um den Kauf zu tätigen. Es wird also für den digitalen Produktverkaufstrichter hier sein. Und wir sehen uns auf der nächsten. 33. 7 Prinzipien des Influence: In diesem Video gehen wir über die sieben Prinzipien des Einflusses. Nun, das ist etwas, das Sie wirklich als UX-Designer verstehen möchten. Denn wenn Sie verschiedene Produkte, verschiedene Anwendungen, verschiedene Websites entwerfen , möchten Sie ein grundlegendes Verständnis der Verhaltenspsychologie haben . Und das ist, was wirklich beeinflusst ist weil Sie die verschiedenen Ereignisse verstehen müssen, die verschiedenen Faktoren, die ins Spiel kommen wenn Individuen suchen, um eine Entscheidung zu treffen, einen Kauf zu tätigen oder sich zu bewegen in den nächsten Schritt des Verkaufstrichters, richtig? Und verstehen Sie grundlegend die verschiedenen Dinge, die Sie tun können, um Menschen dazu zu bringen, ein Produkt zu kaufen oder sich in die nächste Stufe zu bewegen, oder? Also lasst uns voran gehen und in die sieben Prinzipien des Einflusses springen. Also hier ist die Sache. Wenn Sie eine Entscheidung treffen, wissen Sie, den Kauf eines Produkts, Kauf einer Dienstleistung, was auch immer das sein mag, richtig? Es wäre schön zu denken, dass die Leute alle verfügbaren Informationen in Betracht ziehen. Wir gehen durch diesen logischen Prozess, wir stellen sicher, dass wir mehrere Varianzen des Produkts betrachten. Wir schauen uns die Konkurrenten an. Nun, hier ist die Sache, die selten jemals passiert. Wir verlassen uns in der Regel auf Abkürzungen innerhalb unseres Geistes, die die Art und Weise bestimmen, wie wir Entscheidungen treffen , richtig, in unseren Entscheidungskompetenzen. Und so erlauben diese sieben Prinzipien des Einflusses den Menschen wirklich, Entscheidungen auf der Grundlage bestimmter Informationen und Kriterien zu treffen, anstatt tatsächlich ihren eigenen logischen Verstand zu nutzen. Denn das Denken und die Nutzung des eigenen logischen Verstandes erfordert Arbeit. Und so wollen wir etwas, das uns dazu bringen kann, eine Entscheidung zu treffen. Und deshalb müssen wir nicht so viel nachdenken. Es ist also ein schöner, einfacher und einfacher Übergang, um ihren Namen und eine bestimmte Zielseite zu setzen oder tatsächlich ein Produkt zu kaufen, was auch immer das sein mag, wo es keine Reibung gibt, weil wir von einer dieser sieben beeinflusst wurden ein anderes Prinzip. Werbung ist so eingerichtet, dass Sie eine bestimmte Art und Weise über sich selbst und über das Produkt oder den Service und die Marke als auch fühlen . Und ich glaube, ich habe das in einer der anderen Lektionen erwähnt. Das ist alles Kaufentscheidungen werden emotional in gerechtfertigt logisch getroffen. Wir werden dort sitzen und wir werden uns selbst überzeugen oder sogar versuchen, andere davon zu überzeugen, dass wir einen logischen Prozess durchlaufen haben. Wir folgten der Schritt-für-Schritt-Formel, um sicherzustellen, dass wir die meiste Zeit die beste Gesamtentscheidung treffen. Wir treffen Entscheidungen, die auf einem Antrag basieren , und was geben wir es gerne zu oder wissen es überhaupt, richtig? Unsere Emotionen leiten uns also. Sie erlauben uns, bestimmte Einkäufe zu tätigen, bestimmte Maßnahmen zu ergreifen. Und dann, nachdem diese gemacht wurden, dann gehen wir zurück und wir rechtfertigen logisch mit uns selbst und mit anderen warum es für uns am sinnvollsten war, diese Aktion zu ergreifen, um dieses Produkt zu kaufen. Also lasst uns voran gehen und in das eigentliche Sieben-Prinzip springen. Das Prinzip Nummer eins hier ist also ein sozialer Beweis. Das sind also Zeugnisse. Dies sind im Wesentlichen eine Art Fallstudie, alles, was andere wissen lässt, dass jemand anderes oder andere Menschen Erfolg hatten oder als Produkt, als Bärendienst verwendet haben , was auch immer es sein mag, und sie waren in der Lage, eine gutes Ergebnis daraus. Und das ist eine dieser Abkürzungen, richtig? So. Ein gutes Beispiel dafür ist, sagen wir, Sie sind da draußen in der Stadt, Sie suchen nach einem neuen Restaurant. Nun, wenn man geht und man sich ein Restaurant anschaut, das viele Leute im Vergleich zu einem anderen Restaurant hat , das ziemlich leer ist. Ihre mehr als oft nicht gehen, um in das Restaurant zu gehen , das mehr Menschen erlaubt hat , weil das gibt Ihnen sozialen Beweis, dass andere Leute dieses Restaurant mochten und dass es beliebt ist. Und da andere Leute dieses Restaurant mögen und es knallt, dann werde ich es auch mögen. Versus wenn das Restaurant auf der anderen Seite leer ist, wird das ein Hinweis darauf sein, dass es nicht so gut ist, nicht sehr beliebt ist. Denn wenn es populär waren sehr gut, dann wird es auch andere Leute dort sein. Das Gleiche, wenn Sie zu einer Verkaufsseite gehen und Sie schauen, um ein Produkt zu kaufen, Sie schauen in einem vorbei, wissen Sie, was auch immer es sein mag. Diese speziellen Verkaufsseiten werden immer Zeugnisse von anderen Menschen haben , die ihre Geschichte erzählen oder über die Ergebnisse sprechen, die sie auch erreichen konnten. Und das gibt Ihnen einen guten Hinweis, dass hey, dieses Produkt funktioniert für jemand anderen. Es wird auch für mich selbst funktionieren. Und dann Nummer zwei, wir haben das Liking-Prinzip. Und um dieses Prinzip hier zu verstehen, zu sehr einfachen Menschen kaufen von denen, die sie mögen, dass sie wissen, dass sie vertrauen. Und auch wenn die Qualität nicht so groß ist, denken Sie an jemanden, der wie ein Influencer ist oder jemand, der auf seinem Markt bekannt ist. Sie können eine Art von Werbung oder Werbung für ein Produkt geben und gegessen, obwohl dieses Produkt kann nicht so groß sein. Es wird immer noch Leute bekommen, die von ihnen kaufen, weil sie den Geschmack Faktor haben. Sie haben ein Publikum von vertrauenswürdigen Fans, die nach ihnen suchen, dass sie mögen, richtig? Und so im Wesentlichen, was sie empfehlen, öfter sind sie nicht unabhängig von der tatsächlichen Qualität des Produkts, die Menschen kaufen werden, weil sie diese Person mochten. Und dann ist das Prinzip der Nummer drei Autorität. Denken Sie nur darüber nach, ob Sie auf der Seite der Straße sind oder ob Sie eine geschäftige alles in Ordnung fahren. Und Sie haben wie eine 4-Wege-Haltestelle oder Sie haben eine Menge Verkehr und Sie haben jemanden, der einfach aus dem Auto springt oder springt von der Seite der Straße oder was auch immer Rate, sie kommen einfach in die Szene und die setzen auf eine Konstruktion Westen und sie haben ein Zeichen, das sagt langsam und stoppen und sie beginnen, den Verkehr mehr nach dem Roman zu lenken, was passieren wird, ist, dass die Leute anfangen werden zu folgen, was diese Person tut und sagt, wenn er Menschen in einer bestimmten Weise zu führen, und er leitet ihn und er hat eine Weste an und er hat das Zeichen und alles, was sie automatisch in eine autoritative Position bringt, richtig? Weil sie das Zeug haben, die Suche nach jemandem, der tatsächlich den Verkehr lenken würde, obwohl er jemand von der anderen Straßenseite oder jemand von überall sein könnte. Und denken Sie auch an Polizisten. Wenn Polizisten haben die Uniform auf Regen, gibt es diese Rolle, dass sie das Gesetz sind und wenn sie jetzt wo sind, dann sind sie nur normale, normale Person. Autorität ist also etwas, das angenommen wird, oder? Sie übernehmen die Autorität. Und wenn Sie Autorität in Ihren Anzeigen übernehmen können, in Ihrer Kopie, in Ihrer Nachricht, dass hey, wir sind die besten. Wir sind die Spitze und das wird einen großen Faktor spielen. Und Sie positionieren sich als Top oder Sie sind die Nummer Eins in Ihrem Markt, richtig? Weil Autorität angenommen wird und Sie davon ausgehen, wie Sie sich positionieren, wie Sie sich selbst präsentieren, dass verschiedene Messaging, die Sie rund um die Marke haben. Und dann Prinzip Nummer vier ist Gegenseitigkeit. Nun, das ist etwas, das hier äußerst wertvoll ist. Denken Sie nur darüber nach, ob Sie in den USA sind und Sie gehen in wie ein Costco-Geschäft und Sie gehen dort und jede Ecke so ziemlich Sie werden verschiedene Stände sehen , die Ihnen Essen weg kostenlos. Sie haben verschiedene Proben. Sie haben verschiedene Dinge, die Sie schmecken können, die Sie ausprobieren können, bevor Sie kaufen. Und so oft, was passiert ist, wenn man da reingeht und diese kostenlosen Proben bekommt, wirst du eine Art Verpflichtung fühlen, das Produkt tatsächlich zu kaufen, weil du etwas kostenlos bekommst, oder? Und so ist das etwas, das angeboren ist, das ist Verhaltenspsychologie, wo es in uns verwurzelt ist, richtig? Wir haben immer das Gefühl, dass wir zurückgeben wollen, weil wir etwas umsonst haben. Wir werden uns automatisch verpflichtet fühlen, zurück zu erwidern. Das ist, warum viel Zeit haben Sie das kostenlose ebook oder kostenlose Spickzettel oder etwas, das kostenlos ist , dass Sie auf einen bestimmten Download bekommen, wird die andere Person verpflichtet fühlen, etwas im Gegenzug haben wollen und Ihnen etwas zurückgeben, weil sie in der Lage waren, etwas umsonst zu bekommen, oder? So Gegenseitigkeit und extrem leistungsfähiges Prinzip als auch. Und dann Nummer fünf, wir haben Konsistenz. Dies ist ein großartiger hier für Verkaufstrichter. Also, wenn Sie Menschen durch verschiedene Schritte zu Fuß und wir gingen durch einen der verschiedenen Verkaufstrichter für digitale Produkte in der, einer der anderen Lektionen. Und wie Sie sich erinnern, gingen wir durch, wo sie die Werbung hatten, sie klickten darauf, dass die nächste Seite sie auf die Zielseite mit einer Verkaufsseite brachte. Dann klickten sie dort auf den Button und dann wurden sie eine andere Seite gebracht, um ihre Informationen auszufüllen. Und dann wurden sie auf eine andere Seite gebracht, um tatsächlich ihre Kreditkarteninformationen auszufüllen und den Kauf zu tätigen. Diese alle kleinen Mikro-Konvertierungen in Mikroschritten. Und es ist der Konsistenzfaktor. Wenn sie ein paar kleine Schritte machen, wird es dazu führen, dass sie einen großen Kauf tätigen oder eine große Aktion auf der Straße nehmen , weil Sie sie leiten und es ist fast wie ein Spiel. Sie haben ein paar verschiedene kleine Schritte, die sie machen. Und es scheint nicht so, als ob es etwas riesiges ist oder etwas Massives groß ist, weil nur darüber nachdenken, ob sie all das hatten, alle auf einer Seite, wo sie die Verkaufsseite hatten. Auf der Verkaufsseite mussten Sie Ihre Informationen eingeben, die Sie in Ihre Kreditkarteninformationen eingeben müssen, und dann mussten Sie eine bestimmte Option auswählen. All das wäre zu viel und so viel auf, auf einer Seite. Und es scheint eine ganze Menge Zeug für den Benutzer zu sein. Deshalb zerlegen Sie es in diese kleinen Schritte, so dass Sie den Konsistenzfaktor haben. Und es sieht so aus, als würden sie kleine kleine Schritte machen, kleine Aktionen schreiben, und dann werden sie schließlich ins versprochene Land kommen. Dann haben wir hier das Prinzip Nummer sechs, was Knappheit ist auch hier extrem mächtig. Dies ist, wo Sie in der Lage sind, wie zum Beispiel, eine begrenzte Plätze auf, sagen wir eine bestimmte Beta-Einführung oder ein bestimmtes Produkt, was auch immer das sein mag. Viele Male wird dies sehr gut genutzt und wie das Ziegel- und Mörtelgeschäft, wo Sie einen spezifischen Rabatt für die ersten zehn Personen haben , die kommen und ein bestimmtes Verfahren erledigen. Und selbst für E-Commerce-Stores, in denen Sie wie für die nächsten 30 Tage, 20% Rabatt auf alles richtig für 30 Tage, in der Lage, diese Knappheit zu haben, Leute wissen zu lassen, dass es begrenzte Menge, begrenzte Verfügbarkeit, die Preisgestaltung wird sich ändern und steigen und das nächste Mal, wenn Sie jetzt keine Maßnahmen ergreifen, so Knappheit, extrem mächtig. Und dann endlich hier, Nummer sieben, haben wir Neugier. Dies ist auch etwas, das Menschen dazu bringt, wirklich mehr darüber zu erfahren. Sie, erfahren mehr über das Produkt, die Marke, was auch immer das sein mag, es ist, dass Sie fördern oder versuchen, vor Menschen zu bekommen. Der Kuriositätsfaktor, nicht in der Lage zu sein, ihnen die gesamte Information zu geben, oder? Alle Informationen im Voraus und die Aufteilung in Stücke und Stücke ermöglicht es ihnen, die Neugier am Laufen zu halten und es erlaubt ihnen nicht, sich zu langweilen. Denken Sie darüber nach, aus einem Beziehungskontexte, wo, wenn Sie , wissen Sie, am ersten Tag, der anderen Person sagen, dass Sie alles über Sie wissen, Ihre gesamte Lebensgeschichte, alles über Sie, so weit wie Ihr persönliches Leben, Ihr Arbeitsleben, Ihre Familie, alles in Ordnung? Es gibt keine Aufregung mehr, denn was da ist, auf den man sich zuerst freuen kann, ist, wenn man nur Stücke und Stücke gibt man sich zuerst freuen kann, ist, wenn man nur Stücke und ein wenig so weit wie geheimnisvoll bleibt und in der Lage sein, diese Neugier in dieser anderen Person richtig zu haben, dann ist wird viel mehr Synergie, viel , mehr Chemie, und es wird viel aufregender für die andere Person und für sich selbst sein , weil Sie etwas haben, worauf Sie sich freuen können und Sie nicht nur alles geben einmal. Das wird also für die sieben Prinzipien des Einflusses hier sein. Und wir sehen uns auf der nächsten. 34. Age: In diesem Video werden wir über die altersbasierten Einflussauslöser gehen. Und so ist dies etwas, das für uns wichtig ist zu verstehen, denn wenn wir Benutzerpersonas erstellen, zeigt User Schmerz in all den verschiedenen Persona-Avataren. Wir wollen in der Lage sein, die verschiedenen Altersfaktoren und die unterschiedlichen Interessen und Werte und Einkommen zu verstehen die verschiedenen Altersfaktoren und die unterschiedlichen Interessen und , die alle bei der Entwicklung eines bestimmten Produkts, einer Website, einer bestimmten Apps, Was auch immer das sein mag, oder? also ein Verständnis dafür haben, wie man HBase Einfluss Trigger richtig verwendet , wird es uns ermöglichen, einen enormen Erfolg mit den Produkten zu haben , weil wir wissen, wie man die richtige Art von Messaging erhalten kann, Branding und Einfluss und Spaß am richtigen Markt. Also lasst uns voran gehen und in die altersbasierten beeinflussten Trigger springen. Also, hier ist die Sache. Wenn wir an verschiedene Altersgruppen vermarkten. Unterschiedliche Altersgruppen werden unterschiedliche Interessen, unterschiedliche Werte, unterschiedliche Einkommen und unterschiedliche Kaufmuster haben, oder? Einige werden auf Facebook viel sein, einige werden vielleicht sein, vielleicht auf LinkedIn. Und so haben wir in Bezug auf die Generationen die Baby-Boomer, die zwischen 19461964 geboren werden. Dann haben wir die Generationenübung, die zwischen 19651980 geboren wird. Und dann haben wir die Millennials, die Individuen, die zwischen 19812001 geboren werden. Daher ist es wichtig, diese unterschiedlichen Demographien zu verstehen, diese verschiedenen Altersgruppen zu schreiben, damit wir die richtige Art von Messaging-Branding haben können , und wir stellen es vor diese bestimmte Gruppe. Lassen Sie uns in jedes von diesen gehen und viel mehr Details. Also, wenn Remarketing zu Gen Xers, Dies ist etwas, das wir so weit wie ihre Liebe für Technologie verstehen müssen. Und die nächste große Sache mit den Gen Xers, sie werden in der Regel mehr darum kümmern, Komfort für ihre Familie, Familiensicherheit, Familiensicherheit , Familiensicherheit im Vergleich zu ihnen, mit den Joneses Schritt zu halten und das neueste glänzende Objekt zu haben. Sie wollen sicherstellen, dass ihre Familie sicher sein wird, um Komfort zu haben, sie haben Sicherheit. Und so wollen Sie mit diesen Jungs verstehen, dass sie nicht gerne gesagt werden, was sie tun sollen. Sie wollen in der Lage sein, ihre eigenen Entscheidungen zu treffen. Sie wollen diejenigen sein, die tatsächlich alle Feststellungen darüber treffen , ob sie etwas kaufen oder nicht. Sie wollen nicht in einen Verkauf gedrängt werden. Sie wollen nicht jemanden bekommen, der nur verkäuflich ist oder sie auf eine sehr unwirksame Art und Weise überredet, oder? Sie wollen das Gefühl haben, Hey, ich treffe diese Entscheidung und es ist meine Entscheidung allein, oder? Ich werde in nichts gezwungen. Okay, also reden wir jetzt über Marketing mit den Baby-Boomern. Das wird also die ältere Generation sein. Diese werden typischerweise Individuen sein. Das ist unsere Loyalität verschiedenen Marken, weil es mit ihm für eine Weile gewesen und sie sind loyal, solange diese Marken ihre Bedürfnisse erfüllen. Das ist etwas, das Sie als App verstehen müssen, solange die Bedürfnisse für diese Personen erfüllt werden, werden sie diese Markentreue haben. sei denn, wenn sie den Ball fallen lassen, dann gibt es einige Probleme dort und wo das Baby Boomer vielleicht wollen, um eine alternative Option aussehen. Denn letztendlich, was diese Jungs suchen, ist, dass sie das Gefühl haben wollen, dass sie das Produkt von höchster Qualität von Ihnen haben. Sie erhalten den besten Kundenservice, den besten Gesamtservice. Das ist wirklich das, was ihnen wichtig ist. Und wenn du das hämmern kannst und ihnen mitteilen kannst, dass, hey, hör zu, wir haben nicht nur ein tolles Produkt, aber wir haben großartigen Service, Kundenservice auf dem Backend, dann wirst du in der Lage sein, zu gewinnen Diese Jungs sind vorbei. Und sie sind in der Regel in sozialen Medien, nur um mit ihrer Familie, mit ihren Enkelkindern und ihren Kindern Schritt zu halten , oder? Also sind sie immer noch da drauf. Du musst nur deine Nachricht mehr auf dem Heu haben. Das Produkt ist von höchster Qualität, aber auch der Service wird erstklassig sein. Und dann haben wir endlich die Millennials. Diese werden hier den größten Faktor spielen, weil es sich um die Mehrheit der Bevölkerung handelt. Und diese Jungs sind diejenigen, die die höchste Menge an Engagement in sozialen Medien haben. So wie ich bereits erwähnt habe, werden diese Jungs viel in sozialen Medien sein und sie neigen dazu, sehr organisches Marketing zu bevorzugen, anstatt zu versuchen, ihn auf einen harten Verkauf zu verkaufen oder versuchen, ein Produkt oder eine Dienstleistung vor von ihnen, nicht wahr? Sie wollen, dass sie auch das Gefühl haben, dass es ihre Entscheidung ist. Und eines der größten Dinge hier ist, dass seit den Millennials im Internet ziemlich viel, sozialen Medien ziemlich viel. Und sie posieren mit ihren Freunden und Familie und sie posten verschiedene Nachrichten-Feed-Material, verschiedene Inhalte, verschiedene Materialien auf anderen verschiedenen Plattformen, zu jeder Zeit, wenn es eine Art von kleines Problem oder kleines Problem diese Jungs gehen in die sozialen Medien und lassen die Leute wissen. Das Ding ist, dass, wenn Sie eine großartige Marke, ein tolles Produkt haben und alles richtig machen, dann werden Sie einen guten Ruf haben. Aber etwas Super Kleines könnte wirklich jemanden in den Weg bringen, oder? Und sie könnten einen Beitrag beginnen und es könnte virale gehen, und es konnte kein positives Ergebnis haben. also sehr wichtig zu verstehen, dass sie sich in der Regel mit den sozialen und ökologischen Auswirkungen dieses bestimmten Produkts und dieser Dienstleistung beschäftigen . Das ist auch etwas zu berücksichtigen. Und sie gleichsetzen auch das Einkaufserlebnis mit Unterhaltung, weil deshalb oft, wenn Sie auf Facebook sind, zum Beispiel, Sie sind nicht auf Facebook, um einen Kauf zu tätigen, wissen Sie, auf Facebook, um Sachen zu kaufen, oder? Allerdings sind Sie da drauf, Sie sehen verschiedene Anzeigen, Sie erhalten unterschiedliche Interaktionen mit Interaktionen. Sie haben verschiedene Videos, die Sie sehen können, die in der Regel dazu führen, dass ein tatsächliches Produkt verkauft wird, oder? Aber es ist etwas, wo sie eine einzigartige Erfahrung haben. Und das ist auch etwas zu berücksichtigen. Allerdings, die Millennials, Diese Jungs werden das größte Ziel wegen ihrer umfangreichen Nutzung von Social Media sein. Das wird hier sein wegen der Alterseinflussauslöser. Und wir sehen uns auf der nächsten. 35. Gender: In diesem Video werden wir über die geschlechtsbasierten Einflussauslöser gehen. Nun ist dies etwas, auch wirklich bewusst sein hier, so weit, wenn Sie Marketing an verschiedene Personen sind oder Wenn Sie ein Produkt erstellen , das Sie entweder für männliche oder weibliche sein wollen, ist es wichtig zu verstehen, dass verschiedene Trigger, die mit, wie sie ihre Kaufentscheidung treffen beteiligt sein werden. Der Einfluss löst aus, dass sie tatsächlich gehen und kaufen wollen in Bezug auf ein männliches oder weibliches, richtig? Da das Männchen wird, um eine bestimmte Reihe von Kriterien, bestimmte Art von Triggern, die gehen, um sie zu beeinflussen, kaufen wollen haben. Dasselbe für das Weibchen. Sie werden eine bestimmte Reihe von Kriterien haben. Sie wollen eine bestimmte Art und Weise fühlen. Und wenn Sie in der Lage sind, Ihre Botschaft zu kommunizieren, Ihr Branding an diese Personen, ob männlich oder weiblich, die richtige Art und Weise, in der sie gerne kommuniziert werden, oder? Dann wird es zu einer höheren Wahrscheinlichkeit von tatsächlich mehr Einkäufen führen, oder? Also lasst uns voran gehen und in die Geschlechtereinfluss-Trigger springen. Also das erste, was Sie hier im Auge behalten möchten , ist , dass es viele Stereotypen gibt. Und hier ist die Sache. Diese Stereotypen sind häufiger als nicht wahr. Manchmal werden die Leute beleidigt. Manche Leute sagen gerne: Nun, hey, und immer der Fall, und das ist nicht immer der Fall, oder? Aber mehr als oft nicht, wissen Sie, Männer, Jungen werden mögen, Sie wissen, Autos, Sport, während Frauen gehen, um shoppen, Reality-TV, wissen Sie, Farbe rosa, richtig? Dinge dieser Natur, die weiblich sind. Und so ist dies etwas, das innerhalb des kollektiven Bewusstseins durchdrungen ist und sich auf alle ausbreitet , und es wird auf die tatsächliche Medienwerbung und die Produkte, die wir konsumieren, gespiegelt . Und so ist es nicht nur verwurzelt und strebt Eltern an, wir sehen dies auch in den Medien und all den verschiedenen externen Ressourcen, die soziale Medien für soziale Plattformen verwendet haben , wenn wir etwas online kaufen, es wird alles zeigen uns im Wesentlichen diese Arten von Stereotypen, wenn die Mehrheit der Zeit werden sie wahr sein. Offensichtlich wird es einige einzigartige Fälle geben, aber zum größten Teil, sind die Stereotypen werden wahr für die männlichen und weiblichen. Lassen Sie uns also einen Blick auf das Marketing für Männer werfen, Einfluss Auslöser. Männer sind motiviert, wenn sie sich gebraucht fühlen. Denken Sie nur darüber nach, ob Sie verheiratet sind oder wenn Sie in einer Beziehung sind, oder wenn Sie Single sind, was auch immer das sein mag, richtig, Sie fühlen sich sehr geschätzt, wenn Sie gebraucht werden und wenn Sie da sind, um Menschen zu helfen und ihnen zu helfen Lösen Sie ein Problem. Viele Male in der Kommunikation, die andere Seite, soweit das Weibchen mag, kommuniziert, sie sprechen gerne mit ihnen, sprechen über ihre Gefühle. Und es ist offensichtlich nichts falsch daran. Man muss nur verstehen, dass sie dort unter Dynamik kommen. Und Sie, als Mann, der das anhört, müssen Sie verstehen, dass Sie immer in Comb auf die Situation schauen, mit einer Lösung für dieses spezielle Problem, wo Frauen eher nur gehört werden wollen. Sie sind nicht unbedingt auf der Suche nach einer Lösung, denn das ist nicht wirklich das, was sie antreibt. Es ist nicht wirklich wichtig für sie. Sie wollen sich nur gehört fühlen und tatsächlich zuhören. Männer wollten das Gefühl haben, dass wir tatsächlich ein Problem lösen. Wir fühlen uns gerne gebraucht. Und das Produkt, das auf uns vermarktet wird muss die gleiche Art von Gefühl und Aussehen haben, es gibt ein Problem, das gelöst werden muss und das Produkt ist in der Lage, eines dieser Probleme zu lösen. Viele tolle How-To-Videos über viele Dinge, die zeigen, wie man x macht, wie man y für ein Beispiel in der tatsächlichen realen Welt macht, wie es erreicht wird, wie es gemacht wird. Und so wird das etwas sehr Wichtiges sein, wenn man Tamilen vermarktet. Und es muss kurz auf den Punkt sein, mit einer letzteren Macht Worte und wirklich beweisen es mit Fakten. Und oft, wenn du in der Lage bist, wie ich bereits erwähnt habe, tatsächlich in der Aktion zu zeigen, dass jemand es tatsächlich richtig macht. Das wird also eines der wichtigsten Dinge hier sein. Wenn Sie über eine Menge der Infomercials nachdenken, DAG wird Männern auf verschiedenen Männerprodukten gezeigt, verschiedene Männer Werkzeuge. Es zeigt ihnen immer tatsächlich mit dem Produkt in Echtzeit und tatsächlich, wie es funktioniert von einem funktionalen Standpunkt, all die verschiedenen Funktionen und dann auch mit der Verwendung von verschiedenen Power-Wörtern und tatsächlich einige Daten zu sichern Anspruch. Also, das ist wirklich, was Sie in Bezug auf Marketing für Männer denken wollen. Nun schauen wir uns das Marketing für Frauen an. Nun, wenn Sie hier an weibliche Zielgruppen verkaufen, möchten Sie sich darauf stützen, beschreibend und sehr detailliert zu sein. Dies ist etwas, das im weiblichen Verstand und bei Frauen im Allgemeinen angeboren ist. Und offensichtlich gibt es nichts falsch daran oder nur Unterschiede, oder? Weibchen neigen dazu, viel beschreibender zu sein. Sie neigen dazu, auditiv zu verwenden. Sie neigen dazu, all die verschiedenen Sinne zu nutzen, wenn sie ihre Erfahrungen beschreiben, die dazu neigen, sehr viel ins Detail zu kommen. Sie wollen also auch folgen, damit Sie sehr beschreibend und sehr detailliert in den Marketingbemühungen sein können . Und dann mit den Weibchen wollen Sie Software-Wörter verwenden und vor allem, Ihre Botschaft muss so enden, dass ihm das Gefühl gibt , dass Sie sie verstehen und dass Sie sie unterstützen. Denken Sie daran, mit den Männchen wollen sie in der Lage sein, Probleme zu lösen. Sie suchen diese Lösung zu sein oder eine Lösung für dieses Problem zu finden , bei dem Frauen verstanden, gehört und anerkannt und unterstützt werden wollen . Es ist sehr wichtig, die Unterschiede zwischen den beiden zu verstehen. Und dann geben Sie Frauen immer die Möglichkeit, sich zu verbinden und zu unterhalten. Also ist es einfacher für sie, einen Kauf tätigen zu können, oder? Sie wollen diese Verbindung, diese soziale Interaktion. Und so ist das, was Sie brauchen, um in Bezug auf Marketing für Frauen, Marketing für Männer, die verschiedenen Dinge, die Sie beachten sollten soweit die Geschlechtereinflussnahme auslösen. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 36. Interessantes Marketing: In diesem Video werden wir über interessenbasiertes Marketing sprechen. Dies ist eine der mächtigsten verschiedenen Arten von Marketing , die Sie tun können, weil es wirklich gezielt ist, seine hyper gezielt, hyperspezifisch für eine Gruppe von Individuen. Und wir werden durch die Macht des interessenbasierten Marketings gehen. Ich werde durch ein paar Tools gehen, die ich empfehle und Ihnen dann einen Überblick darüber geben, wie Sie diesen Vorteil hier nutzen können und wie Sie erste Recherchen für jede Art von Produkt oder Website oder Anwendung durchführen können , die Sie sind sich entwickeln. Also lassen Sie uns voran und springen Sie in das interessenbasierte Marketing. Interessenbasiertes Targeting, wie ich bereits erwähnt habe, ist eine gute Möglichkeit, vor Ihrer Zielgruppe zu kommen, weil es präzise Targeting ist. Sie bekommen, um Menschen, die eine bestimmte Seite mögen, dass wie eine bestimmte Produkte, die eine Art von Zugehörigkeit haben, eine bestimmte Marke. Und Sie wissen, dass, wenn jemand eine bestimmte Seite mag oder ähnliche Interessen hat wie Ihr Produkt, und dann werden sie höchstwahrscheinlich auch ein großartiger Kandidat für Ihr Produkt sein, wenn sie eine bestimmte Bodybuilding-Marke mögen, zum Beispiel. Und Sie haben ein Bodybuilding-Produkt, Nahrungsergänzungsmittel oder Anwendung, was auch immer das sein mag, richtig, dann werden sie höchstwahrscheinlich an Ihrem Produkt als auch interessiert sein. Und dann sammeln Social-Media-Plattformen so viele Daten von den Nutzern, dass sie tendenziell schon wissen, woran die Leute interessiert sind, oder? Der gesamte KI-Algorithmus möchte Facebook, wo er sich ansehen kann, wenn Sie anhalten, um sich verschiedene Videos anzusehen. Wenn Sie aufhören, verschiedene Bilder zu betrachten, wenn Sie verschiedene Seiten mögen, wenn Sie unterschiedliche Interessen oder unterschiedliche Likes auf Ihrem tatsächlichen Profil haben. Und so war es in der Lage, all das zu betrachten, all Ihre verschiedenen Interaktionen Videos, wie lange Sie die Videos angesehen würden Art von Videos bis es alles lernen, die Art von Inhalten, die Sie mögen, die Art der Dinge, die , an denen Sie interessiert sind und mit denen Sie vertraut sind. Und es wird Ihnen immer wieder die gleiche Art von Produkten und Dienstleistungen zeigen, oder? Soweit die Anzeige. Deshalb ist interessenbasiertes Marketing so mächtig. Und Facebook und Instagram sind eigentlich die beiden größten auf dem Markt weil Facebook diese maschinelle Lern-KI hat, wo genau wie ich erwähnt habe, sie werden in der Lage sein, zu sehen, welche Website Sie von Facebook gehen würde sagen Sie kommen, um Sie tatsächlich zu Facebook zu führen. Es hat so viele Informationen und so viele Daten. So können Sie in der Lage sein, ein bestimmtes Tool zu verwenden, das ich Ihnen jetzt zeigen werde und in der Lage sein, verschiedene Zielgruppen, verschiedene Eimer von Zielgruppen, von Menschen,die Ihre idealen Kunden sein werden, zu erstellen verschiedene Eimer von Zielgruppen, von Menschen, . Okay, also schauen wir uns jetzt die Facebook-Zuschauer-Einblicke an. Nun, das ist ein großartiges Tool, ob Sie Facebook-Marketing machen oder nicht. Dies ist ein großartiges Werkzeug, um verschiedene Zielgruppen und Demographien zu betrachten und aufzubauen , richtig? Denn dies wird Ihnen die verschiedenen Altersgruppen von Menschen zeigen , die eine bestimmte Seite mögen, die eine bestimmte Rechte mögen, die wie eine bestimmte Marke. Und dann werden Sie in der Lage sein, zu sehen, was das typische Alter dieser Individuen ist. Sind das Männchen oder das Weibchen? Verwenden sie ein mobiles Gerät? Welches Mobilgerät? Werden sie benutzt? Ein Apple-Telefon, richtig? Verwenden sie ein Android-Smartphone? Und was ist ihr Standort? Wie oft kaufen sie? Welche anderen Seiten mögen sie, oder? Und so können Sie hier wirklich ein wirklich solides Publikum aufbauen, basierend auf den Menschen, die Sie vor sich haben wollen , wenn Sie Ihre Kunden-Persona aufbauen, wenn Sie Ihren Kunden, Ihren Kunden-Avatar, Dies ist ein großartiger Ort, um hier zu kommen und auch zu sehen, was sind die Altersgruppen, was sind die verschiedenen Interessen der Demographie oder der Verheirateten? Was ist der Rang eines Bildungsniveaus? All diese Informationen sind leicht auf dem Facebook Insights Tool verfügbar. So interessenbasiertes Marketing ist wahrscheinlich die leistungsfähigste Marketing-Methode und Marketing-Strategie, um in der heutigen Zeit zu nutzen, weil Sie Hyper-Ziel-Inhalte, Material, Anzeigen vor Laser platzieren zielgerichtete Zielgruppen, richtig? Das wird also wegen des interessenbasierten Marketings hier sein. Und wir sehen uns auf der nächsten. 37. User verstehen: Hallo, da. Jetzt wird über den Benutzerfluss sprechen. Als wir über User Journey Map Storyboards sprachen, konzentrierte sich diese Entdeckung auf die Umgebung , die Produkt und Benutzer in diesem Moment umgibt. Benutzerfluss jedoch seinen inneren Weg, den Benutzer unterziehen sollte, um sein Ziel zu erreichen. Benutzerablauf. Es ist ein innerer Pfad über den Benutzer. Von Punkt A zu Punkt B. Der Benutzerfluss kann eine hohe oder niedrige Treue aufweisen. Es gibt keine spezifischen Anforderungen, nur versucht, die gleiche Detailgenauigkeit zu erhalten. Bildschirm. Benutzer vier beschreibt auch die Interaktion. Es zeigt die Verbindung zwischen Bildschirmen, Modulen, Elementen und so weiter. Sie können Linien, Zeiger und einige andere Formen verwenden , die diese Verbindungen anzeigen. Der Benutzerfluss zeigt den Benutzerpfad durch ein Produkt an. So können Sie feststellen, dass Sie einige Bildschirme in Ihrem mentalen Modell über das Produkt fehlen. Sie denken, dass der Registrierungsprozess erfordert einen Bildschirm, aber am Ende des Tages ist Sie entdecken, dass es zwei Bildschirme oder es gab Informationen, die nicht enthalten oder besser zu schlagen getrennt. Hier sehen Sie das Beispiel eines Benutzerflusses für Meditations-App. Es ist mit niedrigster Treue gemacht. Eine Sache wird illustriert, ist die Logik und Pfeile, die die Richtung des Benutzers zeigen. So sehen Sie den Begrüßungsbildschirm und laden, dann sollte eine Person auswählen, ob sie bereits Benutzer ist oder nicht. Und wenn er nicht vorhandener Benutzer, geht er zur Registrierung und dann wieder einloggen, geht zum Hauptbildschirm. Dann haben wir einige Registerkarten, die Kategorien darstellt. Und es gibt zwei Arten von Abschnitten, Es ist Kategorien und Fortschritt. Und nachdem Sie einen von ihnen ausgewählt haben, wird der Benutzer an den inneren Bildschirm gerichtet. Wie hier ist eine Liste von Meditationen. Dann kann er die Meditation auswählen und zur Vorschau gehen oder tatsächlich die Meditation hören, komplette Meditation. Dann erhält er einen Erfolgsbildschirm. Dann geht er zum Erfolgsbildschirm oder Pop-up und die Benutzer werden zu einem Fortschrittsbildschirm, der Liste der abgeschlossenen Meditationen, geleitet. Es gibt andere Interaktionen sowie für die Ebene Meditation können wir die Meditation stoppen, zurückgehen, um die ähnlichen Meditationen zu hören. Dies ist das Beispiel für den Benutzerfluss mit geringer Wiedergabetreue. Es zeigt auf einer allgemeinen Ebene den gesamten Pfad eines Benutzers. Wir haben keine zusätzlichen Dinge, aber wir können sie in unseren nächsten Iterationen hinzufügen. Sie müssen bedenken, dass es im User Experience Design nichts Endgültiges gibt. Ob Sie also einige Iterationen durchführen, erhalten Sie einen Bildschirm, also schließen Sie einige aus. Sie können Ihren Benutzerfluss im Laufe der Zeit ändern. Okay, es ist in Ordnung. So wissen wir jetzt, wie viele Bildschirme wir in unser Produkt integrieren müssen. Das ist das Erste. Die andere Sache, dass die Wireframes oder tun das visuelle Design, können Sie feststellen, dass einige Bildschirme können getrennt zu mehreren Bildschirmen sein. Einige Skripte können zu einem kombiniert werden. Vielleicht kann es auch so passieren. Jetzt sehen Sie die Logik, die Sie tun müssen, die Verbindung zwischen Bildschirmen. Sie können einige davon ausschließen und versuchen, den Benutzerfluss bei Bedarf zu verkürzen. Einige hilfreiche Ressourcen, vielleicht Überlauf dot io. Wir werden das Diagramm sehen, die kommen und Draht Flow Dot co. Diese Ressourcen, die die zum Erstellen, zum Entwerfen von Benutzerflüssen anzeigen . Sie können diese verwenden, um den Prozess zu erleichtern. Sie sind schick. Sie können es selbst testen und vielleicht wird es viel nützliches als Adobe XD geben, wer weiß? Ok. Und für diejenigen von Ihnen, die nicht mit Treue vertraut sind, zeigt diese Folie drei von ihnen sind niedrig, mittel und hoch und niedrig. Wir sehen ziemlich abstrakten Abschnitt, der nur geometrische Formen ohne Definition hat, die mittlere Treue Ebene hat Bild. Im Inneren des Behälters, hat Text und Knopf nicht mehr geformt. Das hohe Maß an Treue ist visuelles Design eigentlich, und es hat alle Stile. So hoch ist Synonym für endgültig. Sie haben wahrscheinlich die Frage, wie sollte ich den Benutzerfluss erstellen? Was sollte der Ausgangspunkt des Benutzerflusses sein? Und wie Sie eine reibungslose Benutzererfahrung schaffen. Ehrlich gesagt, unter den Ressourcen, die ich über den Benutzerfluss studiert habe. Niemand hat mir gesagt, wie ich die bauen soll. K. Ich werde Ihnen die verschiedenen Schritte erzählen, die Sie unternehmen können um einen Benutzerfluss zu erstellen, der höchstwahrscheinlich der beste Ausgangspunkt wäre, dann werden Sie es testen und bei der nächsten Iteration verbessern. also zunächst Betrachten Siealso zunächstdie Analyse eines aktuellen Produkts und die Analyse eines Wettbewerbers. Da dies der Fall ist, können Sie bereits vertraute Benutzererfahrung für Ihren Benutzerfluss extrahieren. Um den vorhandenen Benutzerfluss zu übernehmen und ihn zu verbessern. Wenn Sie etwas von Grund auf neu erstellen, haben Sie eine Chance, die für den Benutzer nicht klar sein wird, weil er etwas anderes erwartet. Es gibt viele relevante Apps. Und deshalb erwarte ich als Benutzer etwas mit einer ähnlichen Benutzererfahrung. Du magst ein Fahrrad erfinden, aber ich empfehle dir nicht, das zu tun. Das erste Beispiel für Ihren Benutzerfluss wäre eine, wahrscheinlich eine Kopie dessen, was bereits vorhanden ist. Dann werden Sie daran arbeiten, diesen Benutzerfluss zu verbessern, wann immer es möglich ist. Hier überlege ich das für Leute, dass sie mit dem Benutzerfluss vertraut und ganz in Ordnung sind. Es ist ganz einfach, sagen Sie. Und dennoch können wir einige Abschnittsschrumpfung ausschließen oder einschließen, einige von ihnen. Mein Rat ist also, wenn Sie Ihre UX-Karriere beginnen, haben Sie eine Frage, wie Sie einen User Flow Spirit erstellen können, um von der bestehenden Benutzererfahrung zu beginnen und zu versuchen, diese zu verbessern. Und dann Ihre nächsten, nächsten Tests, nächsten Projekte, werden Sie das klare Bild sehen, Sie werden das fühlen und Sie werden mehr Ideen haben , was der Ausgangspunkt für Ihren Benutzerfluss sein wird. Nach einer Weile werden Sie diese abstrakten Abschnitte mit Ihren Wireframes und Dan mit parallelen Typen ersetzen , Kapazität zu Entwickler-Team. Und sie werden Formlogik Ihres Produkts beginnen. 38. XD Lektion 6-Kurs Projekt: Userflow – deine erste UX lieferbare: Okay, ich habe gerade den Benutzerfluss des über seinen Fuß, Panda und Strauss M D über seine, wir entdeckten, dass es eine Stufe für die Eingabe einer Telefonnummer, Empfang von SMS-Code, dann Strahlung, die erfordert, dass Sie E-Mail-Passwort eingeben, und dann ermöglicht es Ihnen, die Adresse auszuwählen. Und das Vatergebiet wird von uns entdeckt. Doch in Bezug auf Lebensmittel Panda, wir haben Reauthorisierung Rep, Requisite, wahrscheinlich werden wir ein Profil einrichten. Es wird auch noch nicht entdeckt, weil es in meiner Gegend nicht unterstützt wird. Aber was wir aus dem Video gesehen, die Benutzerfluss zeigt, sind wir in der Lage, die Adresse auszuwählen und wählen Sie die Art des Essens oder Restaurant wählen Produkt, als wenn es anwendbar ist, die reservierte Variante des Produkts. Und dann wir und Adresse und Kontaktdaten. Und dann haben wir die OTA-Bestätigung. Nun, grob sieht es so aus für Strauss ihm der Benutzerfluss sieht fast gleich aus wie im Falle mit dem Essen Panda, aber abgesehen von der Optimierung wird auf der letzten Stufe platziert. Ok. Dies ist die grobe Demonstration des Benutzerflusses dieser drei Apps, die ich nicht in Betracht gezogen habe, wenn man bedenkt, dass das in meinem Bereich nicht funktioniert. Aber diese drei sind genug, um zu klären, was der beste User Flow für unsere potenzielle App ist. Sie sehen also, dass ich die Sequenz markiert habe, die ähnlich ist und es ist auch sehr bequem für mich persönlich. Also denke ich, diese Wahl adressiert Auswahl Lebensmittel oder Art von Essen oder Restaurant und tatsächlich das Produkt, dann können wir die Anzahl der Bestellartikel anpassen. Und die Auftragsbestätigung geht weiter mit der Eingabe der Telefonnummer und dem Empfang von SMS-Code. Also hier denke ich, dass wir implementieren oder wir werden diesen Benutzerfluss verwenden können, der drei Schritte oder Stufen in unserer perspektivischen App enthält. Also lassen Sie uns versuchen, unseren eigenen Benutzerfluss für unsere Food Delivery App zu erstellen, die in unserer App sein wird, TEA Genehmigungen, Typ, unsere Lebensmittel liefern zustimmen? Ich denke, dass die Autorisierung auf dem ersten Platz sein wird. Es ist in Ordnung. Theorisierung über Google, Facebook, Twitter-Account, vielleicht, na ja, vielleicht einige andere. Sicher, aber Sie müssen auch identifizieren , welche der beste Weg ist, um Ihre Benutzer nach Persona's zu autorisieren. Ok. John, ich denke, wir müssen uns ein Kleid aussuchen. Lass es uns ein wenig neu anordnen und sehen, was wir bekommen. Natürlich, wenn Sie planen, internationale Apps besser zu erstellen um den Gitterabschnitt zu platzieren und nach der Autorisierung, vielleicht wird es effizienter sein, weil einige Partner, einige Restaurants, werden nicht in der Lage sein, Ihre genaue liefern -Standort. Aber ich denke über die lokale App nach, die nur in meiner Stadt funktionieren wird. So wird die Adresse auf der letzten Etappe neben den Bestelldetails gehen. Ok, also haben wir die Genehmigung, wir haben eine Liste von Restaurants. Wir können das Produkt aus dem auswählen, aus dem Restaurant, und dann ändern wir unsere Bestellung. Dies ist der Benutzerablauf für eine einzelne Buchzustellung. Es kann nicht linear sein. So kann der Benutzer zurückkommen und wählen Sie das andere Produkt und so weiter und so weiter. Ändern der Bestellung und dann Bestelldetails, um zu sehen, was wir tatsächlich bestellen und dann Inhaber Konformation. Und das letzte, was wird die auswählende Adresse sein. Auch hier können Sie tun, dass der Benutzer fließt, welche Software Sie bevorzugen. Ich benutze x D In den meisten Fällen, weil ich daran gewöhnt bin. Ich habe gerade erkannt, dass wir an unserer Adresse zusammen mit den Bestelldetails können. So Lieferadresse wird P hier. So überspringen wir 11 Bildschirm, die die anderen Bemühungen für Benutzer K. Jetzt Autorisierung, Auswahl Lebensmittel Art des Essens oder Restaurant. Dann wählen wir Produkt aus der B-Kategorie oder aus dem präzisen Restaurant, aus bestimmten Restaurant, können wir unsere Bestellung ändern, die die Mengenvariation des Produkts wäre. Mehrere Bildschirme, die wir zu einem kombiniert haben. Und hier haben wir auch Geruchsdetails und bewusste Tress zu einem Bildschirm verschmolzen. Dann geht Bestellbestätigung und Erfolgsbildschirm. Ok. Wenn eine Person mehr Produkt bekommen möchte, kann sie oder sie hierher gehen. Und zweitens, achte nicht viel darauf. Auf meine Zeichnung. Es ist nur, um Ihnen die Beziehung zwischen den Bildschirmen zu zeigen. Indien. Ok? So und der Zyklus geht noch einmal. Also haben wir den Umriss, den Rollenentwurf für unseren Benutzerfluss über Low Fidelity entworfen , wir haben einige Stufen. Sie sind noch keine Bildschirme selbst, aber es gibt einige Stufen, die wir durchlaufen müssen, bevor wir eine Bestellung machen. 39. XD: Also haben wir den Umriss entworfen, der Rollenentwurf für unseren Benutzerfluss wird eine geringe Wiedergabetreue haben. Wir haben einige Etappen. Sie sind noch keine Bildschirme selbst, aber es gibt einige Stufen, die wir vor der Bestellung durchlaufen müssen. Und unser Protokoll, dass ich eine Beschreibung der Zielgruppe für Food Delivery Apps auf heavy.com gefunden habe . Und sie sind alle drei Persona, die in unserem Fall nützlich sein können, die Zeit knirscht Executive. Dieser Kunde hat nicht den Luxus, während der Mittagszeit im Restaurant zu essen oder sogar in der Schlange zu warten, um ihn zu überwachen. Beschäftigte Führungskräfte mit einem TE, Narr von Meetings haben oft nur genug Zeit, um tatsächlich zu essen und wir werden uns an eine App wenden, um sich um den Rest zu kümmern, erreichen diese Kunden durch die Förderung Gefühl Mittagessen Specials, die bieten dass Energie Schub benötigt, um durch den Nachmittag zu bekommen. Die zweite Persona ist die Unterwegs übergeordnete Person. Für viele berufstätige Eltern jener Kinder, die während der Woche mit Sport und anderen Aktivitäten beschäftigt sind, kann die Zubereitung des Abendessens zu einer anständigen Stunde schwierig sein, wenn es nur 20 Minuten gibt, um ein ausgewogenes Abendessen auf dem Tisch zu bekommen -Familie. Dieser Kunde zahlt eine Prämie für die Bequemlichkeit, die durch eine Liefer-App bietet Appell an diesen Kunden, indem er Familienstil Value Mahlzeiten anbietet, um eine Gruppe zu dienen. Die dritte ist die Luft Anfang Dezember Adapter. Wir alle haben diesen einen Freund oder Kollegen, der als erster das neueste Gadget adoptiert und die Verwendung einer Food Delivery App ist keine Ausnahme. Dieser Kunde war einer der Verse, unsere richtige Schärfen App wie Uber verwenden, nutzt Lebensmittel-Apps für zusätzliche Einsparungen in höchstwahrscheinlich hat das neueste iPhone oder Android-Telefon, verfolgen Sie die Early Adopter, indem Sie ihnen VIP-Zugang zu Sonderangebote und andere Burke's. Ok. Es gibt Fragen, die Sie sich stellen müssen. Welche Strategie ist für mein Unternehmen sinnvoll? Welche Apps fetale Marke versprechen, sollte Mama mein Menü ändern? Wie kann ich diesen neuen Kommunikationskanal nutzen? Verwendung von Lebensmitteln Liefer-App kann eine große Einnahmequelle für Restaurants sein, obwohl dieser Kunde, Kundenstamm ist nicht ein sichtbar wie andere, sollte es weit von einem Objekt durch für intelligente Vermarkter sein. In Anbetracht unserer Zielgruppe, die sowohl Eltern als auch Geschäftsleute sein wird, habe ich ein erstes Storyboard erstellt, das die Reihenfolge der Aktivitäten zeigt, die eine Person vor der Nutzung unserer App nehmen wird. Also kommt James nach Hause, sieh, er gibt seine Tochter, seine Frau zu, und als nächstes öffnet er den Kühlschrank. Seine Frau, sie kümmerte sich um Kinder und sie konnte sich keine Zeit für die Zubereitung des Abendessens widmen. So gibt es nichts Interessantes für James im Kühlschrank oder auf einem Tisch. Im Moment sehen wir, dass wir hier ein paar Notizen machen können. Zunächst einmal zeigt dieses Foto nicht die eigentliche Umgebung, weil es normalerweise Abend ist. Sagen wir, es ist Abend, dann ist es ein Kühlschrank und so weiter, oder Coach unseren Anteil. Also habe ich die Tabelle so strukturiert, dass das Datenformat zuverlässiger ist. Diese Fotos können durch Ihre Stiftzeichnung ersetzt werden. Und das Wichtigste an den Storyboards ist, dass sie einfach und schnell sind, erarbeiten Sie. Der Stil des Storyboards ist also nicht so wichtig, es sei denn, die Informationen in diesem Lieferumfang sind klar. Ok, also habe ich unsere Tabelle zwei Stufen aufgeschlüsselt, Umwelt, Ausrüstung, Denken, sagen, was der gebräuchlichste Weg ist, um die Tabelle für Storyboards zu strukturieren. Einige Ihrer Projekte erfordern möglicherweise andere Arten von Daten über Benutzer. Okay, also haben wir Bühnen, die James kommt nach Hause, offene kostenlose Kotelett- und Liefer-App und wartet auf Lieferung. Es hat sich nicht geändert. Seine Frau James ist ein viel beschäftigter Mann. Er kommt wieder nach Hause. Er sagt, es war ein langer Tag, meine Idee. Und dann denkt er, ich habe Hunger und öffne den Kühlschrank. Und wenn er die App benutzt, fragte er sich, was will ich essen und fragen seine Familienmitglieder, sind alle in Ordnung mit Pasta heute, der Trend der Familie ist die andere Persona und vielleicht das andere Storyboard. Wir haben zwei Familienmitglieder auf dem Auto und einer von ihnen verwendet die obere Lebensmittellieferung. Also beendeten sie ihren Arbeitstag und sie wollen ihr Abendessen bestellen. So wird die Reihenfolge im Prozess sein, während sie auf dem Weg zu ihr nach Hause sind. Also, wenn sie eine Bestellung machen, sie sind im Auto, sie denken und was wir das essen, wenn und das Sprichwort, lassen Sie uns entscheiden, was wir essen wollen, wenn wir am nächsten Tag nach Hause kommen, nach Hause kommen, sie sind zu Hause und sie denken, Endlich sind wir nach Hause gekommen. Und sie beschließen, etwas Zeit miteinander zu verbringen. Ihre Gedanken auf der dritten Stufe, wann haben sie Bücher mit ihren Kindern gelesen? Vielleicht spielen, fernsehen oder so was anderes. Dass Gedanken Dinge sind, die die Zeit mit Kindern unbezahlbar ist. Ok? Und schließlich bekamen sie den Auftrag und sie denken, dass sie sehr hungrig sind. Und sie sagen: Danke für die Lieferung an die Person, die den Yehud geliefert hat. Liste der Wege zu diesem wird zeigen, was wir bereits acht, wo wir bereits in der Vergangenheit bestellt. Also bezweifelt Person 1,5, was wir heute essen werden, weil er es nicht weiß. Er glaubt, dass der Pastor okay ist. Aber er wird sehr dankbar sein, wenn Sie ihm zeigen, was er bereits bestellt hat, und vielleicht eine Empfehlung machen, empfehlen Dacian basierend auf früheren Zellen Lebensmitteltypen Kerl, der tut, Hey, K. Also Einblicke für ausgebildete Familie wäre wie, Werfen wir einen Blick auf diese dritte Stufe, wo die Menschen Buch mit ihrem Kind lesen. Und ich denke, sie bieten eine Aktivität bei der Kinder während der Wartezeit für die Lieferung. Ok. Das ist ein guter. Ich denke, wir können bei einigen Geschichten, Puzzle-Spiele, leichte Version von einigen Spielen, die in der App implementiert werden könnten. Wir sind sogar Partner mit anderen Anwendungen um eine gute Zeit zu haben, während wir auf das Essen warten. So basierend auf der Zeit für die Bestellung geliefert werden, können wir verschiedene Aktivitäten für Eltern beraten, um Zeit mit ihren Kindern zu verbringen, während sie auf den ganzen Tag warten, könnte bei Entwicklungsaktivitäten sein, Bücher, Spiele waren ein paar Rätsel oder vielleicht ein paar Quests. Dies hängt alles von der, was wir in der Lage sein, zu entwickeln. 40. Arbeiten mit Moodboards: Hybrid eins, und lassen Sie uns jetzt Moodboards erkunden. Mood Boards, Stücke von Designbeispielen für Inspirationen, die Farben, Typografie, Interaktionen, Bilder und Fotografie, Futures, Icons und UI-Elemente enthalten. Also, wenn Sie über Internet surfen, können Sie ein Design, das veranschaulicht, dass die Idee, die Sie im Sinn haben, können Sie ausleihen und Sound Elemente oder Abschnitte von Ihren Konkurrenten. Das ist in Ordnung. Sie müssen die Benutzeroberfläche oder den Stil nicht nachahmen. Das Mood Board hilft, eine Vision Tweedledee Styling zu bauen , die Ihr perspektivisches Produkt haben wird. Es ist auch hilfreich, zwei Stakeholdern, Kunden, zu zeigen , was haben Sie in Ihrem Kopf? Wie sehen Sie das Projekt in diesem separaten Stücke von Designbeispielen. Und Sie können Topographie einschließen, Sie können nicht, Sie können nur eine Schaltfläche finden. Sie können 10 Tausend Buttons für Ihr Projekt finden. Sie können alle in Ihr Moodboard aufnehmen, aber wird es für Sie nützlich sein oder nicht? Das ist die Frage. Versucht, die wichtigen Dinge, weil Sie am Ende mit einem, mit einer Tonnen von Lösungen. Sie werden zu viel Zeit damit verschwenden, sie alle zu platzieren und zu testen. Dies ist ein Beispiel für mein Mood Board für Meditation App getan. Ich möchte ein paar Naturbilder vorstellen. Ich habe ein paar Farben geschnappt. Ich mag auch die Designs dieser Bildschirme, sehr leicht und weich UI. Und die dunkle Version mag so etwas sein. Diese Farbschema und Farbverlauf. Es ist sehr reizend. Das Beispiel, wie die Foren auf dunklem Maulwurf aussehen können, ist ebenfalls cool. Ich würde wirklich gerne so etwas in meiner App, drei Icons und der unteren Symbolleiste haben. Sehr effizient. Als Nächstes, okay, Bilder. Das sind also einige Dinge, die ich für meine App behalten möchte. Ich habe das von Triple und Behance genommen. Ich werde den Stil davon betrachten und wie die Farben zusammenarbeiten. Sehr coole Tatsache. Und hier ist das Farbschema auch sehr schön. Ich muss versuchen, so etwas zu bauen. Ich mag das Layout der Bildschirme. Sie sind ziemlich leicht. Ich denke, dass sie benutzerfreundlich sein sollten. Ok. Wenn Sie es bemerken, habe ich keine Typografie. Ich habe nicht viele Dinge, die unter aufgeführt sind, keine Interaktionen haben. Aber für mich reicht es, meinem Mandanten zu zeigen, ob er zustimmt, dass Sie diese Richtung nehmen oder nicht. Sie können später zusätzliche Stücke zu Ihrem Moodboard hinzufügen und Brainstorming. Wieder mit dem Team oder dem Kunden. Es ist wirklich nützlich, denn wenn Sie anfangen, visuelle und Design zu tun, wird es sehr hilfreich sein, weil Sie keine falschen Farben verwenden. Das wird vom Kunden nicht erwartet. Auch wenn Sie das User Experience Design durchführen, konzentrieren Sie sich auf Ihren Benutzer, auf Ihren Endbenutzer. Die Genehmigung Ihrer Arbeit liegt beim Kunden vor. Und Mood Board ist sehr schön, um diese Sicherheit zu haben, dieser Mittelpunkt mit Übergang zwischen den Wireframes und visuelles Design. Auch hier kann die ganze Liste der Dinge, die Sie in Ihr Moodboard aufnehmen können, Farben, Typografie, Interaktionen, Bilder in der Fotografie, Features, Icons und UI-Elemente sein. Sie dürfen einige von ihnen nicht einschließen. Sie können Ihr eigenes Moodboard ohne Einschränkungen erstellen. Es gibt keine Regeln, aber das Ergebnis sollte Ihnen und Interessengruppen helfen, die Richtung zu verstehen, die Sie im Begriff sind, mit dem visuellen Design zu gehen. 41. XD Kursprojekt: Hallo an alle und herzlich willkommen zu unserem Übungsunterricht UX zusammen mit XD. Und heute werden wir das Moodboard erkunden, das nicht nur im UX-Prozess, sondern auch im visuellen Design eingeführt wird, weil es Ihnen wirklich hilft, die Sicht des Kunden auf die Projektpräferenzen, Ideen und Erwartungen zu verstehen . Aber auch Sie sind in der Lage, Ihre Gefühle darüber auszudrücken, wie dieses Projekt aussehen kann. Es könnten also zwei Teile kombiniert werden. Sie können Referenzen verwenden, die Ihr Kunde oder Sie geschickt haben, und kombinieren Sie sie mit denen, die Sie für dieses Projekt geeignet sind. Und stellen wir uns vor, wir haben fünf Links zu einigen Projekten. Sie erinnern sich, wir arbeiten an der Lieferung von Lebensmitteln. Also haben wir fünf Referenzen, die unser imaginärer Klient denkt, dass sie in Ordnung sind, zu berücksichtigen. Er mag den Stil und möchte, dass wir diesen Konzepten folgen. Okay, lassen Sie uns einen kurzen Blick durch die Benutzeroberfläche werfen. Sehr geräumiges Licht, sehr weich, sollte ich sagen. Und die Symbole sind auch sehr schön gezeichnet. Wir interessieren uns nur für das, das Layout und die Benutzeroberfläche. An diesem Punkt sehen Sie, dass es hier nichts Schweres gibt und alles, was auf dem Bildschirm platziert wird, wird durch Gruppierung organisiert. Sekundärfarbe ist das Blau. Der erste sieht aus, als wäre er orange, aber mal sehen. Ja, Orange, Schwarz, Grau und Hellrosa. Lassen Sie uns die App überprüfen oder es hat einen dunklen Modus. Das ist sehr schön, weil wir auch nach einem dunklen Modus suchen. Und ich denke wirklich, dass der dunkle Modus für unsere App besser geeignet sein wird als der Lichtmodus. Selbst wenn wir einen Lite-Modus entwickelt haben, werden sie nicht standardmäßig sein. Standardmäßig möchte ich den dunklen Modus so einstellen, dass er aktiv ist. Okay, werfen wir einen Blick auf die, eine andere oben in unserer Liste. Es ist Cast Station, flache rote Farbe mit einem Sonnenschirm. Schönes Styling für den Fall. C lesen als Hauptfarbe. Sicher, gut können wir daraus extrahieren, wo ich denke, die Highlights dieser App ist, dass es funktioniert nur auf zwei Farben, vor allem eine, die Brot ist. Und die UIs, gut strukturiert und organisiert nur mit weißen, schwarzen, roten und grauen Farben. Aber ich glaube nicht, dass das in unserer Anwendung irgendwie gepeitscht werden könnte. Nicht sicher. Eine Welt packte mehrere Screenshots. Wir werden versuchen, die Elemente oder etwas anderes von diesen zu integrieren. Aber im Moment ist es wirklich schwer zu sagen, was ist das coole, was wir verwenden können? Dieser Onboarding-Prozess sieht gut aus, okay, lassen Sie uns einen Blick werfen und das andere Beispiel nehmen. Und jetzt unsere Referenzen, Schlangenschuhe, okay, Schuhe. Ja, Sie sehen, dass die Karten hier sehr schön organisiert sind und nach Filter sortieren , die auch in unserer App angewendet werden könnten. Und liebe den Stil der Ikonen. Wie gesagt, sieht die Liste der Karten hier ziemlich gemütlich aus. Artikel oder die innere Bildschirmstruktur könnte auch in unserer App verwendet werden. In meiner Tasche ist in meinem Warenkorb. Ich sehe die Schaltfläche „Kasse“ hier. Hauptschritt, wir haben einen Deal mit der Reihenfolge K Filter SlideUp Typ Fenster. Ich denke, dass Filter wird es auch in der gleichen Weise in unserer App integrieren , weil es viele Einstellungen, die an Bord haben möchten, was bedeutet, dass die Zeit, um die Art von Lebensmitteln, die wir suchen, liefern. Vielleicht gibt es ein Häkchen für veganes Essen oder etwas anderes. Mal sehen, aber ich denke, das ist der geeignetste Weg, um einen Filter zu haben. Das ist die Liste. Sie ist nett. Lassen Sie uns zu unserem nächsten Beispiel gehen. Die Ikone ist sehr schön. So wird unser Kunde sehr glücklich sein, wenn wir ähnliche Icons in unserer App verwenden könnten. Im Moment haben wir noch eine Anwendung übrig. Lassen Sie mich es für Sie öffnen. Und hier ist dein Gesetz und andere sieht aus wie Schuhladen, den wir hatten. Dieses Layout erinnert mich an Instagram. Als nächstes geht es, ja, wirklich Coaster Instagram. Hier haben wir eine Kategorie. So schönes Hintergrund-basiertes Design. Die Hauptfarbe hier ist dieses lebendige Blau. Symbole basieren auf verschiedenen Grautönen, von verschiedenen Grautönen und kleinen Akzent der blauen Farbe ist ein weicher, weicher Schatten, der in diesen Tagen sehr häufig ist. Hier haben wir eine Karte und eine Art Filter nach Monaten. Wirklich schwer für mich zu verstehen, was diese App ist für Zweifel mit einem. Aber ich bin mir sicher, dass unser Kunde den visuellen Teil mochte, nicht die UX. So haben wir jetzt fünf Beispiele in Bezug auf das visuelle Design zu betrachten. Und lasst uns sie greifen und entscheiden, welchen Teil wir leihen werden und wir werden abnehmen. Ich habe gerade Screenshots aus den Referenzen gemacht, die wir untersucht und organisiert haben, wie es für uns und unsere Stakeholder mehr oder weniger verständlich sein wird. Auch hier können Sie eine sehr schön aussehende Stimmung Board erstellen und ebenso wie Ihre Benutzerfreundlichkeit von Berichten oder Zone und jede andere Art von Liefergegenständen, konzentrieren Sie sich bitte auf den Wert, den Sie liefern. Und das nächste ist. Styling, ein hübsches Jahr machen. Also gehen wir zurück zu unserer Stimmungsbar. Hier haben wir Futures, Bilder, Farbe, Elemente, Symbole, Telefonate, Interaktionen und Layout. Oder Futures, ich habe das Gaststatus-Problem jetzt mit dem Onboarding-Prozess ausgewählt, ich schätze wirklich, wenn es etwas gibt, bevor der OP-Zustellungstimer verwendet wird. Ich denke, dass wir die Lieferung Timer vorstellen können. Sie denken, es ist sehr schick, einen Timer zu haben. Auch hier ist alles zur Überlegung, zur Diskussion mit Stakeholdern, mit Ihrem Team und zur Entscheidung, ob in Funktionen, die Sie anbieten, akzeptabel sind oder nicht, weil es eine große Menge an benötigt, um auf die Entwicklung solcher Dinge wie Timer-Pack zu verbringen. Inhaltsteam verfügt möglicherweise nicht über den Inhalt für den Onboarding-Prozess. Und so eine, also ist dies nur eine weitere Stufe näher an unserem Endprodukt. Okay, gehen wir zurück zu unserem Stimmungsbrett. Filter. Ich bin fest davon überzeugt, dass wir Filter implementieren können, der in einem separaten Fenster geöffnet wird. Wir sind gleitet nach oben oder rutscht nach unten, weil es uns vor allem ermöglicht, ein skalierbares System zu erstellen. Die andere Sache ist Anrufer. Ich füllte, dass schwarz oder dunkelgrau wäre die Haupthintergrundfarbe. Symbole. Dort erinnern Sie sich an diese schönen Ikonen. Dies ist das Beispiel dessen, was der Kunde möchte, dass wir Elemente erstellen. Dieser Knopf ist sehr schön. Der Rest ist ziemlich Standard. In Bezug auf Interaktionen. Ich denke, wir können diesen chronologischen Ansatz wie einen linearen Weg in unseren vergangenen Ordnungsabschnitt ausleihen , wo die Leute die Gerichte sehen, die sie vorher bestellt haben. So wird es einen Kalender, Fotos und vielleicht Namen des Restaurants, die Preis-Taste, um neu zu bestellen, oder vielleicht eine Bewertung und Sterne und so weiter. Hier wird das Layout für unser Haupt-Dashboard vorgeschlagen. Es wird einen oberen Abschnitt geben, natürlich, setzen Sie ein Logo mit dem Dropdown-Menü oder Bulgur-Menü. Wir werden einige Funktionen Registerkarten zusammen mit der Suchleiste haben. Vielleicht können wir das Futter von Freunden machen, die Fotos von ihrem Essen haben und so weiter. Die andere Sache ist die Schriftart, die ich gerne die App verwenden möchte, die ich gerade ausgewählt habe, um etwas anderes als dieser Montserrat-Trend zu haben , weil ich denke, diese Schriftart ist sehr übertrieben. Und das macht jede App ähnlich wie eine andere, weil sie die gleiche Schriftart in ihren Designs haben. Und lassen Sie uns jetzt testen, wie der Absatz mit dieser Schriftart aussehen wird. Zuerst werden Sie es tun, bevor Sie die Stimmung par an den Kunden senden oder es unter Ihren Teammitgliedern zu demonstrieren. Kay, gehen wir zu unseren Imagern, die den Philosophen repräsentieren, das Bild unseres, unseres Produktes. Ich fühle, dass Familie sitzen und Abendessen essen wird nett sein. Und hier sind Familienmitglieder. Draußen, ganz gemütliche Luft, drei Kinder in der Vergangenheit, Etwas anderes? Ich mag die Umwelt, die Beleuchtung. Wenn wir das tun werden, das visuelle Design- und Content-Team Artikel schreiben. Sie können aus Bildern mit den gleichen Emotionen, dem gleichen Ton, mit anderen Worten, mit den gleichen Eigenschaften wählen dem gleichen Ton, mit anderen Worten, , die für unsere App wichtig sind. Ok? Ok. Also denke ich, ich werde mit einem Moodboard klar, das Design von foodborne wurde bereits erklärt. Ich habe dir gesagt, dass es nicht so wichtig ist, wie dein Moodboard aussieht, weil die Hauptsache die Information ist, die es enthält. So können Sie etwas Styling bekommen, wenn Sie möchten. Und wir arrangieren es neu, wenn Sie meinen Weg nicht mögen. Aber 90% meines Projekts haben die gleiche Art von Moodboards. Minimalistisch, klar, ohne weißes Rauschen. Vielen Dank für Ihre Aufmerksamkeit für eine Zeit, versucht, Ihr eigenes Board zu erstellen. Vielleicht haben Sie einige andere Vorschläge und viel Glück. Wir sehen uns in unserer nächsten Lektion. 42. Sitemap und Informationsarchitektur: Herzlichen Glückwunsch, Sie müssen zur Informationsarchitektur. Jetzt werden wir über diese Art von UX-Design-Aktivität sprechen. Informationsarchitektur organisiert Inhalte und der logischste und effizienteste Weg, um zu erhöhen, ist die Auffindbarkeit. Dabei handelt es sich um eine Kombination aus Organisations-, Namens- , Navigations- und Suchsystemen, die im Informationssystem implementiert sind. Auf der Ebene einer ganzen Website oder Anwendung legt die Informationsarchitektur fest, welche Daten auf jeder Seite platziert werden sollen und wie die Seiten miteinander verknüpft werden sollen. Um eine benutzerfreundliche Informationsarchitektur-Einheit zu erstellen eine benutzerfreundliche Informationsarchitektur-Einheit , um frühere Ergebnisse aus Ihrer Analyse, aus der Customer Journey und den anderen Dingen, die Sie bisher getan haben, zu berücksichtigen . Analyse wird Ihnen helfen, zu verstehen, wo Sie sind, um Verhaltensregeln und vertraute Benutzermuster zu definieren, Benutzerprofil und Persona wird Ihnen helfen, die Zukunft seiner Wahrnehmung Verhaltensmuster wieder zu verstehen , und Konsum und Schmerzpunkte. Customer Journey hilft Ihnen, Einstiegspunkte, Ausstiegspunkte und Entscheidungspunkte zu definieren . Nicht wenige Suchergebnisse führen den Benutzer zur Homepage. Seien Sie also vorsichtig und organisieren Sie Ihre Informationsarchitektur. Und die Art und Weise, die den Entscheidungsprozess für den Benutzer verkürzt und erleichtert. Gruppieren nach Benutzererwartungen bedeutet , dass, wenn Sie mehrere Persona's in Ihrem Projekt haben, Sie alle berücksichtigen müssen. Und wahrscheinlich wird das einen Einfluss auf den Inhalt haben, auf die Struktur, Kategorien und so weiter und so weiter. Sie müssen also verschiedene Benutzergruppen und deren Interessen treffen. Sie müssen die Produktfunktionalität im Auge behalten, indem Sie alle Funktionen auflisten und versuchen, den Benutzer bei der Verwendung zu unterstützen, wenn nötig. Wenn Sie Storyboards und Szenarien berücksichtigen, werden sie Ihnen helfen, eine bessere Beziehung zwischen Inhalt und seiner Funktionalität aufzubauen. So könnte die Architektur benutzerorientiert sein. Also, wenn Ihre User Journey zeigt, dass Person kommt in der Regel von der Suche und Gen oder sozialen Medien in der Hälfte des Links auf der spezifischen Seite, die Sie verbessern müssen. Diese Seite, diese Seite wird wahrscheinlich Entscheidungsseite sein. Sie würden überrascht sein, aber die Homepage ist nicht die beliebteste Seite bei den meisten Projekten. Das war auch für mich eine Überraschung. Vor langer Zeit habe ich sehr schöne, sehr inhaltliche schwere Homepages entworfen . Aber am Ende des Tages, Benutzer Entscheidungen auf den inneren Seiten und Sie müssen sich auf sie konzentrieren und helfen Sie Ihrem Benutzer, eine Entscheidung nach einem Geschäftsmodell des Projekts zu treffen . In der Informationsarchitektur bestimmen Sie die Beziehung zwischen Inhalt und Funktionalität. Nehmen wir an, wir haben es unter Fallstudie Ebene in diesem Beispiel geschuldet. Wir werden uns nicht vertraut sein oder unerwartete von Euler oder wir drücken Kontakt Button und es führt uns zu einer Facebook- oder Linkedin-Seite. Ich erwarte, eine Seite zu besuchen, die die Telefonnummer, E-Mail oder Kontaktformular angezeigt wird , oder auf andere Weise, um das Unternehmen oder die Person zu kontaktieren. Das bedeutet also auch , dass die Beziehung zwischen dem Inhalt und der Funktionalität klar sein sollte. ob Sie die Homepage drücken, es bringt Sie zu einer anderen Seite, die falsch sein wird, das wird unerwartet sein. Wenn wir also einige Dienstleistungen haben, die das Unternehmen anbietet, müssen wir es richtig beweisen. Also Analyse, Risikomanagement, finanzielle Belastung, es wird auf die Dienstleistungen Projekt alpha gehen, deta geht unter Fallstudie Ebene und kontaktieren Sie uns Seite, wo wir Informationen finden, die uns helfen, dieses Unternehmen zu erreichen. sowie andere Leistungen aus Ihrem UX-Entwurfsprozess. Informationsarchitektur hilft, auf der gleichen Seite mit den Stakeholdern und dem Team zu sein. Entwicklerteam wird die Informationsarchitektur und neben dem alten Entwicklungsprozess, sowie Ihren Benutzerfluss berücksichtigen Informationsarchitektur und neben dem alten Entwicklungsprozess, . Und zeigt auch Bereiche von Stakeholdern Input, vielleicht ist das ein Inhalt oder andere Medien. Sie haben also entdeckt, dass wir Videobereich aufnehmen müssen, aber Sie haben keine Videos zur Hand. Wenn wir ein Explorationsvideo brauchen, muss es jemand produzieren. Wenn Sie wissen, dass der Benutzer 18 Jahre alt ist, wird wahrscheinlich keine Sprache verstehen, die Sie verwenden möchten. Und Sie müssen diese Sprache zu einer Benutzergruppe übernehmen. Also hier haben wir Project Beta, finanziell geladen all dies. Es geht um Namen für unsere Abschnitte. Sie können dies in anderer Weise nennen, wie Portfolio oder unsere Arbeit, unser Projekt, vergangene Projekte, was wir tun, und so weiter. Dies ist also eine Benutzersprache, die Sie beachten müssen , während Sie Informationsarchitektur machen. Und machen Sie Ihre Informationsarchitektur. Und so könnte das leicht editierbar und skalierbar sein. Es gibt viele Software online. Sie können es mit dem xor tun, mit Adobe XD, können Sie Balsamic verwenden, wenn Sie möchten. Sie sind alle einfache, einfache Software in Bezug auf die Erstellung von Informationsarchitektur und die gemeinsame Nutzung zwischen dem Team. 43. XD -: Hallo, da. Willkommen wieder zu unseren XD-Lektionen zusammen mit der UX-Praxis. Und was wir in dieser Lektion tun werden, wird die Struktur unserer perspektivischen Lebensmittelliefer-App definieren. Übrigens, die Dinge, die wir bereits getan haben, haben wir bereits bis Bildschirme von unseren Mitbewerbern gesammelt. Wir haben die Benutzerflüsse von mehreren Anwendungen definiert und eine für unsere App vorgeschlagen, wir haben Beschreibungen der Persona, sehr leichte Übersicht, aber es ist immer noch genug, um ein Storyboard und andere UX Dinge zu erstellen. Unser Ziel ist es, Abendessen für beschäftigte Menschen und Eltern, die mehr Zeit widmen wollen heute Kinder bieten . Lassen Sie uns also von der Blog-Übersicht über unsere Architektur beginnen, die in unserer App sein wird. Zuallererst werden wir alle Funktionen, alle Blöcke, alle Module oder Elemente auflisten , vielleicht Elemente, die in unserer Liste hier wichtig sein werden. Und dann werden wir diese Blöcke Kreuzungen gruppieren , so dass es leicht auffindbar und intuitiv sein wird. Gaillard Beginnen Sie von Anfang an, es ist unser Logging oder Begrüßungsbildschirm. Begrüßungsbildschirm wird mit einem Login gefolgt, dann Registrierung und dann Hauptbildschirm. Und andere ist das Restaurant Essen, Büste Ordnung Geschichte. Kontoeinstellungen, sagen Sie Feedback. - Familie. Wir haben die empfohlenen Mahlzeiten Abschnitt. Also die allgemeine Idee ist bereits hier, aber als nächstes müssen wir diese Begrüßungsbildschirm Registrierung Suche würde auf der nächsten Ebene in Prioritäten nach Kategorien K arrangieren diese Begrüßungsbildschirm Registrierung Suche würde , haben wir Home-Bildschirm definiert, und jetzt ist es an der Zeit, die Kontoeinstellungen zu definieren. Sie sehen, was der herausfordernde Teil hier ist, diese mehrere separate Elemente in Gruppe geben zu organisieren. Wir haben alles hier. Lassen Sie uns versuchen, im Fluss dieser Informationsarchitektur zu schaffen. Oregano Splash Screen ist das erste, was wir sehen. Pledge Bildschirm führt uns zu Home-Bildschirm Host Grün hat Kategorien, hat Suche als empfohlene Mahlzeiten. Und ich habe immer noch Zweifel daran, Liste der Restaurants hier auf dem gleichen Niveau mit der Kategorie-Suche und empfohlenen Mahlzeiten zu platzieren . Aber ich werde das tun, weil ich noch keine andere Idee habe. Sobald ich mich entschieden habe oder einen anderen geeigneteren Ort für die Liste der Restaurants gefunden habe, werde ich es von hier aus nehmen. Ok, als Nächstes. Kategorien bei Essen Essen, Khomeini, okay, dann die Suche führt uns zu Suchergebnissen als empfohlene Mahlzeiten. So bestellen Geschichte, etwas getrennt davon, sowie Einstellungen, empfohlene Mahlzeiten. So wissen Sie, dass die Informationsarchitektur für eine einfache Navigation und Auffindbarkeit der Inhalte gemacht wird. Aber da secant Ort, es dient auch einer anderen Funktion, die für uns ist, für Builder der der App, sind wir in der Lage, in fünf Schritten zu mischen voraus, wie die Schnittstelle und wie die Benutzererfahrung aussehen wird Also lasst uns sehen, was mit dem, was hier übrig ist. Okay, wir haben vergessen, die Pflege zu adressieren. Wir werden die ganze Geschichte an zwei Orten setzen, nach einer Weile, in Lage sein zu verfolgen und zu analysieren, ob eine Platzierung besser ist als eine andere. Und Sie ordnen diese Elemente nach unseren Statistiken an. Also wird mein Profil Vertrauen, Vertrauen, persönliche Informationen haben. Wir haben es mit einer Lebensmittellieferung zu tun. Die Adresse ist also wichtiger und sollte leicht zugänglich sein. Lassen Sie mich einfach alles hinlegen und wir werden definieren, ob das Kleid hier einen besseren Platz hat. Variation wird hier gehen. Ich denke, ältere Geschichte wird keine Dropdowns haben. Will, wird das Menü selbst sein. Mit langem Scrawl Vielleicht sollte es eine Bestellnummer geben oder so. Also, jetzt möchte ich einige wir sind Familienspiele spielen, so dass sie nicht nur während der Zeit der Lieferung zugänglich sind , möchte, dass sie zugänglich und winzige Zeit sein. Also habe ich nur harte Zeit, um die Platzierung dieses sowie die über die App-Informationen in der realen Situation zu definieren , wird wahrscheinlich unter Teammitgliedern teilen, wir werden entscheiden, wie eine bessere Informationsarchitektur zu schaffen, mit all dies. Also lassen Sie uns das auch für eine Weile überspringen. Und jetzt sehen Sie, dass wir Informationsarchitektur für unsere App haben. Dies ist die niedrige Wiedergabetreue. Wir haben einen Home-Bildschirm, ältere Geschichte und mein Profil. So habe ich mich entschieden, die Elemente in der App zu trennen. Startseite, wir haben Kategorien, Suchfunktion, empfohlene Mahlzeiten und Liste der Restaurants. Dann haben wir die Kategorien werden unterschiedlich sein. Es ist nur ein Platzhalter für uns, eine Vorstellung davon zu haben, was wir unter Kategorien haben werden. Lassen Sie uns andere Dinge gewesen sein, Kategorien. Dieser Preis. Und wir sind nicht an der Ferne und sich selbst interessiert, sondern an der Zeit der Lieferung unseres Essens. Seien Sie also vorsichtig, wenn Sie wie eine Maschine mit einem Benutzer sprechen. Große Fähigkeit für Leute, die User Experience Design tun, ist es, Benutzersprache zu holen und zu imitieren, so dass die Leute Lage sein, genau zu verstehen, was Sie zum Beispiel, aber ich verstehe, dass jede Lieferung erfordert Zeit und diese Zeit wird durch Entfernung berechnet. Aber der Kunde oder der Endkunde, interessiert sein, wie viele Minuten oder Stunden er und seine Familie sollten warten, bis sein Abendessen geliefert wird. Auch hier denke ich, die Suche könnte irgendwie mit Filter kombiniert werden, mit dem gleichen Filter. Lassen Sie mich mit Wireframing beginnen und wir werden versuchen, diese beiden Elemente miteinander zu verbinden und zu trennen. Und wir haben Variationen auf dem Boden. Ok, ich denke, das reicht für jetzt für unsere Informationsarchitektur. Wir haben unser Haus in drei Hauptabschnitte aufgeteilt, die Home-Bildschirm ältere Geschichte in meinem Profil sein würde, die für einige persönliche Daten für Kleid verantwortlich ist. Und vielleicht möchte eine Person ein Feedback Herz über die AP geben. Dies ist keine endgültige Version. Das könnte der Zeit geändert werden. Nach Diskussionen, nachdem Sie Wireframes gemacht haben, haben Sie erkannt, dass dies nicht funktioniert oder das schlecht aussieht, und so weiter und so weiter. Es sollte nicht das endgültige Design Ihrer Informationsarchitektur sein. Nehmen Sie es wenigstens nicht auf diese Weise, die starr ist und nicht geändert werden konnte. Kay? User Experience ist User in erster Linie. Daher müssen wir unser Bestes tun, um einen reibungslosen und benutzerfreundlichen Ablauf zu schaffen. Das Ändern ist hier okay. Nun, vielen Dank für Ihre Zeit, dass Sie das heute gemacht haben. Ruhen Sie sich gut aus. Nehmen Sie die nächste Stunde an. Tschüss. 44. XD: Hallo an alle, willkommen zurück zu unseren XD-Lektionen. In dieser Lektion werden wir unsere Informationsarchitektur in Wireframes mit mittlerer Wiedergabetreue umwandeln . Beginnen wir mit dem einfachsten Anmeldebildschirm. Okay, ich muss einen Außenbord ziehen. Lassen Sie uns Samsung Galaxy als zehn zum Beispiel wählen. Sie erinnern sich, der obere Abschnitt wird normalerweise für Systembenachrichtigungen, Systeminformationen wie besseres Level-Signal, WiFi-Zeit und so weiter verwendet Systeminformationen wie besseres Level-Signal, . Wir können das hier auch anbringen. Also die beiden oberen Balken, in der Regel 24 Pixel, vier Dimensionen der Telefone als Samsung als zehn. Sie sollten jedoch vorsichtig sein und die Anweisungen für das genaue Modell des gefundenen oder anderen Geräts lesen , an dem Sie arbeiten. Weil sich das je nach Modell ändern könnte und dann, okay, also habe ich dieses bereits ausgewählt, vorgefertigt, wie Sie sehen, eine, die aus der Materialbibliothek heruntergeladen wurde. So können Sie Material besuchen, das io Schrägstrich Ressourcen und wir werden viele nützliche Stücke von Designs sehen, vorgefertigte Dinge, Vorlagen, Komponenten, viele Dinge, die Zeit sparen und Ihnen helfen, Ihre Schnittstelle zu bauen. Also Material, das i Schrägstrich Ressourcen, Sie werden sehen, dass es eine Icon Library, Werkzeuge, Schriftarten, Farben, Typ, Maßstab, Generator, Designs, Baseline Design Kit für Fichman Design Kits, und so weiter. Viele interessante Dinge, die Ihnen helfen können, Ihre Schnittstelle K. Also gehen wir zurück zu unserem Design. Ich werde es hierher bringen. Also, was wir hier brauchen, haben wir bereits die obere Symbolleiste genommen und wir müssen zwei Felder für die Eingabe erstellen. Ich denke, lassen Sie das hier weg. Und da unser Thema dunkel sein wird, können wir uns ausleihen, sie haben in dunklen Bildschirmen, dunklen Modi gefärbt. Wir sind in der Lage, die Farbe unserer Werkzeugleiste zu ändern. Also lasst es uns tun. Ich glaube, das ist alles. Möglicherweise möchten wir auch einige Kapazitäten zu unserer Symbolleiste hinzufügen und es ist möglich, sie in der Tat zu verstecken. Also, wenn Sie es verstecken müssen, können Sie weiter in sie gehen. Wir machen den Login-Bildschirm, okay? Dies ist das Raster, das standardmäßig für x d, vier Spalten ist. Hier sehen wir das Benutzername Passwort. Als nächstes brauchen wir eine Schaltfläche für uns, um sich anzumelden. Lasst uns hier Schaltflächen finden. Wir haben dieses ein Mitglied, wir müssen sicherstellen, dass die Person hier k registrieren kann. So wählen Ration würde nur Gebäude Prototyp unserer App wachsen. Und achten Sie nicht viel auf den Stil eines. Obwohl ich scheint, dass es bereits einige Statistiken vom Materialdesign geerbt hat, aber ich werde die Farbe auf breit ändern, damit es sich nicht so anfühlt, als wäre es bereits der visuelle Design-Login. Denken Sie daran, wenn Sie den Großbuchstaben für jede Ihrer Leiter haben müssen, können Sie diese Funktion sowohl Großbuchstaben als auch andere verwenden. Auch nützlich, wir müssen ein Logo haben. Lassen Sie diesen Abschnitt für Logo machen. Okay, wir haben Login, wir haben Registrierung für Leute, die neu in der App sind. Vielleicht wollen wir einen kleinen Slogan für sie haben, um sie zu registrieren und sie ein wenig auf dem Bildschirm zu führen. So neu, um unsere App zu Cloud, registrieren, Benutzername, Passwort, Login. Scheint so, als ob Login von der anderen Farbe sein möchte, fühlt sich nicht danach an. Secondary Barton. Und wir machen es ein bisschen dunkler, weil wir eigentlich wollen, dass die Leute unserem Apple registrieren wollen, um einem Benutzer eine Chance zu geben, sich anzumelden, obwohl mit einem Google-Konto als Facebook-Konto. John ging, um das Wort Konto jedes Mal zu wiederholen. Also denken Sie daran, gerne diese drei Abschnitte zu unterscheiden weil die Spitze ist der Ort für eine Person wird die Daten eingeben und drücken Sie Anmelden. Der andere Teil ist die Anzahl, mit der sich eine Person anmelden kann, ohne die Informationen hier eingeben zu müssen. Und der dritte Teil wird die Registrierungssitzung sein. So drücken Sie diese Bots und wird Benutzer auf einen Registrierungsbildschirm übertragen. Das sind also drei verschiedene Teile. Bitte versuchen Sie, sie zu unterscheiden, ob es sich um eine Farbe, Abstandshalter und eine Linie oder etwas anderes handelt. Aber seien Sie vorsichtig, denn jetzt scheint es wie ein drei verschiedene Teile ihrer Stimmen, nicht so benutzerfreundlich noch. Aber immer noch sehen Sie, dass es drei Gruppen von Elementen gibt und sie für verschiedene Funktionen verantwortlich sind. Einloggen. Hier sind wir nur in Farben arbeiten möchte ich alle anderen grafischen Elemente auf der, die Schattierungen. Diese Taste ist nicht einfach zu drücken. Wenn Sie sich an die Heatmap erinnern, ist es, wenn wir zu einer Heatmap kommen, werden Sie sehen, dass dieser Bereich nicht einfach ist, vorzuziehen. Also wollen wir es vielleicht ein bisschen aufgreifen. Okay, wir verkleinern unser Logo wie möglich. Ok. Jetzt scheint es mehr oder weniger, dass der Anmeldebildschirm Spacer verwendet, um zwei Abschnitte zu trennen. Melden Sie sich mit sozialen Konten an und melden Sie sich mit dem Passwort in der E-Mail an. Okay, wir haben den ersten Bildschirm. Es sind sozusagen mittlere Treue Wireframes. Wir haben keine Farben. Wir haben hier alle Telefone. Wir haben nicht das letzte Styling für unsere Knöpfe. Wir haben kein Logo und viele Dinge. Ich habe hier noch keine Bilder. Aber wir kommen später dazu. Ok. So sehen wir, dass Sie verwirrt sein können, mit einem Leerzeichen hier unter der Registrierungstaste Konto zu sein. Ich finde es auch ziemlich seltsam, aber vor allem, denken Sie daran, dass es verschiedene Hassen von Geräten gibt. So wird es ein sicherer Bereich für, für Fälle mit dem kleinsten Bildschirm. Die andere Sache ist, dass es nicht sehr einfach ist, die Unterseite zu drücken, ein Halten des Telefons mit einer Hand. Wenn Sie sich die Heatmaps ansehen, werden Sie feststellen, dass die komprimierbarste früher irgendwo hier ist. Also beginnend von der Ecke der Schaltfläche Konto registrieren in der linken Ecke der Login-Schaltfläche. Das ist also etwas diagonal und es ist besser, Elemente anzuordnen, wenn Ihr u i, so dass es leicht zugänglich ist, wenn Sie möchten, dass sie zugegriffen werden. Okay, also denke ich, das ist alles für den Login-Bildschirm. 45. Arbeiten mit Prototypen: Hallo, da. In diesem Video werden wir über Prototypen sprechen. Und die Prototypen sind die Verschmelzung von Drahtmodellen und Interaktion. Warum wir das brauchen, um Designlücken zu erkennen. So werden Sie feststellen, dass Sie eine falsche Navigation haben. Du hast die Reaktionsfähigkeit verpasst. Möglicherweise haben Sie bei einigen Interaktionen kein Feedback nach einer Aufgabe eingeschlossen. Sie können das UI-Design wie Positionierung, Styling, Größe von Elementen und Typografie verbessern . Es ist das Beste, unter den perspektivischen Benutzern für Ihre Zielgruppe zu testen und ihr Feedback für eine weitere Verbesserung für die Vaterbühne zu berücksichtigen . Hier können Sie die Mikroiterationen wie Pop-ups, Warnungen und Animationen einführen . Natürlich, wie jede Sache und UX und Sie müssen Brainstorming mit dem Team, mit Ihrem Kunden, um ihr Feedback über den Prototyp zu hören. Also hier möchte ich darauf hinweisen, dass die meisten Prototypen, die ich in Adobe XD mache, ich finde, dass der effizienteste Weg. Es ist eine leichte, einfach zu bedienende Software und es hat sehr benutzerfreundlich, insofern, und da es Adobe-Familie ist, viele Funktionen, viele Werkzeuge und kurze Tasten sind die gleichen wie in Photoshop, die ich vor einigen Jahren für das App-Design verwendet. Es gibt mehrere Alternativen für Adobe XD, wie FISMA und Sketch, wenn Sie ein Mac-Benutzer sind. Aber in diesem Kurs werden wir uns auf Adobe XD konzentrieren. Ich werde Ihnen zeigen, wie Sie Ihren Prototyp organisieren, Wie erstellen von was zu starten, und welche Funktionen Sie beachten müssen. Einige können Wireframes Prototypen nennen, einige nennen Prototypen Wireframes, aber ich würde mich an Prototypen als etwas halten, das Interaktivität hat, das getestet werden kann, etwas, das Feedback für den Benutzer hat, etwas, das analysiert werden kann. Es ist näher am Endprodukt, anstatt Wireframe. So können Sie ein klickbares Wireframes haben und jemand nennt es Prototyp. Das ist in Ordnung. Hier geht es darum, den besten Ergebnissen näher zu kommen, die möglich sind. Und Ihre Prototypen wie andere Dinge, die Sie getan haben. Sie haben auch Versionen, Revisionen und Verbesserungsspielraum. Aber setzen h Stufe, sie werden mehr verfeinert und nutzbar sein. Wer kann auf der Prototypenbühne sehen, welche Dinge Sie vermissen? Möglicherweise haben Sie einige Pop-ups nicht eingeschlossen , die dem Benutzer zeigen, dass dieser Vorgang erfolgreich war. Oder vielleicht gibt es einige falsche Daten im Eingabefeld. Sie müssen es irgendwie hervorheben, Benutzer-Feedback geben. Diese kleinen Dinge, die für den Endbenutzer wirklich wichtig sind, sind also in Ihren Prototypen enthalten. Und versuchen Sie, diese Prototypen selbst mehrmals zu lesen und so viel Interaktivität wie möglich zu implementieren , um näher am Endprodukt zu sein , das von den Endbenutzern verwendet wird. 46. XD – Projekt: Home-Screen Wireframe und Verschluss: Als nächstes machen wir die Registrierung. Die Registrierung wird wie diese sein. Sie haben bereits ein Konto. Dies ist also der Auslöser für Leute, die bereits über das Konto verfügen. Also umgekehrt, wir verknüpfen dies, wir werden diesen Bildschirm mit diesem verknüpfen. Und Sie sehen, ich werde zum Prototyp Sanktion und drücken Sie diesen Login-Button und greifen Sie den Pfeil zu diesem Bildschirm. Hier haben wir Übergangs-Overlay, scrollen Sie zur vorherigen Art Boot-Audiowiedergabe, Sprachwiedergabe und so weiter. Der Auslöser könnte angezapft werden. Drogenfall, Gamepad. Stimme. Und Animation könnte nach links verschoben werden, Schieberegrechte wie nach unten. Du darfst ein bisschen damit spielen, aber ich werde dir das Wesentliche erklären. Also, wenn wir von einem Bildschirm zum anderen gehen müssen, indem Sie Mittel drücken, dass wir auf die Schaltfläche tippen müssen. Der Übergang ist also eigentlich das, was wir brauchen. Aber ich denke, dass automatische Animation oder besser wäre, lassen Sie mich einen Link zu diesem Bildschirm vom Anmeldebildschirm hinzufügen. Lassen Sie es uns versuchen. Es sagt, dass die automatische Animation besser verwendet wird. Möchten Sie kleine Dinge animieren. Im Moment sieht es ein bisschen seltsam aus, weil nicht dieses Gefühl von verschiedenen Bildschirmen haben. Lassen Sie uns also zum Übergang animieren und sehen, wie es funktioniert. Ein bisschen besser. K für die Registrierung benötigen wir weitere Felder zum Ausfüllen. Vielleicht ist das ein Benutzername, es ist E-Mail. Was sonst noch? Telefonnummer, Passwort, und wiederholen Sie den Pass hier lassen Sie uns die Registrierung. Nicht sicher, wie ich Logo aussehen wird, aber das ist die Struktur unserer App. Normalerweise müssen Sie für UI-Designer, wenn Sie an den neuen Handlungen arbeiten, wenn Sie an den neuen Handlungen arbeiten, den Kontrast, die Platzierung, vielleicht den Bereich angeben , der vom Element oder Objekt der Objektgruppe genommen wird. Natürlich sollte es einen Text Großbritannien geben. Also eine Person, die nach Ihnen arbeitet, wird verstehen, ob dieser Abschnitt für versucht ist , die echten Platzhalter zu verwenden und lassen Sie mich dies ein wenig verteilen. Okay, also haben wir zwei Bildschirme. Lassen Sie uns dies auch markieren, hat gemacht, lassen Sie uns den Fluss bewahren und wir werden mit dem Home-Bildschirm gehen. Der Startbildschirm haben wir Filtersuche, empfohlene Mahlzeiten und Liste der Restaurants. Suchen wir das Filter-Symbol auf den Felder-Symbolen. Laden Sie es einfach herunter, wenn eines der Symbole. Es ist also ein Filter. Wir brauchen Suchsymbol zu. Ich ermutige Sie, nicht zu viel Zeit mit dem Entwerfen von Symbolen auf Ihrer Wireframe-Bühne zu verbringen, da es nur ein Drahtmodell ist, Deshalb wähle ich normalerweise Symbole aus den offenen Quellen. Also haben wir Suche, wir haben Filter, wir werden Füße haben. Empfohlene Mahlzeiten und Risiken von Restaurants, empfohlene Mahlzeiten. Die aktive Registerkarte, wo wir sind. Dann denke ich, dass wir die Suchleiste erweitern müssen. Und irgendwie, um sicherzustellen, dass diese beiden Elemente miteinander verbunden sind, sieht aus wie empfohlene Mahlzeiten und nur Restaurants, vielleicht Ihr Futter. Und jetzt gehen wir zurück zu unserem UI Kit und greifen die Karte, so etwas. Lassen Sie uns dieses ausprobieren und sehen, ob es für unsere App geeignet ist. Zu viel Platz. Zunächst einmal denke ich, dass wir den Hintergrund ändern können. Nennen wir dieses Fried Chicken. Hier werden wir das Logo des Restaurants haben. Kann Beschreibung hören und haben Sie keine Angst vor dem großen Bild, weil das Essen auf der verkauft wird, mit diesem Ansatz, wenn wir Anwendungen haben, wenn wir Websites oder vielmehr Förderung, die nicht übertragen Geruch, Ich das Gefühl, dass wir in der Lage sein, ein bisschen wie dieses zu haben. Okay, lass mich dir erklären. Wir sind in der Lage, drei Arten von Schriftrollen zu erstellen, die Pan, horizontal und vertikal sind. Hier werden wir die vertikale Schriftrolle verwenden. Für diesen müssen Sie Element auswählen, die Ränder erweitern. Also habe ich eine Gruppe, ich habe sie gruppiert, und jetzt sehen Sie, dass wir scrollen können. Einfach. Das nächste, was wir tun werden, ist, ein paar Knöpfe hier zu haben, natürlich, Aktion eins. Und es gibt eine Aktion, um wir werden Ordnung haben oder mehr lesen. Oh, Sie sehen diese Autos, DR. dynamisch und wir gehen und jetzt haben wir Suchfunktion. Es möchte immer noch von diesem reinen Gebührentitel befreit werden. Wir haben also einen Home-Bildschirm, den wir mit unserem Login verknüpfen werden. Ja, wir haben einige Einstellungen vergessen. Mein Profil in der Bestellhistorie. Also habe ich drei Symbole für die geordnete Liste und das Benutzerprofil ausgewählt. Nicht sicher, ob es die beste Option für die Bestellhistorie ist. Ich würde Sanduhr zu viel Zeit für die Platzierung verbracht setzen. Ich weiß, dass ich es bin, die die visuellen Designs machen und versuchen, einen Schritt weiter zu gehen und darüber nachzudenken, wie sie arrangiert werden. Also neben Home-Bildschirm, müssen wir filtern, die Kategorien haben und so weiter. Wenn es suchen, dass wir Suchergebnisse haben, brauchen wir empfohlene Mahlzeiten und Liste der Restaurants. Hier ist es besser, automatische Animation zu verwenden, da wir diese leichte Bewegung sehen werden. Und wieder bewegen wir uns zum Abschnitt eines Prototyps, um Bildschirme zu verknüpfen. Ich setze OTO animieren, wenn Sie sehen, dass sie sich bewegen. Also haben wir zwei Abschnitte bereits entworfen. 47. XD Interaktion für Wireframes hinzufügen: Als nächstes lassen Sie uns den Bildschirm für die Mahlzeit erstellen. Vielleicht möchten wir den Benutzern helfen, von dieser Seite zurück zu gehen, dann brauchen wir keine Suchleiste und tippen Sie mehr. Also hier müssten wir den Namen von Neil angeben. Ich fand sehr schönen Fuß Namen und Foto. Wir brauchen Restaurants, wo es gekocht wird. Beschreibungen sind auch wichtig, aber immer noch nicht als Foto. Also werde ich Lorem ipsum nicht mögen. Ja, wir haben nichts anderes. Also, wenn wir eine Vielfalt haben, brauchen wir ein anderes Element namens Radio Button, Fahrzeug, Fisch, Türkei. Wir haben einen Rho Prototyp der Seite. Jetzt brauchen wir, dass die Schaltfläche für es besser für uns ist, unser Layout auf dieses Gitter so Opium konsistent neu anzuordnen . Nicht sicher, ob die Karte angemessen Name ist hier, aber lassen Sie es für jetzt. Und jetzt müssen wir die Anzahl der Lebensmittel anpassen, die wir bestellen. Und so können Sie Ihren eigenen Satz vordefinierter Elemente wie diese erstellen. Also, jetzt haben wir die Mahlzeit ist sehen wir eine versteckte Scrawl oder Beschreibung, die uns erlaubt, einen festen Satz Bereich auf dem Boden haben. Und wir haben eine Variation, veganen Fisch, Truthahn, und es wird plus minus geben. Jetzt verbinden wir unsere Bildschirme wieder. So wird die Mail-Liste mit einer Mahlzeit Seite verbunden. Wir alle müssen uns an die Zurück-Taste erinnern, die uns an den vorherigen Bildschirm anspricht. Lassen Sie uns unsere App ausprobieren. Variation war nicht der Bildschirm, so werden wir es viel einfacher, ohne zusätzliche Pop-up oder Übergangsfenster alle auf einem Bildschirm. Denken Sie jetzt, wir können die Bestellhistorie machen, selbst bestellen. Wenn Sie Elemente horizontal oder vertikal duplizieren möchten, können Sie wiederholte Gier verwenden. Also, wenn Sie gruppiert und drücken wiederholen Gier, können wir es runter oder rechts, links. Sie sehen, dass es einfach ist, Tabellen zu erstellen, Dinge, die sich wiederholen und gleichzeitig ändern. Pastor südlichen Erbsen und seine Kosten. Lassen Sie es uns hier setzen. Die Gesamtzeit der Lieferung ist wahrscheinlich nicht die beste, um hier anzugeben , weil wir immer noch wissen wollen, wo wir dieses Essen liefern. Lassen Sie uns zum Mitnehmen und vier, zum Mitnehmen oder zur Lieferung. Wir werden zwei Registerkarten haben. Sehr praktisch. Vielleicht. Unsere Familie hat eine bestimmte Route und das Restaurant ist in der Nähe, so dass wir ihnen eine andere Option geben können, die zum Mitnehmen ist. Und für ein Restaurant es einige Einsparungen in Bezug auf die Lieferung. Nun, lassen Sie uns definieren, welche Abschnitte wir brauchen mehr Vertrauen Stadt, Block. Es wird bereits im Telefon vordefiniert sein. Und die Adresse wird aus den meinen Profildaten entliehen. Obwohl wir in der Lage, Ihre K ändern Sobald wir auf die Eingaben auf Daten bereits eingegebenen Text drücken, können wir es ändern, wenn nötig. Das ist die Idee. Sobald wir die Lieferung ausgewählt haben, geben wir Kontaktinformationen und Adresse ein. Dann werden wir zu einem Bestätigungsbildschirm weitergeleitet , der uns zeigt, wie viele Minuten oder Stunden pro warten sollen. So zeigt es insgesamt Küste, es zeigt Lieferzeit, es zeigt ihr Kleid und aber unbestätigt, aber ich werde auch eine weitere Schaltfläche bearbeiten Reihenfolge hinzufügen. Denn sobald ein Benutzer oder seine Meinung ändern, sollte er in der Lage sein, zurück zum vorherigen Bildschirm zu gelangen. Obwohl wir diesen Pfeil noch nicht so klar haben, dass wir bestellt bearbeiten können. Also, dann müssen wir Erfolg Bildschirm erstellen. Herzlichen Glückwunsch. Ihr Essen ist auf dem Weg zu Ihnen nach Hause, Bestellung ID und Art Timer hier. Lassen Sie uns die Links hinzufügen. Wir loggen uns ein. Wir haben unser Futter von Mahlzeiten. Drücken Sie den Pastor mit Salmonellen und Erbsen. Wir können die Beschreibung scrollen. Bitte beachten Sie die vertikale und horizontale Schriftrolle. Wir können wählen Sie die Karte bearbeiten bestätigt und der Timer geht weiter. Es ist alles vorerst für einen Teil eines Medium-Fidelity-Prototypings. Vielen Dank, dass Sie verstehen, wie die Bildschirme organisiert werden sollten. Sie können ein anderes UI-Kit auswählen, wenn Sie möchten. Es gibt viele von ihnen hier. Holen Sie sich UI Kit Material, Microsoft Wireframes, mehr. Ihr seid Kinder, ihr dürft ein Jahr beschneiden. Das ist nicht wichtig. Auf der Bühne des Wireframings. Sie müssen nicht viel über das Styling Ihrer u nachdenken. Ich versuche, den Fluss zu testen, um einige Designlücken, Strömungslücken, UX-Lücken und so weiter zu finden , sowie Rückkopplungslücken. Die Zeit bei der Gestaltung von Girl für Frame sollte sehr genau vertreiben. Denn das Drahtmodell ist der Mittelpunkt zwischen den Recherchen, die Sie zuvor durchgeführt haben , und dem visuellen Design, das Ihnen Zeit beim visuellen Design sparen muss. Also übertreiben Sie es nicht, indem Sie versuchen, die Dinge perfekt auf dieser Bühne zu machen. Ok? Vielen Dank für Ihren Flughafen und seine lange Lektion. Es ist schwer. Manchmal ist es langweilig, aber wissen Sie, am Ende der Tage, haben Sie diese Bildschirme, können Sie drücken, können Sie erleben, dass das Design nicht da war? Sie haben ein sehr, sehr schönes Gefühl gemacht , wenn Sie Ihren Prototyp Ihren Freunden, Ihren Freunden und Interessengruppen teilen können , als sie Ihnen ein Feedback geben. Hoffentlich habe ich gutes Feedback. Und nächste Lektion werden wir versuchen, es zu definieren und perfekt zu machen. Nochmals vielen Dank und haben eine schöne Zeit. Wir sehen uns in unserer nächsten Lektion. 48. Testen und Bewertung: Sobald Sie Ihre Prototypen abgeschlossen haben, können Sie mit dem Testen beginnen. Und das Testen ist das Thema dieses Videos, okay, das ist der Abschluss Ihrer bisherigen Arbeit. Und es gibt mehrere Möglichkeiten, Benutzertests durchzuführen. Zunächst geht persönliche Interviews, und es gibt Dienste von Drittanbietern und dann Follow-up-Fragebögen. Der effizienteste Weg ist natürlich von Angesicht zu Angesicht, was zu verwenden ist. Sie müssen Ihre Zielgruppe, den Vertreter Ihrer Benutzer, finden . Stellen Sie ihnen Fragen, bitten Sie sie, eine Aufgabe auszuführen. Sie müssen Notizen machen, versuchen, Benutzern zu helfen, laut zu denken, und Sie werden in der Lage sein, Notizen über das, was sie denken, niederzulegen. Sie können spezielle Geräte wie I oder Finger-Tracking-Kameras verwenden. Anschließend bereiten Sie Ihre Berichte vor und extrahieren die notwendigen Punkte für Änderungen in der nächsten Iteration. Eine andere Möglichkeit, Benutzertests durchzuführen, besteht darin, Dienste von Drittanbietern zu verwenden. Es gibt viele von ihnen wie Benutzertests, Plug-in für XD, Operationen, Pyro-Typ Form, Umfrage, Affe, Benutzerbericht bekommt Zufriedenheit, riesige Antwort. Kunden sicher, fragen Sie nett. Es gibt viele, viele, viele andere, die Sie für Ihre Benutzertests verwenden können. Und sie haben integrierte Berichte. Einige von ihnen haben kostenlose Testversionen, die auf Versionen beschränkt sind. Natürlich sind sie bezahlte Funktionen. Sie können den Service entsprechend den Anforderungen Ihres Tests auswählen. Die Funktionen, die für den Test notwendig sind. Wahrscheinlich wird der Preis auch in Betracht gezogen. Und die andere Sache ist, Folgefragebögen zu haben. Sie können es auch aus der Ferne oder persönlich tun. Sie können Google Forms verwenden, um Ihre Frage Jahre zu erstellen, wenn Sie die Aufgaben angeben und Follow-up-Fragen in der Person stellen, nachdem Prototyp wird Ihnen antworten. Wir füllen den Fragebogen aus und Sie werden in der Lage sein, zu analysieren, sobald der Test abgeschlossen ist. E-Mail, natürlich, es ist der traditionelle Weg, um ein Feedback von Benutzern zu erhalten , hängt von der Art der Fragen, die Art von Benutzer testen Sie tun. Es gibt mehrere. Um mit einem großen Publikum zu arbeiten, müssen Sie wahrscheinlich etwas auswählen, das von Drittanbieterdiensten angeboten wird. Wie ich bereits sagte, ja, sie werden bezahlt, aber sie haben diese Zielgruppe und Sie können die erforderlichen Kriterien angeben , um Personen herauszufiltern, die nicht Ihre Zielgruppe sind. Lassen Sie uns also einen Blick auf die Arten von Tests werfen. Erster. Es kann im Labor oder im Feld, UMass Carson, sein, um in Ihr Büro oder Runde zu kommen und dort ein Interview zu führen. Oder Sie können es in einem Feld wie draußen und Kaffee in der natürlichen Umgebung für das Produkt tun. Kann moderiert werden. Auf moderiert, wenn Sie in der Nähe von Person sitzen und Sie alles überwachen, hat er oder sie tun dh legte Notizen als Fragen. Das ist ein moderierter Test. Sie können nicht moderierten Test durchführen. Bitten Sie die Person, die Website oder App zu nutzen und auf eine Antwort zu warten. Kann persönlich oder aus der Ferne sein. Ok. Ihr Bericht sollte eine Hintergrundzusammenfassung enthalten. Es ist die Umgebung, die Tools, Tag, Zeit, vielleicht, ob Sie diese Mobiltelefone verwenden, bitte legen Sie dies auch, denn es ist wichtig für eine mobile App-Design-Methodik, dass Sie die Liste der Szenarien und Aufgaben verwenden und Beschreibung der Teilnehmer. Da Sie Szenarien haben, bitten Sie den Benutzer, eine Aufgabe auszuführen, die in Ihrem Bericht enthalten sein muss. Also werde ich Ihnen später ein Beispiel für User-Test-Bericht geben. Als nächstes geht die Testergebnisse. Sie müssen es einschließen. Es ist ein Benutzerfeedback. Es ist eine Reihe von erfolgreich im Vergleich zu erfolgreich Aufgaben zu erfüllen. Anzahl der Teilnehmer, Zeit, die benötigt wird, um jedes Szenario durchzuführen. Und Ihre Erkenntnisse und Empfehlungen wie Vor- und Nachteile und Schlussfolgerungen. So finden Sie etwas Interessantes in Ihrem Test. Natürlich musst du es runterlegen. Das ist der Zweck dieses Tests, interessante Dinge zu finden, diese Erkenntnisse zu erhalten, Frustrationen zu vermeiden, um zu verbessern, den Product_Type später zu definieren. Typischer Anwender-Testbericht oder Usability-Bericht enthält eine umfassende Zusammenfassung, Methodik, Testergebnisse und Erkenntnisse. Hintergrund-Zusammenfassung. Es ist die Umgebung des Tests, wo es dauert, was war der Raum, die Ausrüstung, wenn es spezifisch für Modal ist, sollten Sie es auch ablegen. Auch Zeit und Datum sollten in Ihrem Hintergrund angegeben werden. Sommer. Methodik bedeutet, dass Sie in Ihren Bericht Listen von Szenarien und Aufgaben sowie die Beschreibung der Teilnehmer aufnehmen . So haben Sie einige spezifische Aufgaben, die Sie ein Teilnehmer zu erfüllen hat. Bitte fügen Sie es ein. Denn sonst können Sie die Situation nach Benutzertests nicht analysieren. Okay, als nächstes geht die Testergebnisse. Natürlich können Sie ohne Testergebnisse überall hin gehen. Und die Testergebnisse beinhalten Benutzerfeedback. So bitten Sie Ihre Teilnehmer, laut zu denken, wenn er füllt wenig verwirrt mit Navigation. Okay, du hast hingelegt und versucht, so viele Informationen wie möglich vom Benutzer zu bekommen. Und es ist schön, die Anzahl der Teilnehmer zu haben, weil Sie in der Lage sein, Ergebnisse zu vergleichen und das gesamte Bild zeigt Zeit, die benötigt wird, um jedes Szenario in Ihrem Benutzerbericht zu erreichen. Selbstverständlich sind Erkenntnisse auch im Bericht wichtig. Sie können feststellen, dass es einige Vor- und Nachteile gibt. Vielleicht gibt Ihnen ein Teilnehmer ein paar Ideen. Wer weiß es? Nun, das Interview zu führen, versuchen Sie, den Teilnehmer um einen Beschluss zu bitten. Was er oder sie fühlte sich gut, diese Aufgaben zu erfüllen. Und schreiben Sie auch Ihre eigene Schlussfolgerung auf den Test. In Anbetracht aller Informationen, die Sie zur Hand haben, sei es eine hohe Erfolgsquote oder seine geringe Erfolgsrate, ob Menschen mit der Suche nach dem bestimmten Artikel leiden oder leicht zu finden waren. Eins. Ob es einfach ist, in der App zu navigieren oder es ist schwer, das zu tun. Sie können ein bestimmtes Modul oder eine neue Funktion oder einen neuen Dienst testen, der beim aktuellen Projekt eingeführt wurde, oder Sie können alle Projekte testen. Hier können Sie Ihre Benutzertests bei Bedarf erweitern oder verkleinern. Sobald Sie die Benutzertests abgeschlossen haben, können Sie die Ergebnisse analysieren. Und es könnte nützlich sein, die Ergebnisse in Design- und Nicht-Designproblemen zu gruppieren und diese in Ihren Wireframes und Ihrer Informationsarchitektur zu implementieren. Wahrscheinlich gibt es einige andere Erkenntnisse, die Änderungen in anderen Phasen des UX-Designs erfordern. Hier ist das Beispiel des Benutzer-Testberichtsformulars. Und Sie werden sehen, dass es Sie werden sehen, dass es eine Beschreibung einer Person, die in Frage gestellt wurde, um eine Aktion auszuführen. Und die Tabelle und die Schlussfolgerung, können Sie für eine Schlussfolgerung fragen, können Sie nicht. Es hängt von Ihrem auf Ihrem Testformat ab. Ok. Also hier haben wir Datum sieben August Platz, Büroausstattung, Samsung, eine sieben, Werkzeuge, Lodge Deck, Webcam, Szenario Anmeldung, Erfolg rechts von 0 bis fünf, Innenseiten, Vor-, Nachteile und Zeit nehmen, um die Aktion durchzuführen. Ich habe aufgelistet, ob drei Szenarien, die der Benutzer durchführen musste. Dies sind Anmeldungen, die Benutzer markiert vier von fünf. Also ist es die Erfolgsrate. Wir entdecken, dass wir Vimeo-Konto für die Authentifizierung hinzufügen müssen und Zeit für diese Aktion erforderlich war 35 Sekunden. Die andere Aktivität, die wir gebeten haben, ist, sie Anmerkungen zur Stressabbau zu finden. Und es erhielt fünf Sterne. Aber wir müssen die Anzahl der Meditationen auf fünf in jeder Kategorie begrenzen. Denn mit vielen Meditationen, etwas verwirrend, manchmal wuchs Zeit, die erfordern, dass diese Aktion durchzuführen war eine Minute und 14 Sekunden. Dann bitten wir den Benutzer, die Profilinformationen zu fühlen. Es erhielt drei von fünf Sternen da es viele Arten von Daten gibt, die ein Benutzer ausfüllen kann. Und wir beschlossen, die persönlichen Daten und psychologisches Porträt in zwei Abschnitte oder zwei Schritte aufzuteilen . A2, Benutzer, zwei Minuten und zwei Sekunden, um alle Informationen zu füllen und die Teilnehmer Schlussfolgerung ist die folgende. Ich fühlte mich sehr versiert mit dieser App, es ist einfach, sich anzumelden und Meditation zu beginnen. Allerdings würde ich es vorziehen, E-Mail-Konto für die Autorisierung zu haben und Profil Fragesteller schien ein bisschen lang. Ok. So sammeln Sie diese Art von Informationen von jedem Ihrer Teilnehmer und Sie haben möglicherweise ein anderes, das allgemeine Berichtsformular, in dem Sie die Highlights Ihrer Tests einschließen. 49. UI übersicht: In diesem Video gehen wir über den Abschnitt UI-Design, Übersicht Benutzeroberfläche, oder? Dies gibt Ihnen einen Überblick über verschiedene Schnittstellen auf verschiedenen Plattformen, verschiedenen Websites gibt Ihnen wirklich die andere Seite der UX, wo UX typischerweise mehr auf die Benutzererfahrung fokussiert wird. Verkaufstrichter, Customer Journeys, bei denen die Benutzeroberfläche die eigentliche Schnittstelle ist, mit der Benutzer interagieren, oder? Layout, die Gliederung der Website, die Interaktion, die Interaktivität, die sie so weit wie die Verwendung einer bestimmten Website haben werden, mit einer bestimmten App, richtig, also lassen Sie uns voran gehen und gehen Sie über die U-I-Abschnitt Übersicht. Also in diesem Abschnitt gehen wir über die UI-Übersicht zu gehen. Wir gehen über das, was du bist, ist, wie funktioniert. Sie können hier offensichtlich aus dem Bild auf der rechten Seite sehen, dies wird die Benutzeroberfläche sein mit der wir in diesem speziellen Abschnitt arbeiten werden. Es geht darum, die Interaktivität der Benutzer wirklich zu verstehen, wie sie das Produkt verwenden, wie es angelegt ist, wie einfach es für sie ist, durch die Verwendung Ihres Produkts zu navigieren, die Benutzerfreundlichkeit und jede Art von Schluckauf oder Straßensperren auf dem Weg. Und dann gehen wir über die gängigsten Arten von Schnittstellen. Wir gehen über verschiedene Arten von Websites, verschiedene Plattformen, und eine Art von geben Ihnen einen Überblick über die verschiedenen Arten von Schnittstellen gibt es auf dem Markt. Und dann gehen wir über die Landingpages Übersicht zu gehen. Wir gehen über verschiedene Arten von Landing Pages, wie sie angelegt sind, den Zweck von ihnen, soweit, wofür Sie sie letztendlich verwendet werden sollen, wie Sie sie auslegen möchten. So dass es sehr einfach und einfach für den Benutzer ist zu kommen und jede Aktion zu ergreifen, die Sie suchen, um sie zu ergreifen. Und dann die UI-Komponenten, Elemente. Und dann schließlich die UI-Steuerelemente, richtig? Also freue ich mich, dass du hier auf diesem U-I-Abschnitt anfangen kannst. Dieser Abschnitt enthält auch eine Menge verschiedener Lektionen in Adobe XD, wir werden über verschiedene Header-Designs, allgemeine Layouts, Mobilgeräte und Desktop gehen . Footer Design Taste Design, Eingabe-Design, Drop-Down-Design, und alle verschiedenen Arten von für mobile und Desktop-Funktionen entwickelt. Wir haben also ziemlich viel praktische Lektionen in Adobe Extreme in diesem speziellen Abschnitt sowie in den anderen. Und ich freue mich darauf, dass du losgehst und wir sehen uns auf der nächsten Seite. 50. UI: In diesem Video werden wir über UI-Design gehen. Also haben wir UX-Design und all die verschiedenen anderen Lektionen im UX-Bereich durchlaufen. Und UI-Design geht es wirklich um die Benutzeroberfläche der tatsächlichen Produkte, richtig? Wie die Benutzer es verwenden, wie sie durch sie navigieren. Und dann in der Lage zu sein, etwas zu haben, das nett und einfach für sie ist, um jede Aufgabe zu erfüllen, die sie mit der Benutzeroberfläche zu erfüllen suchen , richtig? Denn letztendlich ist das, was am wichtigsten ist, oder? Sie würden über eine Benutzeroberfläche für wie Facebook nachdenken. Facebook möchte, dass Sie eine tolle Erfahrung haben. Facebook möchte, dass es Ihnen leicht macht, sich mit Ihren Freunden und Ihrer Familie zu verbinden, Videos anzusehen verschiedene Dinge auf Ihrem Newsfeed zu posten. Und so macht das Interface es. Es ist also sehr einfach und einfach für jemanden, dies zu tun, oder? Das ist es, worüber wir hier im UI-Design sprechen werden. Wir werden darüber reden, was es ist, wie es funktioniert. Und wir werden auf einige sehr spezifische Details eingehen. Und dann schauen wir uns UX gegen UI an. Also lasst uns voran gehen und hier reinspringen. Mit UI-Design, UI-Schnittstelle, ist dies der Prozess, den Designer verwenden, um Schnittstellen und Software oder jede Art von Geräten zu erstellen , die sich auf Aussehen, Gefühl und Stil konzentrieren. Und wie ich bereits erwähnt habe, suchen die Designer Schnittstellen zu schaffen, die den Anwendern einfach in angenehm finden. Sie wollen auf die Plattform zurückkehren können, oder? Also denken Sie einfach noch einmal an Facebook. Wenn Sie auf Facebook sind, ist es ein angenehmes Erlebnis. Es ist sehr einfach zu navigieren. Ja, sie haben ziemlich viele Updates, aber zum größten Teil verbessern diese Updates die Plattform verbessern die Erfahrung, richtig? Deshalb haben sie Milliarden von Benutzern. Und so letztendlich geht es beim UI-Design um den Benutzer und wie er leicht durch die Benutzeroberfläche navigieren kann. Wir wollen es super einfach und super einfach machen. Haben Sie eine schöne Erfahrung, richtig, für alle Benutzer. Und wenn wir uns UX gegen UI ansehen, fragen UX-Designer, wie Fragen, wie kann der Benutzerfluss viel rationeller werden? Wie kann es viel strukturierter sein? Wie kann es für den tatsächlichen Benutzer ein einfacherer Prozess sein? Und dann stellen die UI-Designer die Welche Fragen. Wenn Sie über UX-Design nachdenken, denken Sie über Psychologie, Verhalten und Vorhersage nach, richtig? In diesem Abschnitt haben wir einiges an Verhaltenspsychologie durchgemacht. Die Psychologie löst viele verschiedene Einflussmetriken aus, viele verschiedene Einflussauslöser. Und wir wollen die Leute dazu bringen, Maßnahmen zu ergreifen, oder? Finden Sie heraus, was der Prozess ist, was ist der Fluss. Das ist am einfachsten für sie, tatsächlich ein Kunde im Vergleich zur Benutzeroberfläche zu werden , ist, dass wir wollen, dass die Menschen in der Lage sein, die Informationen zu lesen , darauf zuzugreifen, in der Lage zu sein, darin zu arbeiten und sie zu verwenden und es sehr angenehm Erfahrung für den Endbenutzer zu haben. Und die nächsten Lektionen gehen wir über verschiedene Arten von Schnittstellen. Und wir gehen auch über einige Landing Page-Design. Das wird also hier für den Unterschied zwischen UX- und UI-Designern sein. Und wir sehen uns auf der nächsten. 51. UI: In diesem Video gehen wir über die verschiedenen Arten von Benutzeroberflächen-Design-Typen. Also gehen wir voran und springen hier rein. Es gibt eine Menge verschiedener User Interface Design-Typen. Und was ich Sie heute hier durchführen werde, sind nur einige der verschiedenen Arten von Schnittstellen, die Sie erleben werden , die Sie auf dem Markt sehen werden. Also gehen wir voran und springen hier rein. Die erste Art von Schnittstelle wird also eine Unternehmens-Website sein. Corporate Websites werden eine große Rolle dabei sein, weil dies einer der ersten Bereiche ist, in denen jemand eine Marke oder ein Unternehmen betrachten kann, richtig? Oder vielleicht sogar ein Produkt. Wenn sie auf die Website gehen, sind sie in der Lage zu sehen, wie sich dieses Unternehmen direkt auf dem Markt repräsentiert. So sehr wichtig. Und dann Verkäufe in Landing Pages. Und wir werden uns auch ein paar Beispiele dafür ansehen. Und natürlich wissen Sie, was die Verkaufs- und Landingpages sind. Wir haben die Verkaufsseite, die den tatsächlichen Traffic antreibt, um einen Kauf zu tätigen. Und die Landing Page ist in der Regel da , um den Verkehr zu treiben und tatsächlich Informationen zu verbinden, richtig, sammeln Sie diesen Lead. Und dann haben wir verschiedene Promo-Seiten, auf denen es Art Rabatt-Angebot oder eine Promotion gibt, die den Leuten sagt, hey, 20% oder 30% Rabatt. Und es ist sehr viel so für bestimmte Arten von Verkäufen. Und dann haben wir E-Commerce. E-Commerce-Arten von Websites sind sehr einzigartig und Kunden gut, großer Player im Spiel, ein Shopify, aber viele Websites sind auch kundenspezifisch gebaut als auch und sie sind mit der Benutzeroberfläche in meinem entworfen, oder? Zu verstehen, dass das Tief des Benutzers, wie sie die Website nutzen und die Benutzerfreundlichkeit wird sehr, sehr wichtig sein. Also E-Commerce, Sie werden auch sehen, dass ziemlich viel. Auch in der SAS-basierten Software as a Service, werden Sie diese Schnittstelle ziemlich viel sehen. Man sieht sich verschiedene Software-Unternehmen aus, die aus dem Silicon Valley, der Gegend von Seattle, kommen. Und dann wirklich jede Art von Software-Unternehmen im Allgemeinen, es wird in der Regel eine sehr einzigartige Benutzeroberfläche haben. Und dann haben wir mobile Websites. Wenn Sie bestimmte Websites auf Ihrem Telefon betrachten, wird es normalerweise eine andere Schnittstelle haben, als wenn Sie es online direkt über Ihren Desktop zu einem Tablet machen. Also, es ist wirklich wichtig, dass Sie vor allem auf den mobilen Websites in der Lage sind, es super einfach, super einfach für den Benutzer zu machen , denn wenn Sie zu viel Zeug an einem Ort haben oder alles verwirrt ist, dann ist es gehen, um es so zu machen, dass sie nicht wollen, um mit dem Geschäft oder der Website mit ihrem Telefon zu interagieren, wenn das Telefon ziemlich viel verwendet wird, die Mehrheit der Zeit jetzt, richtig? Der Großteil des Verkehrs kommt von mobilen direkt. So sehr wichtig, mobile Websites, die Benutzeroberfläche davon zu verstehen , und wie Sie sicherstellen, dass es einfach für den Endbenutzer zu verwenden ist. Okay, also werfen wir einen Blick auf einige der verschiedenen Benutzeroberflächen hier. Also haben wir Portale und soziale Medien. Wie Sie hier sehen können, ist die Inhalthierarchie im Layout hier sehr unkompliziert, sehr minimales Design hier, sehr inhaltlich schwer. Dies ist optimiert. Sie haben verschiedene Sprachen, Sie haben in der Regel wie eine Suchfunktion. So finden Sie verschiedene Artikel, verschiedene Videos. Dies wird in der Regel das gleiche für wie Facebook sein, auch für Pinterest oder eine dieser Social-Media-Plattformen als auch. Und dann haben wir die Unternehmens-Websites. Und das wird hier sehr Brauch sein. Allerdings wird es im Einklang mit dem Branding, den Farbschemata, oder? Und dann eine sehr mächtige über der Falte. Und wir werden in einer anderen Lektion genau das eingehen, was das in der Macht ist. Und dann stellt Fachgebiete dar, oder? Du musst gerne über Abschnitt hören. Sie haben Ihre Dienste. Und das kann auch nur eine Seite sein. Sie können alle Ihre Dienstleistungen, Ihre über uns, Ihre Kontaktinformationen alle auf einer Seite haben. Allerdings sind größere Organisationen genau dort, wo ich sagen würde, dass auch nur moderne Organisationen und Unternehmen im Allgemeinen mehrseitige Websites haben werden, oder? Wie Sie dort mit Honda sehen können, haben sie hier eine sehr einfache Benutzeroberfläche. Sie haben die Suche ganz oben rechts, dann haben sie das Menü auf der linken Seite. Und auch Sony hat eine sehr schöne Benutzeroberfläche als auch. Um ganz einfach das Logo an der Spitze zu bekommen. Sie haben auch das Menü oben rechts. Und es ist einfach super einfach zu navigieren. Du musst dort Video machen. Wenn man sich jetzt verschiedene Unternehmens-Websites anschaut, wird man am Anfang ein großes Bild oder ein Video bemerken, richtig? Und dann unten, dass Sie die verschiedenen Inhalte haben werden. Und das ist in der Regel das, was Sie mit Unternehmens-Websites erwarten können. Und dann haben wir die Verkäufe in Landing Pages. Verkaufs- und Landingpages werden in der Regel sein, wissen Sie, um sicherzustellen, dass Sie mit Leichtigkeit durch die Seite navigieren. Es gibt einen schönen Fluss zu ihm und es gibt Konsistenz mit dem Branding Action-Fokus, der Sie dazu bringt, eine Aktion zu ergreifen , entweder zu kaufen oder in Ihre Informationen zu setzen und wird in der Regel eine Seite würde richtig scrollen? Du wirst auf dieser Seite nach oben und unten scrollen. Regel schwer auf Inhalte für eine Verkaufsseite, weil es viel Überzeugungskraft für Sie geben muss, Maßnahmen zu ergreifen oder zu kaufen, oder? Es gibt also viele Engagementselemente. Und vor allem, wenn Sie eine Verkaufsseite haben, möchten Sie die Sicherheit und Sicherheit dort haben, wo Sie hier auf red facts.com sehen. Sie haben Norton gesichert. Sie haben die Garantie oder Garantie. Sie haben autorisiert.net weil sie möchten, dass Sie sich sicher fühlen , einen Kauf über ihre Plattform zu tätigen, richtig? Und dann die nächste, die wir haben, sind die Promo-Seiten. Dies wird typischerweise für neue Produkte, für jede Art von Sonderaktion sein. Sie werden in der Regel eine Menge von verschiedenen Animationen, grafisch schwer, modernste Web-Technologien in der Regel sein. Und es wird Ihnen wirklich ein unvergessliches Erlebnis geben, oder? Du wirst auf diese Seite kommen. Es wird herauskommen, dass Jim, es wird Sie dazu bringen, sich daran zu erinnern, damit, wenn Sie keine Aktion ergreifen, wenn Sie auf dieser Seite landen oder Sie nicht kaufen oder was auch immer es ist, dass diese Seite Sie tun will, richtig? Es wird in Erinnerung bleiben, Sie werden sich daran erinnern, es wird im Hinterkopf sein wegen des einzigartigen Designs und der Art, wie es angelegt ist. Und dann haben wir die verschiedenen E-Commerce-Websites verwenden. Sie werden sehr produktfokussiert sein, möchten eine Suchanfrage mit sehr wenig Text, richtig? Weil Sie nicht versuchen, hier einen Blog zu haben oder so etwas, wo Sie können. Und die Sache ist, dass wir nicht wirklich versuchen, eine Menge Text hier zu haben , weil Ihre Hauptabsicht hier. Um ein Produkt zu verkaufen, richtig? Es ist ein gutes Produkt aus der Tür und Sie wollen, dass die Leute hierher kommen und kaufen. Und so ist das sehr viel so voll von verschiedenen Produkten sein. Es wird leicht für die Leute sein, das Produkt auf den Karten zu kaufen und diese verschiedenen Mikro-Konvertierungen zu durchlaufen, oder? Um letztendlich die Makro-Konvertierung zu machen, was ein Kauf ist, richtig? Und dann haben wir die SaaS, die Software als Service. Das wird ein bisschen einzigartiger und komplexer. wird es jedoch so machen, dass es für den Benutzer sehr einfach und einfach ist. Sie haben eine Menge Einfachheit in unserer Navigation. Viele verschiedene Farbschemata basierend auf dem Branding. Und es wird mobil freundlich sein und die Mehrheit wird über der Falte sein, richtig? Und denken Sie daran, dass diese in der Regel viel anspruchsvollere, viel komplexere Architektur sein werden . Allerdings wird die Schnittstelle hier sehr wichtig sein , weil die Leute in der Regel für wie eine monatliche Gebühr bezahlen oder vielleicht auf einer jährlichen Basis bezahlen oder vielleicht Sie einmalig kaufen, aber in der Regel eine monatliche Gebühr, um , um die Software zu verwenden. Es wird Hunderttausende geben, wenn nicht Millionen von Menschen, die die Software benutzen, je nachdem, was sie ist. Und es wird wichtig sein, dass es einfach zu bedienen ist und es hat eine schöne Farbschemata, was das Branding und es ist letztlich eine angenehme Erfahrung, Arbeit innerhalb der Schnittstelle. Und dann haben wir mobile Websites, richtig? Dies ist etwas, wo Sie sehr, sehr bewusst sein müssen , wenn Sie eine Website erstellen oder wenn Sie irgendeine Art von Web-Entwicklung durchgeführt haben, möchten Sie sicherstellen, dass Sie die Möglichkeit haben zu sehen, wie die Website in einem mobile Version. Weil oft Websites erstellt werden und, Sie wissen schon, Landing Pages erstellt werden, wissen Sie, Verkaufsseiten. Wir holen Bill, und dann siehst du sie auf dem Handy an, und sie sind völlig weg. Also müssen Sie sich ansehen und sicherstellen, dass die Größe der Ränder der Elemente alle korrekt ist, dass alles auf das Telefon passt, auf den Bildschirm passt. Wir wollen auf die Schriftgröße, verschiedene Ausrichtungen, dass Unterschiede im Gerät, oder? Wenn Sie ein Android-Smartphone im Vergleich zu einem Mobiltelefon haben, haben Sie ein Tablet, oder? Wie diese Rog garantiert aussehen auf diesen Geräten ist entscheidend, weil Sie in der Lage sein wollen, es so zu machen, dass es sehr wenig Unterschied zwischen ihnen geht auf den Desktop oder das eigentliche Telefon ist nur, das Telefon wird ein bisschen mehr eine verdichtete Art von Ansicht sein, richtig? Art der Schnittstelle. Es ist sehr wichtig, dass Sie das im Hinterkopf behalten. Und ein paar andere Dinge zu vorsichtig sein, so weit wie die mobilen Funktionen. Sie wollen sich die Swipe-Funktionen, die zusätzlichen verschiedenen Multi-Touch-Funktionen und auch das Berühren und Halten rechts ansehen? Viele verschiedene Apps, viele verschiedene Softwareprogramme da draußen. Auf verschiedenen Websites sind diese Funktionen bereits in ihnen eingerichtet, oder sie werden mit diesen Funktionen und Funktionen erstellt. Also, das ist nur etwas zu beachten, vor allem auf den mobilen Geräten. Das wird also hier für das UI-Design, Design-Typen sein. Und wir sehen uns auf der nächsten. 52. Übersicht: In diesem Video gehen wir über die verschiedenen Arten von Landing Pages und die verschiedenen Arten von Benutzeroberflächen, die alle diese verschiedenen Landing Pages haben. Dies wird also etwas sein, wo wir durch mehrere verschiedene Landing Page-Designs gehen werden. Ich werde Ihnen zeigen, wie sie aufgestellt sind und warum sie auf eine bestimmte Art eingerichtet sind. Und die verschiedenen Benutzeroberflächenfaktoren, die mit jeder Art von Landing Page ins Spiel kommen. Also lasst uns voran gehen und in die Lektion springen. Die gebräuchlichsten Arten von Landingpages sind diese hier. Sie haben Ihre Squeeze-Seite, bei der es sich um einen Lead-Generationstyp handelt. Und dann haben Sie Ihre Lead-Capture-Seite, die offensichtlich da ist, um Informationen und Leads zu sammeln, und dann Ihre Verkaufsseite dort, um ein Produkt oder eine Dienstleistung zu verkaufen, was auch immer das sein mag. Und dann die Dankes-Seite, um Sie wissen zu lassen , dass Sie das Produkt erfolgreich bestellt haben oder die Informationen, die Sie angefordert haben, wurde an Ihre E-Mail gesendet oder Sie können das Produkt herunterladen oder was auch immer das sein mag. Schreiben Sie eine Dankeschön Seite. Oftmals ist großartig, um das Publikum auf den nächsten Schritt in Ihrem Trichter zu lenken. Und dann die 404-Fehler-Landingpage. Dies ist eine Seite, auf der jemand zu einer der Seiten auf Ihrer Website geht und sie nicht mehr existiert. Du willst dort eine 404 Landing Page haben. Und Sie möchten bestimmte Inhalte haben, um sie zu Ihrem Vorteil nutzen zu können. Und dann haben wir endlich hier die Webinar-Registrierungsseite, vor allem jetzt, wo ein Großteil der Schulungen und ein Großteil der Meetings online abgehalten wird. Die Webinar-Registrierung wird etwas sein, das viele verschiedene Unternehmen mit der Implementierung ziemlich viel beginnen werden. Also lasst uns jedes einzelne einzeln durchgehen. So quetschen Sie Seiten. Diese sind oft kürzer, einfacher und enthalten sehr wenig Text und sehr wenig Bilder, nur etwas kurzes, süß auf den Punkt. Und oft werden dies Pop-ups sein, wo Sie zu einer Website gehen, vielleicht lesen Sie einen Blog oder was auch immer, oder Sie landen auf der Homepage, Sie werden ein Pop-up, das auf der tatsächlichen Seite angezeigt wird. Und es wird Ihnen die Möglichkeit geben, dort mit wenig großen x. Sie können durch das Gewicht Text sehen, dieser hier sagt Ihnen zu warten, um nicht zu verlassen weil es bemerkt, dass Sie versuchen, die Website zu verlassen. Und so sagt es dir, hey, warte, du wirst das hier umsonst bekommen. Alles, was Sie tun müssen, ist Informationen zu geben. Das sind also die Squeeze Seiten, die normalerweise sehr kurz und süß sind. Oft hat es nicht einmal so viel Text ist nur hey, holen Sie sich Ihre Kopie von diesem oder Hey, erhalten Sie dieses spezielle ebook oder Download oder was auch immer das sein mag. Und es wird typischerweise in einem Pop-up sein. Okay, also gehen wir jetzt über die Lead-Capture-Seite. Lead-Capture-Seiten sind die am häufigsten im gesamten Marketing-Trichter verwendet, weil sie ein bisschen länger als eine Squeeze Seite sind, weil sie Ihnen zeigen und Ihnen sagen, was Sie bekommen werden, richtig? Was Sie so weit wie ein eBook-Download bekommen werden. Der Vorteil davon, vielleicht andere Leute, die aus dem eigentlichen eBook oder den Produkten profitiert haben, oder? Aber sie sind nicht der Islam als Verkaufsseite, wo man eine Reihe von verschiedenen Verkaufsexemplaren, eine Menge Zeugnisse, sozialen Beweis Rahmen haben muss. Und so mit einer Lead-Capture-Seite. Es ist wirklich wichtig, ein gutes Gleichgewicht zwischen der Frage und der Belohnung auf der Seite, die Sie gefragt werden, ist nur FirstName, Nachname, und dann eine E-Mail viele verschiedene Zeiten, abhängig von der Art der Landing Pages, die Sie sind aufbauen. Was die Lead-Capture-Seite angeht, möchten Sie vielleicht einige Informationen über den Benutzer so weit wie seine Telefonnummer, vielleicht ihre Adresse, oder? Denken Sie nur über wie Immobilien, können Sie versuchen, ihre Kredit-Score zu bekommen, Dinge dieser Art, die für diesen spezifischen Markt relevant sein wird. Und so können Sie auf dieser speziellen Seite hier sehen, sie tun ein wenig verkaufen, so weit, warum Sie dieses ebook herunterladen sollten, warum sollten Sie jetzt wissen, diese Checkliste hier, richtig? Sie sagen dir, dass du das kriegen wirst. Deshalb ist es wichtig. diesem Grund sollten Sie es herunterladen. Und sie geben dir ein kleines Spiel, richtig? Dann schauen wir uns jetzt eine Verkaufsseite an. Jetzt wird das derjenige sein, der die Verkäufe, die Käufe, oder? Derjenige, der viel Kopie benötigen wird, wird in der Regel sehr lang sein oder je nachdem, wie lange Sie es machen möchten. Aber es wird definitiv viele verschiedene Elemente wie soziale Beweise haben , oder? Die Testimonials, Sie werden eine Menge Kopie haben. Du wirst viele verschiedene Aufzählungspunkte haben. Du wirst das Produkt wirklich verkaufen, oder? Denn hier wollen Sie die Leute wirklich wissen lassen , was genau sie bekommen, richtig. Und auf einer Verkaufsseite können Sie ein Video haben und alles hängt von der Größe des Angebots ab, richtig? So können Sie ein Produkt für bis zu $50 mit einer schönen und einfachen Verkaufsseite verkaufen, richtig? Aber wenn Sie versuchen, ein Produkt für über $1000 zu verkaufen, richtig, dann müssen Sie eine Art Webinar oder einen virtuellen Verkaufsbrief machen in dem Sie ein Video haben, das ihnen zeigt, was sie bekommen werden. Und dann bringen Sie sie auf eine andere Seite, die die endgültige Verkaufsseite für sie ist, um tatsächlich den Auslöser zu ziehen. Aber zum größten Teil werden Sie eine Verkaufsseite sehen, die Sie überzeugen wird , das Produkt zu kaufen, und es muss Sie überzeugen, schreiben Sie alle durch die Worte, schreiben Sie die Kopie. Warum sollten Sie das Produkt kaufen, warum es in Ihrem besten Interesse ist und warum Ihr Leben besser sein wird , nachdem Sie das Produkt kaufen, richtig? Und so wird die Länge in der Regel variieren, oder? Sie können einige haben, die kurz sind, Sie können einige haben, es gibt mehrere verschiedene Seiten, und es basiert alles typischerweise auf der Menge an Informationen, die Sie benötigen, um dem Endbenutzer den Wert genau wie gesagt zu erklären, Recht auf, warum es Sinn macht, für sie zu kaufen, warum ihr Leben wird zu verbessern, indem Sie Ihr Produkt, richtig. Ok. Also lasst uns das Ding durchgehen. Q-Bestätigungsseiten. Also danke. Bestätigungsseiten werden großartig sein weil sie dem Benutzer erlauben, das Produkt herunterzuladen, um zu bekommen, was es ist, dass sie sich tatsächlich entschieden und in ihre Informationen setzen. Aber dann erlaubt es Ihnen auch, ihnen zu sagen, hey, gehen Sie hier, überprüfen Sie das, gehen Sie auf meine Website und schauen Sie sich diesen bestimmten Artikel, oder gehen Sie einen Blick auf diesen Link, dieses Video, richtig? Was auch immer das sein mag, Sie können ihn leicht zu einer anderen Informationsquelle von Ihrer Website leiten , vielleicht ein anderes Produkt, was auch immer das sein mag, richtig. Sobald Sie sie dazu gebracht haben, auf der Dankesseite zu gelangen, wissen Sie, dass sie entweder etwas gekauft haben oder ein Produkt heruntergeladen oder das heruntergeladene Produkt heruntergeladen haben. Art von Chichi Führer oder ebook. Und so gibt es heiße Blei. Okay, also gehen wir jetzt zu den 404 Fehlerseiten. Diese sind auch hier extrem mächtig. Offensichtlich wollen Sie nicht wirklich eine Menge von diesen haben, aber oft haben Sie einen bestimmten Link oder Sie haben einen bestimmten Artikel oder eine Seite, was auch immer das auf Ihrer Website sein mag und es ist nicht mehr da. Aber wenn Sie Leute auf diesen Seiten landen, wollen Sie, dass sie in der Lage sein, für Sie und nicht gegen Sie zu arbeiten, richtig? Du willst irgendeinen Humor da drin haben. Du willst sie wissen lassen, hey, hör zu, diese Seite ist nicht mehr da, oder aus irgendeinem Grund haben sie sich im Cyberspace verloren. Aber ich weiß, du bist immer noch daran interessiert, X, Y und Z zu machen. Hey, sieh dir diese Ressource hier an, oder sieh dir diese Ressource da drüben an, richtig? Also wollen Sie in der Lage sein, die, hey, diese Seite ist nicht mehr hier, aber hey, hier ist eine andere Seite, die Sie vielleicht interessant finden, oder? Es ist also eine gute Möglichkeit, es so zu machen, dass Sie verstehen, dass diese Seite nicht mehr hier ist, aber hier ist eine Alternative, die Sie auch nützlich finden können. Und dann endlich hier haben wir die Webinar-Registrierungsseiten. Jetzt werden diese auf dem Markt immer beliebter, weil eine Menge Schulungen online durchgeführt wurde, so weit auch mit Teams, viele verschiedene Produkte und Dienstleistungen werden online verkauft, alle durch Online-Zoom Präsentationen und Videos, nicht wahr? Dies sind in der Regel Seiten, auf denen Benutzer sich für ein kostenloses Training anmelden, in der Regel 45 bis 90 Minuten lang. Und in diesem Training, die Benutzer oder gehen durch einen Prozess, eine Geschichte, eine Art von Szenario, das ihm zeigt, hey, Sie können das auch tun, oder? Und so geht es in die Hintergeschichte des Einzelnen. Vielleicht ist es das Unternehmen, es zeigt ihnen, was sie tun können und bietet im Wesentlichen Wert im Voraus für 45 bis 90 Minuten, oder? Wenn Sie sich an das Prinzip der Gegenseitigkeit erinnern, richtig? Du bekommst all dieses freie Wissen, all diese drei Werte für anderthalb Stunden, wirst du dich verpflichtet fühlen, etwas im Gegenzug zu tun weil du die kostenlosen Informationen kostenlos hast, oder? Und diese werden am besten für digitale Produkte oder Dienstleistungen zwischen 497 oder 1997 sein. Und am Ende der Präsentation haben sie in der Regel eine Bestellabschlussseite, auf der Sie den Kauf tatsächlich tätigen können. Allerdings, für verschiedene Produkte, die hohe Ticket sind, würde ich sagen, über $2 Tausend. Dann haben Sie hier diese Präsentation. Und dann am Ende der Präsentation haben Sie die Möglichkeit, einen Kalender zu buchen, Slots zu buchen, um mit einem der Vertriebsmitarbeiter zu sprechen. Und dann werden sie dich normalerweise auf den Anruf bringen und schauen, um dich zu haben und in etwas zu investieren, das normalerweise über 2 Tausend Dollar liegt, was wie ein Einzel-zu-Eins-oder eine Gruppencoaching-Art von Programm sein wird, richtig. Wo sie dich Schritt für Schritt durch alles führen und deine Hand halten. Deshalb werden diese in der Regel zu einem höheren Preis angeboten. Und so werden dies einige der wichtigsten Arten von Landing Pages, die Sie in Ihrer Karriere laufen. Und wie gesagt, die Webinar-Registrierungsseite ist eine der aufstrebendsten und beliebtesten auf dem Markt heute. Also, das wird für die Landingpages hier sein und wir sehen uns auf der nächsten. 53. XD – Raster in XD verwenden: Hallo, die Arterien hier. Und heute werden wir über Gitter reden. Gitter sind sehr wichtig. Sie sind wichtig für Desktop- und Mobildesign in mehr Schweißnähten und wir haben zwei Optionen. Die erste Option ist meine Wahl. Es ist also 124 Säulenraster. Für mobile und für Desktop verwenden Sie in der Regel 12-Säulen-Raster. Lassen Sie uns also das mobile Layout besprechen. Zunächst einmal haben wir hier zwei Möglichkeiten, wie ich sagte, und eine auf der linken Seite, die 12-Spalte als uns Linie ist um Elemente sorgfältiger anzupassen als im vierten Spaltenraster, das sozusagen steifer ist. Und Sie sehen, dass die meisten Größen hier ziemlich ok sind. Es ist eins für zwei Sekunden, 1 Drittel, und so weiter. Sie können beide 1214, die mit U vereinbart wurden, verwenden, ich benutze normalerweise 12-Säulen-Raster, weil es für mich einfacher ist , Elemente in kleinen Bereichen anzuordnen. Wir haben gerade diesen Bereich in wie mehrere Elemente auszurichten, wie Symbole, zum Beispiel, sehen, Sie können mehr Optionen haben, um diese beiden anzuhängen. Habgier. Obwohl hier, die vierte Kegel Gier, haben Sie auch diese Chance, aber Sie werden mehr Schwierigkeiten haben. Hier sehen Sie, können Sie den ersten ausgereiften Front-End-Entwickler mit Ihrem Stakeholder besprechen, welche Gier für dieses Design besser sein wird. Aber die meisten Fälle Designer sind das. Wir entscheiden, welche Gier in diesem und jenem Projekt K verwendet wird. Zunächst einmal ist es, Elemente richtig auszurichten. Nehmen wir an, wir haben Kontaktformular. Lassen Sie mich greifen, wenn, sagen wir, wir haben mehrere Abschnitte, die wir auf unserem Bildschirm haben möchten , das Dashboard. Sie sehen, wir haben die Möglichkeit, die Kapazität zu erhöhen. Und wenn wir wollen, haben die erstellen, wir können Module arrangieren. Und so, wie wir es gerne machen werden, aber das wird nicht richtig sein. So sehen Sie, die Gier ermöglicht es uns, richtige Mockup zu erstellen. Also ist es einfacher, hier ein C zu lesen. Wir haben uns nicht einig. Wir werden in der Lage sein, unsere Blöcke sind zufällig zu arrangieren. Gerade jetzt, wenn wir Credo verwenden, können wir den gleichen Abstand haben, gleiche Ränder zwischen den Objekten horizontal und vertikal. Also, wofür ist das Gitter? Auch hier ist der Zweck der Gier, ein korrektes Mock-up zu schaffen, korrekt, in Bezug auf Positionierung, Ausrichtung, Verteilung. Hier sehen Sie, dass wir hier etwas baser verschoben haben, Abstandshalter dort. Und wir haben die Sidebar, die. In der Nähe von zwei Spalten. Jeder Block benötigt drei Spalten und der Abstand ist gleich zwischen ihnen. So ermöglicht es uns, das richtige Objekt zu finden, den Titel zu lesen und zu beginnen, mit dem Modul zu interagieren, müssen wir Flüssigkeit sehen, bis es, dieses. Und es ist einfacher für Front-End-Entwickler, wenn Sie Grid haben und Sie mit dem großen richtig arbeiten. So sind Ihre Elemente richtig ausgerichtet, direkt an der Linie. Auch hier, in Bezug auf das mobile Design, wie ich bereits sagte, können Sie zwischen diesen beiden Optionen wählen, obwohl die Angebote für Säulenraster als Standard, Ich bin mir nicht sicher, ob es der richtige Weg ist. Ich habe es nicht gewohnt, 12-Säulen-Raster. Und ich versuche, auch innerhalb der 12 Spalten auf dem mobilen Layout zu arbeiten. Ok, lassen Sie uns auf die Anpassungen des Glaubensbekennens in x D. So sehen Sie, dass Sie das Quadrat oder Layout Quadrat zeigt Ihnen nur Pixelraster. Sie können die Pixelquadratgröße anpassen. Ein Quadrat braucht also 15. Okay, gehen wir zurück zum Kunstbekenntnis. Sie können die Farbe Ihrer vereinbarten und die Kapazität auswählen. Es ist sehr nützlich, wenn Sie nicht möchten, dass dies Ihre Designpassform beeinträchtigt. Nehmen Sie die Kapazität auf 0 herunter. Sie sehen, sie sind nur Führungen, gezeigt sehr nützliche Funktion. Und nächste Anpassungen sind die Anzahl der Spalten, Rinnenbreite Spalte mit und die Ränder. Also Rinne wird der Abstand zwischen Spalten, Spalte mit ihm ist die Größe der Spalte. Die Ränder sind die Leerzeichen auf der linken bzw. rechten Seite. Auch hier können Sie Ihr Raster direkt von unterwegs an Ihr Projekt anpassen, aber seien Sie vorsichtig, ändern Sie es nicht, wenn Sie andere Seiten gestartet haben, da Sie keine unterschiedlichen Layouts auf den Seiten haben dürfen. So können Sie mit Ihrem Inhaltsbereich anders erstellen. Nur wenige möchten sagen, dass Sie einige Inhalte text-schwere Website wie Medium haben. Sie möchten, dass sich dieser Abschnitt in der Mitte des Bildschirms befindet. Angenommen, Sie möchten mehr Abstand zwischen Elementen haben, wenn Sie an einem komplexen Dashboard oder seiner kunstvollen Website arbeiten. So können Sie diese an Ihre Bedürfnisse anpassen. Also keine Sorge, wenn Sie die Standardwerte hier ändern. K, wieder, versuchen Sie, Ihr Bestes zu tun, um die anzupassen, wir zeigen nur die Farben, so dass es einfacher für Sie zu sehen ist. Versuchen Sie, eine solche Platzierung zu vermeiden, wenn nichts beigefügt zu stimmen. Also der, Ihr Block geht aus der Spalte, versucht, das Element zu verkleinern. Und innere Elemente könnten auch auf das Read Me ausgerichtet werden. Jetzt sehen Sie, wir haben mehr organisierte Benutzeroberfläche und wenn Sie eine andere erstellen möchten, die andere Daten hier haben wird. Andere Daten hier, vielleicht ein anderer Zweck. Aber Sie werden bereits die Maßnahmen haben, die Ihnen helfen, ein konsistentes Design zu erstellen, genau wie in den anderen Blöcken wie hier, hier, hier. Ok? Versuchen Sie, mehr Aufmerksamkeit auf die Ausrichtung zu richten, weil es für Front-End-Programmierer wirklich schwer ist zu erraten, was Sie genau gemeint haben, ob es Fehler oder durch Design ist. Versuchen Sie also, Ihr Mockup an Ihre Säulen, an Ihre Gier zu halten. Vielen Dank für Ihre Aufmerksamkeit. Wir sehen uns in unserer nächsten Lektion. Tschüss. 54. XD – Einzelbilanz: Hallo, da. Heute werden wir an der Kartengestaltung arbeiten. Also für das Autodesign müssen wir mehrere Dinge wissen, die für die Karte notwendig sind. Das ist die Kartenspezifikation. Also, wenn Sie mit dem E-Commerce arbeiten, wenn Sie mit ihm für die Lieferung, Blumenlieferung, andere katalogbasierte Design oder Projekt arbeiten, können Sie anfordern. Wir haben bereits Spezifikationen zu den Karten von Ihrem Kunden erhalten. Wir haben Foto oder Bildbeschreibung, Preis, In den Warenkorb Button, spezielles Etikett. Und das ist alles für die Lieferung von Lebensmitteln. Also verstehst du, okay, ich habe hier schon eine sehr leckere Pizza mit Salami und Salsa gefunden. Lassen Sie uns zunächst entscheiden, auf welchen Raum wir unseren Wagen nehmen, unser Layout und wir haben Gier. Zuerst lassen Sie uns entscheiden, welchen Raum wir unsere Autos nehmen, k, wie groß oder klein mit der Karte. Also fangen wir an. Der Ausgangspunkt hier wird das Bild sein, wie Sie bereits erraten, K. Also die Produkte, die Artikel, die über das Internet verkauft werden, werden Sie über die Größe des Bildes des Fotos entscheiden , weil manchmal gibt es kleine Dinge, die Sie müssen Luke vier zu zoomen waren das kleine Foto ist genug für ein bestimmtes Objekt? Nehmen wir an, wir wollen das kleine Foto von Pizza benutzen , weil wir nicht sehen können, wie es ist. Es ist nicht lecker für uns, anderen Worten, okay. Also werde ich von drei Spalten hier beginnen, aber Sie sehen, es wird eine große riesige Karten geben, wenn wir es so machen. Ok. So, jetzt sehen Sie, dass eine Karte mit so einem riesigen Foto, fast 400 Pixel. Seien Sie sehr schön aussehend und Summen von Bild und Fähigkeit, den genauen Inhalt zu sehen gestoppt die Pizza. Also lassen Sie uns versuchen, ein bisschen unsere Karten zu schrumpfen und zu sehen, ob wir verwenden können, um Spalten und sehen. Nicht so gut, wie ich es vorschlagen würde. Vielleicht werde ich es so verringern. Ich denke, drei Reihen reichen für uns so aus. Mal sehen, welche am besten geeignetere hier. Vielleicht können wir das Creed so einstellen, dass es unsere o bis k passt. Unser Foto ist auf 324 Pixel. Und lasst uns versuchen, die Rate anzupassen. Ich habe das Raster so angepasst, dass es näher an das ist, was wir brauchen. Die Parameter sind die folgenden, so dass es immer noch. 12-Säulen-Raster, Spaltenbreite 73186, Ränder von links und rechts. Und jetzt können wir die Brust der Fotos löschen. Sie sehen, dass der Abstand zwischen den Spalten fast gleich ist als die Spalte selbst. Also haben wir sehr schöne Abstände und Differenzierung zwischen den Blöcken zwischen den Karten, die wir im Begriff sind zu entwerfen. Okay, also gehen wir jetzt zur Beschreibung oder wir haben den Titel, die Überschrift, den Titel, den Namen, den Namen vergessen . Lassen Sie mich die Zahlen löschen. Manchmal wird auch die vorrätige Menge angegeben. Das macht den Prozess der Gestaltung dieser Karte schwieriger. Denn mehr Elemente, es sind mehr, mehr Fragen, mehr Probleme, und so weiter. Aber ich werde Ihnen ein paar Tricks zeigen, die Sie im einfachen Warenkorb-Design anwenden können. Und dann sind sie sehr hilfreich für Sie bei Ihren anderen Herausforderungen, die Sie übernehmen werden, und Ihre UX pro Jahr. Also der Name, schreiben wir den Namen Salami Beschreibung. Abhängig von der Art des Produkts, das Sie hinzufügen oder nicht hinzufügen können. Die Beschreibung hängt manchmal von der Art des Produkts ab, das Sie verkaufen. Du zeigst k. hier. Ich denke, dass es durchaus angemessen ist, zu haben. Was sonst haben wir Beschreibung Preis bei Einkaufswagen Schaltfläche auf spezielle beschriftet benannt. Machen wir einen Bro-Prototyp. Versuchen Sie, solche Werte wie 218 zu vermeiden. Das ist also die Kartentaste und einfach. Lassen Sie uns also ein wenig über das Layout sprechen. Zunächst einmal, warum ich diese Elemente auf diese Weise. Wir sind nicht die andere Art und Weise so oder so oder auf andere Weise. So passiert für mich organisch wie automatisch. Also, weil ich bereits bestückt und konfrontiert die Probleme, die auftreten, wenn Inhalt gemacht wird, können Sie Ihren Warenkorb ändern und Sie konfrontiert viele Probleme. Zunächst einmal muss der Platz für Ihren Namen bitte zwei Zeilen enthalten , da sich Ihr Inhalt ändern kann. Ok? Also, und hier haben Sie die Ausrichtung. Sobald sich Ihr Name in eine Zeile ändert, wird das perfekt für Sie sein, denn es ist sehr gut gestaltet, ausgewogen, okay, der Preis kann steigen, sagen wir haben 9099 und es geht näher an die Mitte. Ok. Also, ob Sie 5, $0,05 Euro, fünf Dollar haben, es hat diesen Raum zu erweitern. So hat es diesen Bereich für die Erweiterung c, dieser, der Name, es hat die Erweiterung zu diesem Ort. Und versuchen Sie nicht zu stören Diese beiden, lassen Sie mich es zu diesem ändern, weil es nicht notwendigerweise ist. Also lassen Sie uns den Abschnitt des Preises ein bisschen k. so können Sie die Preise hier sehen, Titel hier, und der Rest wird in die nächste Zeile übertragen werden. Natürlich können Sie keinen Fall vorhersagen, kein Szenario. Aber hier können Sie zwei oder drei Zeilen für ein Beispiel der Beschreibung hinzufügen und hier setzen und eine Zeile für jeden Fall hinzufügen, um zu sehen, wie der Warenkorb aussehen wird. Wenn Beschreibungen länger, Gary, fügen Sie einfach einen sicheren Bereich, der es Ihnen erlaubt, eine andere Zeile in Ihrer Beschreibung zu töten. Obwohl die meisten Beschreibungen zwei Zeilen haben, seien Sie vorsichtig und versuchen, einige ausstehende Szenarien vorherzusagen und einen kleinen Platz für eine weitere Zeile hinzuzufügen. In den Fällen, in denen die Beschreibung viel länger ist als diese, können Sie Hover-Effekte verwenden. So wird der Hover-Effekt Ihnen helfen, Ihre Beschreibung bei Bedarf zu erweitern. Bitte denken Sie daran, dass es einfach ist. Versuchen wir es mit einem anderen Inhalt. Zweite Karte. Sagen wir, es ist o Salomon und von einer Katze oder Pizza. Sie müssen verschiedene Zustände Ihres Autos, alle Inhalte und allgemeine zeigen . K. Der Preis. Wenn es nach links geht. Dasselbe hier. Ob Sie wollen, wird die Schaltfläche entscheiden, wenn der Inhalt fehlt, Ich bin in, wenn es zwei Zeilen der Beschreibung, Siehe es ist dynamisch und auch denken Sie daran, über 0 Zustand oder 0 Fall. Da es manchmal keine Beschreibung hier gibt, kann dieses Szenario vorhersagen und erstellen Sie das Design für das Produkt, das nicht über die Beschreibung verfügt. Weil manchmal sehr blau aussieht, sieht aus wie. Das stört meine Augen wirklich. Und gehen wir zurück zu unserer Spezifikation. Foto Bild Name, Beschreibung, Preis, In den Warenkorb Schaltfläche spezielles Etikett. Wir müssen ein spezielles Etikett erstellen. Also hier können Sie eine Art von Tracking verwenden. Diagonal Tracking-Diagonale hilft Ihnen, einen besseren Platz für die Etiketten zu finden. Labels werden eine Art von Checkpoints für den Benutzer i sein, um es zu bringen. Vor allem, um den Preis neben dem Boden, Hinzufügen in den Warenkorb. Gerade jetzt sehe ich, dass dieser Ort ist angemessener als dieser, diese Ecke, weil die Traktion wird ziemlich Tablett hier von Diagonalen sein. Lasst uns verkaufen. Vielleicht segelte machte mich wusste, vielleicht Bestseller, es kann ausverkauft sein, muss frisch und umweltfreundlich sein, so weiter und so weiter. Bis dahin. Dies ist ein Medium-Fidelity-Prototyp mit, Sie wissen bereits, dass all diese Dinge definiert werden. Sie werden die Schriftart hier ändern. Sie werden einige Box um das Äußere hinzufügen, verbinden Sie den Textbereich mit Foto. Es sieht also aus wie die eine ganze Sache. Verkauf. Bitte erstellen Sie mehrere Etiketten wie Bestseller. Also in perfektem Fall Szenario, Sie haben die Standardkarte, die Karte mit dem Etikett und den Wagen mit einem Etikett ohne Beschreibung. Ok? Bitte beachten Sie diese verschiedenen Zustände, verschiedene Fälle. Der Inhalt ist flexibel, die Kandidaten dynamisch. Bitte bereiten Sie Ihre Mock-Ups Design-Elemente für diese Fälle vor. Denn manchmal, wenn Sie Ihr Design bereits in die Produktion gebracht haben, werden Sie diese Lücken sehen. Sie werden auf der Bühne des Content-Managements auftreten, wenn Menschen den tatsächlichen Inhalt hinzufügen , dass wir diese Lücken sehen und Sie werden der Lage sein, derjenige, der für die Behebung dieser Fehler verantwortlich sein wird. Okay, also waren wir vorsichtig. Bitte beachten Sie, dass das Konzept dynamisch ist und versuchen Sie, die unterschiedliche Länge Ihres Titels zu testen, unterschiedliche Länge der Beschreibungen, Bilder können unterschiedliche Skala bieten, unterschiedliche Proportionen, aber versuchen Sie es einfach , um einen Fall zu betrachten, der passieren kann und darauf vorbereitet sein, weil es weniger schmerzhaft sein wird , es auf dieser Bühne zu tun, anstatt es auf der Bühne des visuellen Designs und beim Entschlüsseln der Verbreitung zu tun. Okay, vielen Dank und wir sehen uns in unserer nächsten Lektion. Tschüss. 55. UI: In diesem Video werden wir über die verschiedenen Arten von Navigationskomponenten gehen. Jetzt ist dies etwas, das Sie normalerweise oben auf einer Website oder oben in der Anwendung sehen werden , wo Sie,sagen wir, verschiedene Suchleistenkomponenten, verschiedene Arten von Menüleisten haben sagen wir, verschiedene Suchleistenkomponenten, , oder? Also lasst uns voran gehen und in die Navigationskomponenten springen. Ok, so dass die häufigsten verschiedenen Arten von Navigationskomponenten, die Sie entweder auf einer Website oder Anwendung oder jeder Art von Software, die Sie verwenden, wird die Suchleiste sein. Sie haben Breadcrumbs, Paginierungs-Tags, Schieberegler, verschiedene Symbole und das Karussell. Also lasst uns voran gehen und ein bisschen weiter in diese eintauchen. Also der erste hier ist die Suchleiste, richtig? Und dies ist in der Regel, wo Sie die Möglichkeit haben, auf irgendetwas auf der Website zu suchen , wenn Sie finden möchten sagen wir eine Person, wenn Sie einen bestimmten Artikel, bestimmte Blog-Post oder ein bestimmtes Stück finden möchten Informationen. Hier können Sie die Suchleiste hier verwenden. Und es bietet eine Menge Wert für den Endbenutzer, weil sie in der Lage sind, etwas sehr schnell zu finden, oder? Wenn sie eingeschaltet sind, sagen wir YouTube, oder? Sie wollen in der Lage sein, ein bestimmtes Video zu finden, indem sie dort gehen und bestimmte Schlüsselwörter eingeben, bestimmte Namen richtig? In. Es wird oft sehr einfach und einfach für sie zu finden, wonach sie suchen. Die nächste, die wir hier abdecken werden, sind die Paniermehl. Dies ist im Wesentlichen eine Art von Zeile, die den aktuellen Pfad zum tatsächlichen Speicherort anzeigt. Sie werden hier sehen, wir haben das Zuhause, dann haben wir einen Schrägstrich über uns. Und der Schrägstrich ist wirklich der Breadcrumb, weil er Ihnen die Hierarchie zeigt, richtig? Sie haben ganz oben, Sie haben zu Hause, und dann haben Sie über uns unter dem. Und dann unter Über uns, hast du Geschichte, richtig? Und es zeigt alle verschiedenen Ebenen innerhalb dieses bestimmten Abschnitts. Und dann die Paginierung hier. Dies ist, wo Sie ganz unten, sagen wir, von einem Blog oder bestimmten Nachrichtenpublikation Art der Website, wo Sie alle verschiedenen Seiten und sogar aktuelle Seiten, die die Website Inhalt hat, sehen können , oder? Dies ist also eine sehr einfache Art der Navigation zu erstellen und einzurichten. Es ist nur Blick auf den vorherigen Beitrag und dann in der Lage , auf dem neuesten Stand zu sein , richtig? Und dann haben wir die Tags hier. Und dies wird in der Regel die niedrigste Ebene der Hierarchie sein , um präzise Inhalte zu finden. Denn Sie können einfach einfach in die Suchleiste gehen und eingeben, wonach Sie suchen. Sie können wie verschiedene Tags wie UX-Design, Branding, was auch immer eingeben. In den meisten Fällen ist der einfachste Weg und was die Leute normalerweise und häufig verwenden nur die Suchleiste und auch die Kopfzeilennavigation im Menü, um genau das nachschlagen zu können, wonach sie suchen. Und dann haben wir den Schieberegler. Und dies wird verwendet, um Wert von arrangieren oder Werte und insbesondere gegebene Menge zu setzen. Also wird es Ihnen normalerweise zeigen, wie, hey, das ist die Zielgruppe zwischen 25 bis 45, oder es zeigt Ihnen, wissen Sie, was Sie bevorzugen. Oder hier ganz oben, sagt es Ihnen, Ihr Haustier Gewicht einzustellen. Fünfundzwanzig, bis zu, sagen wir ein paar 100 Pfund oder was auch immer. Oder wenn du in Kilogramm bist, wird das natürlich anders sein. Aber das wird typischerweise etwas sein, das horizontal dargestellt wird. Denn wenn Sie es vertikal machen, wird es viel Platz in Anspruch nehmen und es wird nicht sehr gut aussehen. Dies ist also am besten auf einem horizontalen Layouttyp ausgelegt. Und dann haben wir die Symbole hier. Icons oder eines meiner beliebtesten hier, weil sie Ihnen wirklich einen Hinweis darauf geben , worum es in diesem speziellen Bereich geht, oder? Wie wenn man sich ganz unten dort anschaut, haben Sie einen E-Commerce, rechtliche und Compliance. Sie haben ein nettes kleines Icon mit den Texten darunter. Und sie geben Ihnen wirklich einen guten Hinweis darauf, worum es in diesem Abschnitt geht. Also mag ich diese sehr. Es gibt offensichtlich einen Knochen zu verschiedenen Arten von Symbolen und verschiedenen Layouts. Und das Tolle daran ist auch, dass man diese vertikal oder horizontal auslegen kann . Und sie werden beide fantastisch aussehen. Offensichtlich, was die vertikale, Sie wollen kleinere Symbole haben , so dass Sie nicht zu viel Platz, zu viel Platz. Allerdings, was die horizontalen, Sie können sie viel größer machen, genau wie wir hier ganz unten mit der e-comm, legal und Compliance, und dann die Finanzen und Banken. Aber sie funktionieren fantastisch. Sie sehen auch toll aus. Und dann haben wir das Karussell. Dies ist in der Regel, wo Sie ein Portfolio sehen , in dem Sie viele verschiedene Projekte haben, die Sie in der Vergangenheit getan haben. Vielleicht andere Kunstwerke, unterschiedliche Fotografie. Das wird am besten sein. Dort kannst du es schaffen. Das ist also anklickbar. Und sagen wir, jemand ist auf Ihrer Website und sie suchen nach Ihrem Portfolio. Sie können dort ein Karussell haben, das ihm erlaubt, verschiedene Bilder zu sehen , wenn ich Projekte bin, an denen Sie gearbeitet haben, und dann können sie auf diese speziell klicken und auf eine bestimmte Seite gelangen , die ihnen einige weitere Informationen darüber gibt bestimmten Projekt. Okay, also lassen Sie uns einen Blick auf einige der verschiedenen Faktoren werfen, wenn es um die mobilen Spezifikationen hier geht. Okay, denken Sie daran, wenn Sie eine Webanwendung entwerfen, ist es wichtig, dass Sie die Unterschiede mit verschiedenen Schriftarten, verschiedenen Elementen und der Größe verstehen , die auf einem Desktop im Vergleich zu einem Mobiltelefon erforderlich ist, richtig? Weil es offensichtlich völlig andere Art von Layout, Benutzeroberfläche für ein Mobiltelefon sein wird. Und Sie müssen in der Lage sein, sich des Unterschieds dort bewusst zu sein. Also, wenn Sie eine sehr gut aussehende Anwendung haben, die gut auf dem Desktop funktioniert, aber es kann kurz auf das Design auf den mobilen Spezifikationen fallen. Sie müssen das jederzeit im Hinterkopf behalten. Und einige der Schlüsselfaktoren, die Sie hier im Auge behalten möchten , sind offensichtlich die Schriftgröße, verschiedene Elemente, verschiedene Formen. Wenn Sie wie Menschen füllen Anwendungen und insgesamt das Layout und Design sowie, so dass Sie in der Lage, die Menge an Platz, die Sie haben, zu maximieren und Sie sind nicht tragen alles durcheinander. So ist es einfach für die Person zu navigieren. Denn denken Sie daran, Mobiltelefone sind im Wesentlichen die Führer jetzt in Verkehrsquellen. Und das ist, wo der Großteil des Traffics für Website-Anwendungen kommen wird. Und so wollen wir es so einfach und so einfach und reibungslos wie möglich für diese Personen machen , die Anwendung, diese Website zu navigieren, was auch immer das Richtige über ihre Mobiltelefone sein mag. Werfen wir einen Blick auf die mobilen Spezifikationen ein bisschen tiefer. Also, was die Schriftgröße hier? Wir wollen sicherstellen, dass wir mindestens 16 Pixel haben und dann auch den Zeilenabstand erhöhen. Sie können hier auf diesem Bild auf der rechten Seite sehen, dies ist eine fantastische Art von Benutzeroberfläche. Sie sind nett, Design, schön und einfach. Du hast nicht zu viel, sie gehen weiter. Und dann auch die Größe eines Elements, mindestens 44 mal 44, so dass es nicht zu groß, nicht zu klein, aber es ist sehr einfach zu betrachten und zu navigieren. Und dann die Heatmap, Dies ist, wo Sie offensichtlich schauen, wo die Leute klicken, wo die Leute tatsächlich ihre Zeit verbringen, wenn sie sich zu einer Zeit drehen, sagen wir, Artikel lesen im Vergleich zu einer bestimmten Seite, möchten Sie in der Lage sein, zu sehen, was diese Personen auf ihrem Mobiltelefon machen, wenn sie meine Anwendung verwenden, wenn sie auf meiner Website sind, richtig? es so sehr wichtig. Und dann die Foren, richtig? Wenn Sie eine Art von Anwendung haben, bei der Personen ihre Informationen ausfüllen, sammeln Sie oder Sie haben Leute, die sich als Benutzer anmelden, richtig? Erstellen eines Benutzernamens, mit einem Passwort dort. Sie möchten auch darüber nachdenken, eine Heatmap hier zu haben und es so zu machen, dass es schön und einfach ist, richtig? Hier haben sie die gesamte Seite im Wesentlichen als die eigentliche Form, auf die das alles ist, worauf es sich tatsächlich konzentriert, oder? Denn denken Sie einfach daran, ein Formular auf einer bestimmten Website, Landing Page oder was auch immer zu haben, richtig? Und Sie haben diese Form, die nur auf einem kleinen Teil dieser Website auf diesem Layout für das Mobiltelefon ist, oder? Es wird sehr ablenkend für den Benutzer sein. Sie wollen also, dass sie auf einen Button klicken und sie dazu bringen, sich tatsächlich zu registrieren, so dass sie alles vor ihnen haben, damit sie sich darauf konzentrieren können , das zu tun und sich tatsächlich anzumelden, richtig? Weniger Ablenkungen. Und dann werfen wir einen Blick auf einige Layout-Gitter hier. Sie möchten die Lesbarkeit beibehalten. Du willst mehr Luft im Weltraum haben, oder? Du willst nicht, dass die Dinge verwirrt werden. Sie möchten drei Lehrbücher für eine Spalte haben, fünf Elemente pro Zeile. Erwägen Sie, ein Framework zu haben, das spezifisch und speziell für das ist , was Sie hier erreichen möchten. Aber dieses hier, das Sie von diesem Handy hier sehen können, ist großartig, weil dort nicht zu viel los ist. Es ist sehr einfach zu sehen, was dort vor sich geht und was Sie wählen können, was Sie auswählen können. Denken Sie also wirklich über die verschiedenen Layout-Raster und die Spezifikationen darüber nach. Okay, also werfen wir einen Blick auf die Handy-Spezifikationen hier für ein Android-Handy, richtig? Denn sie werden ein bisschen anders sein als ein IOS, Apple Phone und verschiedene andere Handy-Hersteller da draußen. Also für mobiles Portrait, dies sind die verschiedenen Spezifikationen, die Sie im Auge behalten möchten. Dasselbe für mobile Landschaft, ein Porträt für Tablets und dann eine Landschaft für ein Tablet. Also, wenn Sie verschiedene Elemente, verschiedene Komponenten entwerfen, oder? Sie möchten diese für das Android im Hinterkopf behalten. Und dann hier ist es für das iPhone, Sie wollen sicherstellen, dass Sie die Spalte und 16 Rand haben. Und dann für das iPad, Sie wollen eine Spalte und 16 Rand als auch haben. Und dann haben Sie natürlich eine andere Orientierung für die iPad-Landschaft und dann auch für das Desktop-Layout. Stellen Sie also sicher, dass Sie ein Verständnis für die verschiedenen Layouts haben, die Spezifikationen, richtig? Wenn Sie verschiedene Anwendungen erstellen, denn für die Mehrheit der Zeit, wenn Sie verschiedene Anwendungen entwerfen oder erstellen, die so ziemlich ausschließlich auf dem Telefon oder auf tragbaren Geräten verwendet werden . Sie möchten also sicherstellen, dass Sie die richtigen Spezifikationen haben, die richtigen Arten von Spalten nach Arten von Rand, so dass sie gut auf den richtigen Geräten angezeigt werden. Und hier sind einige Spezifikationen für den Bootstrap. Sie möchten sich Telefone auf unsere 768 Pixel oder die Tablets ansehen. Sie möchten 768 Pixel sehen, 15 Pixel auf jeder Seite der Spalte. Auch dies ist etwas, das Sie in der Lage sein möchten, selbst zu betrachten , zu verwenden und zu navigieren. Ich gebe Ihnen hier nur ein paar verschiedene Spezifikationen , die Sie beachten sollten. Und was du tun kannst. Viele Male ist es nur gehen auf verschiedene Anwendungen, verschiedene Websites, und schauen Sie sich an, was sind die aktuellen Trends, oder? Schauen Sie sich die verschiedenen Berichte an und im Wesentlichen in der Lage zu emulieren wie diese Jungs ihre aktuellen Designs ausgelegt haben und in der Lage sein, zu sehen, okay, was sind einige Dinge, die ich Ideen, einige verschiedene Frameworks, die ich nehmen kann diese einzelnen, aus diesen verschiedenen Anwendungen, diese unterschiedlichen Designs. Und dann kann ich auch in meinen eigenen Designs verwenden. Und dann endlich hier haben wir die Benutzerführung. Und das ist großartig für neue Benutzer, die eine neue Feature-Updates in einer Benutzeroberfläche einführen. Und das ist normalerweise das, was Sie sehen werden, wenn Sie jemanden auf eine Website kommen, die unterschiedliche Inhalte hat, verschiedene Arten von Informationen, bei denen Sie möchten, dass sich die Leute anmelden, richtig? Oder es ist vielleicht ein Dienst, der kostenlos oder vielleicht bezahlt ist, oder vielleicht haben sie eine kostenlose Version und dann können Sie upgraden. Sie möchten es einfach und einfach für sie machen, sich anzumelden, ihre Informationen einzugeben und sich als Benutzer anzumelden und Teil dieser bestimmten Website oder Software-Anwendung zu sein . Und so wird das hier für die UI-Navigationskomponenten sein. Und wir sehen uns auf der nächsten. 56. UI: In diesem Video werden wir über die verschiedenen Arten von Benutzeroberflächen-Steuerelementen gehen. Dies werden also verschiedene Dinge sein, wie zum Beispiel das Dropdown-Feld oben in der Kopfzeilennavigation, Dinge wie verschiedene Schaltflächen, verschiedene Kontrollkästchen , verschiedene Umschalter und eine Reihe anderer verschiedener Steuerelemente. Also lasst uns voran gehen und direkt in das hier springen. Die gebräuchlichsten Arten von UI-Steuerelementen sind also die Textfelder, das Dropdown-Menü, vielleicht ein Optionsfeld, wenn es das auch enthält. Verschiedene Schaltflächen im Allgemeinen, ein Kontrollkästchen umschalten und dann die Tag-in-Zeit-Auswahl. So können Sie sich das hier auf der rechten Seite ansehen, irgendwie bekommen Sie eine Idee, wie das aussehen würde. Dies wird in der Regel mit verschiedenen Software oder verschiedenen Arten von Programmen sein. Wo, sagen wir zum Beispiel, Sie haben wie eine Audio-Aufnahmesoftware oder ein Programm. Dies ist in der Regel, wo Sie gehen, um eine Menge dieser verschiedenen Tasten auf sehen, wie das Radio, vielleicht fehlt das Ein- oder Ausschalten. So ist es, was Sie viele Male in den verschiedenen Arten von Programmanwendungen erwarten können . Wenn Sie daran interessiert sind, einen Blick auf vielleicht eine wirklich schöne Benutzeroberfläche für eine Audio-Erstellungsanwendung zu werfen, dann empfehle ich Ihnen dringend, dass Sie sich Fruity Loops ansehen. Eigentlich ist es ein Programm. Sie können Perlen machen, Sie können Musik machen, und es hat eine wirklich schöne Benutzeroberfläche. Und geben sie dir eine gute Idee was ich hier beziehe, bis hin zur Kontrolle. Das nächste, was Sie hier beachten sollten, ist das Textfeld. Und das wird schön und einfach sein, um nur Ihren Text dort zu haben und wird oft nur einen Platzhalter haben. So schön und einfach hier für das Textfeld. Und dann das Dropdown-Menü. Sagen wir, wenn Sie auf einer Website sind und Sie sehen im Menü dort oben ganz oben können Sie Portfolio zum Beispiel sehen. Darunter werden Sie das Dropdown-Menü zu sehen, und Sie werden sehen, dass, sagen wir, ein Portfolio von Fotografie, Portfolio von Web-Design, Portfolio von verschiedenen Anwendungen, richtig? So kannst du über den Job nachdenken. Es wird dort sein, wo Sie wie eine Header-Navigation haben. Sie haben ein bestimmtes Thema. Sie sind wie „Dienste“, oder? Und dann werden Sie unter dort verschiedene Arten von Diensten innerhalb dieses bestimmten Labels haben . Der nächste, den wir uns ansehen werden, ist das Optionsfeld. Und dies wird in der Regel auf einer Software-Anwendung sein , in der Sie daran arbeiten und Sie erstellen verschiedene digitale Art von Produkten, verschiedene digitale Art von Medien, wie Videos, wie Audio. Und das ist, wo Sie die Fähigkeit haben , die einfach auf den kleinen Knopf dort klicken. Und es wird in der Lage sein, eingeschaltet, aktiviert oder deaktiviert zu werden. Und werfen wir einen Blick auf einige der häufigsten, die sind die Schaltflächen, die Sie in der Regel auf den meisten Websites sehen werden, die Mehrheit der verschiedenen Anwendungen. Wir sind öfter als nicht, die Schaltflächen werden eine Art von Call to Action haben , wo sie Ihnen sagen, hier zu kaufen, In den Warenkorb, erfahren Sie mehr, Holen Sie sich ein Angebot, richtig? Und innerhalb der Knöpfe kann man manchmal wie ein Emoji haben. Sie können manchmal wie ein Symbol haben, das die Schaltfläche wirklich hervorbringt, sowie etwas JavaScript auf der Schaltfläche haben, was es mehr hervorhebt, indem Sie auch ein interaktives haben können, verschiedene Farbschemata bei einigen Schatten 2-Wege-Array. Es gibt viele verschiedene Dinge, die Sie mit Knöpfen tun können. Und ich liebe es, mit Schaltflächen zu arbeiten, denn es ist wirklich das, was es dem Benutzer ermöglicht , den nächsten Schritt auf Ihrer Zielseite oder Ihrer Verkaufsseite zu machen, richtig? Denn wenn sie sich zum Beispiel auf dieser Verkaufsseite befinden, suchen sie Ihr Produkt zu kaufen und Sie möchten diese Schaltfläche dort haben. Das ist super einfach, super einfach für sie zu klicken, oder? Und es hebt sich hervor. Und es ist wirklich, dass sie wissen, dass sie auf diese Schaltfläche klicken müssen. Und es fängt wirklich ihre Aufmerksamkeit ein, richtig? Hier sind auch einige zusätzliche Arten von Steuerelementen. Wir haben hier die Checkboxen. Diese werden in der Regel auch in verschiedenen Benutzeroberflächen sein. In der Regel werden Sie diese wie in einer Art Fragebogen sehen, vielleicht wie eine Art von Umfragetyp von Software. Eine der Software, die ich mir oben vorstellen kann, ist wie der Survey Affe, wo Sie im Wesentlichen Feedback von Ihren Kunden sammeln können oder wo Unternehmen tatsächlich Umfragen an ihre tatsächlichen Kunden senden und dieses Feedback erhalten können. Oftmals wirst du das in diesen Arten von Fragen sehen, bei denen es eine Mehrfachauswahl ist oder wirklich jederzeit, dass es eine Art Fragebogen gibt, okay? Und diese werden immer am besten vertikal ausgelegt werden. Sie wollen die nicht horizontal haben, oder? Weil es einfach nicht gut aussieht. Und so stellen Sie sicher, dass Sie, wenn Sie diese hinzufügen, sie in einer vertikalen Art und Weise angelegt haben, okay? Dann haben wir die anderen hier, die der Schalter ist. Diese werden auch fantastisch sein für Bein an- und ausgeschaltet. Hier wirst du das meistens sehen. Auch hier wird dies wie in der Musikproduktionsart von Softwareanwendungen sein. Eine Menge, wo Sie etwas einschalten, etwas ausschalten, vielleicht auch wie ein Online-Radio. Das ist, wo Sie normalerweise sehen werden. Und dann steuert die Benutzeroberfläche so weit wie die Datums- und Uhrzeitauswahl. Dies ist ein schönes Layout hier. Sie können sehen, dass es oft auf verschiedenen Blogs gibt. Sie können dies auf, Sie wissen, bestimmten Websites haben. Dies wird jedoch meistens in wie verschiedenen Projektmanagement-Anwendungen gesehen werden , oder? Weil Sie in der Lage sind, den tatsächlichen Monat oder sogar das tatsächliche Jahr in der Vogelperspektive zu sehen, wird es normalerweise wie ein Dropdown-Menü sein. Wie ich bereits erwähnt habe, werden Sie hier jedoch wirklich sehen, dass dies im Projektmanagement-Anwendungsbereich ist . Eine andere Sache, die Sie hier im Auge behalten müssen, wenn es um UI-Steuerelemente geht, ist das Verständnis der Gitter, da dies Ihnen eine wirklich gute Idee hinsichtlich der Lesbarkeit und der Zugänglichkeit einer bestimmten Anwendung oder Webseite, richtig? Sie möchten in Bezug auf das Raster denken, so dass Sie den Inhalt genau angelegt haben , der diesen Rastern folgt. So ist es einfacher zu verdauen, leichter zu konsumieren, und es ist eine angenehme Erfahrung, wo die Dinge nicht überall sind, nicht, wissen Sie, verwirrt sind. Es ist alles in einer sehr präzisen Art und Weise, die es führt. So sind die Benutzer in der Lage, die Informationen in einer angenehmen Art und Weise zu konsumieren und haben eine große Erfahrung. Das wird also hier für die UI-Steuerelemente sein, und wir werden Sie auf der nächsten sehen. 57. XD – Handy und Desktop: Kopf-Design: Und diese Lektion wird die Komponente der meisten UIs erkunden, wo Benutzeroberflächen, die Header schimpfen und wir werden Arten von Layouts diskutieren, auch ein wenig die mobile Version für Header erkunden. Okay, fangen wir an. Vor allem, warum der Header wichtig ist? Es ist wichtig, aufgrund der es ist eine feste Position Elemente, die auf jeder Ihrer Seiten, Bildschirme, oder andere Arten von Fenstern und Benutzer wird es die ganze Zeit zu sehen. Deshalb ist der richtig faktorierte Header sehr nützlich für die Benutzererfahrung und das Design der Benutzeroberfläche. K, mit Hilfe von Header, sind wir in der Lage, Benutzer zu führen. Also dienen wir einem Zweck der Navigation, wie eine Art Top-Navigation. Und wir können auch eine Person zu seinem persönlichen Konto führen, in den Warenkorb, zeigen die Telefonnummer zum Beispiel, oder markieren einige spezifische kulturelle Aktionen oder andere Elemente, die wichtig sind und wichtig sind während der gesamten Sitzung des Besuchs der Website oder mobilen App. Okay, also lassen Sie uns die Arten der Navigation beschreiben. Stellen wir uns also vor, das ist das Logo. Normalerweise wird das Logo hier oder in der Mitte platziert, in der Mitte, je nach Layout, das Sie wählen. Aber lassen Sie uns von der traditionelleren Art und Weise beginnen. Und Logo ist in der Regel hier. Es kam also alles aus Zeitungen, in denen die Leute die Zeitung von der linken oberen Ecke lesen. Diese Regeln sind von Zeitungsdruckzelle gekommen , weshalb wir in der Regel Logo auf der linken Seite verwenden. Es ist traditioneller Ansatz, aber manchmal sehen wir zentriertes Logo für Header. Okay, lassen Sie uns eine Benachrichtigung erstellen. Die „Über uns“ -Dienste und Kontakte. Ok. Also in diesem Fall wird der Header die Funktion der Navigation und Schleifen, okay, oder die Orientierung dienen . Manchmal lässt der ansprechende mobile erste Ansatz Geräte so aussehen. Es ist ein Burger-Menü. In der Regel hier platziert. Es gibt einen Mentor. Es vermittelt ein Dropdown-Menü, das die gleiche Navigationsfunktion bedient. Das heißt, verstecken Sie es hinter dem Symbol. Meiner Ansicht nach, wenn Sie den Platz zum Platzieren Ihres Menüs haben, in diesem Fall, um dem Benutzer zu helfen, seinen Weg leicht zu finden. Ok. Dies erfordert also zusätzlichen Aufwand, wie klicken Sie auf die Suche nach einem bestimmten Artikel Kategorie und dann dorthin gehen. Also ist es viel einfacher, einfach hier zu klicken, und das ist alles. Also für Mobile würde ich Ihnen natürlich vorschlagen, so etwas zu verwenden. Es ist die traditionelle Art und Weise. Nichts Schickes. Weil wir nicht viel Platz haben, wie wir auf dem Desktop haben, um verschiedene Elemente zu platzieren. Normalerweise können wir diesen Abschnitt in vier Teile zerlegen. Und wenn es um vier oder mehr 56 geht, wird es sehr schwer für die Menschen zu lesen. Also schlage ich vor, dass Sie auf drei Maximum für Gruppen von Elementen bleiben. Es kann ein Logo sein, das auch gruppiert ist. Burger-Menü und Kontobereich könnte hier neben dem Warenkorb platziert werden. So sind sie ein wenig näher beieinander, anstatt Menü-Logo. Okay, lassen Sie uns versuchen, zwei Abschnitte für die Zählung und für die Karte hinzuzufügen. Lassen Sie uns sehen, wie diese Seiten, diese Links könnten in einem so kleinen Bildschirm implementiert werden. Okay, ich zeichne einen Zeilenentwurf. Normalerweise haben wir hier einen Kontrast, wir fügen Kontrast hinzu mit uns, ich meine Designer. Diese Elemente sind da, Es ist Kerala Kategorien oder Webseiten. Ein Weg hierher. Bitte achten Sie auf die Größe der Schriftart, die auf kleinen Geräten verwendet wird. Also, wenn Sie nur drei haben, können Sie Runde sieben Elemente in 27 Pixel Font hinzufügen. Ok? Dies ist nur für Sie, ein Szenario vorherzusagen, wenn neue Seiten auftreten. Wie werden Sie verwalten, wie das System dieses Update verwalten wird? Im Moment können Sie drei Platzierungen auf der zentrierten Oberseite haben, niedrigeres Bit kann so tun. Ich habe nur die Speisekarte gekürzt. Lassen Sie uns versuchen und sehen, wie unser Prototyp mit Dropdown-Menü aussehen wird. Char. C, ganz einfach. Und in anderen gefragt, um mehr Elemente hinzufügen, wenn nötig, weil in der Regel Websites, Apps, die Änderung und Sie müssen bereit für diese sein. Okay, gehen wir zurück zu unseren Gruppen. Also haben wir hier drei Gruppen. Eine dient der Navigationsfunktion, Logo, es ist das Branding. Und hier haben wir auch Funktionalität, eine Gruppe, diese beiden zusammen, weil es mehr oder weniger ausgewogene Zusammensetzung ist, nur die Farbe ein bisschen und die Größe. Und perfekt aussehende Kopfzeile. Neben dem Menü, der Navigation, den Kontoeinstellungen, dem Warenkorb oder anderen Einstellungen oder anderen Abschnitten. Es kann auch eine Suchfunktion geben. Eine Suchfunktion kann auch hinter dem Symbol ausgeblendet werden. Sobald Sie auf das Suchsymbol gedrückt haben, wird der Eingangsport erweitert und dann können Sie Ihre Suchanfrage eingeben. Manchmal ist die Suchleiste bereits vorhanden. Sie können also eine Suchleiste wie diese entwerfen. Hier können Sie betrachten, die Arbeit ist für die Suchleiste getan, weil sobald eine Person auf das Suchfeld klicken, Zerfall Bard wird auf Android oder IOS-System erweitern, wird zeigen, dass die Buchstaben neben dem Eingabetaste. Hier brauchen wir also keine anderen Elemente. Und mehr als das, wir ersetzen ein Element hier, wie Go oder Button wie oder Pfeil, der einige Vater Prozess zeigt, um fortzufahren. Die Informationen bedeuten, dass wir Reaktionen machen werden, was zuerst auf die Suchleiste klicken. Dann tippen wir den Chor hier irgendwo auf der Tastatur, und dann gehen wir zurück und drücken diese Taste. Dieser Übergang ist nicht so schwer, aber immer noch können wir diese zusätzliche Aktion vermeiden, indem schüchternde Taste für Android oder iPhone implementieren. Okay, lass mich, los geht's. Jetzt siehst du diesen Knopf, über den ich gesprochen habe. Heutzutage sind die Menschen in der Regel von mobilen Design murmelt Layout, weil mehr Menschen mit Mobiltelefonen Internet dienen. Und deshalb ist der Mobile-First-Ansatz sehr wichtig und sehr aktuell bei Bedarf. Heutzutage ist es einfacher, wenn Sie einen kleineren Bereich für Design haben, ihn in einen größeren Bereich übertragen und Sie werden keine Probleme mit dem Platz finden , wenn Sie den Platz auf einem kleineren Bildschirm wieder gefunden haben, hier würde ich auch vorschlagen, an einem geringere Anzahl von Gruppen, aber immer noch können wir zusätzliche Dinge wie Anzahl integrieren. Zum Beispiel, niedlich wie dieses. Nimm mich nicht falsch. Es ist ein Prototyp, es ist das Drahtmodell, das Ihnen nur die Struktur der Kopfzeile zeigt, okay? Und Sie sehen auf diesem Bildschirm, dass dies mehr oder weniger zuverlässig ist, als wenn wir zum Beispiel diese Nummer hier setzen. Sieht irgendwie lesbar aus. Aber auch hier ist es nicht der perfekte Ansatz. Wenn Sie Ihre Telefonnummer angeben, versuchen Sie bitte, mehr ästhetische Möglichkeiten zu finden , dies zu tun, anstatt wie ich auf der Probe gezeigt habe. Okay, eine andere Sache, die in der Überschrift interessant ist, könnte es eine zusätzliche Ebene der Navigation oder andere Informationen geben. Könnte Telefon sein, könnte rechtliche Bedingungen sein. Verwenden Sie also die vollständigen Informationen. Ja, nützliche Informationen. Vielen Dank für Ihre Aufmerksamkeit. Ich hoffe, diese Lektion ist nützlich. 58. XD – Handy und Desktop: -: In diesem Video erfahren Sie, wie Sie ein Dropdown-Menü erstellen. Für Dropdown müssen wir zwei Zustände erstellen. Zuerst ist Standard und die R1, die bereits erweitert Menü oder etwas. Also lasst uns Diagramm Ich werde ein abstraktes Menü erstellen. Dies ist unser Standardzustand. Wir müssen jetzt eine Komponente aus dieser Gruppe von Elementen erstellen. Mit control k haben wir jetzt die Möglichkeit, unserem Element zusätzliche Zustände hinzuzufügen, und es ist ein Hover-Zustand. So sehen wir diesen Standardzustand und Hover-Zustand im Hover-Zustand, wir entwerfen das visuelle unserer Dropdown-Liste. Lasst es versuchen. Ok, wir haben vergessen, das Dreieck zu ändern. Siehst du Sie können auch onclick event verwenden, aber dafür müssen Sie ein anderes Kunstboard erstellen und mehr Zeit in Anspruch nehmen. Aber in einigen Fällen ist unvermeidlich, weil die Interaktion auf dem onclick funktioniert. So wird die Erweiterung Ihres Auftrags nach unten nur verfügbar sein, nachdem Sie auf das Element geklickt haben. Zu diesem Zweck müssen Sie zusätzliche Onboard erstellen und diese Art Boards untereinander verbinden. Ich werde Ihnen ein Beispiel zeigen, wie es aussieht. Ich habe den Hover-Zustand gelöscht, also stört man unseren Prototyp. Also, sobald ich geklickt habe, sehe ich zusätzliches Element. Sie können Hover-Effekt für jede dieser Elemente integrieren, die notwendig ist, da Ihr Benutzer verstehen muss, welches Element sie hier auswählen wird. Es wäre also schön, wenn Sie hier ein Highlight für Elemente hinzufügen könnten , die aus der Liste ausgewählt werden. Ich winziges Highlight ist unser Carry. Dieser Ansatz, könnte diese Methode in mobilen Menüs verwendet werden. Auch hier könnte Hover sein, könnte onclick UK davon ausgehen, dass es einige zusätzliche Funktionen, einige zusätzliche Menü, die Sie verwenden, geben wird . Also in diesem Fall ist in höchstwahrscheinlich verwenden wir separate Art-Boards, weil die Interaktion wird auf Klick basieren. Es wird also zwei verschiedene Bildschirme geben, die einen geschlossenen Zusammenbruch in einem ausgeblendeten Menü zeigen. Okay, lassen Sie mich Ihnen ein Beispiel zeigen. Also zeichne ich zwei Rechtecke, verbinde sie untereinander und schaffe eine Art Hintergrund, der kontrastierend sein sollte. Dieses Element wird sozusagen zu x geändert, oder Kilos Symbol schenkt nicht viel Aufmerksamkeit auf die riesigen Blöcke. Natürlich müssen Sie genauer sein, neueres Design. Ok? Und hier haben wir Vout. Los geht's. Meine Position ist anders. Das ist hier nicht der Fall. Lassen Sie es uns versuchen. Also klicke ich und wir haben leichte Animation hier, was gut ist. Dieser Ansatz wird in der Regel für ein mobile-first Website Nickerchen verwendet. Lassen Sie mich vorstellen, immer Touch-Button auf diese Weise. Jetzt. Jetzt haben Sie diese Kenntnisse, wie Sie interaktive Menüs, Dropdowns erstellen. Sie können dieses Wissen auf Dropdowns in Ihrem UI-Kit anwenden, ob es sich um ein komplexes System oder einfach handelt, 1. Mai wenden Sie dies an, wenn Sie die Navigation für Ihre Website und natürlich das Menü für Ihre mobile App entwerfen . Versuchen Sie ein paar Mal mit EINER Sache über die Anwendungsbereiche und Komponenten wie diese, wo sie nützlich sein können. Vielen Dank für Ihre Aufmerksamkeit. Wir sehen uns in unserer nächsten Lektion. 59. Gemeinde Layouts: Okay, in diesem Video gehen wir über einige der gängigsten Layouts für Inhalte auf einer bestimmten Website oder Anwendung, was auch immer das sein mag. Also werden wir hier einige verschiedene Beispiele durchlaufen. Und dann führt Arthur Sie durch, wie Sie dies einrichten und dieses und Adobe XD erstellen können. So, wie Sie hier sehen können, haben wir diese spezielle Website, die wir uns ansehen. Und was wir hier betrachten, ist, wie der Inhalt angelegt ist, oder? Und ich mag dieses spezielle Beispiel hier wirklich, weil man hier unten sehen kann, die wie ein H1 hier haben. Und dann haben sie den Absatztext direkt darunter. Und ich mag wirklich, wie es hier eine Menge Leerzeichen gibt weil es wirklich die Aufmerksamkeit auf den Text lenkt, auf Ihr Bild, bekommt Benutzer wirklich darauf achten. Und so gehen wir hier runter. Hier wird es hier oben ein bisschen verwirrt. Es gibt ziemlich viel Zeug, aber Sie können damit davonkommen, weil es gut aussieht. Für mich würde ich dies jedoch in vielleicht zwei bis drei verschiedene Abschnitte aufteilen. Ich glaube, hier ist viel los und es kann hier oben etwas verwirrt werden. Nun, das ist auch hier ein gutes Layout. Ich mag das so weit wie das Symbol und dann etwas Text und dann ein wenig Absatztext darunter. Und dann gibt es einen Knopf hier. Aber ich liebte nur dieses Weiß oder diesen Abstand hier. Soweit für den Text hier, der Inhalt der Schaltfläche. Und da ist diese große Lücke hier, weil sie wirklich will, dass Sie Ihre Augen in diesen speziellen Inhalt ziehen. Und sie machen auch hier unten einen guten Job. Das ist auch ziemlich gut hier. Sie haben nur Text hier mit dem Absatz bearbeitet und dann haben sie die tatsächlichen Unternehmen, mit denen sie arbeiten. Aber ich mag diesen hier auch, wo sie das Symbol und dann den Überschrift-Text haben, und dann einen kurzen Absatz und dann die eigentliche Schaltfläche. Dies ist, was ich glaube, ist eine der besten Arten von Layouts, in denen Sie viel Platz haben, der offen ist. Sie haben ein Symbol und dann haben Sie einige Überschrift Text, und dann den Absatz. Und das wird mehr als oft nicht sein, die beste Art von Layout, weil es Ihnen erlaubt, leicht auf diesen Inhalt hier gerichtet zu werden und tatsächlich alle Maßnahmen zu ergreifen, die diese Website will Sie zu ergreifen. Nun, wenn wir hier runter gehen, nicht zu schlecht, und dann der Rest der Website sieht ziemlich gut aus und sehen, wie sie ihren Blog hier haben. Ok, also ist ihr Blog überall. Ich denke, das ist zu viel hier. Ich hätte vielleicht kleinere Bilder gehabt. Mal sehen, hier. Ok. Also sind ihre Blog-Inhalte hier nicht auch für Matt. Sie haben die Überschriften. Das wäre also wie ein H1, H2, H3 und so weiter und so weiter. Werfen wir nun einen Blick auf meine Website hier und ich möchte Ihnen zeigen , wie das hier so weit wie der Inhalt angelegt ist. Also habe ich hier die drei Kernbereiche. Ich habe die drei verschiedenen Icons und habe den Inhalt darunter. Und dann gibt es einige Empfehlungen, und dann gibt es hier Inhalte mit der Überschrift. Und dann auch hier. Und es ist ziemlich unkompliziert, oder? Und dann gibt es einige tatsächliche verschiedene Zeugnisse hier bis hin zu Klienten. Und dann lassen Sie mich Ihnen zeigen, wie der Service angelegt ist. Und das ist mein Favorit, weil es sehr präzise ist und es sehr auffällig für den Benutzer ist , hierher zu kommen und in der Lage zu sein, die verschiedenen Dienste zu betrachten und wie diese angelegt ist, ist sehr, sehr präzise, so dass es für den Benutzer verlockend ist. Wie Sie hier sehen können, gibt es das Bild auf der linken Seite und es gibt Inhalte auf der rechten Seite. Und es gibt wie ein Dropdown-Menü hier, genau wo Sie die vollständige Lieferung sehen können. Dies ist also ein umfassender Bericht hier, Review. Und dann können sie sich die vollständigen Ergebnisse ansehen und unter der Schaltfläche „Mehr erfahren“, das gleiche hier, SMB- und Unternehmens-Outreach. Es gibt ein Bild auf der rechten Seite und dann, wo Sie die vollständige Lieferung sehen können. Also mag ich diese spezielle Art von Layout, weil sie es erlaubt, Kontext zu geben, was der Inhalt ist. Aber dann ist es auch in einer sehr angenehmen, auffälligen Art und Weise angelegt, richtig? Lassen Sie uns nun einen Blick auf einige andere Beispiele hier werfen. Schauen wir uns diese besondere Anwaltswebsite an, die wir in einem anderen Video gesehen haben. Und mal sehen, wie sie hier angelegt sind. Ich denke, das ist zu viel. Das hier oben ist alles durcheinander. Dann eine Menge der Dinge, die sie für wie SEO tun, wo sie all diese verschiedenen Links hier haben. Das mag auch der Grund sein, aber ich würde diese typischerweise ganz unten hier unten haben. Also schauen wir uns ihre Zugehörigkeit hier an. Okay, also ist der Blog nicht zu gut angelegt nur einfaches Blog-Layout hier. Sie haben Ihre Überschriften. Ok? Also diese Arten von Websites, Sie sind nicht wirklich gehen, um eine Menge von UI-Design zu sehen, weil ihre Hauptzweck ist nur um Sie auf diese Website zu kommen und einen Anruf zu tätigen oder sie zu kontaktieren. Also nicht die beste Art der Benutzeroberfläche hier. Aber schauen wir uns einen anderen hier an. Dies ist die Sichtbarkeit entzünden. Das ist, glaube ich, eine Marketingagentur. Und eines der Dinge, die ich an dieser Website nicht mag , ist, dass hier zu viel los ist. Es gibt eine Menge Inhalt. Hier können Sie sehen, dass es eine Top-Marketing-Agentur gibt und dort einen Firmennamen gibt, als ob wir gerade in die Schule zurückschauen. Da ist also die Suchmaschine Nummer eins. Und dann in den USA, Großbritannien und Kanada. Und dann geht es nur so viel Zeug vor sich. Wie drei verschiedene vier verschiedene Farben. Richtig? Und ich denke, es wäre viel einfacher, es klarer zu haben und nicht so viel Zeug hier vor sich geht. Vielleicht hätte ich also gerne den grünen Text oder vielleicht nur einen weißen Text und würde das so weit auslegen, was die Firma macht, richtig? Anstatt all das Zeug hier zu haben, weil es so viel zu lesen gibt und dann hier runter gehen und runter. Das ist alles ziemlich verwirrt. Ich denke, das könnte ein besseres Design sein. Es ermöglicht jedoch immer noch eine einfache Bedienung, da es alles an einem Ort ist. Das ist also auch ein Vorteil. Hier runter kommen, auch nicht so schlimm. Und dann schauen wir mal hier. Ich denke, das ist auch zu verwirrt. Ich denke, es sollte einige Texte darüber sein, die besagt, wir sind in der Lage, XYZ zu tun. Wir können Ihnen helfen, ABC zu erreichen und dann einen Knopf dort zu haben. Irgendwie habe ich hier dran, wenn wir hier unten nach Hause gehen, wie es für mehr Sicherheitsprojekte bereit ist, richtig? Ja. Gewählte Erfahren Sie mehr. Also denke ich so etwas hier, wo es sagt bereit für mehr Kunden oder was auch immer das sein mag. Ich denke, das könnte dieses Jahr wirklich profitieren. Aber insgesamt ist das auch ziemlich gut. Ich denke nur, dass hier zum größten Teil eine Menge Dinge vor sich geht, ich würde wirklich versuchen, das viel einfacher zu machen, zu navigieren, viel einfacher, so weit nicht so viel Zeug an einem Ort verwirrt zu haben. Ok. Genau wie ich bereits erwähnt habe, denke ich, dass dieser hier wahrscheinlich der Beste war weil sie viel Leerraum haben, oder? Wir haben nicht genug Leerraum auf der anderen. Weil eine Menge von ihm hier oben verwirrt ist. Sie haben ein wenig Leerraum da, ein bisschen genau da, keiner hier. Und nur ein bisschen hier, richtig? Sehr, sehr wenig gegen diesen hier. Mit einer Tonne Leerzeichen. Whitespace hier, Rang, alles ist der Inhalt und die Schaltfläche. Und dann auch hier, wenn du das hast, weißt du, sei einfach in der Mitte hier. Dies ist eine bessere Art von Design, bessere Art der Benutzeroberfläche. Es ist viel einfacher für den Benutzer und ermöglichen es ihnen angenehmer , auf diese Website zu kommen und, Sie wissen, zu erfüllen, was erforderlich ist. Also, das wird hier für das gemeinsame Layout sein. Sie werden also sehen, dass Arthur Sie durch eine andere Lektion in Adobe XD führt, wie Sie diese erstellen und wie Sie diese einrichten. Das wird also hier in diesem Video sein und wir sehen uns auf dem nächsten. 60. XD – allgemeine Layouts: Hallo, da. In dieser Lektion werden wir über Arten von Layouts, verschiedene Layouts für Ihre Seiten sprechen. Und wir möchten von einem traditionelleren Ansatz wie Bild und Textüberschrift beginnen. Also nichts Ausgefallenes. Ich werde Ihnen einen Abschluss zeigen, wie es in erstellen zwei integriert ist. Wir haben hier einen Rand und ein Rand auf der rechten Seite sieht geräumig aus. Hier sehen Sie, dass der Inhalt weniger oder mehr dauern kann. Sie können die Breite anpassen und Haidt tatsächlich können Sie nur die Breite des Inhalts anpassen , weil Haidt in der Regel berechnet, wenn Sie tatsächlichen Inhalt in der Box k haben . Also sagen wir, wir haben nur Prolines und das sieht schön aus. Sieht nicht so schön aus. Ok? Also, ob Sie weniger Inhalt haben, versuchte, Ihr Textfeld zu verkleinern, so dass es kompakt und wahrhaft aussieht. Ton hat versucht, Ihre Worte auf der ganzen Seite zu verbreiten. Wir werden nicht arbeiten. Dasselbe hier. Lässt die Spiegelversion dieses und ich gerade die Größe des Bildes auf der rechten Seite erhöht und die Größe der Anzahl der Wörter im Container verringert. Finden Sie also heraus, welche Art von Inhalt die Website in den Abschnitten haben wird, und versuchen Sie, Ihre Blogs auf ihre Länge anzupassen, so dass es ausgewogenere Zusammensetzung aussieht. Der andere Weg ist, es Schritt für Schritt zu machen. Es gibt also eine Überschrift mit einem Textfeld, es gibt ein Bild von diesen Elementen, ich nehme an, nicht nur die Überschriften-Tags und das Bild könnte verschiedene Elemente auf unterschiedliche Weise kombinieren. Versuchen Sie also, diesen Ansatz auf Ihr Design anzuwenden und denken Sie nicht nur über das Bild und über die Tags nach. Um ein Opt-in-Formular zu sein, könnte ein Schieberegler sein, was auch immer es sein kann, versuchen Sie es angemessen zu arrangieren, so dass es für KI sehr gemütlich aussieht und von Benutzern in diesen Tagen geliebt wird, werden mehr Designs mit mobilen ersten Ansatz in der hier Ich werde vorschlagen, dieses Layout so wie Schritt für Schritt zu haben, also ist es ein konsistenter Ansatz, Kay? Also gibt es ein Element in einem anderen, und das dritte, lassen Sie mich zeigen, wie es hier aussah. Haben Sie eine Bildüberschrift. Also funktioniert dieser Ansatz hier am besten. Selbst wenn wir die Größe auf den minimalen Stahl reduzieren, können wir so etwas verwenden, um das Gitter hier zu spalten. Ein Wort, das gut, wie im Desktop-Design. Also bitte beachten Sie diesen Unterschied, wenn Sie zuerst das Desktop-Design machen, denken Sie bitte darüber nach, wie die mobile Version wir aussehen werden. Ich denke, es wird konsequent sein, genauso wie hier. Bild geht von der linken Seite weiter, bedeutet, dass das Bild auf der Oberseite sein wird. Wenn Bild geht auf der rechten Seite wie hier als in der Galle Telefon, wird auf diese Weise aussehen. Ok. Bitte beachten Sie, dass in jedem dieser Layouts, Sie müssen prüfen, eine Ihre Elemente an das Layout zu grüßen k anhängen. Denken Sie daran, Sie können diese Block und diesen Block verwenden, diesen Block, und dann die andere, nur um einige Variation zu haben, so dass die Menschen wird nicht Schema, Sie sind besteuert versuchen, das Auge auszulösen, um einen Text in ihm zu lesen und drücken Sie die Taste. Ok, ich werde die nur die Balken und als Referenz zeigen. Okay, jetzt siehst du, wie es funktioniert. Mit dem Call-to-Action-Peer. Sie können die Schaltfläche so platzieren, aber Sie müssen an dem visuellen Teil arbeiten. Also wird dieser Bereich zusammen mit diesem sein, wo Ihre Elemente sollten auf etwas ausgerichtet werden, denn sobald es aus dem Glaubensbekenntnis geht, werden Sie, als Benutzer bemerken. Okay, dies sind die gängigsten, beliebtesten und einfachsten Layouts, die Sie integrieren und Ihr Design verwenden können. Natürlich, für komplexe Systeme, die nicht funktionieren, weil Sie über Struktur nachdenken müssen. Es gibt verschiedene Arten von Elementen und es gibt viele von ihnen viel mehr als auf Corporate Website. So erfordert es zusätzliche Analyse und weitere Forschung auf dem wäre der beste Weg, in dem die beste Struktur für Ihre Inhalte auf dem Dashboard, auf den komplexen Systemen, auf den anderen Steuerelementen und so weiter. Ich werde Ihnen sagen, dass dies zwei Arten sind, weil dies die Spiegelversion dieses eine ist und die andere ist mehr an die Mobiltelefone angepasst. Und natürlich, mit den komplexen SAR-Systemen, müssen Sie zu einer tieferen Analyse des Inhalts der Funktion und so weiter und, und strukturieren Sie Ihren Bildschirm und steuert umgekehrt. Dies ist also mehr anwendbar für Websites, die einige Seiten, bis zu fünf Seiten, verschiedene Layouts, die Sie diese beiden für jetzt erinnern können, um es zu starten, ist genug. Die zweite ist besser geeignet für das mobile Design. Die erste ist mehr an den Desktop angepasst, und diese ist nur Spiegelversion des zweiten Layouts. Heutzutage benutze ich diese öfter, obwohl ich aus einer statischen Perspektive diesen noch mehr mag, viel mehr. Aber wenn ich das mobile erste Design, natürlich, müssen auf ein konsistentes Layout bleiben. Vielen Dank für Ihre Aufmerksamkeit und wir sehen uns in unserer nächsten Lektion. Tschüss. 61. Produktübersicht: Okay, in diesem Video werden wir uns das Fußzeilendesign ansehen. Jetzt ist das Fußzeilendesign, wo Sie in der Regel Ihr Logo auf, wo Sie gehen, um verschiedene Arten von Links haben werden. Für verschiedene Seiten. Sie werden in der Regel wie Ihr Guthaben, Ihren Kontakt, Ihre Adresse haben. Manchmal können Sie wie eine Karte in Ihrem Standort haben, wenn Sie wie ein lokales Geschäft haben und wo Leute tatsächlich zu Ihrem Standort kommen, und auch verschiedene Arten von Links für die Städte oder Standorte. Und das sind Sie, Sir. Und dann auch in der Regel wie ein Kontaktformular und wie Sie hier sehen können, jede dieser oft, warum sie dies so weit tun, wie für Geolocation und die Dienste für SEO-Zwecke, denn wenn Sie einen Link haben, vor allem mit der Ankertext , der hier der Text ist, können Sie sehen, es sagt Suchmaschinenoptimierung hier. Und dann unten links hat Services Vorwärts Schrägstrich SEO. Also, wenn wir dies hier oben öffnen, können Sie sehen, dass die URL ist Ignite Sichtbarkeit Vorwärtsslash Dienste, Schrägstrich SEO. Aber dann, wenn wir hier runter gehen, ist der Text, der Ankertext Suchmaschinenoptimierung. Also tun sie dies wirklich für SEO-Zwecke, damit sie in der Lage sein, auf Google Rang. Und offensichtlich ist das extrem schlau. Dies ist der richtige Weg, um es zu tun. Und so haben sie verschiedene Arten von Links hier für die Dienste. Und so ist das, was Sie in der Regel auf einer gut gestalteten Art von Fußzeile finden , wo Sie die Links für die Dienste haben und dann verwenden sie diese SEO, Saft und Strom, die Branchen hier, ich bin nicht wirklich notwendig. Aber dann die stolz dienen spärlich für die Standorte. Dies ist eine große Sache, weil die Standorte, ich sage, sie versuchen, auf Google für Rang, wissen Sie, Facebook-Anzeigen oder digitale Marketing-Dienste an einem bestimmten Ort, dann ist das genau, wie sie es tun würden. Sie haben diese Links hier und sie haben die Standorte. Und dann, wenn Sie auf die Seite gehen, hat es wie San Diego Digital Marketing, richtig? Sie können sich die URL hier oben ansehen. Da steht San Diego digitales Marketing. Dies wird also alles strategisch getan, um sicherzustellen, dass sie in der Lage sind , für diese speziellen Dienste in diesen Bereichen zu rangieren. Ok. Und dann haben Sie das Team, Sie haben die Werte Kunden, und wie dieses besondere Zeug hier, wie die Werte und vielleicht einige Bewertungen, vielleicht einige Tools und Ressourcen, oder? Sie werden es nicht hier oben auf der Kopfzeile finden. Es wird normalerweise ganz unten in der Fußzeile sein , wo Sie wie Datenschutzrichtlinien Seiten finden, auf denen Sie Like AGB finden, oder? Dies ist also, wo Sie normalerweise diese Informationen in der Fußzeile haben. Und dann haben Sie hier die Adresse für den Standort, die Telefonnummer. Und dann ein bisschen über die Firma hier. Und so ist das hier fantastisch. Dies ist eine großartige Art von Fußzeile, um das Logo hier zu haben. Und für diesen hier, der das Logo auf der rechten Seite hat, rechts. Das ist also nur eine Fußzeile. Denken Sie daran, in der Fußzeile, es gibt verschiedene Regeln, nach denen Sie spielen. Und es ist wirklich egal, ob Sie links oder rechts ein Logo haben. Für die Fußzeile. Und dann haben sie hier einen guten Aufruf zum Handeln. Und soweit sie ihre Informationen einreichen lassen. Und dann die soziale und ich mag, wie der Text wie hellgrau oder hellsilber ist , weil er nicht wie die eigentliche Überschrift hier herauskommt. Und so ist es wirklich da, nur als Referenz zu haben. Und so mag ich dieses Design wirklich. Ich mag, wie das angelegt ist. Werfen wir einen Blick auf einige andere hier bis zum Photonenmenü. Und so ist das hier die Anwaltswebsite. Sie können sehen, dass sie hier ihre soziale haben. Ich hätte dieses Soziale hier unten weiter. Und eines der Dinge, die ich hier bemerkte ist dieses Zeugnis, das Sie kaum sehen können. Und deshalb weiß ich nicht, warum sie das so haben. Ich würde diesen herausragenden mehr haben oder dies in tatsächlichen weißen Text machen. Und dann haben sie die Sitemap und dann haben sie den Text hier, was genau so ist, wie ich vier erwähnt habe. Meistens wird es für SEO-Zwecke sein. Beachten Sie, wie sie es hier haben, San Diego Kriminalanwalt, das ist der Ankertext, der der Website den Saft und die Macht verleiht. Und dann haben sie auch hier die Datenschutzerklärung. Und dann haben sie hier die Wegbeschreibung. Ich bin mir sicher, wenn du darauf klickst, wird es dich auf eine Karte bringen, richtig? Perfekt. Ok. Ja, das ist großartig. Und dann hier ist der Link zu der eigentlichen Escondido Strafverteidigungsseite. Es gibt also noch etwas mehr SEO-Power. Und dann haben sie das Soziale, wie ich erwähnt habe. Aber es sollte hier einen Aufruf zum Handeln geben. Es sollte wie eine Schaltfläche hier geben, die es Menschen ermöglicht, eine Nachricht zu senden oder sogar anzurufen, wenn sie richtig hören wollten, klicken Sie einfach auf diese Nummer hier, aber das ist zum größten Teil in Ordnung. In der Regel sehen Sie diese Art von Layout und viele lokale Business-Websites. Werfen wir nun einen Blick auf eine andere hier, die z F7 kreativ ist. Dieser hier ist viel einfacher, oder? Sie haben hier kein Haufen Zeug vor sich, wie die anderen. Dies ist nur eine Telefonnummer hier, Adresse und dann andere Partnerschaftsinformationen. Sie machen hier nicht wirklich eine Menge SEO-Sachen , weil diese Jungs eher eine kreative Agentur sind. Und so haben sie immer noch, dass der Google-Partner hier, sie haben das Branding hier. Der Service ist über, aber sie haben nicht wirklich wie die besonderen, wissen Sie, San Diego oder XYZ Marketing-Dienstleistungen Art von Links weil sie nicht wirklich für die SEO gehen, weil dieses Unternehmen ist eher ein kreative Art der Agentur. Egal, sie könnten immer noch etwas von diesem SEO-Saft als auch verwenden. Die Fußzeile, soweit es einige Links gibt. Dies ist jedoch eher eine nette und einfache Art von Layouts InDesign. Und dann haben sie hier unten das Soziale. Und so haben sie nicht das Logo oder so etwas. Sie haben nur einfache Links. Und dann können Sie dazu bringen, sie tatsächlich anzurufen oder ihren Standort zu besuchen. Dies sind also die verschiedenen Arten von Fußzeilen, die Sie sehen werden. Offensichtlich gibt es eine Menge Variationen zwischen ihnen, abhängig von der Art der Websites, was der Kunde eigentlich will und was Sie glauben, sieht am besten aus, basierend auf Ihrer Expertise in dem , was Sie wollen, dass die Fußzeile letztendlich erhalten erreicht. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 62. XD – Mobile und Desktop: Footer Design: Hallo noch mal, Arthur ist hier und lass uns über Fußzeile reden. Fußzeile, es ist der unterste Teil Ihres Mockups. Und hier schließen wir alles ein, was wir nicht in den Header aufnehmen können. Normalerweise duplizieren wir Informationen aus dem Header, würden sie hier bei Bedarf duplizieren. Also werde ich hier ein paar Dinge erklären. Wenn wir lange Seiten auf der Website haben, können wir über diese Benachrichtigung vergessen und diese Navigationen verstecken sie, nicht behoben, dann können wir diese Änderung in der Fußzeile K duplizieren Wenn Babys nicht so lang sind, haben Sie eine ziemlich wenige Schriftrollen. Ich denke nicht, dass es notwendig ist, zu duplizieren, um die Hauptnavigation von der Kopfzeile und der Fußzeile k einzuschließen die Hauptnavigation von der Kopfzeile und der Fußzeile k . Wenn Sie kleine Stücke von notwendigen Inhalten haben, können Sie diesen Abschnitt verwenden. Sie sind urheberrechtlich geschützt. Lassen Sie mich Ihnen die Copyright-Zeichenfolge zeigen. Copyright durch unsere Tour. 2020. Außerdem können Sie sehen, dass einige Fußzeilen soziale Netzwerke haben können. Für Mobilgeräte würde ich empfehlen, ein Säulendesign zu verwenden. Manchmal können Sie hier zwei Menüs setzen, wenn nötig. Wenn es funktioniert, würde ich vorschlagen, die Symbole auf diese Weise zu platzieren. Ok. Und natürlich, vergessen Sie nicht, durch Abstände oder irgendeine Art von Trennlinie zwischen Abschnitten, zwischen Gruppen zu unterscheiden . So ist es einfacher, Informationen zu erkennen. Lassen Sie mich das Logo hier setzen. Sie können den Logger in Schwarz-Weiß-Version ändern oder die Farben invertieren. Denkst du, es ist cool? Natürlich können Sie eine andere Farbe des Hintergrunds haben, aber normalerweise sind sie dunkler als der Rest des Inhalts. Manchmal kann die Fußzeile eine Roadmap enthalten. Lassen Sie uns die Debatte umstrukturieren. Vergessen Sie auch nicht über die, wenn Sie die Karte auf dem Handy verwenden. Denken Sie daran, dass drücken Sie auf die Karte. Wenn eine Person zu scrollen, indem Sie auf den Mob drücken wird die Interaktion mit der Karte selbst initiiert. Ich benutze Band hier. Lassen Sie uns versuchen, wo sagen, und ich drücke Anruf und es heißt die Karte. Seien Sie vorsichtig damit. Manchmal können wir einige Ränder verwenden, um einer Person zu erlauben, diesen Bereich zu berühren, nicht den Kartenabschnitt zu stören. Wenn wir die Anzahl von vier Menüpunkten betrachtet werden, ist das in Ordnung, ein zentriertes Layout zu verwenden. Vielleicht so. Nun, PSAP für Sie. Vielleicht so, aber mit einigen Hinweisen, einige Kugel zeigt, dass zwei verschiedene Abschnitte. Gleiches gilt für Desktop-Design, weil es einfacher ist , einen Desktop zu erstellen, wenn Sie hier viel Platz haben, k Und normalerweise geht dB so. Erstellen Sie eine breitere Karte. Urheberrecht. Auch hier ist es keine Regel, aber all Ihr Projektteam wird es zu schätzen wissen, wenn Sie grün verwenden. So kann es so aussehen, wo Sie Elemente auf verschiedene verschieben können. dazu Verwenden wirdazudie gleiche Breite wie der Abschnitt Inhalt. Verbringen Sie einige Zeit damit, Flügelelemente von 1 zum anderen zu spielen und den perfekten Ort für Elemente zu finden. Gier wird Ihnen dabei helfen, weil es Ihnen zeigt , wo Ihr Element oder Ihre Gruppe von Elementen berührt werden könnte. Das Platzierte. Okay, das ist alles für Fußzeilen. Vielen Dank für Ihre Aufmerksamkeit. Wir sehen uns das nächste Mal. 63. Produktdesign: Okay, in diesem Video gehen wir über die verschiedenen Arten eines Schaltflächendesigns. In der nächsten Lektion führt Arthur Sie durch die verschiedenen Schaltflächen in Adobe XD. Und er wird Ihnen zeigen, wie Sie die erstellen. Also für dieses hier, ich werde nur über einige verschiedene Arten von Schaltflächendesigns auf verschiedenen Websites gehen , die Ihnen einen schnellen Überblick hier geben. Also lassen Sie uns voran und springen hier, wir können die ersten Arten von Schaltflächen hier auf dieser speziellen Website sehen. Sie können sehen, dass sie die Dienste hier haben. Und dann können Sie unsere Arbeit hier bemerken. Und was ich hier wirklich mag, ist, dass sie den Knopf hier mit der einfachen weißen Box mit dem tatsächlichen weißen Text in der Mitte haben. Und dann, wenn du darauf gehst, siehst du, dass es blau wird. Also mag ich diese Art von Buttons hier wirklich, weil sie es Ihnen erlauben, es hervorzuheben, aber dann auch noch mehr senden zu können, wenn Sie schweben und die gesamte dynamische Funktion dieses und dann dieses hier schreiben. Sie haben tatsächlich eine Funktion, wo es tatsächlich hebt den Knopf hier und es macht es ein wenig leichter. Also mag ich diese Art von Knöpfen hier. Und dann gehen wir hier runter und schauen auch einige andere Arten von Schaltflächen an. Ich mag diesen auch. Wenn Sie den Mauszeiger darüber bewegen, wird er hier in seiner Dynamik zu einem Pfeil. Außerdem werden Sie feststellen, dass es auch ein wenig Schatten im Hintergrund gibt. Wenn Sie den Mauszeiger darüber bewegen und den Schatten um ihn herum sehen können , haben Sie jedoch nicht wirklich einen Schatten, wenn sie nur statisch sind, oder? Aber auch der Schatten ist ein weiteres tolles Feature. Und dann hier runter, hier ist auch sein Knopf. Das Gleiche. Du hast den Schatten, der da oben auftaucht und dann den Pfeil. Ok? Und dann ist dieser Knopf hier fantastisch. Ich liebte seinen Knopf hier. Das ist sehr, sehr einzigartig. Sobald Sie hier auf diesem gesamten Abschnitt gelandet sind, verwandelt sich diese Schaltfläche rechts in ein Quadrat von einem Kreis und dann ändert ein Hintergrund tatsächlich auch die Farbe. Diese Arten von dynamischen Tasten sind also auch sehr, sehr schön. Und so gehen wir weiter und schauen uns einige andere Arten von Schaltflächen an, die wir hier in diesem Beispiel haben. Also diese Schaltfläche hier ist für die Anwaltswebsite in, wie Sie hier sehen können, haben sie die Einreichung und dann haben sie wie eine goldene Art von Schaltfläche hier. Und dann haben sie auch ein wenig dunkler Schatten auf der Unterseite. Also gibt es irgendwie die drei D Art von Aussehen, genau wo irgendwie unterstützt, oder? Sie haben diese 3D-Art von Aussehen. Und dann, wenn man darauf schwebt, ändert es das tatsächlich in einen weißen Text, richtig? Und dann wird es hier etwas dunkler, bis auf einen Knopf. Und so gehen wir hier rüber und werfen einen Blick auf diesen Knopf hier. Also gefällt mir, wie dieser Text hier oben direkt über dem Button ist. Sie möchten immer Texte über einer bestimmten Schaltfläche haben , die den Leuten geholfen hat, worum es geht. Und dann wird dieser ein bisschen dunkler, wenn Sie ausleihen und Sie werden typischerweise wie eine Schaltfläche haben, die eine Art abgerundete Kanten wie diese ist, oder ein volles Quadrat, oder Sie haben einen Knopf wie ein Kreis, richtig? Und so sind dies die verschiedenen Arten von Schaltflächen, die Sie normalerweise sehen werden. Sie können sehen, dieses hier hat ein wenig Schatten dort mit dem schwarzen Auge wie dieser Schatten waren wirklich macht es herauskommen und abheben. Und dann dieser hier, nur ein weiterer Symbolknopf. Und dann gehen wir zu meiner speziellen Website hier. Und diese Schaltfläche hier ist eine reine quadratische Schaltfläche, und dann wird es tatsächlich dunkler, wenn Sie tatsächlich über eine bestimmte Schaltfläche hier schweben, und klicken Sie dann auf diese, und es bringt Sie zum Kontaktieren Sie uns Button. Und dieser hier wird im Wesentlichen ein Submit-Button sein. Das wird nichts Schickes sein. Du kannst es schick machen. Es ist jedoch ziemlich unkompliziert. Beachten Sie, wie dieser hier ein wenig dunkler wird, wenn Sie den Mauszeiger darüber bewegen. In den meisten Fällen werden Sie feststellen, dass verschiedene Arten von Schaltflächen unterschiedliche Arten von dynamischen Funktionen haben. Einige von ihnen werden in verschiedenen Farben hervorgehoben. Einige von ihnen werden verschiedene Elemente auf ihnen haben. Und ich mag diesen hier. Soweit diese Art von Schaltfläche hier, so weit wie sein Play-Video, können Sie sehen, wie es hebt es herum. Und es ist ganz anders, weil dies für ein Video hier ist. Es ist nicht für einen bestimmten Knopf, hat wie ein Kreisdesign. Es ist, Hey, spielen Sie dieses Video hier, und es ist ein sehr schön aussehendes, einzigartiges Design. Und dann gehen Sie hier runter, wie dieses hier auch, wo Sie hier nur einen einfachen weißen Umriss für den Knopf haben. Und dann hast du den weißen Text in der Mitte. Und dann, wenn Sie es hervorheben, erscheint es wirklich heraus. Sie müssen weißen Text mit den blauen Highlights um ihn herum, bis es wirklich herauskommt. Dies ist also eine kurze Lektion hier über die verschiedenen Arten von Schaltflächen, die Sie sehen werden. Typischerweise sind die quadratischen oder diejenigen, die typischerweise ein wenig abgerundet sind, oder? Oder eine vollständige abgerundete Taste Art von Design, die Sie sehen werden. Also in der nächsten Lektion wird Sie durch, wie Sie diese Schaltflächen erstellen. Und das wird für diesen hier sein. Und wir sehen uns auf der nächsten. 64. XD – Mobile und Desktop: Knopfdesign: In diesem kurzen Video werden wir über Schnäppchen sprechen und wie man sie in XD gestaltet. Lass uns gehen. Hier sehen Sie drei Knöpfe. Eine hat die abgerundeten Ecken, eine mit den quadratischen Ecken und eine mit einer leicht abgerundeten Ecke. So ist diese Funktion leicht zu steuern. Wäre diese Funktion von x D Sehr schöne Nachrichten für die Zukunft. Jemand, der in Photoshop arbeitet, weiß, dass Sie auch tre Ecken ohne Radius und leicht reduzieren können hier. Außerdem, um Ihre Lasten Kurs zu differenzieren, können Sie verschiedene Farben verwenden. Normalerweise sind es die Hauptfarben, grün, blau, rot für einige Aufmerksamkeit. Okay, als nächstes, wo Sie tun können, ist Titel alle Kappen hier zu machen. Außerdem können Sie auch den Buchstabenabstand anwenden. Ich meine, Sie können den Buchstabenabstand für eine bessere Konsistenz erhöhen, wenn nötig. Die kürzlich eingeführte Schattenschaltfläche, die nur den Umriss P2 hat. Und diese Art von Biden, normalerweise bekannt als Schattenstab oder geht Taste K. Also neben diesen Manipulationen, können Sie den Schatten hinzufügen, wenn nötig, bitte verwenden Sie nicht über Schatten für alle Elemente. Wenn die Abfüllung das Drücken und Klicken auf einige Folien vermittelt , ist der Schatten in Ordnung. Die Farbe könnte ein Farbverlauf sein. Versuchen Sie c Cubed p einen Farbverlauf zu Ihrem UI-Kit, das ist die Kombination von denen ist die Sammlung Ihrer UI-Elemente über das Projekt konsistente Farbschema haben muss, wie wir bereits gesprochen das. Und Sie müssen Regeln für Ihre Tasten wie diese Farbe definieren und diese Form wird für diese und das verwendet werden, diese Farbe wird diese Art von Funktionen verwendet werden, rote Knöpfe normalerweise zum Löschen von Operationen, die rückgängig gemacht werden können. Und natürlich werden Sie nicht quadratischen und abgerundeten Boden auf einem Bildschirm verwenden wird schrecklich aussehen. Ich zeig es dir. So zum Beispiel, wir haben jetzt einkaufen bearbeiten oder ich würde ändern. Hier ist das Beispiel der Kombination, wie Farben im Gleichgewicht zusammenarbeiten. So zeigen Sie jetzt ist die Funktion, die wir alle interessiert sind, vermittelt etwas Positives, grüne Farbe, blaue Farbe vermittelt etwas anderes. Etwas Unterschied im Durchschnitt zwischen gut und schlecht vielleicht. Und es wird hier zum Bearbeiten verwendet. Und Anwalt bedeutet, dass Sie dieses Bildschirmskript, dieses Fenster überspringen und zurückkehren. Wir kamen von Wort. Sie können es verwenden, um ein Element und Zeilendaten zu löschen, alles. Um diesen Ansatz auf alle Ihre Projekte anzuwenden, hauptsächlich in komplexen SaaS-Systemen, Dashboards und so weiter verwendet werden. Vielleicht können Sie diesen Ansatz in den Warenkorb oder meinen Warenkorbbereich auf einigen E-Commerce implementieren. Die Idee besteht also darin, einer Gruppe von Schaltflächen Farben und wahrscheinlich Formen zuzuweisen. So haben Sie nicht einen Bildschirm, wo Sie jetzt einkaufen und bearbeiten, bzw., grüne und blaue Farben und beraten Sie mit dem roten. Und dann plötzlich der nächste Bildschirm scharf sein. Jetzt hier, bearbeiten Sie Brad und Rat. Ok. Jetzt siehst du den Unterschied. Wenn Sie eine solche Kombination sehen, werden Sie vielleicht verwirrt sein, um zu bieten, weil Sie an rote Farben gewöhnt sind, Farbe der Warnung. Blaue Farbe ist mehr oder weniger okay für Shop jetzt, aber die rote Farbe für die Bearbeitung als etwas nicht angemessen. Dieser Ansatz wird also als Farbcodierung bezeichnet. Wenn Sie ähnliche Funktionen haben und die gleichen Farben anwenden, werden zwei Schaltflächen in Ihrem Projekt. Es wird auch primäre, sekundäre und dritte Taste genannt . Ok? So wird jetzt der primäre Knopf gedreht, sekundär hinzugefügt. Meine Karte. Und der dritte gos-Knopf hat diesen Stil entworfen. Es ist also einfach, wenn Sie damit beginnen, wenn Sie primäre und sekundäre Funktionen haben, so wenden Sie diese Farbcodierung auf Ihre UI-Elemente an. Und es spielt keine Rolle, ob Sie abgerundete Ecken haben, wo wir Miteigentümer sind. Sie müssen nur die Konsistenz auf Ihrer gesamten Benutzeroberfläche haben. Also, wenn Benutzer an Ihre Farben gewöhnt, er oder sie wird bereits erwarten, wird sich nach dem Klicken auf die rote Schaltfläche ändern, nach dem Klicken auf die grüne oder blaue Schaltfläche, ok. Also, neben der Zuweisung von Prioritäten zu Ihren Schaltflächen, beachten Sie bitte die verschiedenen Status der Schaltfläche Standard. Wie dieser hier. Deaktiviert. Normalerweise deaktiviert haben graue Farbe beim Hover. Und gedrückt. Oder aktiv. Aktiv bedeutet, dass die Taste gedrückt wurde. Hey, das sind grundlegende Daten der Schaltfläche, die Sie in Betracht ziehen können. Aber in x D, Sie können auf den beiden dieser erstellen, so normal und auf Hoover. Und ich denke, das ist genug für Trainer, um an Ihrem Mock up zu arbeiten, die deaktivierte Schaltfläche wird vielleicht der gleiche Stil für alle Ihre soliden Tasten sein. Der deaktivierte Stil geht normalerweise, der deaktivierte Stil geht normalerweise zusätzlich zu diesen beiden. Bewegen Sie es ein bisschen. So behinderten Stil ist in der Regel kommt als Ergänzung zu Ihren unteren Zuständen, aber diese zwei oder drei Zustände, bitte illustrieren, wie Ihre Lasten Luke auf schweben, wie sie aussehen, wenn sie gedrückt werden. Es geht nicht nur um Belastungen auf Ihre interaktiven Helme, die einige Interaktion haben, auch Mikro-Interaktion ist sehr nützlich, um es zu veranschaulichen, zu präsentieren, zu Frontend-Team, so dass sie in der Lage sind Ihre Design-Gedanken und die Markup und das Projekt neben den Zuständen Grund andere Sache, die Greet genannt. Und es wird cool sein, wenn Ihre Knöpfe zum Kreta k passen, ob es drei Spalten sind, ob es zwei Spalten oder vier Spalten sind und so weiter. Sie können sogar mehrere Größen, kleine und große Knöpfe bei Bedarf entwerfen . Ich könnte Ihnen sagen, dass Sie vor dem Übergehen des Projekts eine perfekte Benutzeroberfläche vorbereiten können. Und zum Glück, die meiste Zeit ist es unmöglich, weil Sie nicht sicher sind, welche Funktionen, welche Elemente Sie benötigen und wie klein oder groß sie gelöst werden sollten. Sie haben genug Verständnis, wie man nicht nur schöne, sondern auch aussagekräftige Schaltflächen entwirft , wie man Anrufer kaufen kann, um Abstufung zwischen primären, sekundären und tertiären zu erstellen. Und Sie können auch das Styling anpassen, die Ecken bei Schatten, Strahlverlauf und Kursgrad in verschiedenen Zuständen fein abstimmen . Und das Letzte ist die Gier. Gier geht über alle Ihre Seiten, Fenster, was auch immer. Also Ihre Elemente genau Tasten müssen die gleichen mit nicht nur dem gleichen sein, sondern auch die genaue Anzahl der Spalten haben, so dass sie Ihre Gier C passen, Also drei Spalten, fünf Spalten, sechs Spalten, K. Versuchen Sie, eine solche Größe wie diese zu vermeiden oder diese, k, ich werde viel einfacher sein, mit Ihrem Mockup zu arbeiten. Vielen Dank für Ihre Aufmerksamkeit. Ich hoffe, diese Lektion war nützlich. Wir sehen uns in unserer nächsten Lektion. 65. XD – Mobile und Desktop: Input: Willkommen zurück. In dieser Lektion entwerfen wir den Textbereich, der das Element der meisten UI-Kits und der Benutzeroberfläche im Allgemeinen ist. Es wird also nicht so herausfordernd sein, dass Kunst. Design, den Textbereich oder die Eingabe, aber einige Dinge, die Sie beachten sollten, um eine konsistente Benutzeroberfläche zu erstellen. Kid, okay, aus unserer vorherigen Lektion weißt du, wie man Schaltflächen erstellt und welche Typen gibt es? Was sind ihre Prioritäten? Ich möchte nur hinzufügen. Eine Sache, die Sie in Adobe X-Y tun können, besteht darin, einen Hover-Effekt auf die Schaltfläche zu erstellen. Sobald die Person also mit dem Cursor über die Schaltfläche übergeht, änderte sie das Erscheinungsbild. Kay, sagen wir, du sagst, hier geht's. Behalten Sie das im Hinterkopf. Okay, also gehen wir zurück zu unseren Eingaben. Zuallererst, in Bezug auf Eingaben, müssen Sie mit dem Hass Ihrer Eingabe beginnen. Und das ist interessant, weil Sie wissen müssen , welche Größe der Schriftart auf Ihrer Schnittstelle verwendet wird. Das ist in Ordnung, wenn Sie mit einigen Standard-Tanks arbeiten und Ihre Schriftgröße tatsächlich zwischen 1624 Pixeln liegt. Das wird nicht so viel Unterschied machen. Aber wenn es um einige hervorragende Benutzeroberflächen geht, um riesige kahl Telefone zu Wetter, manchmal ist es notwendig, den Textbereich auf diese Größe zu tupfen und die Sasso sieht, wissen Sie, als ein Haus. Okay, also jedes Mal, wenn Sie beginnen, die Eingabe zu entwerfen, geben Sie bitte den Text-Platzhalter darin ein. Also normalerweise ist es Name oder vollständiger Name. Ok. Also die Größe dieser Schriftart ist 27 Pixel, und dieser Bereich ist zu groß für eine solche Telefongröße, obwohl es geräumig aussieht, aber immer noch können wir ein wenig von der Haidt abziehen, Also es, oh, sehen kompakter aus. Wir können ein bisschen mehr abziehen. Versuchen Sie, diese Dimensionen Ihrer Elemente klar zu halten. Sowjetisch nicht 6163. Und jetzt sehen wir, dass mit fast 30 Größe gebildet, haben wir 60 Pixel hohe Eingaben. Die andere Seite dieses Elements ist, dass es in der Regel zusammen mit Taste funktioniert. Also, wenn wir nehmen Knopf und legen Sie es hier, wird ein bisschen unausgewogen aussehen, da diese beiden Höhen unterschiedlich sind. Selbst wenn wir dies tun, sehen wir, dass dieses Element im Vergleich zu der Schaltfläche Abbrechen viel weniger Wert nimmt. Und das ist das Problem. Weil Elemente gleich sein müssen, so können Sie es auf verschiedene Arten zusammenstellen. Also haben wir hier zwei Möglichkeiten. Machen Sie unsere Taste kleiner oder sie decken Eingang größer. Also hier werde ich die Größe der Schaltfläche verringern. Aber wenn Sie Ihr UI-Kit entwerfen, müssen Sie mit der Schriftgröße beginnen. Ob Sie Textblock tun, ob Sie Barton tun, ob Sie Eingabe, Textbereich, Kontrollkästchen, Optionsfelder, Verzögerung Dropdown-Menü und so weiter tun . Sie müssen von der Textgröße beginnen. Und sobald Sie die richtige Schriftgröße haben, werden Ihre Elemente umwickelt. Der Ausgangspunkt ist die Größe Ihres Telefonats in Ihrer Benutzeroberfläche. Wir haben also 24 Pixel, was für die Lesbarkeit ausreichend ist. Und unser Hass auf Eingabe ist 60 Pixel. So wird das gleiche vier Taste sein. In Bezug auf das Styling dieser einfachen Element, Ich sollte darauf hinweisen, dass, ob Sie eine abgerundete Ecken für Ihren Barton Kurs tun, Sie müssen eine erhalten das gleiche Styling hier halten. Verwenden Sie den gleichen radialen Eckenradius, Randradius für Ihre Eingaben sowie in Taste, Ihre Eingabe kann drei Zustände haben. erste von ist der Standardstatus, der andere ist der deaktivierte Zustand und der andere ist aktiv oder nicht fokussiert. also einmal den Fokus haben, haben Sie vielleicht den Cursor hier auf Ihren Deaktivierungen. Vielleicht wird er heller sein. Und ich denke, es ist nützlich, den Benutzer einzubeziehen. Ein anderer Status als eingetippter Text, okay, da es einen Unterschied zwischen Benutzertext und Platzhalter gibt. Also lassen Sie es uns noch einmal beschreiben. Lassen Sie mich es ein bisschen neu arrangieren. Ok? Hier ist also die Standardbedingung, die die Eingabe mit Platzhaltertext darstellt. Sobald Sie auf diesen Bereich geklickt haben, verschwindet der Platzhalter in der Regel und Sie sehen den Cursor oder Eingabe und geben dann Ihren Text ein. Zusätzlicher Zustand für die Eingabe ist deaktiviert. Deaktiviert wird verwendet, wenn etwas nicht verfügbar ist, damit Sie sich im Moment ändern können, und der Hover-Zustand wird dieser sein. Lassen Sie uns bedenken, dass manchmal sogar auf Hoover Platzhalter und bleibt dort, bis Sie beginnen, tatsächlich etwas einzugeben. Ok. Es bleibt also nur dort, bis Sie anfangen, eine beliebige Taste auf Ihrer Tastatur zu drücken. Sie wissen jetzt, wie Sie diese Kernelemente in Ihrer Benutzeroberfläche kombinieren können. nächsten Lektionen werden wir zusätzliche Elemente besprechen, die Ihnen helfen, Ihr UI-Kit zu erstellen. Vielen Dank für Ihre Aufmerksamkeit durch. 66. Produktübersicht: In diesem Video werden wir über die verschiedenen Arten von Filterdesign in den verschiedenen Arten von Suchdesign gehen . Dies ist normalerweise das, was Sie in einem E-Commerce-Store sehen , in dem Sie für ein bestimmtes Produkt, einen bestimmten Artikel einkaufen , und Sie haben verschiedene Varianten, die Sie wählen können. Und dann auch auf der Suchleiste, wo Sie es im Wesentlichen verwenden können, um nach verschiedenen Produkten, verschiedenen Artikeln in einem bestimmten Geschäft zu suchen. Also gehen wir voran und springen hier rein. Also diese erste Website hier. Also diese erste Website hier, die Sie sehen können, ist partake foods.com. Sieht so aus, als würden sie eine Reihe von verschiedenen Arten von Cookies verkaufen. Und was ich Ihnen hier zeigen möchte, ist, wie sie ihr spezielles Filterdesign angelegt haben . Lassen Sie uns also voran gehen und schauen Sie sich eines dieser besonderen Produkte an. Also haben wir die knusprigen Schokoladenkekse. Sie können hier sehen. Sie haben die Bewertungen hier, was großartig ist, weil es für soziale Beweise erlaubt, oder? Damit die Menschen sehen können, dass dies tatsächlich ein gutes Produkt ist. Und dann haben sie die verschiedenen Arten von Größen. Oder Sie wollen drei Kisten oder sechs Kisten? Und dann können Sie hier die Preisänderungen sehen, richtig? Und dann können Sie sich für ein Abonnement anmelden, alle zwei Wochen, alle vier Wochen liefern kann. Und so ist dies eine Art von verschiedenen Arten von Filtern, die Sie auf verschiedenen Websites sehen werden. Nun, das Design wird sich unterscheiden, oder? Je nach Aussehen und Gefühl dieser bestimmten Websites. Ich möchte Ihnen nur einige Beispiele aus verschiedenen Arten von Online-E-Commerce-Store zeigen . So in Ordnung. Also dann hier können Sie die Menge ändern und dann können Sie hier in den Warenkorb legen. Dies wird also eine Art von Filterdesign hier sein. Und jetzt gehen wir hier hoch in die Suchleiste. Sie können sehen, Sie können einfach hier tippen, sagen wir, wir waren auf der Suche nach einer bestimmten Art von Cookie. Also lasst uns weichen Bates gehen. Okay, also lasst uns voran gehen und hier weiche gebackene Kekse eingeben. Ok, dann zieht es hier die verschiedenen Arten von weichen gebackenen Schokoladenkeksen hoch. Nun, diese Suchleiste, das Suchdesign wird ziemlich einfach sein. Sie werden dies an der Spitze der Websites oft zu sehen, in auch, wie ich zuvor in anderen Videos erwähnt habe, werden Sie das Logo entweder in der Mitte oder auf der linken Seite haben. Also dies erscheint auch eine tolle Sache für E-Commerce-Stores, wo Sie an der Spitze wie einen Gutscheincode oder einen Gutschein haben, richtig? Es ermöglicht Menschen in der Lage zu sein, verlockter zu sein, einen Kauf tätigen zu wollen, oder? Dies ist also ein sehr einfaches Suchfilterdesign hier, und ebenso wie die Art des Filters für das Produkt. Schauen wir uns jetzt eine andere Art von Website hier an. Lassen Sie uns zu dieser bestimmten Website gehen, die das Paket appreciate.com ist. Und sagen wir, wir klicken auf dieses bestimmte Produkt hier. Und Sie können sehen, dass dies eine sehr Standard-Art von Filterdesign hat. Sie haben den Stil hier, schwarz, sand und braun. Und dann haben Sie die Menge, richtig, dass automatisch aktualisiert hier unten. Und dann können Sie dies zu Ihrem eigentlichen Warenkorb hinzufügen. Also lasst uns hier zu verschiedenen gehen. Gehen wir zu einem Markt Kit. Und das sieht so aus, als gäbe es hier nur einen zur Verfügung, oder? Diese sind alle ausverkauft und sehen, ob wir hier verschiedene Arten von Produkten finden können , die tatsächlich verfügbar sind. Also lasst uns hier zum Reiseset gehen. In diesem wird typischerweise verschiedene Farben haben. Für diese ist jedoch nur eine. Aber Sie können sehen, dass dies ziemlich unkompliziert ist. Und hier haben Sie die Quantität, nichts zu Besonderes daran. Wenn wir hier gehen, können wir sehen, dass es nur eine andere Art von Farben ist. Und das ist, was die, was Sie in den Filterdesigns bemerken, Sie werden in der Regel den Preis sehen, die Menge, verschiedene Variationen der Farbe, verschiedene Variationen der Größe. Amazon.com ist sehr gut, wenn Sie verschiedene Arten von Funktionen haben, wie ich erwähnt, wie Größe, Design, Layout, oder? Und dann Preisgestaltung. Und dann hier ist eine Kaffee-Website, die die schwarze End-Glühbirne ist. Und lassen Sie uns einen Blick auf einige von ihnen haben einige Filterdesign als auch. Also schauen wir uns das hier an. Also diese können Sie nach Größe filtern, in der Regel unterschiedliche Größen haben hier. Und dann können Sie wie ganze Bohnen oder Tropf oder Französisch Presse haben, richtig? Und dann haben Sie die Möglichkeit, einen einmaligen Kauf hier und einen Suscribe zu haben. Ok. Und so ist dies nur ein sehr schnelles kurzes Video. Was ich tat, ist, dass ich nach oben ging und die Top-Shopify-Geschäfte durchsuchte, und dann ging ich durch die Top 3 und wählte diese hier weil ich Ihnen zeigen möchte, was einige der Top-Läden vier verschiedene Arten von Filterdesigns verwenden und dann Design-Layouts suchen, richtig? So sehr, sehr einfach hier. Dieser hat eine Suche ganz oben. Meistens werden Sie Shopify-Shops sehen, in denen sie hier oben eine sehr einfache Suchleiste haben. Oder sie haben wie diesen kleinen Lupenrahmen. Du wirst sehen, dass selbst auf diesem hier, ganz oben, du die Lupe sehen wirst. Und dann können Sie nach dem Produkt suchen, das Sie suchen. Dies ist nur eine sehr einfache Art von Filter- und Suchlayout. Hier im nächsten Video, Arthur wird Sie durch andere Variationen und andere Arten von Filterdesign und Suchleisten-Designs sowie. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 67. Adobe XD – Mobile und Desktop: Filterdesign: In diesem Video werden wir über Filterdesign sprechen. Beginnen wir also mit einer einfachen Beschreibung dessen, was Filter ist. Filter ist eine Möglichkeit, Platz auf Ihrer Benutzeroberfläche in der gleichen Zeit zu sparen und bietet Benutzerfreundlichkeit. Der Ansatz, der im Filterdesign verwendet wird, ist normalerweise einfach als Dropdown-Menü, das wir in der vorherigen Lektion besprochen haben, aber ein Unterschied. Normalerweise sehen wir also ein Filtersymbol. Dann drücken wir auf das Filter-Symbol und sehen einige Originalinhalte. Dieser Inhalt ist tatsächlich die Darstellung von Filterparametern oder Kriterien, nach denen andere UI-Elemente bearbeitet werden. Oder dies wird der Weg sein, unsere Inhalts-Suchergebnisse auf der Seite zu verkleinern , auf der wir bereits sind. Also sagen Sie, Sie suchen Schuhe für $18, dann sehen Sie wählen, dass, haben die verschiedenen Farben. Und du magst nicht rot, grün oder blau, du willst einfach Brown. Dies ist der Ort, an dem Filter hilfreich sein können. In unserem Fall werden wir die folgenden Parameter haben. Jetzt haben wir vier Parameter, die wir herausfiltern oder filtern können. Der Ansatz hier wird verwendet, indem diese einbezogen werden, sobald sie ausgewählt sind. Und wenn ich braune Schuhe nur isolieren braune Farbe und vielleicht brauche ich eine andere Kontrolle, die Ihnen helfen, dieses Fenster zu schließen, nachdem ich gerade ausgewählt. So würden wir braune Farbschuhe sortieren. Die andere Sache ist der Filter und der Schieberegler, mit denen Sie präzise numerische Werte aus Ihrem Katalog oder anderen Inhalten sortieren können. Regel auf größeren Bildschirmen, können Sie Schieberegler hinzufügen, die Ihnen helfen, eine genaue numerische Daten auszuwählen, ob es sich um einen Preis, Größe, Mengen von etwas, und so weiter. Lasst uns hier einen Preis haben. Dies zeigt Ihnen also die Preisspanne, die Sie suchen. Auch könnte sein, wenn wir über einige auswählbare Kriterien sprechen. Ich würde eine einfachere Illustration verwenden. Sobald sich eine Person entschieden hat, eine Preisspanne zu wählen, gibt es mehrere Ansätze dafür. Man kann diesen niedrigen Preis, den mittleren Preis oder den hohen Preis wählen . So kann es auch in Ihrem Filter anwendbar sein. Es gibt viele moderne Elemente, die in den letzten paar Jahren in u i kamen. Sie sind also normalerweise nicht in grundlegenden UI-Kits der meisten Frameworks enthalten , sondern Tags, Schieberegler. Also eins, das Benutzerleben einfacher macht und die gleiche Funktionalität darstellt. Sie haben ein besseres Styling, tragen visuelle, so dass es den Bedürfnissen der Benutzer und die neuesten Trends der kleinen Bildschirme passt. So ist es bequemer, eines dieser drei Elemente auszuwählen. Hier haben wir von k. in unserem Fall muss sich dieser Fall Benutzer auf dieses Element konzentrieren, den niedrigsten Preis, und dann über den höchsten Preis nachdenken und danach einige Tasten drücken. Also lasst uns zählen. Zuerst haben wir ausgewählt, das ist die erste Interaktion, die zierlich ist. Wie Sie sehen, ist das nicht die Änderung der Benutzeroberflächen, Änderung des Ansatzes an die Daten. Wir wissen, dass Maschinen in diesem Fall ziemlich präzise sind, aber hier wollen wir es das Benutzerleben einfacher machen. Wir müssen die Benutzersprache in eine Benutzersprache ändern, nicht in die Maschinensprache. Also, sobald ich diese Abkürzung sehe, Dollarzeichen, verstehe ich automatisch, was mit diesen drei Symbolen gemeint ist, ok, und durch den Kontext dieser App verstehen wir, dass alle Produkte es in drei Kategorien teilen. Manchmal wäre es nicht anwendbar, aber es gibt viele Dinge, die Sie den Benutzern auf eine andere Weise überdenken und erklären können. Also gehen wir zurück zu ihren Filtern. So sehen Sie, dass wir verschiedene Arten von Elementen verwenden können, sowie traditionelle Elemente wie Optionsfelder. Also haben wir Leder oder gleichwertige Buchstaben, das eine oder andere. Und wenn wir uns für Leder entschieden haben, können wir keinen Ökobuchstaben auswählen oder umgekehrt. Beide können nicht ausgewählt werden. Es ist also eine einzige Option. Sie können sogar Symbole implementieren, Ihren Filter für die Auswahl einiger Kriterien. Es ist auch Benutzersprache. Sie zeigen nicht eine riesige Liste von Kategorien, die langweilig ist, die langweilig sind, aber Sie zeigen ihnen die Darstellung, die visuelle Unterstützung. Sie raten also nicht darüber, was sie bestellen wollen, um zu essen, sondern zeigen ihnen nur Symbole. Und das sieht einfacher aus, anstatt zwischen allen Listen von Optionen zu lesen. Und es gibt noch eine, die auch in unserer App verwendet wurde. Nehmen wir an, wir wollen nur spezielle Produkte zeigen. Also können wir hier einen Schalter einschalten. Und jetzt sehen wir, dass dieser deaktiviert ist, okay? Und dieser ist aktiviert. Wir wollen also nicht nur Teilprodukte sehen. Wir wollen nur auf Lager sehen, bevor. Sie sind sofort im Lager lieferbar. Was sonst Höhe Anzeige verbergen und Preis, zum Beispiel, würde ich ohne Lohn einige sehr schöne und gemütliche Funktionen hinzufügen , die wirklich schätzen es auf einigen Suchergebnissen oder einigen Katalogen, vielleicht einige Systeme, komplexe Systeme. Denken Sie darüber nach, was Sie als Filterfunktion auf Ihren Lieblings-Websites zu schätzen wissen und denken Sie darüber nach, wie Sie das drinnen bekommen. Was glauben Sie, würde in Ihren Lieblings-mobilen Apps geschätzt werden? Welche Dinge könnten neu arrangiert werden. Diese Beobachtungen werden Ihnen viel helfen. Okay, wir sehen uns in unserer nächsten Lektion. 68. Adobe XD: Hallo, da. Willkommen zurück zu unserer Arbeit I Lektionen. Also heute möchte ich über Suche und Suche sprechen, was ganz einfach ist, was zu suchen. Aber wie Sie vielleicht auf dem Bildschirm sehen, habe ich drei Suchteile illustriert, die nur wegen des Ersetzens der Elemente in diesem Feld völlig unterschiedliche visuelle Eigenschaften haben . Also hier haben wir Suchsymbol, das ist Zoom. Ich kann dann kleine Abstände und Schlüsselwort oder IT, dann haben Sie nichts, weil es erwartet wird, drücken Sie Enter visuell dieses Element und das sieht ganz anders aus. Und ich würde sagen, das liegt an unseren Gewohnheiten. Früher haben wir hier pro überall gesucht. Wenn wir etwas suchen möchten, möchten wir dieses Modal haben, manchmal auch so verwenden, aber diese Elemente meiner Ansicht sehr weit voneinander entfernt. Wenn Sie also möchten, dass Benutzer einfach und schnell die Funktion Ihres Elements lesen, versuchen Sie bitte, Elemente näher an der linken Ecke zu platzieren, besonders wenn Sie mit Schriftarten arbeiten und eine traditionellere Sprache verwenden, die Suche ist, nicht spezifisches Schlüsselwort oder ID. In einigen sagt, ich verstehe, dass es einige Dinge geben könnte, aber diese Suche nach uns, für viele Menschen sieht natürlicher aus als diese beiden, nur weil der Text in diesem kleinen Textfeld geändert wird, könnte die Suche technisch Live-Suche. Sie beginnen mit der Eingabe und dann könnten einige Optionen angezeigt werden. Dann wählen Sie aus der Option und gehen Sie vielleicht. Die andere ist, wenn Sie präzise Daten wie taub 25 verwenden. Jetzt möchte nach diesen Ideen suchen. Die meisten UI-Elemente haben die Zustände und ihre Zustände sind ähnlicher, die Zustände der üblichen Texteingabe. Denken Sie also daran, dass dies der Standardzustand ist. Der andere Grund fokussiert, der dritte ist Benutzertext und deaktivieren Suche könnte auch manchmal deaktiviert werden. So können Sie dies und die anderen Fälle für Benutzertexte betrachten und schweben. Bitte beachten Sie diese Bedingungen in Ihrem UIKit, damit Ihre Benutzeroberfläche interaktiver ist. Entwickler werden weniger Fragen haben, wie Sie denken, der Hover wird wie ein früherer US-Entwickler aussehen , waren derjenige, der diese Symbole gestylt hat, wer diese Interaktionen entworfen? Da kleine Animationen, kleine Interaktivitätselemente, in Photoshop nicht verfügbar waren, ziemlich schwierig waren, verschiedene Zustände für Elemente zu erstellen. Sie haben für jeden Status ein weiteres Onboard erstellt und so weiter und so weiter. In x D haben wir die Chance, leicht die Interaktion des Elements hervorzuheben und einfach zu erstellen, um diese Objekte unter allen Projekten zu verwalten, zu übergeben und zu pflegen. Vielen Dank, organisierte ein 69. UI Übersicht: In diesem Video werden wir über UI-Kits gehen. So sind UI-Kinder im Wesentlichen verschiedene Arten von Komponenten, verschiedene Arten von Funktionen und Funktionalitäten, die eine bestimmte Anwendung oder Website typischerweise haben wird. Und in der nächsten Vorlesung wird Arthur Ihnen zeigen, wie Sie diese erstellen können. Aber in diesem Video-Vortrag hier werde ich Sie durch, wo Sie diese finden können, wenn Sie diese nicht selbst erstellen wollen und wo Sie verschiedene Ideen bekommen können. So werden die UI-Kits, wie ich bereits erwähnt, Dinge sein, die Sie für eine bestimmte Website erstellen, insbesondere Anwendung, soweit wie Schaltflächendesigns, verschiedene Arten von Texten, verschiedene Arten von Schriftarten, verschiedene Arten von Symbolen, oder? Lassen Sie uns also voran gehen und sehen Sie sich einige dieser verschiedenen Arten von UI-Kits hier an. So können Sie das erste hier sehen. Es hat eine Reihe von verschiedenen Arten von Features und Funktionalitäten bereits integriert, die Siefür eine bestimmte Anwendung verwendenkönnen für eine bestimmte Anwendung verwenden in der Sie diese nicht von Grund auf erstellen müssen. Sie können diese nutzen und diese in Ihr Portfolio aufnehmen. Und wie Sie hier sehen können, die verschiedenen Arten von Bildschirmen, die verschiedene Arten von Ansichten, oder? Diese Arten von Ansichten hier sind sehr, sehr schön und einfach. Und sie machen es so, dass es für den Benutzer einfach ist , tatsächlich in einem zu navigieren, in einem Kauf, oder? Und hier sind einige der Highlights. Gut organisierte Ebene, super einfache Anpassung, verschiedene Arten von Google-Schriftart, modernes UI-Design, richtig? Und Sie können das kaufen für, ich glaube, $20. Und so können Sie auf Thema Kraft gehen, all diese verschiedenen Arten von Websites und wirklich nur tippen in UI-Kit auf Google und Sie werden eine Menge von verschiedenen Ressourcen zu finden. Also lasst uns jetzt hier rüber gehen und zum UI Store Dot Design gehen. Und hier können wir uns auch einige verschiedene ansehen. Dies ist für das Design der Landing-Page-Vorlage in Adobe XD, The Seagull. Schauen Sie sich das an, Sie können all diese verschiedenen Arten von Landing Page-Designs sehen, oder? Und wie gesagt, Sie können diese kaufen oder Sie können kostenlos herunterladen , abhängig von der jeweiligen Website, die Sie sind auf. Und dann gehen wir nach oben labs.com. Hier ist eine andere Ressource, wo Sie einige Lesung für Sie Vorlagen getan kaufen können. Schauen wir uns dieses blaue hier an. Das hier sieht ziemlich nett aus. Also diese hier, können Sie für 99 pro Monat für eine tatsächliche monatliche Kosten kaufen, oder Sie können dies zu einer einmaligen Gebühr für $29 kaufen. Ok. Und ich glaube, das ist mehr für eine Messaging-Chat-Typ von Funktion dort und sehen, ob wir einige verschiedene finden hier. Education App-Design. Dies ist für Mode Landing Page Vorlagen, die hier Quiz App zu sehen. Schauen wir uns diesen E-Commerce hier an. Das ist also ein sehr schönes Layout hier. Auch hier sind dies verschiedene Vorlagen, UI-Vorlage Kinder, die Sie in der Lage sein, zu kaufen und haben diese Designs bereits eingerichtet und bereit für Sie in der Lage sein, zu verwenden. Und Sie können diese auch nutzen und diese zu Ihrem Portfolio hinzufügen, oder? Aber Sie müssen diese nicht von Grund auf neu erstellen, wenn Sie nicht wollen, weil Sie verschiedene Ideen daraus nehmen können. Sie können einige der verschiedenen Elemente verwenden, oder? Und Komponenten, und vielleicht änderte sie um ein wenig herum. Es sei denn, Sie möchten ein UI-Kit von Grund auf neu erstellen, wissen Sie , das wird etwas sein, das Sie selbst tun, wo Sie entwickeln, sagen wir eine Website oder eine Anwendung. Und Sie möchten ein UI-Kit für die Programmierer und für andere Designer erstellen, die möglicherweise an dieser bestimmten App oder Website arbeiten. Aber das ist nur ein kurzer Überblick hier, um Ihnen verschiedene Arten von UI-Kits zu zeigen, UI-Designs, die bereits erstellt und für Sie verfügbar sind, oder? So wie das hier auch gut für ein Geschäft ist , das Schuhe verkauft oder vielleicht jede Art von Sportprodukten, richtig? Dies wird etwas sein, das Sie als eine typische Art von Design verwenden können. Und dann auch hier auf einem Varro Elemente, können Sie einige fertig für Sie kaufen, UI Vorlagen als auch. Also dieser hier ist für einen E-Commerce-Store, Jahre für Bau-Website. Hier ist eine andere für wie eine Marketingfirma. Schauen wir uns das hier an. Profitieren Sie von der Macht des E-Mail-Marketings. So kommt es mit nur diesem speziellen Landing Page Deal hier. Ok? Also, ja, das wird hier eine Ressource sein, die Sie betrachten können , wenn Sie nach UI-Kits suchen, richtig? Sie können einfach in Google UI-Kits eingeben und Sie gehen, um eine Menge von verschiedenen Ressourcen zu bekommen. Sie können diese UI-Kits verwenden und sie kaufen und als Referenzen verwenden oder sie vielleicht für ein bestimmtes Design verwenden. Sie müssen selten UI-Vorlagen von Grund auf neu erstellen, es sei denn, Sie haben etwas sehr Einzigartiges und Kundenrang. Und dann wird Arthur Sie im nächsten Video erläutern, wie Sie ein UI-Kit einrichten. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 70. Adobe XD: Hallo, da. Lassen Sie uns über UI-Kit sprechen. Uikit ist die Sammlung von Elementen, die in Ihrem gesamten Projekt verwendet werden können. Uikit steht im Zusammenhang mit der Benutzeroberfläche. Es kann Farben, Symbole, Topographie, Steuerelemente, Schaltflächen, Karten,Steuerelemente, Schieberegler, Beschriftungen usw. enthalten Topographie, Steuerelemente, Schaltflächen, Karten, . Wenn Sie also eine zusätzliche Seite für Sie erstellen müssen, wird es einfach sein, primäre, sekundäre oder tertiäre Farbe auszuwählen . Wählen Sie die gewünschte Schriftgröße und Schriftart, Symbol bei Bedarf, Schaltfläche usw., und erstellen Sie ein neues Layout für Ihre Benutzeroberfläche. Nehmen wir an, wir haben ein System, das ein Update hatte, und wir müssen dieses Update irgendwie implementieren, damit es nicht wie getrennt von diesem Designkonzept abhebt . Also werden wir die Karte auswählen, wir werden den gleichen Schieberegler wählen, wenn nötig, Taste und so weiter und so weiter. So werden wir in der Lage sein, das gleiche Styling über alle Projekte, an denen wir arbeiten, zu erhalten. In. Eine andere Sache ist UIKit Jesus, denn wenn Ihr Projekt an das Entwicklerteam weitergegeben wird. Und diese Jungs werden in der Lage sein, einige neue Seiten zu erstellen , neue Bildschirme ohne Anstrengung von Ihnen zu generieren. Damit sie dich nicht belästigen. Und sie werden nicht viele Fragen haben, wie die Farbe, die ich verwenden sollte, wenn ich die Suchleiste für vier Kategorieseite erstellen muss , zum Beispiel, hier haben Sie die Regeln für Farben, wird T-Symbol gesetzt. Sie werden definitiv die typografische Hierarchie, die Absatzformatvorlagen, Elemente und so weiter einschließen . So wählen sie die nötige Farbe, Schriftarten, Balken, wenn nötig, Bartons Etikettenkarten, und wir erstellen die benötigte Schnittstelle. Darüber hinaus könnten sie diese Funktionalität in das System implementieren, in dem Sie arbeiten. So werden diese neuen Vorlagen dort automatisch ohne Aufwand generiert, weder von Ihnen, noch von Front-End-Entwicklern. Ok? Also für kleine Projekte, eine Seite, mehrere Seiten. Websites, wie Unternehmens-Websites, denken nicht, dass es notwendig ist, UI-Kit zu erstellen, aber es wäre schön, das UIKit zusammen mit Ihrem Mockup an Entwickler zu übergeben. So werden sie in der Lage sein, einige Funktionen im Voraus mit Ihrem UI-Kit hinzuzufügen , das die von Ihnen vorgeschlagenen Elemente verwendet. Aber für komplexere Dinge wie SAS, soziale Netzwerke, Alle anderen Arten, die viele Bildschirme haben. Natürlich ist es fast erforderlich, dieses UI-Kit zu haben , weil viele Änderungen auftreten können, während die Entwicklung, während das Design, Design-Framework sollte flexibel sein. So passt es sich an die Bedürfnisse des Projekts an, sei es seine Skalierbarkeit oder es ist die Reaktionsfähigkeit oder andere Sache. Aber Sie müssen diese Hauptsache in Ihrem UI-Kit beibehalten. Und sobald Sie dieses System haben, das 40-50 Bildschirme im Inneren hat , verwenden Sie natürlich das gleiche Element, das gleiche Styling in Ihrem gesamten Projekt. Versuchen Sie also, UI-Kit für komplexe Projekte zu erstellen, da Sie sie selbst benötigen. Da es einige Änderungen geben könnte, könnte es einige Aktualisierungen geben. Und sobald Sie alles zur Hand haben, Sie bereits Regeln definiert. Sie sind nicht starr, sie sind flexibel. Sie werden eine neue Seite mit diesen erstellen, ohne die Arbeit der weiblichen Programmierer zu brechen. Unsere anderen Jungs im Projektteam UI-Kit ist dem Markenbuch oder Markenführer sehr ähnlich, weil es meist die gleichen Elemente hat. Aber in diesem Fall ist es technischer und Sie können einfach das Symbol von hier ausleihen. Kopieren Sie Einfügen in Ihre Arbeitsdatei. Einige UIKit haben möglicherweise nicht einige Elemente, die hier dargestellt werden. Einige können einige zusätzliche Elemente haben. Je mehr Elemente Sie in dieser Datei haben, desto weniger Aufwand wird es sein, neue Bildschirme zu erstellen. In anderen nützlichen Feature von UI Kit ist, dass es hilft, Ihr Projekt an andere Designer in Fällen zu übergeben , wenn Sie nicht in der Lage sind, die Arbeit aus irgendwelchen Gründen fortzusetzen. Nehmen wir an, Sie haben den Job gemacht, das Projekt abgeschlossen, aber irgendwann sind einige Updates aufgetreten. Ihr Kunde kann mit anderen Designern zusammenarbeiten, ohne Sie zu belästigen , welches Element wir hier oder dort verwenden müssen. Auch hier ist es wie Branding Leitfaden für die Benutzeroberfläche und ermutigen Sie, Zeit zu verbringen und diese Bibliotheken von Elementen für Projekte zu erstellen, die komplex sind, die möglicherweise neues Layout, neue Funktionen erfordern, und wird sehr hilfreich für Sie und Ihr Team. Okay, vielen Dank für Ihre Aufmerksamkeit. Ich hoffe, das war nützlich. Vielen Dank für Ihre Aufmerksamkeit. Ich hoffe, es war hilfreich und ich liebe es, UI Kit zu erstellen und hoffe, dass Sie lieben, Sie in unserer nächsten Lektion zu sehen. 71. Microinteractions: In diesem Video werden wir über Mikro-Interaktionen gehen. Jetzt sind Mikrointeraktionen sehr, sehr häufig auf verschiedenen Social-Media-Plattformen, auf verschiedenen Websites, richtig? Sie verwenden diese wahrscheinlich die ganze Zeit, vor allem, wenn Sie wie auf Facebook sind, wo Sie ständig mit den Beiträgen der Leute, mit den Inhalten der Leute und gab ihnen einen Daumen hoch, vielleicht Harding, einen Kommentar oder was auch immer kann sein. Das werden alle Beispiele für Mikro-Interaktionen sein. Und in der nächsten Video-Lektion, Es wird Ihnen zeigen, wie Sie verschiedene Mikro-Interaktionen erstellen und wie sie in Adobe XD funktionieren. Für dieses Video wird dies jedoch eher ein Überblick sein. Wie Sie hier sehen können, sind Mikro-Interaktionen wirklich jene Arten von Interaktionen, die es so machen, dass es sehr viel so und angenehme Erfahrung für den Benutzer ist, tatsächlich mit dieser Anwendung oder dieser Website zu interagieren. Und wie Sie hier sehen können, bestehen Mikro-Interaktionen aus vier Teilen. Der erste ist der Auslöser, der die Initiation sein wird, die die Mikro-Interaktion initiieren wird, sei es wie ein Like oder ein Herz, das Sie auf einem bestimmten Beitrag auf Facebook tun. Und dann gibt es Regeln, die bestimmen, was passiert. Eine Mikro-Interaktion wird ausgelöst, zum Beispiel, wenn Sie einen bestimmten Kommentar oder einen Beitrag mögen, richtig? Das wird automatisch von grau zu blau. Sobald du das magst, richtig, dann hast du das Feedback, lässt die Leute wissen, was passiert und dann die Schleifen und den Graben, richtig? Dies bestimmt im Wesentlichen die Mineralien der Mikrowellen-Wechselwirkung. Und was wirklich Mikro-Interaktionen für den tatsächlichen Benutzer ist, dass sie es aufregend und verlockend für den Benutzer machen , zu navigieren und die Website zu nutzen, oder? Denn wenn Sie eine Website haben, die nur statisch ist und es nicht sehr einzigartig ist und es wirklich keine Art von dynamischen Typ von Komponenten gibt, dann kann es ziemlich langweilig werden. Also hier haben wir einige Beispiele für eine Wischbewegung. Sie können auch über verschiedene Dating-Apps denken da draußen wie Tinder, die diese weiße Funktion als auch haben. Das werden alle Mikro-Interaktionen sein. Und gehen wir runter und schauen uns ein paar andere hier an. Hier ist eine Dateneingabe hier, wo Sie die Daten hier eingeben. Und dann gibt es Ihnen eine Stärke Meter dort abhängig von der Stärke der Website, viele Websites werden diese haben, wo Sie müssen sich als Benutzer anmelden und Sie müssen ein Passwort erstellen, damit Sie in der Lage sein, die Erstellung Ihre tatsächlichen Login-Informationen, oder? Sie müssen in der Lage sein, ein Passwort zu setzen, das stark ist und nicht sehr einfach und einfach ist, tatsächlich herauszufinden. Und so sind diese Arten von Makro-Interaktionen großartig, weil sie dynamisch sind und dem Benutzer auch das Gefühl der Sicherheit bieten, wie Hey, wir möchten, dass Sie ein Passwort erstellen, das Ihre persönlichen Daten sicher halten wird . Und dann hier runter zu gehen, ist das wie eine Art Laden oder aktueller Systemstatus, richtig? Nur eine andere Art von wie eine Mikro-Interaktion hier. Und dann wird dieser für das Hochladen Ihrer Designs oder das Hochladen einer bestimmten Datei sehr, sehr nett und sehr ansprechend sein Ihrer Designs oder das Hochladen einer bestimmten Datei sehr, . Und dann ist dies eher ein Aufruf zum Handeln genau hier, wo Sie im Wesentlichen Menschen einladen, eine bestimmte Aktion zu ergreifen. Diese sind sehr wichtig auf einer Website oder Anwendung, auf der Sie möchten, dass sich die Leute dort stützen und eine bestimmte Aktion ergreifen, auf einen bestimmten Link oder Button klicken, um sie dazu bringen zu können , was Sie von ihnen wollen, richtig? Damit sie erreichen können, was immer Sie versuchen, sie dazu zu bringen, richtig? Meistens werden Sie ein Produkt kaufen oder einen Termin oder einen Telefonanruf vereinbaren, richtig? Und dann haben wir hier die animierten Schaltflächen hier, wo sie von rechts herkommen. Oft finden Sie die animierten Buttons oder wie die Kaplan. Unten rechts auf einer Website. Sie werden die ziemlich viel sehen. Sie werden sehen, wie die Chat-Funktion Pop-up oder sogar wie ein Facebook Messenger-Chat, den Sie auf eine Website einbetten können. Und das ist, wo Sie die auf einer Website als auch sehen werden. Und dann der animierte Upload-Button hier. Dies wird eine weitere Mikrowellen-Interaktion hier sein, aber die Mikro-Interaktionen werden normalerweise diejenigen sein, die Sie auf verschiedenen Social-Media-Websites sehen, auf verschiedenen Websites, auf denen sie hinzufügen möchten ein wenig dynamische Funktionalität, nicht wahr? Und Interaktivität zum tatsächlichen Look and Feel der Website oder Anwendung. Und wie entwerfen Sie Mikro-Interaktionen? Künstler gehen in ein Video davon in der nächsten Lektion zu gehen. Hier sind jedoch einige der Dinge, die Sie im Auge behalten möchten. Sie wollen sich in die Schuhe des Benutzers setzen. Wir möchten sicherstellen, dass Sie es immer aus der Sicht des Kunden betrachten und sicherstellen, dass Sie Spaß mit dem Recht haben. Es ist also nicht so, als würde ich aufdringlich sein. Es ist nicht nervig. Und wo es ist, als ob es nicht mit dem übereinstimmt, was der Benutzer versucht. Sie möchten es zu einem sehr genussvollen Verkostungserlebnis machen. Und das ist im Wesentlichen das, was Mikro-Interaktionen sind. Denken Sie einfach an die Facebook-Likes. Denk darüber nach, wann immer du jemandes Beitrag liebst oder du mit einer bestimmten Website oder Anwendung interagierst, richtig? Dies werden Beispiele für die Mikro-Interaktionen sein und wie sie in der heutigen Zeit und Zeit viel mehr verbreitet werden , so weit wie die Anwendungen und Websites. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 72. Adobe XD – Microinteractions: Willkommen bei Mikro-Interaktionen in XD. Heute gehen wir zu erkunden Wesentliche waren Scroll Animation Übergangstypen auf Hover zu ändern und so weiter. Durch gute Interaktion ist, wenn Sie den Prozess des Übergangs zwischen den eigenen Kunstbrettern und in anderen Kunsttafeln ändern können . So nach außen könnte Pop-up sein, ich kaufte, könnte Bildschirm Seite, Webseite, und so weiter. Beginnen wir mit der O2-Animation. Sie sehen, ich habe zwei fast ähnliche Grafiken erstellt, aber mit Ausnahme von Heizwellen hier. Und ich habe dieses Element auch nur in Interaktion mit einem Aktionstyp ausgewählt , gleich hier. Also sind diese beiden Bildschirme miteinander verbunden und sie gehen hin und her. Und fangen wir mit dem zweiten an. So sehen Sie, dass es eine leichte Animation auf diesem weichen Ball. Bitte beachten Sie, dass die Ebenen den gleichen Namen und die gleiche Position haben sollten. Die Layerreihenfolge Weil sie hier sind, verstecken Sie es hinter der Schüssel. Wenn ich dies lösche, werden wir diese Animation nicht sehen, wie wir sie derzeit sehen. Lassen Sie es uns versuchen. Ja. Sehen Sie, wie diese Ebenen sofort wie Fade Out und Fading erscheinen. Aber es gibt uns kein Gefühl von Bewegung wie hier. Bitte beachten Sie, dass die andere Art von Interaktionen der Übergang ist. Transition bedeutet, dass wir einfach zu diesem seltsamen Boot gehen, ohne jede Wirkung. Nun, es gibt ein kleines Fade Out Fading, aber es ist wie fast nichts. Gleiches gilt für unsere Boards, die Elemente der Benutzeroberfläche haben. Hier haben wir Auto-Animation. Lassen Sie mich es noch einmal versuchen, weil das Logo den gleichen Namen hat, die gleiche Ebene. Es geht hoch und skaliert nach unten. Was passiert, wenn ich Übergang wähle? also kein Effekt angewendet. Overlay ist die Art der Interaktion, die für Pop-ups oder andere Fenster nützlich ist , die kleiner als Ihre Basis-Art-Boards sind, wie in unserem Fall haben wir ein selektives Filtersymbol und Auswählen von Overlay für Filter Pop-up. Und mal sehen, wie es wieder funktioniert. Nur um sich daran zu erinnern. Sie sehen, dass es das Haupt-Mockup mit diesem Bildschirm überlagert. Ich habe auch einen kleinen Farbton für den Hintergrund hinzugefügt, so dass der Suchfilter stärker fokussiert wird. Äußere Sache, die ich erklären möchte, ist zu scrollen, zu scrollen, ist nützlich, wenn Sie lange Seite haben. Und eine andere, eine nützliche Tatsache ist auf Hover, in der Regel auf den Bartons verwendet, selten auf den Icons verwendet. Zuallererst müssen Sie eine Komponente aus Ihrer Schaltfläche erstellen. Und Sie werden sehen, dass es einen Standardzustand geben wird. Sie können einen anderen Status hinzufügen , der Hover-Status wäre. Und in Hover-Zuständen innerhalb des Containers können Sie den visuellen Teil Ihres Bodens anpassen und sehen, Gleich für Ihre anderen Schaltflächen. Bitte denken Sie daran, auf Hover-Effekt für alle Ihre Elemente zu erstellen , die gedrückt werden können oder schweben passt in der mobilen App Bitte erstellen Sie einen geklickten Zustand für Ihre Schaltfläche. Sie können nennen, dass es Konflikt ist. Machen Sie es etwas dunkler. Okay, ich würde Hover-Status erstellen. Bitte beachten Sie, dass diese Effekte sehr gering sein sollten, da sie natürlich sein müssen. Auch hier können Sie die Größe Ihrer Bots ändern und die Farbe des Textes hassen. Im unteren Kurs werden wir keinen Hover-Effekt auf dem mobilen Gerät sehen. Es ist jedoch relevanter für Desktop-Schnittstellen, Sie müssen jedoch die zusätzlichen Zustände erstellen. Ihre Entwickler wollen also Gas, wie diese Taste aussehen wird, wenn sie gedrückt oder bewegt oder gezogen wird und so weiter. Also denke ich, dass das CCS genug für Sie, um mit Mikro-Interaktionen in XD zu experimentieren. Und die letzte ist die vorherige Art Board, die normalerweise nimmt Benutzer zurück wie hier, wir haben den Knopf zurück. Sie können dieses Element in eine Komponente konvertieren und den vorherigen Art der Kunstplatine zuweisen und diesen an Stellen kopieren, an denen Sie das Mock-up gesichert haben. Aber, und jedes Mal, wenn ein Benutzer auf diese Schaltfläche klickt, wird er oder sie zurückbringen. Es ist nützlich für solche Dinge wie hier für Filter. Filter wird auf mindestens zwei Bildschirmen, Mahlzeiten und Restaurants verwendet werden. Also, anstatt Kleidung Symbol zu erstellen und es zuweisen, okay, stellen wir uns vor, wir haben diesen Filter. Ich möchte den Übergang oder es vorherige ungerade Boot haben und ich zugewiesen das Overlay für Restaurants Abschnitt und Mahlzeiten. So sehen Sie, dass der Suchfilter mit einer Schaltfläche Ursache angezeigt wird. Und ich gehe einfach zurück zu den Mahlzeiten. Sobald ich in den Restaurants bin und ich Filter drücke, kehrt es mich zurück in Restaurants. Sie können also diese beiden wiederverwendbaren Elemente in Ihrer App hinzufügen, wie Pop-ups, die hier und da an einigen Stellen erscheinen. Wenn wir diese Funktion nicht haben, müssen Sie den anderen Filter erstellen, der Pop-up, erscheint aus dem Restaurantbereich und zuweisen, diese werden nicht mit depressiven Läufen geboren. Dasselbe hier. Nun, haben separate Suchfilter Pop-up, die das Schließsymbol zu den Mahlzeiten haben wird. Es ist einfacher, diese Elemente zu erstellen , die an mehreren Stellen in Ihrer App verwendet werden könnten. Ich denke, das ist alles für jetzt pro Mikrowellen-Interaktionen Experiment, versuchen Sie es selbst und wünschen Ihnen viel Glück mit diesem als sehr interessante Sache zu erkunden und haben eine schöne durch. 73. Navigationskomponenten: In diesem Video werden wir über die verschiedenen Arten von Navigationskomponenten gehen. Jetzt ist dies etwas, das Sie normalerweise oben auf einer Website oder oben in der Anwendung sehen werden , wo Sie,sagen wir, verschiedene Suchleistenkomponenten, verschiedene Arten von Menüleisten haben sagen wir, verschiedene Suchleistenkomponenten, , oder? Also lasst uns voran gehen und in die Navigationskomponenten springen. Ok, so dass die häufigsten verschiedenen Arten von Navigationskomponenten, die Sie entweder auf einer Website oder Anwendung oder jeder Art von Software, die Sie verwenden, wird die Suchleiste sein. Sie haben Breadcrumbs, Paginierungs-Tags, Schieberegler, verschiedene Symbole und das Karussell. Also lasst uns weiter gehen und ein bisschen weiter in diese eintauchen. Also der erste hier ist die Suchleiste, richtig? Und dies ist in der Regel, wo Sie die Möglichkeit haben, auf irgendetwas auf der Website zu suchen , wenn Sie finden möchten sagen wir eine Person, wenn Sie einen bestimmten Artikel, bestimmte Blog-Post oder ein bestimmtes Stück finden möchten Informationen. Hier können Sie die Suchleiste hier verwenden. Und es bietet eine Menge Wert für den Endbenutzer, weil sie in der Lage sind, etwas sehr schnell zu finden, oder? Wenn sie eingeschaltet sind, sagen wir YouTube, oder? Sie wollen in der Lage sein, ein bestimmtes Video zu finden, indem sie dort gehen und bestimmte Schlüsselwörter eingeben, bestimmte Namen richtig? In. Es wird oft sehr einfach und einfach für sie zu finden, wonach sie suchen. Die nächste, die wir hier abdecken werden, sind die Paniermehl. Dies ist im Wesentlichen eine Art von Zeile, die den aktuellen Pfad zum tatsächlichen Speicherort anzeigt. Sie werden hier sehen, wir haben das Zuhause, dann haben wir einen Schrägstrich über uns. Und der Schrägstrich ist wirklich der Breadcrumb, weil er Ihnen die Hierarchie zeigt, richtig? Sie haben ganz oben, Sie haben zu Hause, und dann haben Sie über uns unter dem. Und dann unter Über uns, hast du Geschichte, richtig? Und es zeigt alle verschiedenen Ebenen innerhalb dieses bestimmten Abschnitts. Und dann die Paginierung hier. Dies ist, wo Sie ganz unten, sagen wir, von einem Blog oder bestimmten Nachrichtenpublikation Art der Website, wo Sie alle verschiedenen Seiten und sogar aktuelle Seiten, die die Website Inhalt hat, sehen können , oder? Dies ist also eine sehr einfache Art der Navigation zu erstellen und einzurichten. Es ist nur Blick auf den vorherigen Beitrag und dann in der Lage , auf dem neuesten Stand zu sein , richtig? Und dann haben wir die Tags hier. Und dies wird in der Regel die niedrigste Ebene der Hierarchie sein , um präzise Inhalte zu finden. Denn Sie können einfach einfach in die Suchleiste gehen und eingeben, wonach Sie suchen. Sie können wie verschiedene Tags wie UX-Design, Branding, was auch immer eingeben. In den meisten Fällen ist der einfachste Weg und was die Leute normalerweise und häufig verwenden nur die Suchleiste und auch die Kopfzeilennavigation im Menü, um genau das nachschlagen zu können, wonach sie suchen. Und dann haben wir den Schieberegler. Und dies wird verwendet, um Wert von arrangieren oder Werte und insbesondere gegebene Menge zu setzen. Also wird es Ihnen normalerweise zeigen, wie, hey, das ist die Zielgruppe zwischen 25 bis 45, oder es zeigt Ihnen, wissen Sie, was Sie bevorzugen. Oder hier ganz oben, sagt es Ihnen, Ihr Haustier Gewicht einzustellen. 25, bis zu, sagen wir ein paar 100 Pfund oder was auch immer. Oder wenn du in Kilogramm bist, wird das natürlich anders sein. Aber das wird typischerweise etwas sein, das horizontal dargestellt wird. Denn wenn Sie es vertikal machen, wird es viel Platz in Anspruch nehmen und es wird nicht sehr gut aussehen. Dies ist also am besten auf einem horizontalen Layouttyp ausgelegt. Und dann haben wir die Symbole hier. Icons oder eines meiner beliebtesten hier, weil sie Ihnen wirklich einen Hinweis darauf geben , worum es in diesem speziellen Bereich geht, oder? Wie wenn man sich ganz unten dort anschaut, haben Sie einen E-Commerce, rechtliche und Compliance. Sie haben ein nettes kleines Icon mit den Texten darunter. Und sie geben Ihnen wirklich einen guten Hinweis darauf, worum es in diesem Abschnitt geht. Also mag ich diese sehr. Es gibt offensichtlich einen Knochen zu verschiedenen Arten von Symbolen und verschiedenen Layouts. Und das Tolle daran ist auch, dass man diese vertikal oder horizontal auslegen kann . Und sie werden beide fantastisch aussehen. Offensichtlich, was die vertikale, Sie wollen kleinere Symbole haben , so dass Sie nicht zu viel Platz, zu viel Platz. Allerdings, was die horizontalen, Sie können sie viel größer machen, genau wie wir hier ganz unten mit der e-comm, legal und Compliance, und dann die Finanzen und Banken. Aber sie funktionieren fantastisch. Sie sehen auch toll aus. Und dann haben wir das Karussell. Dies ist in der Regel, wo Sie ein Portfolio sehen , in dem Sie viele verschiedene Projekte haben, die Sie in der Vergangenheit getan haben. Vielleicht andere Kunstwerke, unterschiedliche Fotografie. Das wird am besten sein. Dort kannst du es schaffen. Das ist also anklickbar. Und sagen wir, jemand ist auf Ihrer Website und sie suchen nach Ihrem Portfolio. Sie können dort ein Karussell haben, das ihm erlaubt, verschiedene Bilder zu sehen , wenn ich Projekte bin, an denen Sie gearbeitet haben, und dann können sie auf diese speziell klicken und auf eine bestimmte Seite gelangen , die ihnen einige weitere Informationen darüber gibt bestimmten Projekt. Okay, also lassen Sie uns einen Blick auf einige der verschiedenen Faktoren werfen, wenn es um die mobilen Spezifikationen hier geht. Okay, denken Sie daran, wenn Sie eine Webanwendung entwerfen, ist es wichtig, dass Sie die Unterschiede mit verschiedenen Schriftarten, verschiedenen Elementen und der Größe verstehen , die auf einem Desktop im Vergleich zu einem Mobiltelefon erforderlich ist, richtig? Weil es offensichtlich völlig andere Art von Layout, Benutzeroberfläche für ein Mobiltelefon sein wird. Und Sie müssen in der Lage sein, sich des Unterschieds dort bewusst zu sein. Also, wenn Sie eine sehr gut aussehende Anwendung haben, die gut auf dem Desktop funktioniert, aber es kann kurz auf das Design auf den mobilen Spezifikationen fallen. Sie müssen das jederzeit im Hinterkopf behalten. Und einige der Schlüsselfaktoren, die Sie hier im Auge behalten möchten , sind offensichtlich die Schriftgröße, verschiedene Elemente, verschiedene Formen. Wenn Sie wie Menschen füllen Anwendungen und insgesamt das Layout und Design sowie, so dass Sie in der Lage, die Menge an Platz, die Sie haben, zu maximieren und Sie sind nicht tragen alles durcheinander. So ist es einfach für die Person zu navigieren. Denn denken Sie daran, Mobiltelefone sind im Wesentlichen die Führer jetzt in Verkehrsquellen. Und das ist, wo der Großteil des Traffics für Website-Anwendungen kommen wird. Und so wollen wir es so einfach und so einfach und reibungslos wie möglich für diese Personen machen , die Anwendung, diese Website zu navigieren, was auch immer das Richtige über ihre Mobiltelefone sein mag. Werfen wir einen Blick auf die mobilen Spezifikationen ein bisschen tiefer. Also, was die Schriftgröße hier? Wir wollen sicherstellen, dass wir mindestens 16 Pixel haben und dann auch den Zeilenabstand erhöhen. Sie können hier auf diesem Bild auf der rechten Seite sehen, dies ist eine fantastische Art von Benutzeroberfläche. Sie sind nett, Design, schön und einfach. Du hast nicht zu viel, sie gehen weiter. Und dann auch die Größe eines Elements, mindestens 44 mal 44, so dass es nicht zu groß, nicht zu klein, aber es ist sehr einfach zu betrachten und zu navigieren. Und dann die Heatmap, Dies ist, wo Sie offensichtlich schauen, wo die Leute klicken, wo die Leute tatsächlich ihre Zeit verbringen, wenn sie sich zu einer Zeit drehen, sagen wir, Artikel lesen im Vergleich zu einer bestimmten Seite, möchten Sie in der Lage sein, zu sehen, was diese Personen auf ihrem Mobiltelefon machen, wenn sie meine Anwendung verwenden, wenn sie auf meiner Website sind, richtig? Da ist es so wichtig. Und dann die Foren, richtig? Wenn Sie eine Art von Anwendung haben, bei der Personen ihre Informationen ausfüllen, sammeln Sie oder Sie haben Leute, die sich als Benutzer anmelden, richtig? Erstellen eines Benutzernamens, mit einem Passwort dort. Sie möchten auch darüber nachdenken, eine Heatmap hier zu haben und es so zu machen, dass es schön und einfach ist, richtig? Hier haben sie die gesamte Seite im Wesentlichen als die eigentliche Form, auf die das alles ist, worauf es sich tatsächlich konzentriert, oder? Denn denken Sie einfach daran, ein Formular auf einer bestimmten Website, Landing Page oder was auch immer zu haben, richtig? Und Sie haben diese Form, die nur auf einem kleinen Teil dieser Website auf diesem Layout für das Mobiltelefon ist, oder? Es wird sehr ablenkend für den Benutzer sein. Sie wollen also, dass sie auf einen Button klicken und sie dazu bringen, sich tatsächlich zu registrieren, so dass sie alles vor ihnen haben, damit sie sich darauf konzentrieren können , das zu tun und sich tatsächlich anzumelden, richtig? Weniger Ablenkungen. Und dann werfen wir einen Blick auf einige Layout-Gitter hier. Sie möchten die Lesbarkeit beibehalten. Du willst mehr Luft im Weltraum haben, oder? Du willst nicht, dass die Dinge verwirrt werden. Sie möchten drei Lehrbücher für eine Spalte haben, fünf Elemente pro Zeile. Erwägen Sie, ein Framework zu haben, das spezifisch und speziell für das ist , was Sie hier erreichen möchten. Aber dieses hier, das Sie von diesem Handy hier sehen können, ist großartig, weil dort nicht zu viel los ist. Es ist sehr einfach zu sehen, was dort vor sich geht und was Sie wählen können, was Sie auswählen können. Denken Sie also wirklich über die verschiedenen Layout-Raster und die Spezifikationen darüber nach. Okay, also werfen wir einen Blick auf die Handy-Spezifikationen hier für ein Android-Handy, richtig? Denn sie werden ein bisschen anders sein als ein IOS, Apple Phone und verschiedene andere Handy-Hersteller da draußen. Also für mobiles Portrait, dies sind die verschiedenen Spezifikationen, die Sie im Auge behalten möchten. Dasselbe für mobile Landschaft, ein Porträt für Tablets und dann eine Landschaft für ein Tablet. Also, wenn Sie verschiedene Elemente, verschiedene Komponenten entwerfen, oder? Sie möchten diese für das Android im Hinterkopf behalten. Und dann hier ist es für das iPhone, Sie wollen sicherstellen, dass Sie die Spalte und 16 Rand haben. Und dann für das iPad, Sie wollen eine Spalte und 16 Rand als auch haben. Und dann haben Sie natürlich eine andere Orientierung für die iPad-Landschaft und dann auch für das Desktop-Layout. Stellen Sie also sicher, dass Sie ein Verständnis für die verschiedenen Layouts haben, die Spezifikationen, richtig? Wenn Sie verschiedene Anwendungen erstellen, denn für die Mehrheit der Zeit, wenn Sie verschiedene Anwendungen entwerfen oder erstellen, die so ziemlich ausschließlich auf dem Telefon oder auf tragbaren Geräten verwendet werden . Sie möchten also sicherstellen, dass Sie die richtigen Spezifikationen haben, die richtigen Arten von Spalten nach Arten von Rand, so dass sie gut auf den richtigen Geräten angezeigt werden. Und hier sind einige Spezifikationen für den Bootstrap. Sie möchten sich Telefone auf unsere 768 Pixel oder die Tablets ansehen. Sie möchten 768 Pixel sehen, 15 Pixel auf jeder Seite der Spalte. Auch dies ist etwas, das Sie in der Lage sein möchten, selbst zu betrachten , zu verwenden und zu navigieren. Ich gebe Ihnen hier nur ein paar verschiedene Spezifikationen , die Sie beachten sollten. Und was du tun kannst. Viele Male ist es nur gehen auf verschiedene Anwendungen, verschiedene Websites, und schauen Sie sich an, was sind die aktuellen Trends, oder? Schauen Sie sich die verschiedenen Berichte an und im Wesentlichen in der Lage zu emulieren wie diese Jungs ihre aktuellen Designs ausgelegt haben und in der Lage sein, zu sehen, okay, was sind einige Dinge, die ich Ideen, einige verschiedene Frameworks, die ich nehmen kann diese einzelnen, aus diesen verschiedenen Anwendungen, diese unterschiedlichen Designs. Und dann kann ich auch in meinen eigenen Designs verwenden. Und dann endlich hier haben wir die Benutzerführung. Und das ist großartig für neue Benutzer, die eine neue Feature-Updates in einer Benutzeroberfläche einführen. Und das ist normalerweise das, was Sie sehen werden, wenn Sie jemanden auf eine Website kommen, die unterschiedliche Inhalte hat, verschiedene Arten von Informationen, bei denen Sie möchten, dass sich die Leute anmelden, richtig? Oder es ist vielleicht ein Dienst, der kostenlos oder vielleicht bezahlt ist, oder vielleicht haben sie eine kostenlose Version und dann können Sie upgraden. Sie möchten es einfach und einfach für sie machen, sich anzumelden, ihre Informationen einzugeben und sich als Benutzer anzumelden und Teil dieser bestimmten Website oder Software-Anwendung zu sein . Und so wird das hier für die UI-Navigationskomponenten sein. Und wir sehen uns auf der nächsten. 74. Übersicht über die Optimierung: In diesem Video gehen wir über den Optimierungsabschnitt Übersicht. Dies wird also ein Abschnitt hier sein, in dem wir über verschiedene Dinge gehen , wie man beanspruchtes Feedback erhält, verschiedene Fragen, die fragen, wie man eine bestimmte App oder Website optimieren kann, nachdem sie erstellt wurde. Wie Sie Analytics verwenden können, wie Sie Daten und verschiedene Tools verwenden können, um die Leistung der Website-Anwendung oder unabhängig von der Art von Projekt, die Sie entwickelt haben, zu maximieren und zu optimieren . Gehen wir voran und springen in die Optimierung. Eines der ersten Dinge, die wir übergehen werden, ist das Kundenfeedback. Wie man Feedback vom Kunden gibt. Erhalten Sie auch Empfehlungen und in der Lage sein, neue Kunden, neue Kunden zu bekommen. Und dann die oben die Faltregel, die Wichtigkeit davon , wie das funktioniert, wie dies die Website viel einfacher zu lesen und zu navigieren wird. Und dann gehen wir über, wie man analytische Werkzeuge verwendet. So verwenden Sie verschiedene Tools, um Daten zu sammeln, um zu sehen, woher der Datenverkehr kommt, um eine Demografie analysieren zu können und diese Daten nutzen zu können, um die Leistung der Website effektiver zu optimieren oder die Anwendung selbst. Und dann werden wir über die Verwendung von Heatmaps und verschiedenen Elementplatzierungen gehen. Er Karten sind eine großartige Sache auf einer Website zu haben, besonders wenn Sie herausfinden möchten, wo jeder mit Ihrer Website interagiert, was sind die verschiedenen Elemente, auf die sie tatsächlich klicken? Was sind die verschiedenen Bereiche, die sie tatsächlich am meisten besuchen, wo sie die meiste Zeit mit Heatmaps in Elementplatzierungen verbringen , sind dort sehr wichtig. Sowie die Tools für die Optimierung werden über verschiedene Tools gehen, die Sie verwenden können, wenn in Ressourcen, um die Gesamtleistung der Website zu verbessern, oder? Weil Sie dort eine Website entwickelt haben, werden Sie Verkehr kommen und Sie wollen in Lage sein, zu sehen, woher sie kommt, welche Art von Traffic es ist, was sind die verschiedenen Quellen? Werden auch ihre Werbekampagnen ausgeführt? So möchten Sie in der Lage sein, diese Daten wirklich zu analysieren, die Anwendung oder Website Emacs zu optimieren. Und dann gehen wir über einige menschliche Schnittstellenrichtlinien, einige Dinge, die Sie im Auge behalten sollten. Und dann schließlich, gehen, um Sie mit einigen nützlichen Links, die Sie verwenden können um in der Lage zu sein, die verschiedenen Tools und Ressourcen zu sehen sind für Sie in diesem Abschnitt zur Verfügung gestellt. Also freuen wir uns sehr darauf, dass Sie loslegen und wir sehen uns auf der nächsten Seite. 75. Feedback Review und Nachschläge: In diesem Video werden wir über Feedback und Empfehlungen von Ihrem bestehenden Kundenstamm gehen . Dies wird hier ein sehr wichtiger Faktor sein , wenn es darum geht, dass Sie freiberuflich oder jede Art von Kundenberatung machen, weil Sie sicherstellen wollen, dass Ihre Kunden glücklich sind, unzufrieden mit den Ergebnissen sind, dass Sie erhalten können einige zusätzliche Arten von Clients aus der aktuellen Beziehung, die Sie bereits eingerichtet haben. Denn Kunden zu bekommen, ist für sich selbst eine Herausforderung. Und wenn Sie also vorhandene Clients nutzen können, mit denen Sie gearbeitet haben, dass Sie verschiedene Anwendungsdesigns für verschiedene Webdesigns zur Verfügung stellen konnten , richtig? Sie möchten diese nutzen und in der Lage sein, Empfehlungen von diesen Kunden zu erhalten. Also lasst uns in das Feedback springen und Empfehlungen bekommen, okay, eines der ersten Dinge, die Sie hier tun möchten, nachdem Sie ein Projekt abgeschlossen haben , ist, dass Sie um Feedback und eine Rezension bitten möchten. Du willst sie fragen, hey, wie war deine Erfahrung? Sind Sie mit den Endergebnissen zufrieden? Welche Dinge hätten verbessert werden können? Gibt es irgendetwas, was besser hätte gemacht werden können, oder? Sie wollen immer in der Lage sein, diese Informationen zurück oder Ihre persönlichen Vorlieben zu bekommen und dann natürlich immer nach Empfehlungen zu fragen. Hey, weißt du von irgendjemandem oder irgendeiner anderen Firma , die auch von meinen Diensten profitieren kann. Und das sind die einfachsten Möglichkeiten, um zusätzliche Kunden zu bekommen, oder? Und eine der besten Möglichkeiten, wie Sie Benutzerfeedback und Kundenfeedback sammeln können , besteht darin, eine Art Exit-Fragebogen direkt nach dem Abschluss eines Projekts zu haben , das an einen Kunden zu senden und ihn wissen zu lassen, hey, hör zu, Wie war deine Erfahrung? Haben Sie Fragen wie Design nach Ihren Standards, was hätte sich verbessert haben können? Und eine gute Sache zu verwenden sind die Google-Formulare. Es ist sehr einfach zu bedienen. Sie senden sie einfach über einen Link, den Sie in den Google Forms erstellt haben. Und es ist sehr einfach für sie, die Fragen zu beantworten. Oder oft können Sie sie einfach per E-Mail senden und einfach eine Liste von Fragen haben und sie wissen lassen, hey, hör zu, das ist eine Frage in oder die wir haben und dass wir an alle unsere Kunden senden , weil wir wollen, um den richtigen Typ des Feedbacks. So sehr wichtig hier. Und wenn Sie als Freiberufler arbeiten, wenn Sie mit Kunden arbeiten,möchten Sie eine wenn Sie mit Kunden arbeiten, Art von Ausgängen, vielleicht ein Interview oder eine Art von Exit-Fragebogen haben vielleicht ein Interview oder eine Art von , damit Sie wissen, was Sie verbessern können. Sie fangen an, einige Trends zu einigen der Dinge zu sehen, wo Sie vielleicht verbessern können, dass Sie den Ball auf fallen gelassen haben. Und ich würde sagen, das größte, was hier im Auge behalten sollte, ist die Frage nach Überweisungen oft, dass Leute die Kunden nicht stören oder nicht nach Empfehlungen fragen wollen, weil ein, wissen Sie, aus welchem Grund auch immer einige eine Art Angst dahinter. Jedoch, Das sind die besten Leute, um tatsächlich mit neuen Kunden zu sprechen , weil sie bereits erlebt haben, mit Ihnen zu arbeiten. Sie haben dich schon bezahlt, du wurdest für deine Dienste bezahlt. Und zumindest, was Sie von diesen Jungs bekommen wollen, ist eine Art Fallstudie oder irgendeine Art von E-Mail, die besagt, Hey, mit so zu arbeiten und so war eine angenehme Erfahrung. Sie waren in der Lage zu entwerfen, es ist bis zu Par. Und das Design war erstaunlich schön. Dinge dieser Art, wo sie eine Art Empfehlungsverweisung bereitstellen können, schreiben Sie eine Fallstudie, die sie wissen lässt, dass Sie eine großartige Arbeit geleistet , da sie Sie anderen Kunden empfehlen würden , weil Sie dann das auf Ihrem Websites, auf Ihren verschiedenen Profilen, auf verschiedenen freiberuflichen Websites. Und Sie können das nutzen, um sich selbst zu nutzen, um auch andere Kunden zu bekommen. Aber denken Sie immer daran, fragen Sie nach Überweisungen von jedem anderen, den sie in Betracht ziehen würden , oder ob sie jemanden kennen, der auch von Ihren Diensten profitieren würde. Also wird es hier für die Feedback-Überprüfung sein und wir sehen uns auf der nächsten. 76. „Obere Falzen“ Regel: In diesem Video werden wir die oben genannten Faltregel abdecken. Nun, dies ist etwas, das sehr wichtig zu verstehen ist , wenn verschiedene Websites entwickelt werden, sogar mit Anwendungen selbst. Jedoch, Websites wird hier die wichtigste sein, weil dies ist was in der Regel wird an der Spitze dieser Websites gezeigt werden. Es ist die erste Art von Interaktion oder Information, die der eigentliche Endbenutzer auf dieser Website zu sehen ist. Daher ist es sehr wichtig, es richtig angelegt zu haben, die richtige Art von Dingen dort zu haben und sicherzustellen, dass es super einfach und einfach für den Benutzer zu navigieren ist. Aber sie bekommen auch das große Bild und die Vorstellung davon, worum es bei der Website oder Anwendung geht. Aber vor allem für die Website richtig, denn mit der Website, wollen Sie in der Lage sein, die allererste über der Faltinformation dort haben. Sagen Sie genau, was diese Website, wo es um dieses Geschäft geht, oder wie sie Ihnen helfen können, richtig? Also lassen Sie uns voran und tauchen Sie in die oben genannte Faltregel ein. Genau wie ich bereits erwähnt habe, ist es das erste Bild oder der Bildschirm, den der Benutzer sieht. Dieser Inhalt ist hier oberste Priorität. Sobald sie auf Ihrer Website landen, möchten Sie, dass sie genau wissen, wer Sie sind, was Sie tun und warum es ihnen wichtig ist, richtig? Du willst, dass sie es sehen können, okay. Ich bin auf dieser Website. Ich weiß genau, was sie tun vs. Wenn Sie bemerken, dass Sie auf einige Websites gehen, die nicht sehr gut angelegt sind obwohl alle verschiedenen Arten von Sachen auf der Homepage haben, auf dem Bildschirm. Und Sie wissen nicht wirklich, worum es bei der Website geht. Und Sie müssen durch die Website gehen, um herauszufinden , was das Geschäft oder die Marke oder was auch immer das sein mag oder Anwendung, richtig, ist über sehr wichtig, um es mit Bedacht so weit wie die oben den Faltbereich zu verwenden und verschiedene mächtige Wörter zu verwenden. Lassen Sie sie wissen, was Sie tun, wie Sie ihnen helfen oder wie Sie den Marktplatz bedienen. Wenn Sie mit den Kunden arbeiten, möchten Sie die jeweilige Kundenbasis, den Markt, den sie ansprechen, beachten und sicherstellen, dass es für diesen bestimmten Markt geeignet ist. Sie möchten nicht viele Arten von Pop-ups oder irgendeine Art von Ablenkungen haben. Sie wollen, dass es direkt auf den Punkt, oft als Bild oder Sie haben ein Bild mit einem dunklen Hintergrund und dann haben Sie wie weißen Text wirklich bringen den tatsächlichen Text, der auch das Bild im Hintergrund haben. Betrachten Sie also auch verschiedene Arten von Geräten, die Größen, oder? Und wo immer Sie Interaktion, Interaktivität nutzen können, um den Benutzer zu engagieren, wann immer möglich. So oft heutzutage, wo Sie gerne eine moderne Design-Website haben, werden Sie sehen, in der Regel, wenn Sie auf der Website landen, wird alles auftauchen und es wird interaktiv sein. So werden die Worte wie ein Gleiten oder von oben, von unten kommen. Dasselbe für das Bild. Stellen Sie also sicher, dass Sie auch einige dieser Arten von Elementen verwenden. Und das hier ist ein Screenshot für meine spezielle Website für eines meiner Unternehmen. Ich habe die obige Faltregel hier, die ich implementiere, wo ich oben habe, habe ich das Menü, und dann ist das die Homepage. Sie können dort sehen, dass ein Bild im Hintergrund, es ist im Wesentlichen ein Sicherheitstyp von Bild, und dann gibt es eine dunkle Ebene dahinter als auch. Und wenn Sie auf meiner Website landen, können Sie hier aus dem Text und von der Schaltfläche dort sehen, es sagt Ihnen genau, was wir tun und wie wir Unternehmen helfen. Und dann hat es einen Knopf dort, um mehr zu erfahren. Deshalb helfen wir Sicherheitsunternehmen, Meetings zu buchen und Verträge zu sichern. Also, wenn jemand, der auf meiner Website gelandet ist, richtig, du hast Recht. Sie würden offensichtlich, von der ersten Sekunde an, dass sie hier landen, nicht genau wissen, was ich mit dem Geschäft mache, wie es hilft, wissen Sie, verschiedenen Kunden und letztendlich, was das Geschäft erledigt ist, richtig? Das ist also wichtig, in Notizen zu wissen, dass jedes Mal, wenn Sie irgendwo über der Falte entwerfen und Sie diesen Raum verwenden, um es so zu machen, dass es mit dem Benutzer interagiert und es ihnen genau sagt, worum es geht. Also okay, also wird das hier sein für die, über der Falte und über der Faltregel. Denken Sie daran, dass Sie es so machen wollen, dass, wenn jemand auf diesem bestimmten Gebiet landet, genau weiß, worum es bei der Website geht und sie dazu bringt, zu verstehen, warum sie hier bleiben sollten oder welche Maßnahmen Sie wollen Sagen Sie, richtig? Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 77. Adobe XD – Entwerfen eines leistungsstarken Oberes der Falten: Hallo, da. In diesem Video werden wir über dem Fallbereich sowohl für mobile als auch für Desktop-Layouts entwerfen. Beginnen wir mit einer Beschreibung der obigen Standardeinstellung. Oberhalb des Fehlers befindet sich der erste gesehene Bereich. Diese gepunktete Linie in x D zeigt uns, wo dieser Abschnitt ist. Lassen Sie mich Ihnen ein Beispiel zeigen. Dies ist die Ebene, auf der die Mockup eine Szene. Es ist also der erste Bildschirm ohne Scroll. Gleiches für Mobilgeräte. Fangen wir an, etwas Schönes zu entwerfen. Ich werde vorerst die obere Navigation erstellen. Lassen Sie mich hier ein Logo setzen. Ich habe das Logo. Ein paar Links für die Navigation. Erstens müssen Sie mächtigen Text platzieren. Ich gebe nicht vor, ein bester CodeWriter über der Falte zu sein, kann keinen Aufruf zur Aktion haben oder einen Call-to-Action oder mehrere Call-Traktion haben. Wie ich Ihnen den Bob Standard mit zwei CO, zwei Aktionen. Lassen Sie uns die Größe des BALTAM definieren. Diese, dass dieser wird die Hauptpriorität sein. Ich denke, der richtige wäre der Aufruf zum Handeln mit hoher Priorität. Die andere wird sekundäre Taste sein. Jetzt haben wir eine Struktur von beiden, die wir in unsere oben die Falte aufnehmen möchten. Jetzt ist es an der Zeit, den Hintergrund zu definieren , der natürlich auffällig, faszinierend, bemerkenswert ist. Eine, die ich auf Spritzer Paxos.com verwenden, weil sie freie Vermögenswerte haben. Hier ist das Bild. sollte das Bild emotional sein. Der Prozess der Auswahl des Bildes ist am meisten herausfordernd. Jetzt ist es an der Zeit, den Text lesbar zu machen. Hier haben wir den Ghost-Button. Und wir können unter gern wollen wir. Also haben wir OS Fehler alle Kappen verwendet. Jetzt ist es Zeit, das Bild ein wenig zu färben, damit der Text geeignet ist. Oder wir haben dunkle Optionen für Tags belogen. Nun, wir werden eine weitere Schicht mit einer Kapazität mit einem Filter erstellen. Besser als ich, aber immer noch nicht perfekt. Das ist Ernte. Einige Fälle, in denen Sie die Möglichkeit haben, Ihr Logo in Weiß zu invertieren, anstatt schwarz zu sein. Sie können dies tun, um einen Seamless-Abschnitt über Standardabschnitt zu erstellen. Und so sieht es so aus. Bitte stellen Sie sicher, dass Ihre Marke das Invertieren von Farben im Logo unterstützt. Also werde ich auf dunklem Hintergrund arbeiten, sieht besser aus. Also möchte ich hier einige Betonung auf diese Knöpfe hinzufügen, so attraktiver und trendy. Dieselben Begriff. Ich glaube, das ist alles. Sie können es beenden, indem Sie die Komponente von unten erstellen. Steuerung plus K, n ist kleine Animation. Wir können den Pfeil ein wenig nach links bewegen. Vielleicht ist hier eine Passage zu viel, kann ohne sie gehen. Lass es uns versuchen. Und für Features, können wir einige Kapazität auf dem Hafen hinzufügen. Nur diese geringe Kapazität auf Hover. Fühlt sich also wie interaktiv an. Vielleicht brauchen wir mehr Kapazität. Ok. Sie können einige ähnliche Effekte für zwei von ihnen zu machen. Ok, jetzt, was noch übrig ist, den Link an Ihre Tasten anzuhängen , so dass die Nehmen Sie Ihren Benutzer in die richtige Richtung. Ich hoffe, dass dieses Video nützlich war. Vielen Dank für Ihre Aufmerksamkeit. Wir sehen uns in unserer nächsten Lektion. 78. Analysen zur Optimierung: In diesem Video gehen wir über die Macht der Verwendung von Analytics. So entwerfen Sie eine Website, Sie haben eine bestimmte Anwendung entwickelt, irgendeine Art von Software. Und jetzt bekommst du Traffic durch bezahlte Werbung oder irgendeine Art von organischer Suche oder was auch immer das sein mag, richtig? Sie haben Besucher dort, Sie haben Benutzer, die mit der Plattform, der Anwendung interagieren. Und was Sie jetzt tun möchten, ist, dass Sie beginnen, diese Daten zu analysieren und beginnen, diese Benutzer zu analysieren, wie, woher kommen sie? Wie lange bleiben sie auf den Websites, die Verkehrsquellen waren, oder? Das ist, wo wir hineinspringen, in der Lage sein, all diese Benutzer zu analysieren, all diesen Traffic, und wie Sie verschiedene wichtige Datenpunkte betrachten können. So können Sie diese Daten zu Ihrem Vorteil nutzen. Lassen Sie uns also voran gehen und in die Verwendung von Analytics springen. Also mit der Verwendung von Analytics, richtig, werden Sie in der Lage sein, so viele verschiedene Dinge über Ihren Traffic, über die Website bis zum Anteil der neuen Benutzer und wiederkehrenden Besucher herauszufinden . Zusätzliche Datenpunkte wie Seite eine Absprungrate, was bedeutet, dass wie oft jemand auf eine Website oder eine Homepage gehen wird, oder? Und der Anteil oder der Prozentsatz der Menschen, die direkt nach dem Besuch dieser Website verlassen, weil es nicht das ist, wonach sie suchen. Sie möchten, dass dies eine sehr niedrige Absprungrate ist, weil Sie möchten, dass die Nutzer tatsächlich auf Ihre Website gehen, weil sie Sie bei der Suche gefunden haben, oder sie haben auf Ihre Anzeige geklickt oder welche Art von Methode sie gewählt haben oder sie gehen Sie tatsächlich auf Ihre Website und lassen Sie alles relevant sein, oder? Angenommen, Sie haben wie ein Verkaufstrichter, Sie haben eine Anzeige, die über ein bestimmtes Angebot oder eine bestimmte Funktion oder was auch immer das sein mag, oder? Ihre Absicht ist es, sie auf Ihre Website, auf Ihre Homepage zu bringen. Nun, wenn sie durch den Verkaufstrichter gehen und sie auf bestimmte Seiten klicken. Und schließlich, nach ein paar verschiedenen Schritten, landen sie auf Ihrer Website und dann verlassen sie schnell, weil die Informationen, die Sie der Anzeige und auf der Zielseite präsentiert haben, nicht relevant für das, was sie suchen. Das ist, wo Sie eine hohe Absprungrate haben werden. Ein gutes Beispiel dafür ist, sagen wir, Sie haben wie ein Geschäft, das ein Ziegel und Mörtel ist. Dies ist nur ein Beispiel hier. Und Sie haben einen Zahnarzt, der ein Zahnimplantat Angebot 4909 anbietet, richtig? Eines der anderen Beispiele, die wir in den Verkaufstrichter und Landing Pages gemacht haben. Also, wenn die einzelnen Klicks auf die eigentliche Werbung und die Zielseite, sagen wir, vielleicht spricht über Reinigung oder es spricht nichts über die Zahnimplantate. Nun, sie werden sehr schnell aus dieser Seite springen, weil es nicht relevant ist, was sie gewählt haben, was sie so weit geklickt haben, was sie in der Anzeige gesehen haben. Deshalb ist es wichtig, dass die Absprungrate gesenkt wird. Und Sie haben die Werbung, Sie haben Ihre Suchanfragen da draußen. Sie sind alle relevant für das, was die Individuen suchen. Die nächsten paar Datenstücke sind die Datenverkehrsquelle. Und dann auch zu verstehen, wenn Sie irgendeine Art von Sprachen sind, wissen Sie, manchmal müssen Sie eine andere Sprache hinzufügen, wenn Sie bemerken, dass Leute aus verschiedenen Ländern dorthin gehen, als offensichtlich, was Leute die Mehrheit verwenden der Zeit. Und es ist nur eine gute Möglichkeit, sich das Handy im Vergleich zum Desktop ansehen zu können, aber dann auch zu sehen, welche Art von Geräten verwendet wird. Und eine andere Sache, die Sie mit der Verwendung von Analysen herausfinden können ist das Betrachten der Zielgruppen und das Betrachten des Benutzers Pat. Also, welche Art von Weg gehen sie, um tatsächlich auf Ihrer Website zu landen? Kommen sie von einem externen Link oder kommen direkt auf die Webseiten? Sind sie von einer bestimmten Werbung kommen, richtig, so können Sie wirklich verfolgen, wie dieser Benutzer auf der Website landete, sehr wichtige Informationen. Und dann auch in der Lage sein, AB-Tests auszuführen, oder? Ab-Tests ist im Wesentlichen, wo Sie zwei verschiedene Anzeigen haben , die im Wesentlichen ähnliche Art von Content-Material haben. Aber es gibt eine kleine Komponente, die in einer der Anzeigen geändert wird , so dass Sie testen, sagen wir eine Überschrift, sagen wir ein Bild. den meisten Fällen werden Sie jedoch mit nur einer bestimmten Komponente identisch sein , die geändert wird. Ein gutes Beispiel dafür ist, sagen wir, Sie haben zwei verschiedene Arten von Anzeigen, äh, Sie testen und Sie haben die gleiche Kopie Messaging für beide dieser Anzeigen. Die einzige Komponente, die Sie testen, ist jedoch das Image. Also wollen Sie sehen, welches Bild tatsächlich das ist, das am meisten mit den Menschen in Resonanz kam. Also, das ist, was Sie eine AB-Typ von Split-Tests betrachten würden, richtig? Wo Sie nur eine Komponente dort testen und wo Sie in Lage sein werden, all diese Daten zu finden, ist Google Analytics, etwas, das sehr empfohlen wird. Es ist kostenlos jede einzelne Website oder Web-Anwendung. Wenn es Gesundheit es online ist, können Sie Google Analytics an sie anhängen und in der Lage sein, alle diese verschiedenen Daten zu betrachten. So können Sie wirklich sehen, welche Art von Benutzern wirklich eingreifen und mit der Website oder Anwendung interagieren. Also, das wird hier für den Einsatz von Analytics sein. Und wir sehen uns in der nächsten. 79. Wärmekarten und Placements: In diesem Video gehen wir über die wichtige Verwendung von Heatmaps und einer Reihe von anderen verschiedenen Ressourcen, die Sie benötigen, um sicherzustellen, dass Sie die Website oder die Art von Produkt analysieren , die Sie entwickelt, wo Sie konstanten Verkehr haben, haben Sie ständige Interaktion mit verschiedenen Zielgruppen. Lassen Sie uns also voran gehen und in die Verwendung von Heatmaps und einigen zusätzlichen Ressourcen springen. Jetzt, wenn es um Benutzererfahrung und Benutzeroberfläche geht, sind Heatmaps eine der mächtigsten Möglichkeiten, wie Sie wirklich das Gesamtdesign dieser bestimmten Anwendung oder Website messen können. Weil man sich ansehen kann, wo die Leute ihre Zeit verbringen. Wenn sie ihre Zeit auf der Kopfzeilennavigation verbringen oder die Zeit tatsächlich verbringen, wissen Sie, spielen mit den verschiedenen Faktoren auf der Website wie dem Textkörper oder in der Seitenleiste, oder sind sie Klicken Sie auf eine bestimmte Schaltfläche, die Sie möchten, dass sie klicken, damit sie in die nächste Stufe Ihres Verkaufstrichters gehen können, sind der Kauf eines Produkts, richtig? Nehmen wir an, es gibt einen E-Commerce-Store. Du willst sichergehen und sehen, wohin die Leute gehen. Sind die tatsächlich die Auswahl der hinzufügen in den Warenkorb, sind die tatsächlich Check-out? Warum checken sie nicht aus? Wo verbringen sie den Großteil ihrer Zeit? Und was Sie tun können, ist Gruppierung zu verwenden, um u, iv und Abschnitte zu unterscheiden, richtig? Sie können die Kopfzeile verwenden und wollen sicherstellen, hey, wie viele leihen ihre Zeit auf der Kopfzeile, wie neu verbringen ihre Zeit auf der Fußzeile, Holman, Sie sind tatsächlich auf bestimmte Schaltflächen klicken. Sie wollen also wirklich, dass dies sehr genau ist. Und eines der Dinge, die Sie tun können, ist auch den Leerraum dort ziemlich viel zu verwenden , um die Lesbarkeit zu erhalten, besonders auf mobilen Geräten, Sie möchten es so machen, dass es eine Menge Leerzeichen gibt. Also, das ist leicht zu lesen, das ist einfach, durch eine angenehme Erfahrung zu navigieren, oder? Denn wenn Sie so viel Zeug auf einer bestimmten Seite haben, denken Sie einfach an dieses Bild hier. Offensichtlich ist dies keine Website oder eine Anwendung, zeigt Ihnen nur verschiedene Elemente. Stellen Sie sich jedoch vor, wenn Sie auf einer Seite gelandet sind, die all diese verschiedenen Schaltflächen hatte, all diese verschiedenen Komponenten und so verwirrt sind, oder? Es wäre kein sehr angenehmes oder aufregendes Erlebnis. Du wärst verwirrt. Es wäre einfach zu viel Zeug, das alles auf einmal abläuft. Sie sind so sehr wichtig, um sicherzustellen, dass Sie den Leerraum für eine bessere Lesbarkeit beibehalten und den Längenabstand auf den mobilen Geräten erhöhen. Und eines der Dinge, die Sie auch tun können, ist, kürzere Textstücke zu verwenden, oder? Also, wenn Sie sich dieses Bild hier ansehen, haben Sie nur kleine Textstücke wie Registrierung, Login. Sie haben, sagen wir Message Board oder letzte Nachricht, Dinge, die sehr kurze Stücke von Texten sein werden , oder sie essen nicht viel Platz. Und Sie möchten sich immer an die UI-Grundlagen erinnern, richtig? Sie möchten sicherstellen, dass Sie genügend Platz für alle verschiedenen Komponenten haben, alle verschiedenen Elemente. Und Sie verwenden sie angemessen und Sie überwältigen einen Benutzer nicht , wenn er die Websites nutzt, wenn er sich auf der Website befinden oder wenn er eine bestimmte Anwendung verwendet. Okay, jetzt werfen wir einen Blick auf ein paar Werkzeuge hier für die Forschung, die Sie in der Lage sein werden, zu verwenden. Wie ich bereits erwähnt habe, wird Ihnen ein Google Analytics einen großartigen, großartigen Überblick darüber geben , woher der Traffic kommt. Typen, Datenverkehr, dass die demografischen Standorte, die Altersgruppen und Geräte. Gleiches mit dem Index i, jedoch ist Google Analytics wahrscheinlich die vertrauenswürdigste soweit die Quelle dort, weil Sie es einfach mit der Website verbinden können und es wird in der Lage sein , in allen verschiedenen Arten von Quellen ziehen. Das nächste, was Sie betrachten möchten, ist die Human Interface Design-Richtlinie, um sicherzustellen, dass Sie die richtigen Richtlinien für die verschiedenen iOS-Geräte eingerichtet haben , richtig? Auf einem Laptop, auf einem tatsächlichen Tablet, die eigentliche Uhr als auch, richtig? Und das ist etwas, das auf dem Markt ziemlich neu ist, und auch Apple-TVs. Und dann sind hier einige nützliche Links, die Sie auch verwenden können. Also haben wir n ein in-group dot com Material, dot au slash design, ich entwerfe inspiration.com, und dann eine Reihe von anderen verschiedenen Ressourcen sowie, die Sie so weit wie für die allgemeine Verbesserung in der Optimierung der -Website, die Anwendung oder ein von Ihnen entwickeltes oder erstelltes Produkt. Das wird also hier für die Heatmaps, Placements und zusätzliche Ressourcen sein . Und wir sehen uns auf der nächsten. 80. Ein Überblick zum Crafting erstellen: In diesem Video gehen wir über die Erstellung Ihres Usability-Berichts. Diese Art von Bericht wird also großartig für ein Audit sein. Nehmen wir an, Sie haben einen potenziellen Client, der etwas Arbeit erledigen möchte , und sie wollten einen Überblick über ihre aktuelle Website und ihre Funktionalität verschaffen. Eines der Dinge, die Sie tun können, ist, einen Usability-Bericht zu erstellen , um sie zu zeigen und verschiedene Möglichkeiten zu identifizieren, verschiedene Arten von Designs, die ihnen wirklich helfen würden , und zeigen ihnen verschiedene technische Probleme, verschiedene Website Geschwindigkeit Probleme, verschiedene SEO-Probleme, und wirklich über verschiedene Arten von Verbesserungen sprechen. Zweitens, wirklich verbessern diese Website oder die Anwendung. Und das wird einen langen Weg gehen, vor allem in der ersten Bieterphase, wo sagen wir, Sie bieten dieses spezielle Projekt und der Kunde will, dass Sie Ihren besten Fuß nach vorne zeigen, richtig? Setzen Sie Ihren besten Fuß nach vorne. Nun, Sie können ihnen einen bestimmten Usability-Bericht senden und ihnen zeigen, hey, das ist, was ich auf Ihrer Website gefunden habe. Das sind die Probleme, die Probleme, die Chancen, die ich gefunden habe. Und dann bringt es dich wirklich vor der Kurve. Und es bringt Sie in ein anderes Niveau als Ihre Konkurrenz, weil Sie bereit sind, Wert im Voraus zu bieten , bevor Sie für eine der tatsächlichen Dienstleistungen bezahlt werden. Also noch einmal, der Bericht wird für einen Kunden sein und einige der häufigsten Ziele hier, die Sie durchgehen und tatsächlich einschließen werden, ist die Identifizierung der Möglichkeiten, Suche nach verschiedenen Designänderungen, die leicht erhöhen ihre Benutzererfahrung, Benutzeroberfläche, und identifizieren Sie dann auch verschiedene technische Probleme, die ich erwähnt. Und dann Nummer vier, können Sie verschiedene Arten von Verbesserungen diskutieren. Wenn man sich also die Geschäftsziele hier anschaut, wird dies das allererste sein, was man verstehen muss. Sie müssen verstehen, was sie letztendlich erreichen wollen oder versuchen sie, ein Produkt zu verkaufen? Versuchen sie, eine Dienstleistung zu verkaufen? Oder sie versuchen nur, E-Mail-Anmeldungen zu erhalten, oder sie versuchen nur, Benutzer dazu zu bringen, sich für eine bestimmte Anwendung anzumelden. Weißt du, was ist es, was sie erreichen wollen? Ich will wirklich in der Lage sein, das zu verstehen. Und sobald Sie das Endziel Ihrer Kunden haben, und dann kann alles andere einfach folgen. So verstehen Sie die geschäftlichen Ziele, das ultimative Ziel, das Sie erreichen möchten. Jetzt möchten Sie die Persona- und Benutzerflüsse verstehen. Haben sie die richtige Art von Zielmarkt, nach dem sie suchen? Verstehen sie ihren Zielmarkt? Verstehen sie die Bedürfnisse, die Wünsche, richtig? Und haben sie einen bestimmten Fluss oder Customer Journey oder sogar einen Verkaufstrichter, richtig, damit sie folgen und tatsächlich durchgehen, um ein zahlender Kunde zu werden oder sich tatsächlich für eine E-Mail-Liste oder was auch immer das sein mag, egal welche Aktion sie wollen, dass sie sich nehmen. Und so können Sie das hier in Adobe XD hervorheben, und wir werden das in Adobe X z haben. In der nächsten Lektion wird Arthur Ihnen helfen, wie Sie einen Usability-Bericht von Grund auf neu erstellen können. Sie müssen es nicht von Grund auf neu erstellen. Sie können eine Vorlage erhalten. Ändern Sie einfach einige der Informationen selbst, Sie werden jedoch in der Lage sein, zu sehen, wie Sie diese in Adobe XD von Grund auf neu erstellen. In dieser speziellen Zeichnung wird hier in Zeichnung erstellt, dass I0. Dies ist ein großartiges Werkzeug, das Ihnen wirklich die Möglichkeit gibt , einen bestimmten Benutzerfluss zu erstellen und abzubilden, oder? Und dann gehen Sie hier runter, arbeiten mit Daten, das ist, wo Sie in der Lage, Zugriff auf vielleicht ihre Google Analytics oder jede Art von analytischen Software, die ihnen zeigt, was sind die Demographie dieses Traffics? Welche Art von Geräten verwenden sie? Sie können Websites wie SEMrush verwenden, die Ihnen wirklich einen guten Hinweis auf die tatsächlichen Website-Besucher geben , wie viel Traffic, von dem der Traffic kommt, unabhängig davon, ob sie einen Traffic haben oder nicht. Und so brauchen Sie keinen Zugriff auf ihre Google Analytics zu haben es sei denn, sie haben Ihnen tatsächlich Zugriff darauf gewährt, richtig? Und dann gehen Sie hier runter, Usability Review, schaute ihn an, vielleicht sagen wir, ein Produkt zu kaufen oder sich als E-Mail-Opt-In anzumelden, richtig? Was auch immer das sein mag, Sie wollen durch die Usability-Erfahrung gehen und durch sie gehen, als wären Sie ein Kunde , damit Sie ein gutes Verständnis davon bekommen können, wie es in verschiedenen Bereichen funktioniert, um dies zu verbessern, oder? Und dann User Journeys, richtig? Sie möchten verstehen, woher sie tatsächlich kommen, wie viele Informationen Sie ihnen zur Verfügung stellen. Sie möchten sicherstellen, dass das Design auf allen Seiten konsistent ist , dass es keine Probleme mit der Ausrichtung gibt, dass es gute Farbschemata gibt, dass es keine Art von Problemen Seitenhierarchie oder Inhaltshierarchie Rate. Und dann stellen Sie sicher, dass es mobil reagiert, dass es auch auf dem Desktop bei einer sehr schönen Vergewaltigung zeigt. Und das zeigt sich natürlich auch auf dem Desktop sehr gut. Und hier ist eine Sache, die Sie nicht alles hier einbeziehen müssen. Ich denke, das Wichtigste, wie ich am Anfang erwähnt habe, ist es, ihnen nur so weit wie eine Swoot-Analyse, Stärken, Schwächen, Chancen und Bedrohungen zu geben, oder? Und dann geben Sie ihnen letztendlich eine Strategie oder einen Go-to-Plan wie, hey, das ist, was Sie verbessern können, um Ihre UX tatsächlich zu erhöhen und zu verbessern, richtig, Ihre UX auf eine neue Benutzeroberfläche. Und dann genau hier, das ist die Leistung einer Website, auf die Sie leicht gehen können, ich denke, es ist Google Leuchtturm, oder Sie können einfach in Google eingeben, Google-Such-SEO-Tool oder so etwas. Und Sie können hochziehen und Sie können die Website-URL dort einfügen. Und es wird Ihnen zeigen, wie schnell die Website geladen wird. Seo Geschwindigkeit, Probleme mit technischen Problemen mit der Website. Und so ist es eine großartige Ressource. Und dann hier unten, das ist für verschiedene Farbschemata. Und dann die technische Überprüfung, Ich erwähnte die Leistung der Website, um sicherzustellen, dass es tatsächlich die Optimierung des Ladevorgangs schnell genug, richtig? Denn oft bekommen sie so viel Zeug los, auf einer Website oder es gibt so viele Daten und vielleicht sind die Bilder sehr groß. Die Videos nehmen viel Platz ein oder was auch immer das sein mag, dass es die eigentliche Website kostet, wissen Sie, eine sehr lange Zeit für sie zu laden. Und so möchten Sie, dass es in der Regel innerhalb von ein bis zwei Sekunden, die Website geladen wird. Und so möchten Sie sicherstellen, dass Sie eine Website-Geschwindigkeit Art der Analyse als auch durchführen . Und dann gehen Sie hier und zu den Best Practices und lassen Sie sie wissen, was sie erwarten sollten, was sie auf ihrer speziellen Überschrift haben sollten, stellen Sie sicher, dass Sie die richtige Art von Spezifikationen für wie mobil auf verschiedenen Arten von mobilen Geräten, nicht wahr? Und dann SEO, richtig? Sicherstellen, dass sie eine gute Suchmaschinenoptimierung haben und dass sie das zu ihrem Vorteil nutzen, oder? Und dann letztendlich, die Möglichkeiten hier, die Sie ihnen zeigen wollen, hey, das ist, was Sie vermissen. Dies ist, was Sie tun können, um zu verbessern und das ist, wie viel ein würde Ihre bestimmte Website verbessern. Dies ist also ein nettes und einfaches Video hier, Ihnen nur einen Überblick über einen Usability-Bericht gibt. Sie können diese so ziemlich überall finden. Sie gehen, buchstäblich nur Google-Usability-Bericht und sie können ziemlich komplex werden, aber Sie brauchen sie nicht, um super-duper komplex zu sein. Gut. Fünf bis zehn Seiten sollten gut sein. Ich denke, einer von diesen hier, das ist eine von 43 Seiten hier. Dies ist ein User Experience ADI hier, Beispielbericht. Du brauchst nicht so viel tiefer zu gehen. Aber du kannst dir ansehen, was das hier hat, oder? Sie haben ein Inhaltsverzeichnis und sehen hier die Homepage. Und dann hat es hier unten Navigation und Auffindbarkeit, richtig? Und dann die Suchanalyse. Und dann zeigt es die meisten Achsen Seite, richtig? So zeigt es Ihnen im Wesentlichen, was Sie erwarten können. Und das ist, wie ich schon sagte, sehr viel in der Tiefe. Sie brauchen nicht fünf bis zehn Seiten. Sie brauchen es nicht, um 40 Seiten zu sein. Sie müssen es nur sein, wissen Sie, gut 5-10 Seiten und geben ihnen einen Überblick über das, was Sie in der Lage waren, zu finden, und dann die Chancen, die sie fehlen und wie sie das Gesamterlebnis auf der Website verbessern können. Also, das wird hier für diesen hier sein. Wie ich schon sagte, Arthur wird Sie durch die Erstellung eines Usability-Berichts im nächsten Video führen. Also, das ist es für dieses Video, und wir sehen uns auf dem nächsten. 81. Adobe XD – Crafting in XD: Willkommen zurück. Und dies wird die letzte Lektion sein, in der ich Ihnen zeigen werde, wie Sie Ihren Usability-Bericht oder einen anderen Bericht während Ihres UX-Prozesses erstellen können. Und zuallererst möchte ich mit einer Datenstruktur oder Informationsstruktur auf der Leinwand beginnen. Ich ziehe es vor, ein Problemlösungslayout mit einem Screenshot zu erstellen, wenn diese verfügbar sind. Also lasst uns anfangen und Beispiel-Screenshot aufrufen. Also Ihre Leinwand und Typ Problem. Dann Lösung. Tut mir leid, wichtig, einen zu finden. Und das sollte die Liste der Probleme sein, die Sie gefunden haben. Lassen Sie mich den Hintergrund ein wenig ändern. So hat es einen kleinen Kontrast. So ist Design gerade jetzt kein Delta wichtig, wie Sie vielleicht schon erkennen. Und zuerst wird schlecht gehen oder, oder Qualität des Hauptbildes, dann ist das Layout nicht ansprechbar. Es ist nur zum Beispiel, Adobe.com hat nichts. Mit dem. Surge zeigt Ihnen die Beispiele. Und der dritte wird zu klein sein. Schriftart wird im Textkörper verwendet. Also, wenn Ihr Leser, Leute, die Ihren Bericht lesen, ist es schön, dass diese Aufzählungspunkte auch auf der Leinwand reflektiert werden. das zu tun, müssen Sie eine kontrastierende Farbe aufheben. Gewöhnlich orange. Und es ist schön zu haben und kleine Umrisse, so dass es nicht mit dem mischen, mit dem Inhalt. Und wir haben hier einen Sinn. Es wird eine PIN Nummer eins sein. Und schlechte Qualität des Hauptbildes wird hier gehen. Okay, stellen wir uns vor, dass dies nicht SVG ist. Das ist etwas sehr komprimiert. Ok? Feine, hellere Farbe, okay. Sie können Schatten hinzufügen, wenn wir ein bisschen mehr hervorstechen wollten. Hier ist Kugel Nummer eins. Die Aufzählung Nummer zwei, das Layout reagiert nicht. Du darfst es hier irgendwo hinstellen. Weil es eine allgemeine Sache ist. Zu kleine Schriftarten werden für den Körper verwendet. Und hier geht der dritte. Ok. Jetzt sehen Sie, wir können lesen, wir können schauen, sehen, was mit diesen drei Punkten gemeint ist. Natürlich müssen Sie Lösungen finden, da sie sonst ohne Analyse geladen werden. Sie müssen also einige Lösungen vorschlagen. Und stellen wir uns vor, dass alles, wo ich geschrieben habe, real ist und das Bild in SVG zurückverfolgt werden sollte. Okay, also müssen wir das Originalbild von wie verwenden, stellen wir uns vor, das ist ein JPEG-Bild. Erstellen Sie die vektorielle Datei und exportieren Sie sie in SVG, damit kein Qualitätsverlust auftritt. Das Layout reagiert nicht. Ok, das ist einfach, erstellen Sie bei auf Behinderung für das Layout. Okay, zu kleine Schriftarten sind an den Körper gewöhnt. Und der Körper verwendet mindestens 60 Pixel. Sans Serif. Okay, im Moment zeigen Sie nicht nur auf das Problem, sondern bieten auch eine Lösung. Das gleiche gilt für ein Fenster, jeden Bildschirm oder jede Seite, die Sie gerade überprüfen und wie Sie es an Ihren Kunden senden können. Wenn eine Person diese auf dem Computer überprüft, ist es besser, das Landschaftslayout zu verwenden. Wenn Sie diesen Bericht drucken möchten. Vielleicht können Sie das Portrait-Layout betrachten. Obwohl es etwas schwieriger ist, die Struktur in die Landschaft umzusetzen. Aber wenn wir über A4-Format oder Buchstabenformat sprechen, denke ich, das ist etwas in der Nähe, wo ich habe, das Verhältnis ist in der Nähe von dem, was ich gerade entworfen habe. Sobald Sie alle Probleme entdeckt, fand er, können Sie beginnen, Lösungen zu finden. Sie können ein separates Textdokument erstellen, um diese zu finden, aber auch, bitte beachten Sie, dass Sie tun müssen. Sie müssen Screenshots machen. Du willst also die Doppelarbeit machen. Sie können ein separates Textdokument erstellen, wo Sie finden. Sie stellen Probleme und Lösungen auf. Wir haben auch zwei Screenshots, so dass Sie sie einfach auf Ihre ungeraden Boote in XD kopieren können. Ok? Und natürlich können Sie gerne etwas Styling hinzufügen. Wählen Sie ein Logo für uns. Wir haben ein Logo. Jetzt lasst uns etwas Styling machen. Lässt etwas Styling zu unserer Schriftart. Sie können Layout erstellen verwenden, um konsistente Folien zu erstellen. Lassen Sie uns unser aktuelles Datum hinzufügen, um über die Seitenzahl zu erhalten. Und eine Sache, die ich verpasst habe, ist der Abschnitt oder die Seite, die Sie überprüfen. Homepage sollte hier geschrieben werden. Jetzt haben wir einige Schwierigkeiten mit auf hier kam zu einem kleinen Symbol , das einige Vielfalt auf Ihre Folie bringen wird. Sie können Ihre E-Mail hinzufügen. Und der Boden, wenn wir wollen. Die andere Sache ist, dass Sie eine Einführung Larry Page haben müssen, die Ihre Einführung zeigt, die erklärt, welche Faktoren Sie berücksichtigt haben, während Sie Ihre Benutzerfreundlichkeit geschuldet haben. Lassen Sie uns versuchen, ein paar Dinge zu tun. Zuallererst muss ich eine andere Seite erstellen. Nennen wir es Intro. Je nachdem , wie Sie sich hier präsentieren, können Sie Ihren persönlichen Namen oder Firmennamen hinzufügen . Von. Und Frauen legen leichten Hintergrund, um es grafisch interessanter zu machen. Also lassen Sie uns ein Bild hinzufügen. Hier. Ich will nur diese Lichter Stil behalten. Jetzt können Sie Ihr Dokument exportieren in, mal sehen, exportiert alle Boote. Hier. Wählen Sie PDF aus. Sie möchten, dass es sich um eine mehrfache PDF-Datei handelt. Jede Seite wäre also eine separate PDF-Datei. Sie wählen mehrere PDF-Dateien aus. Wenn du willst. Ihr Bericht wäre alles in einer Datei, aber mit den mehreren Seiten darin, wählen Sie einfach einzelne PDF-Datei aus. Und ich habe dieses Dokument geöffnet und ich sehe, dass es zwei Seiten Text gibt, der ausgewählt werden kann , kopiert, eingefügt und natürlich gedruckt werden kann. Wieder, wenn Sie möchten, dass zunächst gedruckt werden, ohne auf digitalen Displays zu zeigen, ist es besser, vorzubereiten. Das Hochformat für A4 oder Briefformat hängt von der Region, dem Land Neben dem Cover und den Inhaltsseiten ist es schön, eine weitere Seite zu erstellen, auf der angegeben wird, worum es bei diesem Bericht geht? Was ist seine Fähigkeit oder und hier habe ich den Text, den ich über alle meine Berichte verwende , nur um den Kunden wissen zu lassen, was Sie tun und wofür. Die andere Sache, die Sie verwenden können, ist das Hinzufügen eines Abschnitts, in dem Sie gute und schlechte Benutzererfahrung vergleichen. Lass es uns tun. So gut Sie handeln ist etwas, das auf erkannten zehn unbemerkt liegt. Es bietet Benutzern Füllung von Einfachheit und Eleganz , die hinter den Kulissen in den kleinen Details existieren. Aber es ist wichtig für Ihr Unternehmen. Und die Menschen, die Ihre Produkte verwenden. Per UX liegt auch unentdeckt und unbemerkt. Es führt jedoch zu Unordnung Frustration, Gefühle der Abneigung. Die Menschen speichern dieses Produkt ist verwirrend oder etwas ist einfach nicht richtig, oder ich bin verloren, eine schlechte Erfahrung und Benutzerfreundlichkeit kann nicht sofort vertreiben Kunden weg, aber im Laufe der Zeit wird es. Also lasst uns die Beschreibung lesen. Eine Benutzererfahrung, oh, tat, ist eine Bewertung der Benutzerfreundlichkeit der Website oder Software-Anwendung durch eine User Experience oder UX Designer. Wir setzen Ihre Geschäftsziele und Ihre Zielgruppenziele in Konzentration, um zu beurteilen, ob auf Ihrer Website irgendetwas vorhanden ist , das Sie oder Ihre Nutzer daran hindert, diese Ziele zu erreichen. Alles von Typografie, Layout und Fluss wird anhand etablierter Usability-Prinzipien, wissenschaftlicher Forschung, Praktiken und aktuellen Trends ausgewertet , um intuitive Websites zu erstellen , die mit der Art und Weise Ihres Benutzers in Einklang stehen. Danke. Also, wenn Person öffnet Ihr Audit, so haben wir den Titel, wir haben Informationen. Was ist die Benutzererfahrung? Oh, hat was gute und schlechte Benutzererfahrung ist? Und der Inhalt geht auf jeder Seite, die Sie überprüfen, wird die Problemlösung haben und dieses Ende Screenshots als visuelle Unterstützung für Ihre Ergebnisse. Eine andere Sache, die ich Ihnen vorschlage, ist die Gesamtpunktzahl oder Schlussfolgerung in Ihrem Bericht als letzte Seite. Ich habe das gleiche Layout wie Ihre vorherigen Textseiten, werde aber die Schlussfolgerung haben. Du darfst hier schreiben. Insgesamt sieht die Website gut aus, aber sie verhindert, dass Benutzer ihre Ziele erreichen. Aus diesen Gründen, die folgenden Gründe. Aufgrund des Fehlens von richtigen Schriftarten oder Grafiken, was auch immer. Aufgrund der komplexen Interaktion, aufgrund der komplexen Struktur, aufgrund des Fehlens einer benutzerfreundlichen Navigation. Wir sind Navigation muss überdenken und so weiter und so weiter. Und andere Sache ist, einige Kategorien von digitalen Produkten aufzuschlüsseln. Und Sie haben vielleicht eine Bandnote für Übersicht. Und haben Sie eine Suchbewertung wie Top 3 Feedback und Fehler. 19 bis zehn, Aufgabenorientierung. 90 bis zehn. Also 90 ist gut, zehn ist schlecht. Ich meine, 90%. Foren und Dateneingabe. Könnte die Hauptseite, die Gesamtpunktzahl von Hauptseite, Layout und visuelles Design, Navigation, Vertrauensstufe, Inhalt, Qualität sein. Und wir können auch Page Speed einschließen. Je nach Thema Ihrer Recherche können Sie diese Abschnitte in Ihre Gesamtpunktzahl im Labor auf der letzten Seite Ihres Berichts hinzufügen . Lassen Sie mich etwas erklären. Meines Erachtens muss das genauer erklärt werden. Okay, ich habe diesen Abschnitt vorprogrammiert. Die Suche ist also der Ort. Suche entspricht der Position dieser Website in Suchmaschinen mit den Schlüsselwörtern, die relevant sind, Feedback und Fehler ist, wenn ein Benutzer verstehen, wann das System mit dem Benutzer kommuniziert und Feedback zu einigen Ereignissen. Ob es ein Fehler ist, ob es alles in Ordnung ist oder so weiter und so weiter. Foren und Dateneingabe ist die Punktzahl der Arbeit Interaktion mit den Formularen und Eingabe der Daten. Nun, ich denke, es spricht für sich. Wie komfortabel, wie einfach ist die Struktur der Foren, die IQ-Test auf dieser Website ist? System. Die Hauptseitenpunktzahl ist nur die Gesamtpunktzahl der Hauptseite und es ist abstrakt, Sie können es messen. Natürlich hängt alles von Ihrer Erfahrung und Ihrem Wissen und Ihrem Urteilsvermögen, Layout und visuellem Design ab. Dies ist auch die abstrakte Punktzahl für die gesamte Designänderung. Wie einfach ist es, auf einer Website zu navigieren. Und ich glaube, ich habe die Aufgabenorientierung verpasst. Dieser Parameter ist der Hinweis darauf, wie einfach es ist zu verstehen, was ich tun muss, um von Punkt A nach Punkt B zu kommen Stellen wir uns vor, ich werde gerne Tickets für das Konzert kaufen und wissen müssen, wo mein Kaufprozess beginnen, wo ich drücken muss, wo klicken müssen. Stellen wir uns vor, ein würde gerne Tickets für ein Konzert kaufen. Die gute Aufgabenorientierung ist, wenn es sehr klare Knopfsuche nach Tickets geben wird, zum Beispiel, und es wird eine einfache Filterliste und so weiter und so weiter, um den Prozess der Suche und Kauf von Tickets zu erleichtern. Also ist es im Grunde Aufgabenorientierung der Weg , den ich von Punkt A zu Punkt B durchlaufen muss. Es sollte klar sein, wenn nicht, bedeutet, dass die Punktzahl niedriger sein wird. Die Vertrauensstufe für Websites kann auf mehrere Kategorien verteilt werden, so wie Sie sich auf diese Website verlassen können, wenn Sie Ihre persönlichen Informationen, Ihre Finanzinformationen oder geschäftlichen Informationen über andere vertrauliche Informationen weitergeben möchten. Und es erfordert auch zusätzliche Protokolle wie SSL oder andere Protokolle, die für die Verarbeitung von Geldüberweisungen oder anderen Finanztransaktionen erforderlich sind . Und wenn Sie einige Beweise dafür gefunden haben, dass diese Website in Betrug oder so etwas oder das andere negative Feedback vermutet wurde . Das bedeutet, dass die Vertrauensstufe niedriger ist. Inhaltsqualität spiegelt die Gesamtpunktzahl für alle Inhalte zusammen , einschließlich Tags und Medieninhalte. Ob es interessant ist, ob Ford-Bilder, die verwendet werden, ist maßgeschneidert, nicht Stockbilder. Ob Texte Britain interessant ist, ob der Artikel relevante Coverbild hat und so weiter und so weiter. Seitengeschwindigkeit ist der Dienst von Google und berechnet die allgemeine Seitengeschwindigkeit und schlägt vor, einige Teile der Website zu verbessern , um die Auffindbarkeit zu erhöhen. Es könnte also einige technische Dinge geben. Es könnte einige Dinge zu entwerfen, einen Code zu reparieren oder Bild zu ersetzen, oder Bilder in ein modernes Format zu konvertieren, einige Seiten Meta-Schlüsselwörter zitieren. Und es zeigt deutlich, wie diese Website von Google gesehen wird. Sie möchten also, dass Ihre Website Google-freundlich ist. Sie müssen diese Fehler beheben, die auf Ihrer Website durch die Seitengeschwindigkeit gefunden werden. So überblickende Schlussfolgerung sind die, lassen Sie uns sagen, eine Art erweiterte Version des Berichts. Und wieder, Sie werden diese als alle unsere Boards und einzelne PDF-Datei exportieren. Und wir werden alle Seiten in einem PDF zur Überprüfung durch Ihre Stakeholder haben. Also denke ich, das ist alles vorerst. Vielen Dank für Ihre Aufmerksamkeit. Ich wünsche Ihnen viel Glück beim Erstellen Ihrer Sichtbarkeit Benutzererfahrung, Berichte. 82. Careers Übersicht: In diesem Video gehen wir über den Beginn einer Karriere im UX UI Bereich. Nun wird dieser spezielle Abschnitt hier ziemlich intensiv sein. Hier werden wir eine Menge Inhalt haben, viel Material. Weil wir ziemlich viel rüber gehen werden. Ich werde durch verschiedene Dinge gehen, wie zum Beispiel, wie man eine Marke aufbaut, persönliches Branding, wie man eine Website einrichtet, ein Netzwerk hatte, all diese großartigen Dinge, die Sie verstehen und wissen müssen , wenn Sie eine Karriere in das UX-UI-Feld. Eines der Dinge, die ich zuvor in einem der anderen Vorträge erwähnt habe und, und während dieses Programms im Allgemeinen ist, dass Sie facettenreich sein möchten , wenn Sie in das UX-UI-Gefühl treten, besonders wenn Sie Arbeiten für kleinere Organisationen, kleine bis mittelständische Unternehmen oder sogar für Startup-Organisationen, richtig? Sie möchten jemand sein, der nicht nur UX UI versteht, sondern auch Verkaufstrichter versteht. Verhaltenspsychologie, Anwenderpsychologie, richtig? Damit Sie nicht nur Ihre Rollen verstehen, sondern auch die Rollen anderer in der eigentlichen Entwurfsphase in der Organisation so weit wie das Design verstehen können, so dass Sie für eine Organisation so viel wertvoller sein können. Und aus welchem Grund auch immer, wenn es irgendwann Entlassungen gibt, als du die Person sein wirst, die wegen deines Wertes außerhalb der UX UI bleibt , richtig? Sie verstehen, wie Sie kopieren, kopieren Framework, Verkaufstrichter, Customer Journey, all diese zusätzlichen Arten von Fähigkeiten und Wissen schreiben kopieren Framework, Verkaufstrichter, Customer Journey, all diese zusätzlichen Arten von Fähigkeiten und , die kein typischer UX-UI-Designer kennen würde. Also lassen Sie uns voran gehen und springen zum Start einer Karriere in UX UI Abschnitt Übersicht. Also einige der Dinge, die wir hier behandeln werden, ist die freiberufliche Beratung und Kundenberatung. Wir werden mehrere verschiedene freiberufliche Websites durchlaufen. Ich führe Sie durch, wie Sie Ihre Website einrichten können. Ich werde Sie durch, wie Sie auch mit Clang Consulting beginnen. Ich werde Ihnen einige Beispiele von Arthur und seinem speziellen Profil auf Upwork und dann auch mehrere andere Plattformen geben. Und gib dir ein paar Tipps dazu. Und dann werde ich durch etwas gehen, das extrem mächtig ist, das wahrscheinlich mehr wert ist als einen ganzen Kurs für sich selbst. Und das wird meine speziellen Vorlagen sein, die ich auf der Vorstellung verwende , die für Ihr persönliches Leben und Ihr tatsächliches Geschäft und Arbeit ist. Und mit diesen speziellen Vorlagen, werden Sie in der Lage sein, Ihr ganzes Leben aus dieser sowie jede Art von Kundenprojekten, die in einem Team arbeiten oder was auch immer, dann a b, Sie werden sehen, wie mächtig das ist. Es ist eine vorgefertigte Vorlagen, in denen Sie verschiedene Abschnitte haben. Sie haben verschiedene Bereiche für Projekte, Sie haben verschiedene Bereiche für Kunden. Ich habe verschiedene Bereiche für Ihre persönlichen Sachen und es wird einfach etwas sein, das Sie für Ihr ganzes Leben oder auch für Ihr Projekt nutzen können. Also freue ich mich sehr, Ihnen das vorstellen zu können und Ihnen nur die wahre Kraft davon zu zeigen. Und dann werden wir über den Aufbau einer Marke sprechen, persönliches Branding, zu verstehen, was eine Marke ist, wie wichtig sie ist. Und wie Sie sich entwickeln können und wie Sie Persönliches Branding nutzen können , um Ihren Namen als UX-UI-Designer zu erhalten. Und das ist extrem wichtig, vor allem, wenn Sie gehen um freiberufliche Route und Sie wollen, um Ihre eigenen Kunden zu bekommen. Sie wollen in der Lage sein, im Web zu sein, richtig? An so vielen Orten wie möglich. Vor allem auch, wenn Sie auf der Suche nach einem Job sind. Eines der ersten Dinge, die Arbeitgeber jetzt tun werden, wenn sie eine Anwendung bekommen , ist die Anwendung, um Erfahrung zu betrachten und was nicht. Aber sie werden auch auf Google schauen. Es wird den Bewerber googeln, um ihn anzuschauen, sind sie online? Welche Art von, wissen Sie, wie sehen Online-Profile aus? Haben sie eine Facebook-Seite, die sie eine Business-Seite haben, richtig? All diese verschiedenen Dinge sind, die Arbeitgeber werden zu berücksichtigen, weil sie in der tatsächlichen Individuum dort wollen, die einzigartig ist, das ist anders, das wird sich von dem Rest abheben der Wettbewerb, der nur hat, sagen wir, eine Anwendung, schreiben Sie einen Lebenslauf mit etwas Erfahrung, nicht wahr? Und dann gehen wir über die Wichtigkeit einer Website und einem Blog und wie Sie wirklich Ihr Portfolio präsentieren können. Präsentieren Sie vielleicht einige Zeugnisse aus der Arbeit mit Kunden. Also jemand, deine Arbeit, richtig. Dies wird etwas, das extrem leistungsstark für Sie ist, vor allem, wenn Sie gehen in den Freelancer-Modus und dann Networking. Dies wird auch extrem wichtig sein, um Kunden zu bekommen, aber auch Arbeitsplätze richtig zu bekommen? Lage zu verstehen, wie Sie Ihr bestehendes Netzwerk nutzen können, aber dann auch in der Lage sein, dorthin zu gehen und sich mit anderen zu vernetzen und in der Lage zu sein, Ihnen unsere setzen Sie in Positionen, um bestimmte Positionen zu finden, bestimmte Personen, die in einen Kunden oder potenzielle Arbeitgeber verwandeln können. Und dann gehen wir durch einige der besten Freiberufler Websites. Einige der Top, die ich empfehle, einige von denen, auf denen Sie sein sollten, einige von denen, auf denen Sie nicht sein sollten. Verlust wird durch einige der verschiedenen Websites gehen, so dass Sie Ihr Portfolio auf setzen können und Sie tatsächlich einige Jobs bekommen und einige Kunden bekommen. Und dann gehen wir einige der Fragen durch, die Sie haben möchten, um ein Projekt für UX und UI zu bearbeiten, oder? Sie möchten in der Lage sein, eine Reihe von Fragen zu haben, die Sie Ihrem potenziellen Kunden stellen oder wenn Sie anfangen und Sie in einem Team arbeiten. Oder vielleicht machen Sie selbst eine UX UI in einer kleineren Organisation. Sie möchten diese Arten von Fragen so einrichten, dass Sie das eigentliche Projekt starten und tatsächlich in die Entwurfsphase einsteigen können , richtig? Und schließlich werden wir es mit den besten Orten beenden, um UI- und UX-Job zu finden. Das wird also hier eine Ressource sein. Ich werde Ihnen über die Schulter verschiedene Seiten zeigen und Sie können gehen und tatsächlich nach offenen Positionen suchen. Einige der Dinge, die Sie beachten sollten, einige der besten Möglichkeiten, um Ihre Nachrichten zu öffnen, oder? Und so wird das hier ein großer Abschnitt sein. Ich freue mich darauf, dass du anfängst. Und das wird hier sein, um eine Karriere in der UI UX Abschnittsübersicht zu beginnen. Und wir sehen uns auf der nächsten. 83. Dein Tägliche Productivity: Okay, in diesem Video gehen wir über Ihr tägliches Produktivitäts-Tool, das durch die Vorstellung sein wird. Jetzt ist hier der Begriff ein fantastisches Produktivitätswerkzeug ähnlich einer Sauna Trello. Einige der wichtigsten großen Namen gibt, aber Vorstellung hat eine Menge mehr Funktionen, die Ihnen zur Verfügung stehen und es ist 100% kostenlos. Und wie Sie hier sehen können, können Sie verschiedene Arten von Arbeitsbereichen erstellen. Sie können Ihre Projekte verfolgen, Ihre Aufgabenliste. Ich werde so viele verschiedene Dinge haben, die du tun kannst. Und was ich für Sie einrichten konnte, ist ein getan für Sie Vorlagen, wo es dort Ihre Vision, Ihre Ziele und Ihre Ergebnisse, Ihre verschiedenen Projekte, Ihre tägliche Produktivität so weit wie Ihre Aufgaben, und dann Ihr CRM für Ihre Kunden. So werden Sie in der Lage sein, alles über diesen Hub zu verwalten. Sie werden in der Lage sein, Ihre Kunden, Ihre To-Do-Liste zu verwalten , Ihre verschiedenen Projekte mit Ihren Kunden zu betrachten. Es ist nur ein fantastisches Werkzeug, um jeden Tag hier reinkommen zu können. Und statt Ihrer Aufgaben, aktualisieren Sie Ihr CRM, Ihre verschiedenen Meilensteine. Also lasst uns voran und loggen uns hier ein. Alles, was Sie tun müssen, ist sich anzumelden und verwenden Sie einfach Ihre E-Mail-Anmeldung. Also lasst uns hier einloggen. Es wird weitergehen. Das ist so ziemlich blinzeln. Es gibt viele verschiedene Dinge, die wir tun können. Wir werden jedoch die Vorlage für Sie installieren, die ich für Sie erstellt habe. Also lass mich das hier rüber schnappen. So erhalten Sie Zugang zu einem speziellen Link. Du musst also den Link kopieren, ihn hier reinlegen. Dies ist also die eigentliche Vorlage hier, die wir einrichten werden. Also lasst uns duplizieren gehen. Und das wird zu Ihrem speziellen tatsächlichen Hub hier hinzugefügt. So können wir hier sehen, dass es hinzugefügt wurde. Und das ist, wo wir jeden Tag arbeiten werden. Also, jeden Tag, wenn Sie hier reinkommen, wollen Sie sich Ihre verschiedenen Aufgaben ansehen. Sie möchten sich Ihr CRM ansehen. Und wie Sie hier sehen können, spricht es darüber, Ihre Vision und Ihre Ziele zu skizzieren und dann Ihr Ergebnis. Ihre Ziele sind also im Wesentlichen das, was Sie tun möchten, und die Ergebnisse sind im Wesentlichen das Ergebnis dessen, was Sie tun werden, oder? Wie du das wirklich erreichen wirst. Und dann haben wir die Projekte, dann haben wir die Meilensteine und dann die Aufgaben, und dann ein CRM, und dann haben wir die Ziele und Ergebnisse. Wie Sie hier sehen können, haben wir die Ergebnisse. Und so ist dies das eigentliche Ergebnis dessen, was wir von unserem Ziel wollen. Also habe ich hier ein Ziel, sich besser zu organisieren. Nun, was ist das direkte Ergebnis davon? Richtig. Nun, ich muss jede Woche planen, basierend auf einem acht Stunden Arbeitstag. Ok. Und dann genau hier B oben auf meine Finanzen, halten Sie täglich den Überblick über meine Finanzen, indem Sie monatliche Budgets genau hier erstellen. Erstellen Sie 350 YouTube-Videos für dieses Jahr. Und wie soll ich das dann erreichen? Nun, ich werde Batch Videos am Samstag aufnehmen und täglich YouTube-Videos posten. Und dann gehen wir gleich hierher. Ich will 225 Pfund wiegen. Also, wie soll ich das machen? Nun, morgens ins Fitnessstudio gehen und sich dann auf Salate und Grüns konzentrieren. So werden Sie Ihre Ergebnisse einrichten. Denken Sie daran, die Ergebnisse sind das direkte Ergebnis und wie Sie das erreichen werden, richtig. Daher ist es wichtig, dass Sie Ihre Ziele hier oben und dann Ihre Ergebnisse genau dort haben, und Sie werden sehen, dass alles verbunden ist. Also gehen wir hier zum tatsächlichen Ergebnis hier. So planen Sie jede Woche basierend auf acht Stunden Arbeitstag. Und es ist mit diesem Ziel verbunden. Ok. Und Sie können hier ein bestimmtes Datum hinzufügen, wenn Sie einen bestimmten tatsächlichen Tag in Zeit, Startdatum und Uhrzeit tun möchten. Und dann können Sie hier den Status setzen. Sie können auf Kurs setzen, und dann können wir es auch einem bestimmten Quartal zuweisen. Also sagen wir mal, Sie wollten das ganze Jahr hier alle Quartiere machen. Also gehen wir weiter und richten das ein und dann zeigt dir das alle Quartiere hier, okay? Sie wollen also das ganze Jahr, also haben Sie alle vier Viertel hier. Wenn Sie nur ein oder zwei haben wollen, können Sie das auch tun. Und dann können Sie ihm verschiedene Aufgaben zuweisen. Sie können hier runterkommen und zusätzliche Informationen hinzufügen, was auch immer das sein mag, oder? Dies ist ein sehr, sehr gutes Werkzeug für Sie in der Lage zu sein, Ihre Ziele, Ihre Ergebnisse, richtig, in diesem speziellen Bereich hier zu setzen . So legen Sie Ihre Ziele fest, Ihre Ergebnisse, sehr einfach einzurichten. Gehen wir weiter und gehen zurück. Ich möchte dir noch eine Sache zeigen. Sie haben verschiedene Emojis. Sie können hier zufällig gehen und ich werde einfach reinlegen, was Sie wollen. Oder du kannst einfach hier durchgehen und finden welchem Emoji du willst, mit dem du das Setup willst, stimmt's? Und so gehen wir weiter und verlassen das hier. Und dann gehen wir hier runter. Dann haben wir Projekte. Ok? So sind Projekte wie für Ihre Kunden, richtig? Wenn Sie mit einem bestimmten Client arbeiten, möchten Sie in der Lage sein, diese für ein bestimmtes Projekt einzurichten. Und Sie wollen hier die Termine so weit wie und wann Sie es mit ihnen beginnen, wann ist die Vereinbarung vorbei? Weißt du, normalerweise, wenn du mit Kunden arbeitest, wirst du zwischen 3612 Monaten Vereinbarungen machen. Sagen wir, dieser hier ist für einen bestimmten Kunden. Hier legen wir die Daten ein. Wir können dies einer bestimmten Person zuordnen. Wir können hier den fettesten reinlegen. Und dann gehen wir hier runter und dann können wir den tatsächlichen Kalender sehen , in dem wir verschiedene Informationen eingeben können. Also sagen wir hier, wir können seine Setup-Zielseite setzen, okay? Und das hier zu tun, sagen wir, der zehnte, okay? Und dann können wir hinzufügen, was wir wollen, hier für niedriges Smiley-Gesicht, okay? Und dann ist es wieder abgekühlt. Also haben wir das genau da. Und dann hier unten haben wir die Kanban-Flow-Aufgaben, wo Sie verschiedene Aufgaben hinzufügen können. Sie können in verschiedenen Monaten hier setzen. Du kannst das vier Tage ändern, was auch immer du hier tun willst. Es ist sehr einfach, dies zu ändern und Sie können verschiedene Dinge hinzufügen. Also lass uns gehen, lass uns sogar so gehen. Also im Grunde, alles, was Sie tun müssen, wenn Sie etwas hier hinzufügen wollen, gehen Sie zu diesem Ort genau hier in unserer Show Ihnen verschiedene Elemente, die Sie hier hinzufügen können. Wenn Sie also nur Text hinzufügen möchten, wenn Sie eine Seite hinzufügen möchten, möchten Sie eine To-Do-Liste hinzufügen. Wenn Sie Überschrift eins hinzufügen möchten, überschrift zwei. Wenn Sie eine Aufzählungsliste hinzufügen möchten. Okay, nummeriert. Schalten Sie diesen Zitattrenner um. Sie können in verschiedenen Tabellen, verschiedene Bretter hinzufügen , ähnlich wie die, die wir hier haben. Und dann, weißt du, hier ist wie eine Galerie. Hier ist ein einfacher Listenkalender. So haben Sie hier so viele verschiedene Dinge, die Sie mit diesem speziellen Werkzeug hinzufügen und ändern können. Sie können verschiedene Medien, Video, Audio hinzufügen , Sie könnten von verschiedenen Orten einbetten. Das ist also nur ein tolles, großartiges Werkzeug, oder? Wenn ich hier reinkommen und einen anderen hinzufügen wollte, sagen wir Kalender. Ok. Das ist hier runter. Kalender, genau da. Bumm. So einfach ist es also, einen Kalender hinzuzufügen, oder? Dies ist alles sehr einfach, sehr einfach zu navigieren und zu verwenden. Und wie ich schon sagte, du willst deine Art in separate Projekte haben, okay? Und hier können Sie alles hier verwalten. Dann gehen wir hier runter zu den Meilensteinen. Und das ist für jedes Quartal. Das wäre also, weißt du, hey, für den ersten Punkt, das sind die Meilensteine, die ich in meiner Agentur haben will. Ich will diese Einnahmen, ich möchte, dass dies getan wird, und ich möchte in der Lage sein, dies zu erreichen. Ich will, dass das erreicht wird, oder? All diese verschiedenen Dinge, die Sie jedes einzelne Quartal erreichen wollen, richtig? wirst du hier drin einrichten können. Und es ist großartig zu haben, weil Sie in der Lage sein wollen, zu messen, was Sie tun und sicherstellen möchten, dass Sie auf Kurs sind und dass Sie keine Termine haben, die Sie in verschiedenen Meilensteinen folgen , die Sie direkt erreichen wollen durch Ihre tägliche Arbeit. Gehen wir jetzt hier hoch und gehen wir zu Aufgaben. Jetzt. Dies ist Ihr täglicher Aufgabenrang. Und das ist so großartig. Ich meine, ich wünschte, ich hätte so etwas, als ich angefangen habe, wo Sie buchstäblich Ihr ganzes Leben hier durchlaufen können, sowie Ihre Agentur. Nehmen wir an, dass Sie eine neue E-Mail-Kampagne einrichten möchten , in der Sie eine neue Aufgabe einrichten würden. Dann würden Sie das Datum eingeben, die Person, die an einen dieser anderen Faktoren hier gebunden ist, die Sie hier einfügen möchten. Nehmen wir an, wir wollten den Status hier in „In Progress“ ändern, oder? Und dann können wir in alle Notizen hinzufügen, die wir wollen. Wir können hineinlegen. Alles wird benötigt. Ist die E-Mail-Liste, richtig? Oder du kannst das hier einfach in Notizen schreiben, richtig? Wenn Sie nur Notizen für sich selbst hinterlassen möchten, können Sie diese einfach kopieren. Und dann geh hier, füge einen Kommentar hinzu, okay? Und dann boom, und dann genau da, und dann wird es in die Notizen stecken, richtig? Also das ist so ein fantastisches Werkzeug. Ich kann nicht genug darüber reden. Dieses Tool ist ein kompletter Lebensretter. Du kannst, wie ich schon sagte, dein ganzes Leben und deine Entscheidungsfreiheit hier durchkommen. So einfach würden Sie das einrichten. Und sagen wir, Sie waren in der Lage, das zu beenden. Ok, toll, fertig. So einfach ist es. Und dann können Sie sehen, dass da ein kleiner Kommentar drin ist, oder? Und dann hier unten, das ist Ihr CRM. Hier würden Sie sich also für Ihre Kunden einrichten, oder? Sagen wir, Sie hatten, wissen Sie, für diesen hier, die Leitungen, richtig. Sie können auf der Website setzen. Alle anderen zusätzlichen Features, die Sie hinzufügen möchten, und dann die Kommentare in der Notiz. Also, wissen Sie, sagen wir, Sie sollten hier reinkommen und so sein, als hätten Sie mit dem Klienten gesprochen und sie wollen loslegen. Nächste Woche. Sie können ein solches hinzufügen oder Sie können einfach kopieren und direkt dorthin gehen und das direkt dort platzieren. Und eines der anderen Dinge, die Sie tun können, ist, dieser bestimmten Zeile hier einen Kommentar hinzuzufügen . Sagen wir mal, wir werden nachgehen. Aber der Klient nächste Woche. Ok. Und dann Knochen. Und jetzt können Sie sehen, dass es einen kleinen Kommentar gibt. Das ist also nur ein fantastisches Werkzeug. Ich meine, ich kann einfach nicht genug darüber reden. Wie ich schon sagte, das ist nur eines dieser Werkzeuge, bei denen Sie sich wünschen, dass Sie das hätten, wissen Sie, als Sie das erste Mal angefangen haben oder als ich anfing. Ich wünschte, ich hätte so etwas, das mir erlauben konnte, mein ganzes Leben und mein Geschäft zu kontrollieren und einzurichten. Ok? So wollen Sie das CRM hier verwenden, können Sie dies auch an bestimmte Projekte, bestimmte Ziele anhängen, oder? Also genau hier, ich will es nicht daran anhängen, oder? Weil das für diesen Klienten ist. Sagen wir, dieser Klient war derjenige, der sich tatsächlich angemeldet hat, oder? So jetzt können wir sehen, dass dies an XYZ Client angehängt wird, oder? Und so würden wir das aufstellen. So werden Sie in der Lage sein, Ihre Kunden hier mit dem CRM zu verwalten, Ihre To-Do-Liste jeden Tag so weit wie Ihre Aufgaben, Ihre Ziele, Ihre Ergebnisse für sich selbst, für Ihre Agentur, Rang und einfach in der Lage zu verwalten alles an einem Ort. Es ist nur ein fantastisches Werkzeug. Und dann hier unten haben wir unseren Tag, wenn Sie eine bestimmte Sache haben wollen, die Sie den ganzen Tag erfolgreich hatten, können Sie das hier hinzufügen. Hier ist die eine der Woche, wenn Sie insbesondere hinzufügen möchten, wenn das Sie hatten, sagen wir am Sonntag und dann vielleicht Layout wie ein Sieg der Woche. Und dann haben wir auch hier eine wöchentliche Überprüfung, was du getan hast, wie die Dinge gelaufen sind. Sie können hier die Effektivität, Dankbarkeit, Tiefen, Herausforderungen, Siege sehen, oder? Also eine fantastische Möglichkeit, Ihre wöchentlichen Bewertungen einzurichten. Und dann auch hier, was die monatliche Überprüfung, richtig? Also noch einmal, alles, was Sie tun müssen, um diese Einrichtung hier zu bekommen, ist, einen speziellen Link zu erhalten, sobald Sie sich anmelden und dann in der Lage sein, diese Vorlage zu kopieren und in Ihrem speziellen Hub hier einzurichten. Und das ist Ihr täglicher Produktivitäts-Hub. Alles, was du tun musst, ist hier jeden Tag in Bezug auf deine Vision hierher zu kommen, oder? Sobald Sie dies auslegen, möchten Sie die Links hier einfügen, damit Sie dies jeden einzelnen Tag besuchen können , richtig, täglich. Und dann Ihre Ziele und Ergebnisse, richtig? sicher, dass Sie auf Kurs sind und dass Sie tun, was Sie tun müssen. Und Sie haben alles hier und dann Ihre Projekte für Ihre Kunden oder sogar persönliche Projekte oder was auch immer Sie richtig machen? Sie möchten sicherstellen, dass Sie Ihre verschiedenen Projekte so weit wie die Arbeit mit Kunden verfolgen und in einer Art Branding tun, vielleicht für sich selbst, richtig? Wie ich schon sagte, du kannst nicht nur dein Geschäft verwalten, sondern dein ganzes Leben hier drin, okay. Sehr, sehr leistungsfähiges Werkzeug. Und dann natürlich hier mit den Meilensteinen, um sicherzustellen, dass Sie bestimmte Zahlen oder Dinge haben , die Sie zu erreichen versuchen, richtig, jedes Quartal. Und dann Ihre Aufgaben hier, die tägliche Produktivität, um sicherzustellen, dass Sie auf dem richtigen Weg sind, was Sie heute tun müssen? Was musst du morgen tun, oder? Und dann dein CRM hier unten, okay, so fantastisches Werkzeug. Dies wird es Ihnen ermöglichen, wirklich alles inline zu halten, alles organisiert zu halten und so produktiv wie möglich zu sein. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 84. Wie du freiberuflich beginnen kannst: In diesem Video werden wir über Freiberufler gehen. Nun, das ist etwas, dass, wenn Sie gerade in Ihrer UX-UI-Karriere beginnen, dann Freiberufler etwas, das Sie vielleicht mit der Arbeit beginnen möchten , weil es Ihnen etwas Erfahrung geben wird. Es wird Ihnen erlauben, etwas Arbeit unter den Gürtel zu bringen, einige Fallstudien, richtig? Einige Überweisungen, Zeugnisse. Und dann können Sie das nutzen, um mehr Kunden zu bekommen oder sogar einen Job zu bekommen, wenn das Ihr ultimatives Ziel ist, richtig? Lassen Sie uns also voran gehen und ins Freiberufler springen und was Sie von einem freiberuflichen UX-UI-Designer erwarten können . Also mit Freiberufler, Sie sind im Wesentlichen selbständig und Sie übernehmen Vertragsarbeit für andere Unternehmen und Sie werden in der Regel in wie eine freiberufliche Website arbeiten , wie Upwork, Freelancer oder Fiber oder einem dieser anderen diejenigen da draußen, die auf dem Marktplatz sind , wo Sie Kunden mit Projekten zu Ihnen kommen und dann gehen Sie und Sie im Wesentlichen auf sie bieten. Und Sie setzen Ihren besten Fuß nach vorne und Sie bekommen tatsächlich diese Verträge. Das ist eines der besten Dinge über Freiberufler auf diesen Plattformen ist, dass Sie nicht da draußen gehen müssen und Zeit, Energie und Ressourcen für die Kundenakquise aufwenden müssen, oder? Denn wenn Sie ein eigenständiges Unternehmen sind und diese Plattformen nicht in verwenden, wird es eine große Herausforderung für Sie sein, Kunden zu bekommen. Und vor allem würden Sie keine Erfahrung haben, Kunden zu bekommen, oder? Freelancing ist also eine gute Möglichkeit, zu beginnen, weil Sie die Möglichkeit haben, Kunden zu Ihnen kommen zu lassen, Projekte kommen zu Ihnen und Sie wählen, für welche Projekte Sie arbeiten möchten. Nun, eine der besten Möglichkeiten, diese verschiedenen freiberuflichen Websites zu verwenden , ist sicherzustellen, dass am Anfang, wenn Sie gerade anfangen, richtig, vielleicht haben Sie durch diesen Kurs gegangen, haben Sie einige zusätzliche Ausbildung. Sie möchten mit UX-UI-Entwurfsaufträgen beginnen. Nun, was Sie suchen sollten, wenn Sie gerade anfangen, sind kleine UX-UI-Jobs, an denen Sie für sehr niedrige Kosten arbeiten können, oder? Du willst dir keine Sorgen machen, wie viel du gerade bezahlt wirst. Denn wie Ihre Erfahrung und Ihr tatsächliches Projektbasing beweist und steigt, können Sie Ihre Stundensätze oder Ihre Projektrate langsam erhöhen. Und du wirst in der Lage sein, höhere Preise zu kommandieren, oder? Ich werde später in dieser Lektion hier ein Beispiel für Arthur und sein Profil durchgehen, wie er das Gleiche machen konnte, wo anfangs einige Jobs auf niedrigerer Stufe angefangen hatte. Jetzt hat er eine Menge der Jobs, die direkt zu ihm kommen und er wird im Wesentlichen wählen und wählen. Und genau wie ich bereits erwähnt habe, ist die ganze Absicht hier, dass Sie kleine Jobs bekommen wollen , die Sie im Wesentlichen Feedback bekommen können. Breite, holt einige Zeugnisse, holt einige Fallstudien, erstelle deine Profilpunktzahl, richtig? Und dann in der Lage sein, Ihre Stundenrate zu erhöhen. Nun, hier ist die Sache. Bei der Bewerbung auf freiberufliche Jobs. Sie möchten in Ihrer Anwendung sicherstellen , dass sie speziell für dieses Projekt bestimmt ist. Weil ich selbst sogar viele Jobs auf Upwork poste und du wärst überrascht, wie oft Leute antworten werden. Job Post mit nur einer Kesselplatte Art der Anwendung Lebenslauf. Sie lesen im Wesentlichen nicht das Profil oder die Stellenbeschreibung, oder? Und so ist das hier sehr wichtig und eine große rote Fahne für Arbeitgeber. Sie wollen wissen, dass Sie tatsächlich die Zeit verbracht haben, um die Stellenbeschreibung zu lesen. Sie verstehen, was erforderlich ist, was benötigt wird, und dass Sie sich als jemand präsentieren können, der qualifiziert ist. Aber es hat auch, wissen Sie, was das jeweilige Projekt mit sich bringt, weil Sie Zeit genommen haben, um die eigentliche Beschreibung zu lesen, oder? Und eines der anderen Dinge, die Sie tun können, um Ihre Vorschläge tatsächlich auf die nächste Ebene zu bringen , ist in der Lage, eine Art von Videos zu haben. Wenn Sie also wie ein Wert-Video oder ein Video erstellen können , das spezifisch für diese Jobbeschreibung ist und Ihre Interview-Rate höher ist. Denn wenn du einen sehr individuellen Ansatz annimmst, indem du ein Video schickst, das besagt , hey, weißt du, ich habe dir deine Jobbeschreibung angesehen. Weißt du, das ist irgendwie das, was ich das als meine Erfahrung empfehle. Das war es, was ich für andere tun konnte, oder das empfehle ich, richtig? Und UK iteriert in Ihrem spezifischen Job, dann ist die Wahrscheinlichkeit, dass Sie akzeptiert werden und interviewt zu werden, sehr hoch, weil Sie sich von der Konkurrenz abheben. Okay, jetzt gehen wir weiter und gehen zurück zu meinem Computer. Wir werden einen Blick auf unser Schubprofil und Upwork werfen. Und ich werde dir zeigen, was er getan hat, wie er sein ganzes Aufwärtsprofil hat. So können Sie einige Hinweise davon wegnehmen, wie er ein Setup hat und wie Sie dann Ihr Profil einrichten können. Okay, also sind wir wieder hier auf meinem Computer und wie Sie hier sehen können, gibt es nicht eine 100% Job-Erfolgsquote. Offensichtlich ist er der Beste von dem, was er tut. Er ist fantastisch. Er ist ein äußerst talentierter UX-UI-Designer. Und offensichtlich seine, das Feedback hier zeigt, dass. Wie Sie hier sehen können, variieren seine Preise für bestimmte Arten von Arbeitsplätzen. Also für UI- und UX-Design, fünfundvierzig Dollar pro Stunde für Grafikdesign und $40 pro Stunde für jede Art von Produktdesign, das sehr individuell, spezifisch ist , steigt seine Rate, weil, wissen Sie, es ist das Niveau von Schwierigkeit, richtig? Und so hat er mehr als 100.000 Dollar in seinem speziellen Profil hier nach oben verdient. Und so eines der Dinge, die er hat, ist gutes Video hier und es geht über einige Daten, einige Informationen. Eine andere Sache, die wirklich helfen würde, ist, tatsächlich ein Video von sich selbst zu haben , vielleicht über Ihre Erfahrung zu sprechen. Vielleicht über sich selbst reden, darüber reden, was Sie an den Tisch bringen, den Wert, den Sie bieten können, oder? Und das würde auch einen langen Weg gehen, weil die Leute dein Gesicht sehen wollen, sehen wollen, dass du ein echter Mensch bist, oder? Und würdest du dort ein Video haben, das entweder erklärt, du weißt schon, was du tust, deine Erfahrung oder einfach nur du hinter dem Mikrofon dort darüber reden , was du in dem Wert tun kannst, den du mitbringst, würde definitiv weitergehen. Und so wie Sie hier sehen können, hat er verschiedene Profile, im Wesentlichen vier verschiedene Arten von Arbeit. Für die UX-UI-Arbeit hat er hier eine bestimmte Art von Profilbeschreibung. Dasselbe hier für das Grafikdesign, richtig? Er hat hier eine andere Beschreibung. Und dann können Sie voran gehen und sich die verschiedenen Arten von Jobs ansehen, die er hat. Nun, wenn wir hier sitzen und UI UX betrachten, und Sie für fünf zurückgehen, gehen Sie zurück zu sieben hier. Als er anfing, glaube ich, es war oder ich glaube nicht mal, dass es das war, als er anfing. Ich denke, das ist mehr nur, als er angefangen hat, freiberuflich auf Upwork zu arbeiten. Aber Sie möchten sich einige dieser verschiedenen Arten von Bewertungen hier ansehen und so weit wie möglich zurückgehen. Das hier ist also wieder im Jahr 2015. Sie können sehen, dass dieser Job, den er hatte, war für eine Rahmenumgestaltung richtig? Zurück im Jahr 2015, richtig. Das ist also eine große Sache hier. Ich möchte, dass Sie zur Kenntnis nehmen, dass Arthur nicht angefangen hat, $50 pro Stunde zu berechnen, richtig? Das ist etwas, das er aufgebaut hat und an einem Auftrag arbeitet , um zu diesem bestimmten Prozentsatz zu kommen, oder? Das ist also genau das, was du auch tun willst. Du willst ein Profil mit kleinen Jobs aufbauen, oder? Und fangen Sie an, den Leuten zu zeigen, dass Sie wissen, was Sie tun, Sie wissen, wie Sie Ergebnisse erzielen können, und dann können Sie Ihren Stundensatz hier aufheben 27, 78, richtig. Und ich glaube, er hat es jetzt bis zu 45. Denken Sie also daran, dass, wenn Sie auf verschiedenen freiberuflichen Websites beginnen, dass Sie tatsächlich in der Lage sind, Ihr Profil zuerst aufzubauen und dann in der Lage sein, Ihre Preise zu erhöhen und höhere Beträge zu befehlen und anfangen Projekte tatsächlich an Sie gesendet, wenn Sie zu wählen und wählen. Okay, das wird für die freie Lektion hier sein, und wir sehen uns auf der nächsten. 85. Kundenberatung: In diesem Video werden wir über Kundenberatung sprechen. Nun, das ist etwas anderes als der Freiberufler. Wo Freelancing mehr von Projekten ist, die auf verschiedenen freelancing-Website zu Ihnen kommen , sagen, wo Sie nur arbeiten Art von als Einzelinhaber, Sie haben nicht wirklich eine Firma, Sie haben keine Organisation, Richtig? Und mit dem Client Control Team ist dies ein ganz anderes Ballspiel. Hier gehst du aus. Sie bekommen Ihre eigenen Kunden durch verschiedene Marketing-Bemühungen wie, sagen wir bezahlte Werbung, kalte E-Mail, eine der verschiedenen Formen von Werbung oder Promotions oder Marketing-Methoden gibt es draußen, richtig? Aber Sie sind dafür verantwortlich, Ihre Kunden zu bekommen. Du hast vielleicht dein eigenes Geschäft, oder? Sie haben vielleicht einige Mitarbeiter, die mit Ihnen arbeiten, Freiberufler sind, oder? Dies ist offensichtlich die Straße hinunter, nachdem Sie mit einigen Freiberuflern beginnen, aber Löwenberatung wird auch eine gute Route die Straße hinunter sein, wenn Sie auf diese Route gehen wollen , weil Sie in der Lage sein werden, wir sind größere Kunden, Sie würden in der Lage sein, viel mehr von den Gewinnen zu halten, höhere Gebühren zu berechnen, oder? Weil du ein Unternehmen bist und deine eigenen Kunden bekommst, oder dass Leute zu dir kommen, oder du bietest für verschiedene Projekte, richtig? Es gibt noch viel mehr Konkurrenz. Gehen wir also voran und gehen Sie durch die Kundenberatung. Wie ich bereits erwähnt habe, mit Kundenberatung, Dies ist, wo Sie Ihr eigenes Unternehmen einrichten oder Sie können Ihren eigenen Firmennamen haben, aber Sie haben in der Regel wie eine LLC oder eine S Corp, die häufigsten. Und Sie haben Ihre eigene Website mit Ihrem Geschäft auf seiner. Und was ich am Anfang empfehle, ist, dass Sie einige freiberufliche Projekte machen. Man bekommt etwas Arbeit unter den Gürtel, man baut sich ein Portfolio auf und dann fängt man an, dort raus zu gehen und Klein auf eigene Faust zu holen. Weil Sie Arbeit haben, die Sie nutzen können. Sie werden Zeugnisse regnen. Und so ist einer der besten Möglichkeiten, um Kunden auf eigene Faust zu bekommen, unterzugehen, einige Recherchen über verschiedene Unternehmen, verschiedene Websites zu machen, oder? Wenn Sie sich an die Marketing-Abteilung oder den Eigentümer wenden, um sie über jede Art von Empfehlungen zu erwähnen, die Sie gefunden haben oder die Sie auf ihrer Website empfehlen, über ihre Anwendung, richtig? Was auch immer Produkt, das sein mag. Das wird also eine der besten Möglichkeiten sein, Kunden für sich selbst zu bekommen , ist ein wenig Forschung auf ihrer Website oder vielleicht der Anwendung, etwas über die einzelnen Bits, den Besitzer oder das Marketing herauszufinden Abteilung, Marketingdirektor. Und dann in der Lage zu sein, zu erreichen und zu sagen, hey, ich bin auf Ihr Geschäft gestoßen, Ihre Website-Anwendungsebene, was Sie tun. Und ich habe das hier bis zu meiner Empfehlung gefunden, oder ich habe das da drüben bemerkt, richtig? Und dann in der Lage zu sein, einen Mehrwert zu schaffen und sie dann durch einen schnellen Discovery-Aufruf zu bekommen , um ein wenig über ihre aktuelle Situation zu erfahren. Die Kundenberatung wird also die lohnendste sein, weil man höhere Reittiere aufladen kann, richtig? Wie Ihr Projekt Basis, aber hier ist die Sache. Es wird das schwierigste sein, weil Sie keine Kunden zu Ihnen kommen, richtig? Mit dem Freelancing meldest du dich einfach als spezieller Freelancer auf der Plattform an. Du gehst da raus und wählst aus, für welche Jobs du dich bewerben kannst, oder? Und alles kommt zu dir. Du pflückst Kirsche gegen die freundliche Beratung. Das ist eher ein Outbound-Ansatz, oder? Sie sammeln Daten, Sie sammeln verschiedene potenzielle Kunden und Sie wollten das Ziel. Und Sie erreichen mit Ihrer eigenen Art von Marketing-Nachrichten, Ihrer eigenen E-Mail, Ihrem eigenen Typ, verschiedenen Aktionen, oder? Und Sie erreichen sie, um mit Ihnen zusammenarbeiten zu können, um zu sehen, ob sie irgendwelche Projekte in der Pipeline haben, oder? Also, das ist, was Sie von Clank bis Team erwarten können. Dies ist etwas, das ich nicht empfehlen, Sie springen in ein, da Sie bereits einige Erfahrung mit Freiberufler hatten, Sie haben ein Portfolio, Sie haben einige Zeugnisse und Fallstudien , die Sie nutzen können, um einige zu bekommen Klienten, richtig? Also wird es für die Kundenberatung hier sein, und wir sehen uns auf der nächsten. 86. Eine Marke erstellen: In diesem Video gehen wir über den Aufbau einer Marke. Dies wird also sehr wichtig sein, nicht nur für sich selbst, sondern auch für, wenn Sie das tun, sagen Sie einige Grafik-Design-Arbeit oder Sie schauen in nehmen auf einige Kunden, die eine Neuzuordnung der aktuellen Marke machen wollen. Wir wollen verstehen, was eine Marke ist, was sie repräsentiert, was die Schlüsselkomponenten rund um das sind, was eine Marke repräsentiert? Was sind einige der wichtigsten Faktoren, wenn es um den Aufbau einer Marke geht , und viele der verschiedenen Dinge, die Sie brauchen, um ein Auge zu behalten und bewusst zu sein, wenn Sie eine Marke für sich selbst oder einen potenziellen Kunden entwickeln. Also lasst uns voran gehen und hier reinspringen, um eine Marke aufzubauen. Eine Marke ist also nicht nur ein Logo , da fallen viele Leute zu kurz. Und waren sie verwirrt, weil sie denken, dass eine Marke nur ein Logo ist, oder? Es ist nicht nur ein Logo, weil ein Logo nur eine visuelle Darstellung einer Marke ist. Aber eine Marke ist wirklich ein Versprechen. Es ist im Wesentlichen ein Alleinstellungsmerkmal. Und wenn Sie damit nicht vertraut sind, ist dies im Wesentlichen das, was Sie auf dem Markt auszeichnet. Nehmen wir an, Sie haben eine Art einzigartiger Prozess oder eine einzigartige Designmethodik. Und es muss nicht etwas Außergewöhnliches sein, oder? Dies ist eine ganz einfache Möglichkeit, sich auf dem Markt zu unterscheiden wo Sie Ihre Marke bekannt machen oder Kunden helfen können, ihre Marken bekannt zu machen, ist, indem Sie ihnen helfen, ein Alleinstellungsmerkmal zu entwickeln, oder? Und Sie können einen einfachen Prozess erstellen oder einen Prozess haben und ihn etwas Einzigartiges und Anderes nennen, richtig? Und soll es Ihr eigener einzigartiger Prozess sein. Es kann jedoch etwas super Einfaches sein. Wenn Sie jedoch in der Lage sind, ihm einen Namen zu geben und Sie in der Lage sind, ihn herauszubringen, dann ist das, wo die Schaffung dieses Alleinstellungsangebots, weil Sie anderen potenziellen Kunden oder potenziellen Kunden sagen können , dass ich mich anmelden möchte und Sie können gegen jemand anderes bieten, sagte, hey, wir haben keine einzigartige Methodik. Wir haben eine einzigartige Designmethodik oder wir haben einen einzigartigen Prozess, den wir verwenden, um zu unseren Designs zu gehen , um sicherzustellen, dass wir erstklassige Marken und Designs schaffen und entwickeln, oder? Also alle Marken haben eine Botschaft, sehr wichtig hier zu verstehen. Es ist wirklich zentral für jede Art von Marke. Die Marke steht für etwas. Und wenn Sie eine Marke erstellen, ist der Grund, warum Sie die Marke kreieren, die Botschaft zu liefern, richtig? Weil es etwas sagt, es liefert eine Nachricht. Es vermittelt etwas über Sie oder die Firma oder wofür es steht, richtig? Es ist sehr wichtig. Und Branding geht nicht darum, was du fühlst, was du denken würdest, oder? Denk nur daran, du weißt schon, dir einen Spitznamen zu geben, oder? So funktioniert es nicht wirklich. Spitznamen werden typischerweise von anderen Leuten gegeben und so bleiben sie. Weil es darum geht, was andere Leute über Juden denken, fühlen und sagen, nicht darüber, was du denkst, oder? Weil Sie denken können, dass Ihre Marke die beste der Welt ist und Sie dies tun, tun Sie das. Aber wenn der Marktplatz etwas anderes sagt, dann müssen Sie darauf achten. Und das wird Ihnen den Hinweis geben, dass Sie wissen müssen, dass, hey, hör zu, meine Marke, ich wollte bekannt sein, dafür zu stehen. Und so wird all meine Taten, alles, was ich tue, damit übereinstimmen, richtig? Und eine der wichtigsten Fragen, die Sie sich stellen möchten , wenn Sie anfangen, Ihre Marke zu definieren, ist, Hey, was soll ich, dass die Leute das Produkt oder die Dienstleistung kennen, um mich kennen, richtig? Und das ist groß, wenn Sie auch mit Kunden arbeiten. Und wenn Sie wie ein Logo-Redesign für einen Kunden oder eine völlig neue Markenentwicklung machen , richtig? Sanierung ihrer gesamten Marke. Du willst Fragen wie diese stellen, wie, hey, wofür willst du, dass dein Geschäft bekannt ist? Was sind einige der wichtigsten Werte, Schlüsselmerkmale, wichtige Dinge, für die Ihr Unternehmen auf dem Markt bekannt sein soll, oder? Worüber sollen die Leute nachdenken, was wollen Sie, dass sich die Leute vorstellen oder denken, wenn sie Ihre Marke hören oder sehen, richtig? Sehr wichtig, denn als UX UI Designer, wissen Sie, machen Sie sich in das UX Feld. Sie können einige UX-Aufträge von UI-Aufträgen ausführen, und Sie können einige Grafikdesign ausführen. Und so werden Sie vielfältig sein, um verstehen zu können, hey, ob eine Marke neu entwickelt oder komplett neu gestaltet wird oder von Grund auf neu gestaltet wird. Sie wollen diese Schlüsselfragen und Verständnisse haben, dass Haidt, ein Großer, eine Botschaft liefert. Und was den Kunden angeht, wofür soll diese Marke bekannt sein, oder? So sehr wichtig dort, wenn es darum geht, eine Marke aufzubauen. Und ein gutes Beispiel für eine großartige Marke ist Starbucks, richtig? Denken Sie nur darüber nach, was es repräsentiert. Weißt du, wenn du Starbucks-Kaffee trinkst und die Leute dich sehen, richtig? Es repräsentiert, dass Sie im Wesentlichen Oberschicht sind, sozusagen, dass Sie anders sind, Sie einzigartig sind und Sie OK und bereit sind, mehr für eine Tasse Kaffee auszugeben , die ein paar Dollar oder Dollar kosten könnte, oder? Bei Dunkin Donuts, richtig? Es geht darum, anders zu denken, anders zu sein. Und dann auch mit einem Spaziergang in einen Starbucks-Standort, richtig? Wenn du ein bestimmtes Feld bekommst, wirst du überleben. Du bekommst die gewisse Beleuchtung da drin, und es wird alles gleich sein egal wohin du nach Starbucks in der Welt gehst, richtig? Es gibt also eine bestimmte Botschaft, die hier vermittelt wird. Und wann immer du siehst, wie Leute Starbucks trinken, richtig? Es vermittelt eine Botschaft, dass sie anders sind. Sie sind einzigartig. Und ich habe nichts dagegen, vier bis fünf Dollar für einen Mokka auszugeben, auf einen Drink, richtig? Das könnte leicht gemacht werden für Dollar, Dollar, das kann leicht für einen Dollar oder $2 gemacht werden, oder? Also, das ist es, was Sie über eine Marke denken wollen. Es ist, was es repräsentiert, wie es Menschen fühlt und was in den Sinn kommt, wenn sie die Marke sehen. Und eine weitere großartige Marke hier, wahrscheinlich Nummer eins, wird Apple sein, richtig? Denn denken Sie daran, dass Apple kein Produkt herstellt, das überlegen ist, sagen wir mal, HP oder Dell oder einem dieser anderen Desktop- oder Computerhersteller, oder? Was sie wirklich auszeichnet, wird das Branding-Element sein soweit es darstellt und wie es Menschen fühlen lässt, oder? Die Leute werden ein paar tausend Dollar auf einem Apple-Computer ausgeben, weil es das ist, was es für andere und für die Welt darstellt, die Gesellschaft über sie wie hey, ich denke anders, ich bin einzigartig. Ich bin, du weißt schon, oberer Staffel. Ich bin nicht dein durchschnittlicher Joe, ich bin nicht dein durchschnittlicher Denker. Ich bin jemand, der kreativ ist, der gerne über den Tellerrand denkt, oder? Das ist also etwas, das Sie wirklich berücksichtigen wollen, um in Betracht zu ziehen, weil Apple ständig eine Nachricht übermittelt, oder? Denn erinnern Sie sich an die Computerfunktionalität davon. Es gibt wirklich sehr wenig Unterschied zwischen einem Apple oder wie einem Dell oder einem HP mit den ähnlichen Spezifikationen, oder? Aber es ist die Apple-Marke, mit der Menschen verbunden sind und mit denen sie in Resonanz treten. Und das ist wirklich wichtig zu verstehen. Es geht darum, wie Sie Menschen fühlen und die Botschaft, die auf den Markt bringt, richtig? Und so lassen Sie uns einige Gründe durchgehen, warum der Aufbau einer Marke wichtig ist, richtig? also eine Marke zusammen mit einer Online-Präsenz haben, werden Sie sofort von allen anderen Bewerbern abheben, die gerade mit Erfahrung Lebenslauf hatten, oder? Denn eines der ersten Dinge, die Arbeitgeber heute tun, ist der Blick Sie auf Google, um zu sehen, ob Sie außerhalb der Arbeit irgendwelche anderen Interessen haben. Wenn Sie einen Blog haben, wenn Sie irgendeine Art von Präsenz haben, richtig? Weil Sie sich daran erinnern müssen, dass im heutigen digitalen Zeitalter alles online ist. Alles ist digital. Und so wollen Sie in der Lage sein, sich auseinander zu setzen. Dann nur jemand, der, sagen wir, eine Anwendung hat, die erlebt hat, wissen Sie, einen guten Lebenslauf hat, aber vielleicht haben sie keine Online-Präsenz, oder? Das ist etwas, das Sie wirklich berücksichtigen sollten, wenn Sie ein Online-Profil entwickeln. Du weißt schon, Social Media Profile zu haben, eine Website zu haben, einen Blog zu haben, weißt du, immer, aktiv in sozialen Medien zu sein, wird weiter gehen. Und wir werden in einer anderen Lektion auf Social-Media-Profile gehen. Aber ich will dir nur einen kurzen Überblick darüber geben. Und so, wenn Sie kombinieren Erfahrung, ein Lebenslauf mit einer Online-Präsenz zusammen mit der Marke, richtig? Und Sie haben all diese zu Ihren Gunsten arbeiten, dann haben Sie die Gewinnformel, Arbeitgeber im heutigen digitalen Zeitalter suchen, richtig? Denn Sie können Ihre Marke auf dem Markt vertreten und anderen so weit wie Kunden zeigen, potenzielle Kunden, die in der Lage sind, für sich selbst zu tun und sie dann wissen lassen, hey, hör zu, das ist, was ich für mich getan habe und das ist, was ich kann für Sie in vor allem im Arbeitgeberraum tun, oder? Sie können sehen, dass Sie wissen, wie man eine Marke entwickelt. Sie sehen, dass Ihr Akt von Online an Ihrem, in den sozialen Medien Raum Rahmen und Sie andere Interessen außerhalb der Arbeit haben, dann sind Sie wirklich abheben von der Konkurrenz. Und das ist es, was Arbeitgeber suchen. Und vor allem, wenn Sie auf dem Weg der Kundenberatung gehen, wird Ihr Branding mit potenziellen Kunden gehen, vor allem, wenn Sie sie bitten, für jede Art von Grafikdesign oder jede Art von Projekten. Du kannst ihnen das zeigen, Hey, ich habe meine eigene Marke geschaffen. Ich habe mein eigenes Portfolio, oder? Meine Marke repräsentiert das. Das ist es, wofür ich stehe, sind meine Werte, oder? Das ist mein Alleinstellungsmerkmal. Alle werden also einen Faktor spielen. Und du bist in der Lage, einen Job zu bekommen, oder du kannst Kunden im Freeland-Raum oder einfach nur ausgehen und deine eigenen Clans besorgen, richtig? Und so wird das hier sein, um eine Marke aufzubauen. Und wir sehen uns auf der nächsten. 87. Selbstvermarktung: In diesem Video werden wir über persönliches Branding gehen. Also in der vorherigen Lektion haben wir über das Branding in und für sich selbst gegangen. Du hast übergegangen, wie man eine Marke aufbaut. Diese spezielle Lektion hier, wir werden uns mit den Besonderheiten befassen, sich selbst als Marke zu benennen, oder? Denn es gibt hier einen großen Unterschied als Organisation gegenüber dem Aufbau einer persönlichen Marke. Also lasst uns voran gehen und in den Aufbau einer persönlichen Marke springen. Also, was ist persönliches Branding, richtig? Die persönliche Marke ist wirklich das gleiche Konzept wie eine Marke, mit Ausnahme eines, ein tatsächliches individuelles persönliches Branding. Du bist die Marke, richtig? Das ist der größte Unterschied hier. Wenn du eine Marke für ein Unternehmen aufbaust, richtig? Für eine Einheit außerhalb von sich selbst, dann wird das sein, wo das Geschäft ist, die Marke. Wenn Sie ein persönliches Branding machen, sind Sie die eigentliche Marke, richtig? Ihre Online-Persona. Du weißt, wie du dich online repräsentierst, wie du auf verschiedenen Plattformen postest, was du postest, was sagst, oder? Und es erlaubt der Außenwelt, Ihre Fähigkeiten, Persönlichkeit und Erfahrungen direkt wahrzunehmen , oder? Und so wird das persönliche Branding wahrscheinlich dort sein, wo Sie das Beste aus Ihren Aktionen herausholen können, oder? Und das Beste aus Ihrer Arbeit, denn mit persönlichem Branding, zum größten Teil, werden Sie sich selbst als Marke Branding. Sie werden auf verschiedenen Social-Media-Plattformen posieren, verschiedene Social-Media-Profile laufen. Du wirst auf Instagram sein, du wirst auf Facebook sein, richtig? Und all diese anderen verschiedenen Social-Media-Plattformen, die die Leute wirklich wissen lassen, dass Sie aktiv sind und Sie Ihre Marke ernst nehmen. Und letztlich was persönliches Branding, das ist wirklich der beste Weg, um sich in eine strategische Position zu versetzen , um den Wert, den Sie als UX und UI Designer bringen, oder? Denn denken Sie daran, als UX UI Designer, werden Sie oft tun wie Website-Designs, Anwendungsdesigns, auch Grafikdesigns für wie verschiedene Grafiken vielleicht tun, sagen wir, ein Grafik-Design für wie Visitenkarten, Logos , richtig? Es gibt viele verschiedene Dinge, die sich sozusagen innerhalb des UX-UI-Bereichs befinden, richtig? Schauen wir uns also einige der verschiedenen Möglichkeiten an, wie Sie Ihren Namen als UX-UI-Designer da draußen bekommen können. Also, hier ist eine Sache. Du kannst der beste Designer der Welt sein, oder? Aber wenn du allein in deinem Keller sitzt und niemand weiß, dass du bist, was du tust oder wie du ihnen helfen kannst, dann spielt es keine Rolle, richtig? Du wirst keinen großen Einfluss haben. Und du willst also jemand sein, der gut in dem ist, was du tust. Und das verbessert sich Wright ständig, ist aber in der Lage, ihre Online-Präsenz zu nutzen, oder? Und in der Lage zu sein, Ihren Namen mit einer kleinen Menge an Fähigkeiten, die sich entwickelt, oder? Wird Trumpf haben eine Tonne Geschicklichkeit mit niemandem, der über den wahren oder keinen Ruf bekannt ist, richtig? Deshalb ist es wichtig, wirklich in der Lage zu sein, dort zu gehen und verschiedene Social-Media-Profile zu haben und tatsächlich auf diesen Profilen zu handeln, oder? Denken Sie an einen bestimmten Markt, den Sie vielleicht auch anvisieren möchten. Würden Sie wollen, sagen wir, die Unterhaltungsindustrie, die Handelsindustrie, vielleicht die Softwareindustrie, Software als Service, oder? Also wirklich über die Art von Märkten nachzudenken, die Sie anvisieren wollen und zu verstehen, dass Sie der beste Designer der Welt sein können, aber wenn niemand von Ihnen weiß, dann wird es weg sein oder nicht, richtig? Also hier ist ein Schlüsselfaktor, um Ihre persönliche Marke aufzubauen, ist die Social-Media-Profile aktiv zu haben und Sie müssen nicht jeden Tag dort sein, richtig? Aber du kannst dort drauf sein, weißt du, einmal pro Woche oder so, posten und verschiedene Dinge. Und zumindest sollten Sie LinkedIn, Facebook und Instagram haben , richtig? Und wie ich schon sagte, du musst nicht jeden Tag posten, nur dafür sorgen, dass du da bist und dass du zeigst, dass du es ernst nimmst. Und was Sie auch tun können, wenn Sie keine der Beiträge selbst tun wollen, können Sie sich für ein Programm namens Puffer und Q anmelden und zusammen sind sie etwa 20 Dollar pro Monat. Und was sie tun, ist Puffer ermöglicht es Ihnen, das mit Ihren Social-Media-Profilen zu verbinden und in der Lage zu sein, das Posten zu automatisieren, richtig? Jeden einzelnen Tag oder sogar Monate im Voraus, Tage im Voraus. Und dann lassen Sie alle Ihre Beiträge automatisch ausgehen, ohne dass Sie sie berühren müssen. Und dann bietet q Ihnen die Möglichkeit, nach verschiedenen Inhalten zu suchen , die mit Ihrem Thema zu tun haben, oder? Zu Ihrem Markt, zu Ihrer Branche, zum Design, zur UX UI. Und dann in der Lage sein, diese Inhalte zu nehmen und sie in Ihrem Profil zu posten so dass Sie relevante Inhalte haben, die auf Ihren Profilen veröffentlicht werden. Und so zeigt es, dass du aktiv bist, du nimmst es ernst. Und das wird auch mit Ihrem Branding einen langen Weg gehen. Und so wird das hier sein, um eine persönliche Marke aufzubauen. Denken Sie daran, Sie möchten sehr aktiv in den sozialen Medien sein. Sie möchten sicherstellen und verstehen, dass Sie die Person sind, die hinter der Marke steht. Du bist es, der die Marke ist. Und du willst in der Lage sein, dich da draußen zu stellen. Und selbst wenn Sie nicht über eine Tonne von Fähigkeiten verfügen, richtig, nur in der Lage zu zeigen, dass Sie etwas Geschick haben und dass Sie Ihren Namen da draußen bekommen wollen, wird weiter gehen, anstatt dass Sieder beste der Welt sind da draußen bekommen wollen, wird weiter gehen, anstatt dass Sie und niemanden von dir wissen zu lassen, oder? Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 88. Die Bedeutung einer Website: In diesem Video gehen wir über die Wichtigkeit einer Website und einem Blog zu gehen. Also haben wir in den anderen Lektionen durchgemacht, die Bedeutung des Branding, die Bedeutung des persönlichen Branding. Und hier werden wir darüber sprechen, warum es wichtig ist, wenn Sie Ihre eigene Marke entwickeln, wenn Sie persönliches Branding machen, Ihre eigene Website und potenziell Ihren Blog haben, damit Sie sich wirklich auseinandersetzen können vom Rest der Bewerber gibt es draußen, wenn Sie suchen, um einen Job zu bekommen oder wenn Sie tun Freiberufler, Clang Beratung, lassen Sie uns voran und springen in die Bedeutung des Aufbaus einer Website. also eine Website haben, fügen wir Ihrer persönlichen Marke sofortige Glaubwürdigkeit hinzu, richtig? Genau wie ich schon erwähnt habe, wenn Sie eine Marke haben und sie überall in den sozialen Medien haben. Wenn Sie jedoch keine Website oder zumindest einen Blog haben, und dies wird viel mehr schaden als nützen. Sie wollen etwas Konsistenz. Wenn Sie eine Marke haben, müssen Sie eine Website haben, oder? Es ist nur eine Selbstverständlichkeit, vor allem jetzt im digitalen Zeitalter von heute. Und was Sie tun können, ist eine Website für Ihr Unternehmen oder für sich selbst einrichten. Wir mögen eine persönliche Markenrampe. Sie können entweder tun, oder das wird funktionieren. Und dann für eine Website ist es super preiswert. Ich meine, wirklich, alles, was Sie brauchen, ist eine Domain, sagen wir für $10 und dann $5 pro Monat für Hosting. Sie können gehen, um billig zu nennen, und dann ist WordPress kostenlos. Und ich glaube, sie geben Ihnen ein kostenloses einjähriges SSL-Zertifikat, das sehr preiswert ist. Es sollte keinen Grund geben, warum Sie keine Website haben, ok? Und was Sie tun können, ist, dass Sie gehen können, sagen wir Team Wald oder über Markt und bekommen es Thema für, sagen wir 30 oder $40. Und Sie können eine Website ziemlich schnell bekommen, indem Sie zu Faser gehen und Schmerzen jemand $10 und sagen, Hey, hör zu, ich habe gerade dieses Thema vom Markt gekauft, von Thema Wald. Ich wollte genau wie die Demo aussehen, oder? Und was Sie tun werden, ist, Sie gehen zu Fiber und dann werden Sie $10 oder so ausgeben und Sie würden in der Lage, die Website installiert, genau wie es in der Demo gezeigt wird. Und dann mit einem Blog können Sie auch in der Lage sein, einige Inhalte zu schreiben und hatte es von Google abgeholt. Und es zeigt wirklich Ihre Glaubwürdigkeit und Expertise. Also deine Besucher, richtig? Es ist also ein, Sie haben einen potenziellen Kunden und sie landen auf Ihrer Website und sie sehen, dass Sie einen Blog-Post dort haben und Sie wissen, wovon Sie reden, richtig? Sie bieten einen Wert, der Ihrer Glaubwürdigkeit beiträgt, richtig? Und so gehen wir weiter und gehen zu meinem Computer. Ich werde Sie durch ein paar Ressourcen führen. Ich werde Sie durch die durchgesetzt werden und Flaschenmarkt zu , so dass Sie verschiedene Arten von Vorlagen da draußen sehen können. Und dann zeigen Sie auch einige Ressourcen auf Faser, wo Sie jemanden für $10 oder so bekommen können. Und dann, wo sie Ihre Website innerhalb kürzester Zeit einsatzbereit haben können. Ok, also sind wir hier wieder auf meinem Computer und wir sind auf dem Auto-Markt-Thema für uns..net. Und was diese Plattform hier ist, ist, wo Sie verschiedene Arten von Website-Vorlagen finden können , die Sie für verschiedene Projekte verwenden können, für verschiedene Dinge, die Sie ein erstellen möchten, sagen wir, dass Sie einen bestimmten Typ entwickeln möchten von Websites oder vielleicht eine bestimmte Art von Grafikdesign. Dies ist ein großartiger Ort Jahre weit Zimbardo Markt, um eine Menge von Empfehlungen so weit wie das, was heiß ist dort draußen auf dem Markt zu bekommen. Wir können verschiedene Ideen annehmen, oder? Sie können sich hier verschiedene UI-Vorlagen ansehen. Sie können Dinge betrachten, die beliebt sind, Dinge, die, Sie wissen, Topseller so weit wie die verschiedenen Arten von Vorlagen sind . Aber wirklich dieses Video hier wird mehr für eine Website sein und wir werden für eine Website für Ihr bestimmtes Geschäft suchen , so weit, als ob Sie gehen, um es von einer Marke Standpunkt aus gehen oder wo Sie die Marke sein wollen sich selbst. Okay, also gehen wir hier zu WordPress. Und das ist, was wir so weit wie das CMS verwenden werden. Und was wir hier tun können, ist das Tippen, sagen wir digitale Agentur. Und dies wird eine Reihe von verschiedenen Arten von Vorlagen, die wir für unsere Website verwenden können, zu bringen . Also, was wir wollen, ist, dass wir WordPress wollen. Wir wollen sicherstellen, dass es in WordPress ist. Also, was wir tun werden, ist, dass wir hier zu WordPress gehen, okay? Und dann schauen wir uns zwei hier an. Kreativ. Wir haben Technologie, wir haben im Handel, wir haben Unternehmen. Wir können diese nach den Bestsellern aufschlüsseln, die am besten bewertet werden. Schauen wir uns die Bestseller hier an. Ok? So können wir uns einige der Top-Seller hier ansehen. Wir können sehen, dass sie fast 646.000 Zeugnisse hier ist. Also wollen wir uns etwas ansehen, das heiß ist, das knallt, richtig? Und dann schauen wir uns das hier an, das allererste. Okay, das ist ein toller zweiter Blick auf das hier. Okay, das ist also eine sehr schöne Vorlage hier, schön und unkompliziert und hat viele der verschiedenen Elemente, nach denen wir suchen. Ok, großartig. Und so ist dies eine Art von Prozess, den Sie hier durchlaufen werden, so weit für die Betrachtung verschiedener Arten von Webvorlagen, verschiedene Arten von Themen, oder? Denn was Sie tun werden, ist, dass Sie die WordPress installieren und dann werden Sie in der Lage diese Vorlagen auf der tatsächlichen WordPress-Plattform installieren, auf der Ihre Website gehostet wird. Und dann können Sie dies wie in der Demo manuell anpassen. Also gehen wir zurück und sehen, ob wir hier noch einen finden können. Lassen Sie uns sehen, Ihre gesamte reaktionsschnelle Mehrzweck. Mal sehen, gehen wir zur Agentur und holen auch einige von ihnen hier. Das hier ist also vielseitig einsetzbar. Ich mag diesen hier irgendwie. Sieh es dir einfach an. Ok, Live-Vorschau. Und so haben sie verschiedene Arten von Vorschauen hier, die Sie für Ihre bestimmte Website verwenden können. Okay, also hier ist dieser hier für Hosting. Also offensichtlich würden Sie es ändern wollen für das, was Sie dort tun wollen. Aber das ist mehr von der Benutzeroberfläche hier, das Layout, das Design. Dies ist etwas, das Sie mögen und Sie können natürlich auch so etwas verwenden. Und so verbrachte nur einige Zeit hier, um durch die verschiedenen Arten von Themen zu suchen. Und wenn einer von ihnen mit Ihnen zusammenkommt und sich für Ihre digitale Agentur mit Ihnen in Verbindung setzt, wenn Sie etwas betreiben, wo Sie eine Marke als tatsächliches Geschäft schaffen wollen , richtig? Das ist eine separate Entität. Oder Sie werden persönliches Branding machen und Ihre Marke tatsächlich um Sie zentrieren, richtig? So wollen Sie wie XYZ Agentur oder XYZ kreativ oder was auch immer Markennamen Sie wollen. Wenn Sie diesen Weg gehen und wenn Sie die persönliche Marke herumlaufen wollen, dann können Sie genauso gut Ihren persönlichen Namen Azure-Domain registrieren, richtig? Dies ist also eine schnelle Ressource hier, wo Sie in Lage sein, verschiedene Website-Vorlagen, verschiedene Themen für Ihre bestimmte Website zu finden . Und dann auch, wenn Sie hier einige verschiedene Vorlagen für verschiedene Ideen betrachten möchten, richtig? Und so dann lassen Sie uns hier rüber gehen, um Fiber in diesem ist, wo Sie gehen würden um tatsächlich das Thema auf Ihrer Website installiert haben. Also würden Sie die eigentlichen Dateien von hier kaufen, vom eingeladenen Markt. Und dann würdest du hier zu Fiber gehen und einen von diesen Jungs für $510 fragen um das eigentliche Thema auf der Website zu installieren, die du dort hast, genau wie die Demo, richtig? Und wie Sie hier sehen können, werden bis zu fünf bis 10 Dollar zum größten Teil 10 Dollar oder so sein . Und nur haben diese Jungs installiert das Thema auf Ihrer WordPress-Website, genau wie es so weit wie das Thema hier aussieht, richtig? Und dann können Sie das jetzt manuell anpassen. Und wenn Sie nicht wollen, zu gehen und verbringen Sie die ganze Zeit durch verschiedene Vorlagen, verschiedene Themen. Und Sie wollen einfach etwas aufgeben und laufen sehr schnell, sehr einfach, und dann in der Lage sein, die Straße zu ändern und anzupassen. Und dann werde ich es dir in einem anderen Video zeigen. Jetzt führen Sie durch den gesamten Prozess der Registrierung einer Domain, Hosting erhalten, Ihre SSL-Zertifikate und dann auch ein bestimmtes kostenloses Design auf Ihrer Website installieren erhalten und dann auch ein bestimmtes kostenloses Design auf Ihrer Website installieren, damit Sie aufstehen können. Das wird also für dieses Video hier sein und wir sehen uns auf dem nächsten. 89. Ein Logo erstellen: Okay, in diesem Video werden wir durch ein sehr schnelles und einfaches Logo gehen. So wird dies durch canva.com hier sein, Kanada ist ein großartiges Werkzeug, um für verschiedene Arten von Design, verschiedene Arten von Präsentationen zu verwenden . Sie können Logos erstellen, Sie können verschiedene Arten von Animationen und viele verschiedene Arten von Designs erstellen , die leicht über Canvas erstellt werden. Dies ist jedoch eher für einen Anfänger. Und wenn Sie mit Canva herumspielen möchten, empfehle ich Ihnen, damit Sie anfangen und lernen können, wie man verschiedene Designs macht , weil sie hier auch eine Reihe von Vorlagen haben. Also lasst uns voran gehen und hier reinspringen und ein Logo für unsere Website erstellen. So können Sie hier reinkommen und verschiedene Arten von Logos eingeben. Sie können hier sehen, gibt es einige PR-Spiele, es gibt einen Beruf. Es gibt einige für verschiedene Marken hier. Lass uns sogar einfach zu so etwas gehen. Und was wir tun können, können wir um einen Teil dieses Textes ändern. Also lass mich einfach so gehen. Ich möchte hier eine andere Art von Hintergrund. Ich will, dass es weiß ist. Und dann will ich, dass das gewaschen wird. Lassen Sie uns das zuerst tun. Ich möchte diese Farben ändern und ich möchte, dass sie lila sind. Ok? sich also geändert. Jetzt lasst uns das hier in Weiß ändern. Ok? Und dann lassen Sie uns das bewegen. Ich mag diesen Text hier nicht, also ändern wir diesen Text hier. Wir werden löschen. Ok? Und dann gefällt mir das hier. Also, was wir tun werden, ist, das hierher zu bringen, okay? Und dann schließen wir das so ab, richtig? Und lasst uns hier etwas ausprobieren. Gehen wir zu einer Gruppe. Und ich möchte das hier rüber bringen. Ok, da gehen wir. So genau wie hier hier. Und ich möchte das ein bisschen größer machen. Und dann bringen wir jetzt einen Text mit. Mal sehen, hier, genau hier so. Und die Firma nennt das Bombendesign, also das Bond-Design, okay, so etwas, ist, das zu löschen. Dann können wir das ziehen, das kleinere k machen und mal sehen, ob wir das schaffen können. Gibt es eine Möglichkeit, das hier dicker zu machen? Ich bin sicher, das gibt es. Aber sehen Sie hier. Okay, jetzt sollte es gut sein, ganz gut. Und dann können wir ein wenig dünner Text verwenden. Vielleicht so etwas oder so. Mal sehen, ob wir das hier ändern können. Etwas davon. Okay, also lass uns hier sehen, okay, so etwas würde ziemlich gut aussehen. Gehen wir zurück und gehen zu etwas dickerem. Also lasst uns zu so etwas gehen. Bomben-Design Ok? Wir wollen so etwas ein bisschen dickeres. Und so können wir SQL-wie dies tun. Machen Sie es größer. Okay, so etwas, schön und einfach. Wir haben das Schwarze da, und das kann viel besser sein. Ich erstelle dies nur für Beispielzwecke, damit Sie sehen können, wie das aussehen würde. So können Sie sehen, wie wir ein bestimmtes Logo einrichten würden und wie einfach es im Symbol ist, eines zu erstellen. Ok? Okay, also schauen wir uns an, wie das aussieht. Wenn es kapitalisiert werden sollte. Das Bombendesign. Ich denke, wir können so gehen, das Bond-Design. Oder wir können so gehen. Die Hauptstadt sieht etwas besser aus, okay, also gehen wir einfach so. Schön und einfach. Lasst uns das noch ein bisschen mehr herausbringen. Okay, also lade uns PNG herunter, lade das hier herunter. Und jetzt sind wir bereit zu gehen, bereit, das Logo auf die jeweilige Website hochzuladen. Also gehen wir voran und springen auf die Website und richten tatsächlich alles ein. Im nächsten Video installieren wir das Logo und machen die Website einsatzbereit. Also, das wird für diesen hier sein, und wir sehen uns auf der nächsten. 90. Schritt für Schritt: Okay, in diesem Video werde ich Ihnen erklären, wie Sie eine Domain registrieren, wie Sie Ihr Hosting einrichten, wie Sie das SSL-Zertifikat für Ihre Website erhalten und wie Sie alles einrichten können, damit Sie eine vorgefertigte Website, die Sie nicht haben, um so weit zu bezahlen, um Thema zu kaufen, werden Sie in der Lage sein, den Zugang zu einem freien Dekan hier zu bekommen. Und ich werde Sie Schritt für Schritt durch, wie Sie alles einrichten können. Das erste, was Sie brauchen, ist eine Domain. Eine Domain ist im Wesentlichen eine Webadresse. Das sind Ihre Websites, die tatsächlich gehostet werden, oder? Das erste, was wir hier tun müssen, ist, hier zur Suche nach Domainnamen zu gehen, okay? Und dann wollen wir hier eine eingeben, die ich bereits die Bombe designs.com eingerichtet habe. Und so gehen wir hierher und fügen das Auto hinzu, und Sie können sehen, es sind $9 pro Jahr. Und dann werden wir durchgehen und tatsächlich kaufen das hier nennt man eine Kasse. Und dann werde ich das hier schnell durchmachen. Okay, also haben wir durchgemacht und wir haben die Kasse Seite so weit wie den Kauf der Domain gegangen , Sie wollen zu dem gehen. Sie können das auf eigene Faust tun, aber folgen Sie einfach den Schritten. Wenn Sie Ihre Zahlungsinformationen hinzufügen, können Sie diese Domain erwerben. Also, wenn Sie diese Domain jetzt kaufen, brauchen Sie Hosting, richtig? Sie müssen in der Lage sein, diese Website online zu hosten. Und so wird das Paket, das ich empfehle, dieses hier sein. Die 488 bis Monat, sehr preiswert. Das bedeutet, dass $5 pro Monat nichts richtig ist, um Ihre Website online hosten zu können. Und das ist erforderlich, oder? Weil jede einzelne Website auf dem Markt Hosting hat, richtig? Sie werden auf einem Server gehostet, damit sie live sind. Also holen Sie das hier oben. Ich empfehle es für 88 benannte Chip hat großen Kundenservice, um Sie durch zu führen und Ihnen zu helfen, jede Art von Problemen oder Problemen, die Sie konfrontiert sind. Und dann solltest du gut gehen. Also willst du das hier abholen. Und dann wollen Sie auch das SSL-Zertifikat abholen, richtig? Du brauchst das auf deiner Website und das ist hier oben. Wenn Sie sich das ansehen, sehen Sie, dass es dort ein Zertifikat gibt und es kein Zertifikat gibt, dann wird es es als nicht sicher zeigen. Dies ist also das HTTP hier, das es erlaubt, die Website so weit wie jede Art von Intrusion geschützt zu werden. Und es schützt auch die Benutzer, wenn sie auf der Website landen , so dass sie sich mehr geschützt und sicher fühlen, richtig? So können Sie auch hier eine auswählen. Ich würde mit dem positiven SSL-Zertifikat direkt hier gehen. Und Sie können das nur für ein Jahr kaufen. Und wenn Sie hierher kommen, wird dies automatisch auf fünf Jahre eingestellt. Aber Sie wollen das für 234 aufschlüsseln, was auch immer, oder? Sie können einfach mit einem hier gehen und es dann schön und einfach machen. Bestellung bestätigen. Und dann werde ich hier den Zahlungsprozess durchlaufen. Okay, Sie haben also die Domain gekauft, Sie haben Hosting gekauft, und jetzt haben Sie das SSL-Zertifikat gekauft, richtig? Also, jetzt, was Sie tun möchten, ist gehen Sie hier und stellen Sie sicher, dass Ihre Domain auf die Name Cheap Hosting-Server eingerichtet ist. Und ich zeige Ihnen hier, wie man das macht. Also möchten Sie zu Ihrem Konto hier gehen Sie zum Dashboard gehen. Und dann möchten Sie hier zu Ihrer Domain direkt dort gehen, gehen Sie zu verwalten. Und dann gehen Sie hier runter zu den Nameservern und gehen Sie zu Name Cheap Web-Hosting. Klicken Sie auf OK, und Sie sollten gut sein, dorthin zu gehen. Also, jetzt sagt dies den Namen Günstige Hosting-Server, dass Sie Ihre Domain auf den Hosting-Diensten gehostet werden wollen oder Sie gerade gekauft haben, richtig? Und wenn Sie Fragen zum Hosting haben, wie man das einrichtet, wie man das cPanel einrichtet, all das Zeug. Sie können sich an die Lebenserhaltung wenden, die sie billig umbenennen müssen, und sie werden Ihnen helfen. Sie werden dich Schritt für Schritt durch alles führen. Ok. Also, wenn wir das hier einrichten, jetzt wollen wir zum cPanel gehen und wir wollen WordPress installieren. Okay, also was sie tun werden, ist, dass du dir eine bestimmte Art von Link geben wirst, der dir zeigt und dir sagt, hey, hör zu , das ist, wo dein tatsächliches Hosting wird im cPanel eingerichtet werden. Und was Sie eine Menge der verschiedenen Modifikationen tun können und wo Sie die eigentliche WordPress-Theme installieren können. Also lassen Sie uns voran und melden Sie sich hier an. Okay, das ist also der Bildschirm, den du sehen wirst. Sobald Sie sich in das cPanel einloggen, werden Sie die Login-Informationen von benannten billig erhalten. Sie werden es Ihnen schicken und eine E-Mail schicken. Sie haben alle diese Informationen dort zur Verfügung. Hier werden wir also das WordPress CMS und auch das SSL-Zertifikat installieren. Also das erste, was wir hier tun wollen, ist, dass wir hier runter gehen und gehen Sie zu WordPress, und es ist gehen, um Kunden installieren. Ok? Okay, also wählen wir hier unsere Domain aus. Mal sehen, hier, genau hier, genau da. Okay, also möchten wir dieses HTTP verlassen, da es automatisch an das HTTPS weitergeleitet wird , wenn wir das SSL-Zertifikat installiert haben. Also lassen wir es hier so. Und wir können das verlassen, sagen wir die Bombendesignfirma. Wir, gehen wir hier runter. Wir bieten UX, UI und Grafikdesign, oder? Etwas Schönes und Einfaches. Und dann genau hier, was Sie tun können, können Sie Ihren Benutzernamen und Ihr Passwort festlegen. Ich werde im Wesentlichen einen hier von Grund auf erschaffen. Jetzt können Sie sich diese hier ändern lassen. Sie können so gehen und es wird automatisch eine für Sie erstellen. Ich werde mich hier verstecken, und ich werde tippen, ging hier rein. Okay, also sollte das gut sein, genau da zu gehen. Und dann gehen wir hier runter. Und dann gehen wir zu Installieren. Nun möchten Sie diese bis zu den Installationsdetails an Ihre E-Mail senden. Ok. Also werde ich es einfach hier, meine E-Mail und diese Go Install hier. Okay, es sieht so aus, als müsste ich das Passwort länger sein, also fügen wir hier ein anderes Passwort ein. Okay, das sollte genau dort gut sein. Okay, jetzt sind wir bereit zu gehen. Also, jetzt ist dieses CMS, richtig, die WordPress ist auf unserer Domain installiert. Okay, ich habe mich gerade daran erinnert, bevor wir diese Vorlagen tatsächlich installieren, wo wir tun wollen, ist, dass wir es für das SSL-Zertifikat einrichten wollen. Okay, also hier drüben, um Cheap SSL zu nennen, lasst uns darauf klicken. Und dann werden wir das Zertifikat zur Domain hinzufügen. Also lasst uns gehen, um hier zu installieren. Und dann wollen wir die Domain auswählen. Perfekt. Und dann gehen wir zum Installieren des Zertifikats. Und dann wird es automatisch an das HTTPS weitergeleitet. Okay, also sollten wir keine Art von Problem damit haben. Dies ist das Backend von WordPress. Sie können hier sehen, es ist nur eine einfache Art von Vorlage hier. Was wir also tun wollten, war, zu dem wir gehen wollten, es gibt ein paar Dinge, die wir hier tun wollen. Wir wollen zu den Einstellungen gehen und wir wollen zum Lesen gehen. Wir wollen eine statische, die Beispielseite hier. Und dann wollen wir zu Permalink gehen. Ich möchte zum Post-Namen gehen. Okay, und dann, was wir tun werden, ist, dass wir zu Plug-Ins gehen und wir fügen hier ein kostenloses Plug-In hinzu, Astra. Und dann wird dies im Wesentlichen sein, wo wir das Element riss hier so weit wie ein Web-Builder installiert haben und auch freie Arten von Vorlagen, die wir auch verwenden können. Also lassen Sie uns jetzt auf das Aussehen gehen, um Themen zu gehen. Sie können sehen, das ist das Team, das wir hier haben. Also, wenn wir jetzt zu den Starter-Vorlagen gehen, okay, wir wählen eine Art von Page Builder. Sie können zu Element zwei gehen sind hier. Und dann haben wir jetzt Zugriff auf eine Reihe von verschiedenen Vorlagen, für die wir bezahlen können oder auf die wir kostenlos zugreifen können. Gehen wir hier runter. Werfen wir einen Blick auf einige davon. Das C hier, da ist das hier. Es gibt eine hier, die ich so weit wie das Design, so weit wie frei und, und wir können definitiv modifizieren und für das Geschäft angepasst. Also lasst uns hier runter gehen. Ich glaube, es war für Design. So etwas wie das. Das ist perfekt hier. Also alle diese Seiten hier werden installiert werden. Die Homepage, die Info Seite, und dann die Dienste und die Kontaktieren Sie uns. Also ist alles buchstäblich für uns ausgelegt. Alles, was wir tun müssen, ist unsere eigenen Informationen hinzuzufügen. Das ist also extrem mächtig hier. Und was wir hier tun werden, werden wir diese Vorlage hier installieren. Und dann werden wir ein Logo erstellen. Und wir werden es so einrichten, als wäre es ein echtes, tatsächliches Geschäft. Okay, also lasst uns voran gehen und komplette Website importieren. Und importieren Sie alles hier. Okay, also ist die Seite hier installiert. Lassen Sie uns voran und werfen Sie einen Blick darauf, wie die Website aussieht. Okay, da gehen wir. Das ist die Seite. Und es ist erstaunlich, wie dies automatisch von selbst installiert wird. Und wo wir alle diese verschiedenen Seiten haben hier schon bereit zu gehen. Und so haben wir das Haus über Dienstleistungen Kontakt würde die Anfrage Angebot hier oben haben. Also lasst uns dieses Jahr weiter gehen und bearbeiten. Lassen Sie uns mit einem Mentor bearbeiten. Und das wird hier die Homepage sein. Und was wir tun wollen, ist, dass wir hier oben ein wenig Platz hinzufügen wollen, damit wir in unser Logo setzen können, so wird es genau so gehen. Und dann gehen wir hier zum Fortgeschrittenen. Und wir gehen, sagen wir etwa 115. Ok, beachte, wie im Ausland in diesem kleinen Gebiet genau da unten. Und dann können wir unser Logo hier drüben eintragen. Also gehen wir zu Speichern oder aktualisieren Sie hier. Okay, also sind wir gut da. Und jetzt werden wir jetzt ein paar Dinge ändern. Wir werden das hier löschen. Wird so löschen gehen. Und das brauchen wir auch hier nicht. Wie Sie hier sehen können. Dies ist ein sehr einfaches Drag & Drop. Nehmen wir an, hier erstellen wir erstaunliche Business-Websites, oder? Oder sagen wir hier, Grafikdesign. In der Tat, gehen wir einfach weiter und lassen Sie es so. Wir erschaffen erstaunliche Lee, schön. Als ändern Sie das hier. Kay? Genau so. Okay, wir erstellen erstaunlich schöne Websites, okay? Schön und einfach. Wie löschen Sie dies hier. Und lassen Sie uns das in die Mitte bringen, genau so. Und wir können das tatsächlich ein bisschen höher bewegen. Lassen Sie mich hier unten aktualisieren. Okay, also, was wir tun können, können wir hier gehen und das so nach oben bringen. Ok, nett und einfach. Und dann gehen wir zu Speichern. Okay, wir wollen zum Update gehen. Und dann wird es so aussehen. Und wenn wir hier duplizieren, können wir sehen, wie es aussehen wird. Oder wir können einfach so gehen. So sieht die Website aus. Okay, also was wir hier tun wollen, ist, dass wir uns anpassen wollen. Okay, also wollen wir hier zum Header gehen, und wir wollen zur Site-Identität gehen. Und wir wollen hier ein Logo hinzufügen, oder? Das Logo, das wir auf Canvas erstellen konnten oder es einfach hier hineinziehen konnten. Und was wir tun wollen, ist, dass wir das bearbeiten und es beschneiden wollen. So wird so gehen. Genau so. Und wir werden darauf klicken. Und welche Updates. Ok. Und dann gehen wir zu Auswählen. Und es wird uns auffordern, es wieder zu tun. Lassen Sie uns gehen, um Bild zuschneiden. Okay, also lasst uns so gehen. Und lassen Sie uns diesen Fehler entfernen. Wir gehen, wir entfernen das. Und damit wir das etwas größer machen können. Gehen wir zurück auf die Site-Identität. Los geht's. Lass es uns ein bisschen größer machen. Da gehen wir. So etwas genau da, das Bombendesign, richtig? Und es muss veröffentlicht werden. Und jetzt haben wir unsere Website mit unserem Design hier, mit unserem Logo. Wir haben die über Dienstleistungen Kontakt. Und dann gehst du einfach hier rein und klickst im Wesentlichen auf einen Bereich, den du aktualisieren möchtest. Lassen Sie uns das verlassen und gehen wir zurück zu dem, wo wir es hatten, die Seiten. Und so die Homepage hier mit Ella Mentor bearbeiten. Richtig. Also würden Sie hier reinkommen und die verschiedenen Orte so weit wie hier unten bearbeiten , wie können wir helfen? Vielleicht möchten Sie einfach nur Design, Entwicklung und Marketing oder E-Commerce haben oder was auch immer das sein mag, richtig? Sie können diese verschiedenen Symbole hier verwenden. Du kannst das ändern. Sie können dies entfernen. Sie können hier unten eine Information hinzufügen, und dort werden Sie diese Informationen finden. Ok. Und so genau hier, das sind die verschiedenen Arten von Bereichen, die Sie für dieses Thema anpassen können. Sie können auch hier nach unten gehen, Kopfzeile, Fußzeile und Blöcke. Und damit können Sie die Blöcke in der Fußzeile anpassen. Also werfen wir einen Blick auf das hier jetzt zeigen Ihnen so wie hier, ändern Sie das hier, das Logo, setzen Sie die Firmenadresse, Firmeninformationen, richtig? So werden Sie das direkt dort bearbeiten, und auch diesen Bereich genau hier. Das wird also ein hier für die Website sein. Auch hier ist dies eine nette und einfache Website, die buchstäblich kostenlos ist. Sie haben alle diese Seiten. Alles, was Sie tun müssen, ist in diese Informationen , die Sie für Ihr bestimmtes Geschäft wollen, für sich selbst, richtig? Und dann ändern und ändern Sie einige dieser Abschnitte. Es ist wirklich nur klicken, ziehen und ablegen. Und jetzt haben Sie alle diese verschiedenen Elemente hier drüben. Sie klicken buchstäblich nur auf einen dieser Bereiche und Sie können den Inhalt bearbeiten, oder? Sie können verschiedene Dinge betrachten, die Sie in ihren verschiedenen Elementen ziehen können, oder? Und alles super einfach. Klicken Sie einfach darauf. Sie können bearbeiten, Sie können Sachen entfernen, Sie können Sachen hinzufügen, oder? Das wird also eine nette kleine Website hier sein, die Sie entwerfen und einrichten können, oder? Für Ihr spezielles Geschäft. Wenn du es so weit machst, eine Marke zu schaffen, oder wenn du es tust, weißt du, es tatsächlich für dich selbst als eine persönliche brandneue. Denken Sie daran, jede Seite, die Sie brauchen, um dies hier zu tun , so weit, um das Menü dort oben für Ihr Logo zu haben , wo Sie gehen, um zu stylen oder tatsächlich zu vance hier. Und du willst zu ungefähr 151 gehen? Ich glaube, es war oder 150, so etwas. Richtig? Basierend auf dem, was wir vorher gemacht haben. Und Sie wollen ungefähr den gleichen Platz wie auf der Homepage haben , damit Sie Ihr Logo hier haben können, richtig? Das wird also der gesamte Abschnitt hier für die Website sein. Spielen Sie damit herum. Sie können das so gestalten, wie Sie es wollen. Sie können hier sehen, viele dieser Elemente sind bereits hier enthalten. So können Sie einfach Ihre eigenen Inhalte zu diesen Seiten hinzufügen. Okay, also wird das hier für die Website-Einrichtung im Layout sein, und wir sehen uns auf der nächsten. 91. UI: Ok, also sind wir hier auf der enforced.net. Und in dem anderen Video haben wir nach einer Website für unsere Marke gesucht. Wenn wir ein persönliches Branding für uns selbst machen, richtig? Oder wenn wir das eigentliche Business-Branding machen, wo wir ein tatsächliches Geschäft haben werden, ist die Marke gegen uns selbst. Und so möchte ich jetzt in diesem Video die verschiedenen Arten von Vorlagen hier betrachten, die Sie als Referenzrahmen für Ihre speziellen Designs verwenden können . Und speziell hier in die UI-Vorlagen gehen. Denn was Sie hier tun können, ist im Wesentlichen, was sind die heißesten Arten von UI-Vorlagen, die gibt es auf dem Marktplatz. So können Sie Ihren Designprozess um einiges einfacher und viel glatter machen, oder? Weil du das Rad nicht neu erfinden musst. Sie müssen nur schauen, was heiß ist, was da draußen taucht und in der Lage sein, Ihren eigenen einzigartigen Twist zu diesen speziellen Designs, von denen Sie bereits wissen, dass sie tatsächlich heiß auf dem Markt sind, oder? Also lassen Sie uns hier zu den UI-Vorlagen gehen. Und Sie können all die verschiedenen Arten von Vorlagen aus Photoshop, Sketch Sigma, Adobe XD, oder? Wir arbeiten hauptsächlich mit Adobe XD zusammen. Und so können Sie hier nach unten gehen und sich verschiedene Arten von Vorlagen auf dem ganzen Brett ansehen, wenn Sie nach, sagen wir, Lebensmittellieferung, UIKit für mobile suchen möchten . Nehmen wir an, dass Sie einen potenziellen Client haben oder vielleicht möchten Sie in den UI-Typ des Designs für verschiedene Arten von mobilen Apps einsteigen , genau dann können Sie dieses spezielle Kit direkt hier nehmen und es als Referenz verwenden können, Entwerfen Sie vielleicht eine hergestellte Marke oder erstellte Art der Anwendung. Und Sie können dies tatsächlich als Ihr Designportfolio nutzen. Sehr, sehr mächtig hier, okay, was Sie also tun können, ist, sich einige dieser verschiedenen Screenshots anzusehen und in der Lage zu sein, sagen wir, dieses spezielle Framework zu kaufen, richtig, diese Art von Design und in der Lage sein, es für Ihre eigentliche Arbeit mit Ihren Kunden. Und auch in der Lage sein, etwas von Grund auf neu zu erstellen, so weit wie eine Marke mit dieser Art von Schnittstelle und Design und in der Lage sein, das als Ihr tatsächliches Portfolio zu verwenden, das einen langen Weg gehen wird, weil und das ist eines der größten Dinge , die Kunden vor ihnen betrachten möchten, wissen Sie, wählen Sie, mit uns zu arbeiten. Hey, was hast du in der Vergangenheit getan? Was ist Ihre Erfahrung? Zusammenfassend einige Entwürfe. Und so ist dies eine großartige Möglichkeit für Sie, Ihre Design-Fähigkeiten durch die Nutzung vorhandener Arten von Benutzeroberflächen präsentieren zu können , oder? Also lasst uns hier runter gehen und uns einige der verschiedenen Layouts hier ansehen. Sie können sehen, dass alles hier bereits im Design eingerichtet ist. Sie können einfach diese speziellen Vorlagen verwenden und in der Lage sein, verschiedene Informationen einzugeben. Es ist also sehr, sehr mächtig, oder? Und es ist nur etwas, das Sie für Ihr spezielles Portfolio verwenden können , das so leistungsstark ist. Also, so mächtig, kann das nicht genug betonen. So können Sie hier sehen, dass dies von der Kundenseite ist. Sehen wir uns mal hier an. Wählen Sie die Restaurants Essen. Denn denken Sie daran, sehr, sehr wenige Unternehmen. Oder, wissen Sie, Unternehmen da draußen haben tatsächlich etwas Einzigartiges und Kreatives von Grund auf. Es gibt viele vorgefertigte Vorlagen, Designs, die bereits eingerichtet sind und irgendwie Standard. Und dann wird der Designer gehen und modifizieren und anpassen und ihre eigene einzigartige Twist hinzufügen und in der Lage sein, es zu ihrer eigenen zu machen. den meisten Fällen sind jedoch bereits viele dieser Designs verfügbar, 30 hergestellt. Allerdings wird ein Client offensichtlich nicht hierher kommen und all diese verschiedenen UI-Vorlagen betrachten, nette UI-Design-Frameworks Rate. Sie werden zu einem Spezialisten wie dir gehen, oder? Ein UX-UI-Designer, um all dies zu tun, könnte, weil Sie dies verstehen. Und so ziemlich, wissen Sie, Sie können sich all die verschiedenen Funktionen hier ansehen, Funktionalitäten. Und dann in der Lage sein, das für $60 zu kaufen und in der Lage zu sein, das, weißt du, in Ihrem Portfolio zu haben , oder? Und so lasst uns wieder hier rüber gehen. Schauen wir uns einen anderen hier an. Dies ist Adam und UI Kit Vorlage für Website. Das ist also für das Website-Design hier. Und Sie können einen Blick auf einige andere Arten von Websites hier einrichten, wo sie die Komponenten hier haben, die Navigation, die Sie sehen können, dann haben sie auch die verschiedenen Elemente. Und dann der Header hier und all die verschiedenen Arten von Elementen. Und denken Sie daran, dass Sie nicht erstellen Dinge von Grund auf neu sehr wenige Male ein U tatsächlich etwas schaffen, das originell ist , völlig neu, gleichgültig, richtig? Viele Designer, was sie tun werden, ist dass sie einen bestimmten Job bekommen, der ihren Weg aber kommen wird, haben eine Idee, was sie denken. Aber sie werden immer, zum größten Teil, da draußen gehen und sich ansehen, was bereits auf dem Markt verfügbar ist , und einige Referenzrahmen bekommen, schauen, was da draußen ist, was bereits funktioniert, dass sieht gut aus, das sieht fantastisch aus. Und dann wird es in der Lage sein, zu ändern und anzupassen und es sich zu eigen zu machen, aber Sie müssen nicht wirklich, wie ich sagte, das Rad neu erfinden. Sie können viele dieser Designs nehmen und sie zu Ihren eigenen machen. Dies sind also die, all die verschiedenen Arten von Bildern und Seiten. Wenn Sie richtig werden, hier ist ein Dashboard, also ist dies ein fantastischer Ort für Sie, um hier reinzukommen,einige Vorlagen so weit wie für das UI-Design zu erhaltenund in einige Vorlagen so weit wie für das UI-Design zu erhalten der Lage sein, einige ihrer eigenen Designs selbst zu erstellen, vielleicht einige Marken oder was auch immer, und dann in der Lage sein, dies als Ihr Portfolio zu nutzen, denn es ist nur ein riesiges, massives Potenzial für Sie, viele verschiedene Projekte unter Ihrem Portfolio direkt vor den Toren haben zu können verschiedene Projekte unter Ihrem Portfolio direkt damit du anfangen kannst, ein paar Jobs zu bekommen, oder? Weil, wie ich schon sagte, viele Leute, die nach verschiedenen UI-UX-Grafikdesign-Jobs suchen , Ihre vorherige Arbeit sehen wollen, und das wird der beste Weg sein, um das zu tun, oder? Und stellen Sie das vor. Hier sind auch einige verschiedene Arten von Benutzeroberflächenvorlagen. Sie können einige Zeit damit verbringen, in diese Szene zu schauen, die man irgendwie am meisten mit Ihnen resonieren und in der Lage sein diese zu nehmen und diese in Ihr Portfolio aufzunehmen. Das wird also für die UI-Vorlagen hier sein und wir sehen uns auf der nächsten. 92. Logovorlagen: Okay, in diesem Video gehen wir über Logo-Vorlagen. Also sind wir wieder hier im Wald, genau wie ich in den anderen Videos erwähnt habe, das ist so eine großartige Ressource für Sie, um verschiedene Referenzen, verschiedene Arten von Designideen zu bekommen und irgendwie zu sehen, was die Marktplatz ist, wissen Sie, bis zum Moment in dem, was knallt und was sehr beliebt ist. Also lassen Sie uns hier rüber gehen und ich möchte Ihnen das globale Maker-Tool zeigen, das automatisch ein Logo für Sie ausspuckt, basierend auf Ihrem Markt oder Ihrem Firmennamen auf dem Designtyp in. Sie können dies als Referenz verwenden, um Ihre eigenen Logos von Grund auf neu erstellen zu können, oder einige davon als Designreferenzen. Oder lassen Sie dieses Logo einfach mit diesem Tool erstellen. Sehr, sehr einfach. Also gehen wir voran und springen direkt hier rein. Okay, wie Sie hier sehen, müssen wir nur eine Marke eingeben, sagen wir ABC, UX, UI Design. Ok? Und dann gehen wir zum Nächsten. Und dann gehen wir hier runter. Wir wählen Design, oder? Wir sind ein Unternehmen entworfen. Und dann lass uns gehen. Und dann, was das tut, ist, dass es eine Reihe von verschiedenen Arten von lokalen Empfehlungen mit dem Firmennamen ausspuckt , richtig? Und Sie können hier verschiedene Arten von Grafiken wählen. Sie können verschiedene Elemente hinzufügen. Und es wählt für Ihren speziellen Designtyp. Nehmen wir an, Sie haben einen Kunden, der sich in einer anderen Branche befinden kann. Vielleicht sind sie im medizinischen Bereich, vielleicht gibt es Bäckerei, vielleicht sind sie ein Schönheitssalon oder etwas anderes, als das, was Sie so weit wie eine digitale Designagentur sind , oder? So können Sie hier unten durchschauen, verschiedene Arten von Logovorlagen, verschiedene Designideen betrachten. Sie können diese nehmen und mit ihnen rennen. Also bin ich mir nicht wirklich sicher, was den Preis hier betrifft. Ich denke, es kann einen kleinen Preis geben, aber in der Lage, diese Art von Vorlage hier für 5.20, $10 Dollar höchstens zu bekommen , würde ich sagen, es ist immer noch völlig wertvoll. Also komm hier rein. Sie können den Text bearbeiten. Sie können verschiedene Arten von Farbschemata bearbeiten. Sie können eine weitere Grafik hinzufügen, Sie können den Hintergrund ändern. Sie können so viel hier mit diesem speziellen Tool tun. Und lassen Sie uns voran und versuchen Sie einfach eine andere Art von Geschäft, das sagte, dass wir mit einem Schönheitssalon arbeiten und sie wollten eine komplette Logo-Revamping hier. Also lasst uns XYZ und Schönheitssalon gehen, okay, und dann gehen wir hier runter. Sco Schönheit. Und dann wird es gelten. Und dann werden wir die Art von verschiedenen Designs sehen, die dies empfiehlt. So perfekt ksi, es berücksichtigt nur die Nische, richtig? Der Markt, die Industrie und ist in der Lage, verschiedene Logos zu erstellen, basierend auf dem, was die Marke konzentriert ist. Also ist das hier so fantastisch. Dies ist so ein großartiges Werkzeug. Sie können dies für Ihre eigenen Entwürfe verwenden. Sie können Logos leicht verkaufen, beginnend auf Faser für, wissen Sie, 102040, $50 pro Pop und sein, was ist ein gutes Design hier? Und Sie wissen schon, fangen Sie einfach an, Ihr Portfolio aufzubauen, oder? Denn denken Sie daran, es geht darum, Ihnen ein Portfolio zu geben , so dass Sie etwas Arbeit haben, um Menschen zu zeigen. Und vor allem, wenn Sie einen Job suchen oder nur eine Position in einer Organisation zu bekommen. Sie möchten in der Lage sein, Ihren Lebenslauf, den Sie erlebt haben, setzen, dass Sie verschiedene Design-Projekte haben. Sie haben ein Portfolio, und offensichtlich dasselbe mit der Arbeit mit Kunden. Sie wollen sicherstellen, dass Sie in der Vergangenheit etwas tun konnten und Sie wissen, was Sie tun, richtig? Also nur ein kurzes Video hier geht über die verschiedenen Logo-Vorlagen, die Sie Zugriff auf auf den Markt haben können. Und wie schnell und einfach können Sie innerhalb weniger Minuten sehr schöne, erstaunlich schöne Logos erstellen . Das wird also für globale Vorlagen hier sein, und wir sehen uns auf der nächsten. 93. Wie du eine Business erstellst: Gehen wir direkt vor und springen rein. Die Nummer eins Plattform, die ich für die Einrichtung Ihrer geschäftlichen E-Mail empfehle , wird G Suite sehr preiswert und sehr einfach einzurichten sein. Also führe ich dich Schritt für Schritt durch, wie wir das machen. Das erste, was ich Ihnen hier zeigen möchte, ist die Preisgestaltung. Die beste hier, die Sie verwenden werden, wenn Sie gerade anfangen, wird das grundlegende Jahr sein, $6 pro Monat. Sie erhalten geschäftliche E-Mails, Videokonferenzen, Team-Messaging-Kalender und 30 Gigs Speicher. Dann bekommst du Unterstützung und erhältst verschiedene Sicherheits- und Administrationskontrollen, was sich absolut lohnt. So erhalten Sie auch eine 14-Tage-Testversion. empfehle dir, dich einzurichten, ich gehe weiter und führe dich durch, wie man das ins Rollen bringt. Das erste, was wir hier tun werden, ist, dass wir zu G Suite dot google.com gehen. Und dann gehen wir los, um loszulegen. Ok? Und dann wollen wir in den Firmennamen hier setzen und das ist ADC Firma. Und dann, wenn Sie nur Sie setzen wollen oder Mitarbeiter je nachdem, wie viele Mitarbeiter Sie haben zu leugnen . Also gehen wir dorthin, nur Sie als Nächstes. Willst du deinen Vornamen eintragen. Ich ziehe Kuan Galvin und ich werde meine E-Mail-Adresse auf einen Pilz upon.com setzen. Und dann weiter. Und dann setzst du ja, ich habe einen, den ich benutzen kann. Wenn Sie nun keine Domain haben und eine erwerben möchten, können Sie dies über sie tun. Aber ich empfehle, dass Sie gehen und kaufen eine Domain über Name Cheap, sehr einfach, sehr einfachste Einrichtung. Also Tenex, deine clients.com. Als Nächstes. Ok, großartig. Und dann gehen wir zum Nächsten. Und dann werden wir hier unseren Benutzernamen erstellen. Also gehen wir zu, lassen Sie uns eins auf was auch immer unsere URL ist da und dann Passwort gehen. Möchten Sie ein Passwort festlegen? Kann ich kein Roboter sein? Gehen wir zu dem, was wir hier tun müssen, um das hier schnell zu machen. Ich stimme zu und fahre fort. Wir werden es brauchen, überprüfen Sie die Domain. Und ich werde dir auch zeigen, wie man das macht. Okay, also hier müssen wir den flexiblen Plan auswählen , oder der Jahresplan für flexiblen Plan wird der beste sein. Jetzt auf dieser Seite müssen Sie Ihre Kreditkarteninformationen eingeben. Ich werde das schnell machen. In Ordnung. Daher haben wir unsere Zahlungsinformationen übermittelt und sind bereit, mit dem nächsten Schritt fortzufahren. Dies ist also, wo wir unsere Domain in Setup unserer MX-Einträge überprüfen werden. Wenn Sie nun Ihre Domain verifizieren, empfehle ich Ihnen den schnellsten und einfachsten Weg, dies einzurichten, indem Sie einen TXT-Eintrag hinzufügen. Ich werde Ihnen zeigen, wie man das macht. Stellen Sie also sicher, dass Sie billige Hosting-Setup genannt haben. Und ich werde Ihnen zeigen, wo Sie diesen bestimmten TXT-Datensatz hinzufügen werden. Also wollen wir hier runter gehen und gehen Sie zu Ich habe erfolgreich in Ihr cPanel eingeloggt. Wann immer Sie Hosting mit Namen billig bekommen, erhalten Sie eine E-Mail. Und sie werden Ihnen die Anmeldedaten zu Ihrem unbenannten billigen Beitrag zur Verfügung stellen. Und dann von dort aus gehen Sie zu Ihrem Zoneneditor und dann werden Sie den Datensatz hinzufügen. Ich werde Ihnen zeigen, wie man das macht. Also sagt es Ihnen hier, um zu dem bestimmten Namen t posten cPanel zu gehen. Ok, großartig. Und dann werden Sie diesen speziellen Google-Website-Verifizierungscode erhalten. Und Sie werden dies als Datensatz hinzufügen wollen. Und lassen Sie mich Ihnen zeigen, wie Sie das machen würden. Also sind wir hier im cPanel und du willst zum Zone Editor gehen. In Ordnung? Und dein cPanel von meinem Namen, Cheap. In Ordnung, also sind wir hier im 10-Zoll- oder Client-Zone Editor und wir wollen diesen Code jetzt hier hinzufügen. Dies ist ein früherer Caudell hinzugefügt wurde. Also gehen wir weiter und fügen das neue hinzu. Wir werden das kopieren, was wir hier retten werden. Ok, großartig. Also lassen Sie uns sehen, diese Register, Verifizieren Domäne und einrichten. Jetzt wird das eine Weile dauern, bis es geladen wird, aber das ist der Prozess, den du gehen wirst. Nun werde ich Ihnen jetzt zeigen, was Sie als Nächstes tun werden, fügen Sie die MX-Einträge hinzu und das ist wirklich wichtig, weil es Ihre G Suite-E-Mail an Ihr bestimmtes Hosting binden wird . Lassen Sie mich Ihnen zeigen, wie Sie das hier einrichten werden. Also hier im Zoneneditor haben wir einen TXT-Eintrag hinzugefügt und wir wollen zu MX-Datensatz gehen. Und Sie werden diese speziellen Codes hier auch hinzufügen wollen , es ist die Priorität eins, Priorität fünf. Jetzt können Sie leicht diese MX-Datensätze buchstäblich finden, indem Sie einfach zu Google gehen. Wenn wir zu Google MX-Aufzeichnungen gehen, dann gehen wir. So können Sie dies einfach hier kopieren, aber das sind diejenigen, die in der jeweiligen cPanel hier gehen werden, oder? Du gehst zum Amex, um diese speziellen MX-Datensätze hinzuzufügen. Und dann möchten Sie zum TXT gehen und die Domain hier unten überprüfen. Das ist im Wesentlichen, wie Sie wollen , um diese Einrichtung zu bekommen und Sie gehen zu, zurück zu Ihren Domains hier. Dies, es sagt MEIN digital, aber ich werde wirklich wollen, um sicherzustellen, dass Sie benannte billige Web-Hosting DNS auswählen, oder dass es richtig dort propagiert. Das ist also im Wesentlichen der Prozess für Sie in der Lage zu sein, eine geschäftliche E-Mail für Ihr bestimmtes Unternehmen durch G Suite nur $6 pro Monat zu erstellen , sehr, sehr empfehlenswert. Also, das ist es für dieses Video hier, und wir sehen uns auf dem nächsten. Danke. 94. Netzwerke: In diesem Video werden wir über die Vernetzung gehen. Nun, Vernetzung ist extrem wichtig, ob Sie die freiberufliche Route hinuntergehen oder wenn Sie in die Suche nach einem Job jetzt gehen, Arbeit kann eine Menge Türen für Sie öffnen. Und so gehen wir in dieser Lektion durch, wie Sie Ihr bestehendes Netzwerk nutzen wie Sie jetzt richtig arbeiten können. Einige der Do's und Don'ts, wie Sie sicherstellen, dass Sie sich auf die richtige Art von Art und Weise präsentieren , wenn Sie versuchen, Aktivitäten zu engagieren und zu vernetzen und wie Sie vermeiden, sich in der falschen Art zu vertreten des Gewichts. Also gehen wir weiter und springen in die Vernetzung. Hier sind einige wichtige Punkte, wenn es um die Vernetzung geht. Aufbau eines Netzwerks ist eines der wichtigsten Dinge, die Sie für Ihre Karriere tun können. Und das ist, ob du in Freiberufler gehst oder nicht, du wirst nach einem Job suchen. Es geht immer darum, die richtigen Leute zu kennen , die Ihnen helfen können, in die richtige Richtung zu zeigen, oder? Und LinkedIn ist bei weitem der beste Ort, um sich online zu vernetzen. Sie können verschiedene Verbindungen haben. Sie können verschiedene Personen haben, die mit Personen verbunden sein können , die Sie vor sich haben möchten. Und Sie können Ihr bestehendes Netzwerk nutzen um Ihnen dabei zu helfen, diesen Fuß sozusagen in die Tür zu bekommen, oder? Und wie das alte Sprichwort sagt, es ist nicht das, was du weißt, wer du kennst, oder? Und natürlich wollen Sie in der Lage sein, Fähigkeiten zu haben. Sie wollen in der Lage sein, das Wissen, die Expertise zu haben, oder? Viele Male sind es die Menschen, mit denen Sie sich verbinden und mit denen Sie interagieren können, und das Netzwerk, das in der Lage ist, Ihnen viele Türen zu öffnen das Netzwerk, das in der Lage ist, Ihnen viele Türen zu öffnen, die Sie vorher nicht hatten. Und so ist eines der wichtigsten Dinge, die man hier bei der Vernetzung beachten sollte, dass viele Leute es falsch machen. Ich weiß nicht, ob Sie jemals auf irgendeiner Art von Netzwerk-Events gewesen sind oder zuvor Networking gemacht oder versucht haben. Mehr als oft nicht Menschen, was sie tun werden, ist, dass sie immer zu irgendeiner Art von Ereignis kommen oder sie werden über Networking in einer sehr egoistischen Art und Weise gehen. Also reden Sie darüber, hey, das ist, was ich will, dass Sie tun, oder können Sie das für mich tun oder alles über ihre eigenen egoistischen Interessen? Nun, Sie müssen wirklich den gegenteiligen Ansatz dazu nehmen, weil das ist, was wird es Ihnen erlauben, Ihr Netzwerkspiel auf die nächste Ebene zu bringen. Sie wollen suchen, um zu finden, wo Sie Mehrwert für die einzelnen hinzufügen können, oder? Angenommen, Sie versuchen, sich mit jemandem in Ihrem Netzwerk oder mit jemandem außerhalb Ihres Netzwerks zu verbinden , der vielleicht eine Verbindung mit jemandem in Ihrem Netzwerk hat, oder? Du willst immer die Herangehensweise von, hey, was kann ich für dich tun? Wie kann ich Ihnen einen Mehrwert geben und sie dann um einen Gefallen bitten können, richtig? Denn auch wenn Sie nicht tun, was Sie ihnen sagen , dass Sie empfehlen oder das Sie anbieten, richtig? Nur das Angebot allein wird einen langen Weg gehen. Und vor allem, wenn du in der Lage bist, auf ihr Profil zu gehen , sie vielleicht online nachzusehen und erwähnt , hey, hör zu, ich habe bemerkt, dass du X , hey, hör zu, ich habe bemerkt, dass du X, Y und Z machst. wissen zu lassen, dass Sie tatsächlich einige Zeit damit verbringen, sie zu erforschen , ihren Hintergrund zu betrachten, wird wirklich einen langen Weg gehen. Sie möchten einfach nur Nachrichten senden, die reines Eigeninteresse haben. Oder es gibt nichts dafür, weil sich niemand gewöhnt fühlen will, oder? Und wenn Sie mit Ihrem eigenen egoistischen Interesse eingehen, dann schiebt das wirklich weg und vertreibt die potenziellen Beziehungen und Networking-Möglichkeiten, die Ihnen vielleicht kommen. Dies ist also ein kurzer Überblick über die Vernetzung. Denken Sie daran, immer auf den Wert zu achten, wenn Sie sich mit Menschen verbinden und wenn Sie sich vernetzen, Fragen zu ihnen worum es geht, über ihr Geschäft. Und dann erhalten Sie unweigerlich auch Fragen zu sich selbst und Ihrem Unternehmen. Und zum größten Teil, wenn Sie Ihr Netzwerkspiel wirklich auf die nächste Stufe bringen wollen, konzentrieren Sie sich ausschließlich auf LinkedIn und beginnen Sie mit dem Aufbau Ihres Profils. Beginnen Sie, eine Reihe von Inhalten zu Ihrem Thema zu posten und schauen Sie wirklich, um ein großartiges Netzwerk auf LinkedIn zu entwickeln. Also, das wird hier sein, um zu vernetzen, und wir sehen uns auf der nächsten. 95. Top Websites: In diesem Video gehen wir über einige der besten freiberuflichen Websites, für die Sie sich anmelden können. Fangen Sie an, etwas Arbeit unter den Gürtel zu bekommen, beginnen Sie, Ihr Portfolio aufzubauen. Und das Tolle an diesen freiberuflichen Websites ist, dass alle Projekte für Sie da sein werden, um bieten zu können, oder? Du musst nicht da rausgehen und nach Jobs suchen. Alle Jobs werden auf der Plattform sein. Und Sie können sich im Wesentlichen als Benutzer anmelden, in der Lage sein, Ihre Identität zu überprüfen, und dann in der Lage sein, Jobs Ihnen präsentiert zu bekommen. Und dann können Sie auf diese Jobs direkt aus dem Tor bieten. Also lasst uns voran gehen und nach oben springen. Verschiedene freiberufliche Websites, mit denen Sie sich für einen UX-UI-Designer anmelden können, richtig? Also lassen Sie uns voran und schauen Sie sich einige der Top-freiberufliche Website an. Wie Sie hier sehen können, haben wir die erste, die Upwork.com ist. Dies wird wahrscheinlich der größte sein, der beste, für den Sie sich anmelden weil es im Wesentlichen eine der Top auf dem Markt ist. Sie werden eine Tonne von Jobs haben, jede Menge Möglichkeiten zum Auswählen und Auswählen. Und dann ist der zweite Fiverr.com. Dies ist eher ein Job oder Slash Gig-Typ von Plattform. Es gibt jedoch einige Möglichkeiten, auf benutzerdefinierte Gigs zu bieten, die Leute dort platzieren. Und dann gibt es freelancer.com. Dies ist wahrscheinlich vergleichbar mit Upwork, soweit die Nummer zwei auf dem Markt für Freiberufler ist. Und dann haben wir die beiden spezifischen Plattformen für Designer, nämlich Dribble und Behance. Beide Plattformen sind fantastisch, um Ihre Arbeit zu präsentieren und auch in der Lage zu sein, bestimmte Jobs auf Ihren Weg zu bringen. Und dann sind die zusätzlichen Quellen hier Leute pro hour.com. Dies ist eine in Großbritannien. Dies ist auch eine gute. Allerdings werden Sie in der Regel mehr Erfolg haben von dem, was ich gesehen habe, was ich in der Top-Freiheit erlebt habe, das sind Websites als auch. Wenn Sie jedoch in Großbritannien sind, kann dies vielleicht eine gute Quelle für Sie sein. Und dann haben wir google.com, das ist auch in anderen freelance-Website als auch. Also lasst uns voran gehen und einzeln in diese springen. Also der erste hier, freiberuflich auf Upwork, Schreiben Sie eine große, große Plattform, sehr empfehlen. Es schaut sich einige der Profis an. Die Profis sind, sie haben einen Screening-Prozess und sie haben sowohl feste als auch unsere Verträge. Und dann Mini-Projekte, die verfügbar sind. Unterschiedliche Skala, richtig? Sie können mit Ihrer Karriere beginnen und haben ein kleines Projekt für vielleicht 40, $50, nur um Ihre Arbeit zu präsentieren, diese Erfahrung richtig zu machen. Und dann haben Sie stündliche Vertragsschutz, die Sie als eine Stunde der Lohnverdiener schützt. Und einige der Nachteile hier sind, dass es schwierig ist, Ihr erstes Projekt zu bekommen. Wenn Sie jedoch viele der verschiedenen Tipps verwenden , die in diesem Kurs erklärt werden, richtig? Wo Sie wirklich die Jobbeschreibung lesen wollen. Sie möchten sicherstellen, dass Sie Ihr Gebot präsentieren und es so präsentieren , dass der Endkunden wissen lässt, dass Sie die Stellenbeschreibung tatsächlich gelesen haben. Sie kennen die Sie die Fähigkeiten haben, um das Projekt zu machen. Und das Hinzufügen eines Videos wird einen enormen langen Weg gehen. Also denken Sie auch darüber nach. Und so für viele Leute, ja, Sie können sagen, dass es schwierig sein wird, aber da Sie diesen Kurs haben, haben Sie Zugang zu diesem Inhalt, zu diesem Material, zu diesen Tipps. Es wird viel einfacher für Sie sein, Ihr erstes Projekt zu bekommen, oder? Und so offensichtlich gibt es Konkurrenz. Da sind viele verschiedene Leute mit niedrigeren Preisen drauf als du. Und deshalb möchten Sie etwas haben , wo Ihre Preise am Anfang sehr niedrig sind. Also bekommst du deinen Fuß in die Tür mit den Jobs, richtig? Und dann ist ein weiterer Grund hier, dass der Job-Erfolgswert automatisch sinkt, wenn Sie eine Weile nicht an Upwork arbeiten. also sicher, dass Ihr Profil auf dem neuesten Stand ist. Sie sind ständig, wissen Sie, bekommen einen neuen Job und Sie arbeiten wird Ihre Punktzahl auf dem höchsten zu halten, und dann freiberuflich auf Freiberufler. Und das ist auch eine tolle Plattform. Sie haben einen Screening-Prozess. Sie haben einen verifizierten Prozess als auch, wo ich glaube, Sie zahlen ungefähr $100 und sie überprüfen Ihre Identität, sie überprüfen Ihren Hintergrund und sie überprüfen ein paar andere Dinge, um sicherzustellen , dass Sie ein geprüfter und verifizierter Freelancer . Und dann haben sie Szenario auch die Verträge festgesetzt, viele verschiedene Projekte oder unterschiedliche Skala, oder? Sie können Ihr Portfolio auch wirklich aufbauen , indem Sie ein kleines Projekt bekommen und dann von dort aus arbeiten. Und dann haben sie auch ein bevorzugtes Freelancer-Programm. Wo, wenn Sie ein Freiberufler sind, die bevorzugt ist , Sie haben eine hohe Punktzahl, werden Sie eine Menge der Jobs nicht handeln Sie von Freiberufler selbst. Und so wirst du eine Gelegenheit bekommen, viele dieser Jobs zu gewinnen, aber du musst dein Profil aufbauen und diese Erfahrung richtig machen. Und dann die Nachteile hier, Herausforderung, Ihr erstes Projekt zu bekommen. Aber offensichtlich in dieses Material zu gehen, wird es nicht so große Herausforderung für dich sein. Und dann viele Rivalen da draußen, eine Menge Konkurrenz würde die Preise senken. Aber noch einmal, es ist eines dieser Dinge, wo, wie können Sie sich auseinandersetzen, oder? Wie können Sie vielleicht eine Art von Prozess oder Methodik erstellen , die für den Markt einzigartig ist. Und du musst ganz oben auf den Jobs stehen. Sie müssen immer auf der Suche nach neuen Möglichkeiten sein, neue Projekte kommen in Ihren Weg. Und dann haben wir Fiverr.com. Fiverr.com ist auch eine großartige Plattform. Es ist sehr einfach und einfach zu beginnen. Und dann haben Sie hier zwei verschiedene Arten von Projekten. Sie haben Gigs, und dann haben Sie Projekte, die im Wesentlichen von Grund auf neu gemacht werden. Also kann jemand da reingehen und einen bestimmten Job oder ein Projekt machen, richtig? Und dann können die Leute dort auf bieten. Oder Sie können wie Ihre eigenen Gigs wählen, sagen wir, für ein UX-Design für eine mobile Anwendung, können Sie einen Gig dafür mit einem bestimmten Preis haben. Und dann sagen wir vielleicht für ein Logo-Design. Und das kannst du als Gig haben und dafür kannst du einen festgesetzten Preis haben. Es ist also, als ob du deinen eigenen Laden einrichtest, oder? Wo Sie verschiedene Gigs haben, verschiedene Projekte, und dann sind sie alle zu bestimmten Festpreisen. Und dann hast du den Fiberprofi für Top-Talente. Dafür gibt es einen Screening-Prozess. Und wenn Sie viel Geschick haben und wirklich qualifiziert Recht haben, dann können Sie diesen Prozess hier durchlaufen und Zugang zu vielen der verschiedenen Kunden erhalten , die bereit sind, Top-Tier zu zahlen. Und dann wieder, dies ist eine gute Möglichkeit, Ihr Portfolio aufzubauen, Zeugnisse zu erstellen. Und einige der Nachteile hier ist, dass Projekte beginnen ein $5, das wird niedrige Kosten sein. Und Sie können dies positiv oder negativ betrachten. Ja, es ist bedauerlich, dass die Preise ziemlich niedrig sind. Allerdings ist es eine gute Möglichkeit für Sie auch in der Lage zu sein etwas in Ihrem Portfolio zu arbeiten und tatsächlich ein Feedback zu bekommen , einige Empfehlungen, Empfehlungen, Zeugnisse, richtig? Und so einige zusätzliche Spalten hier, Bestellungen können ohne Kommunikation platziert werden. Sagen wir mal, jemand will ein lächerlich komplexes Design oder Logo oder was auch immer es sein mag, kann eine Bestellung aufgeben, ohne dich zu kontaktieren weil du dort einen Auftritt wie in deinem Laden hast, oder? Und dann, wenn sie die Bestellung stornieren müssen, dann wird es gegen Sie auf Ihre Punktzahl zählen. Also nicht eine tolle Sache, es ist bedauerlich, aber ich würde immer empfehlen, dass Sie setzen hey, kontaktieren Sie mich vor jeder Bestellung. Richtig. Und genau wie ich bereits erwähnt habe, wenn die Bestellung storniert wird, werden Sie einen Streik auf Ihr Konto bekommen und dann werden die Preise pro Projekt Basis festgelegt. Es gibt also sehr wenig Wackelraum, oder Raum für Verhandlungen. Wenn Sie einen Preis von wie lassen Sie uns sagen $30 oder $20 für ein Logo hell, Sie können nicht wirklich zurück und versuchen, das zu verhandeln. Sie können nicht wirklich zurückgehen und versuchen, das mit dem Käufer zu verhandeln , weil das ist, was Ihr Preis festgelegt ist. Egal, dies ist eine großartige Plattform für den Einstieg wegen der niedrigen Kosten. Sie können mit dem Aufbau Ihres Portfolios beginnen und in der Lage sein es zu verwenden, um zusätzliche Kunden auf den Weg zu bringen. Und dann haben wir hier dribbeln. Dies ist eine Plattform speziell für Designer. Und so ist der Ansatz hier, dass es ist, ist es einfach, Ihre Arbeit kostenlos zu veröffentlichen. Es gibt verschiedene Jobs und Projekttafeln. Nun, Sie können dort weitergehen und nach verschiedenen Projekten suchen, die Kriterien oder verschiedene Jobs darstellen können, nach denen Sie suchen können. Und das Tolle hier ist, dass sie Remote-Jobs haben bei denen Sie selbst als Freiberufler arbeiten oder von zu Hause aus arbeiten können, oder Sie haben die Möglichkeit, dort Jobs zu finden. Sie werden intern sein, innerhalb einer Agentur oder innerhalb einer Art von Unternehmen großen Organisationen. Und einige der Nachteile hier sind im Wesentlichen viele der Funktionen, die diese Plattform funktionieren lassen. Viele der verschiedenen Dinge sind nur für Pro-Accounts verfügbar. Und wenn Sie also Ihre Arbeit präsentieren wollten, wenn Sie viele der verschiedenen Dinge tun wollen, die diese Plattform tut, müssen Sie dafür bezahlen. Also bedenken Sie das. Und dann haben wir die Behance hier. Dies ist auch eine sehr einfache und einfache Plattform als auch. Das ist einfach, Adobe-Portfolio zu erstellen, benutzerdefinierte Designs für jeden Ihrer Fälle. Hilfreiche Profilstatistiken, wie viele Personen haben Ihr Profil besucht, oder? Und dann haben Sie einen Bereich, um nach Vollzeit-, Freiberufler oder sogar Praktika zu suchen. Also denken Sie einfach darüber nach. Das könnte auch etwas sein, nach dem Sie suchen. Vielleicht fängst du gerade erst an. Sie haben diesen Kurs durchlaufen, Sie haben hier eine Menge Ausbildung bekommen, viele Fähigkeiten Entwicklungen im UX UI Design Bereich. Und vielleicht willst du ein Praktikum machen, oder? Und lernen Sie einfach auf dem Job. Manchmal kann dies bezahlt werden, manchmal kann es kostenlos sein. Sie möchten jedoch nach einem bezahlten suchen, der Ihnen sogar nur eine geringe Menge an Zahlungen geben kann , aber Sie sind in der Lage, auf dem Job zu lernen. Und dann sind die Nachteile hier, dass dies nicht unbedingt eine Jobplattform ist. Dies ist mehr nur eine Plattform, um Ihre Arbeit zu präsentieren. Ok? Ein weiterer Grund hier ist, dass einige Jobs nur für die Verwendung eines Drittanbieterformulars beantragt werden können, was sehr lange zum Ausfüllen und sehr zeitaufwendig dauert, richtig? Es wird also nicht schön und einfach für Sie sein, die Bewerbung auszufüllen. Und es gibt kein Gehalt auf vielen dieser Beiträge hier angegeben, also werden sie eine Politur haben. Wie hey, ich bin auf der Suche nach XYZ-Designer. Ich suche nach dieser Art von Arbeit, aber sie zeigen dir nicht, wie viel du bezahlt wirst. Also, das ist leider ein Khan, aber immer noch eine großartige Plattform, um Ihre Arbeit präsentieren zu können und einige mögliche Arbeit zu geben. Also, das wird hier für die besten freiberuflichen Websites sein. Und wir sehen uns auf der nächsten. 96. UX/UI: In diesem Video werden wir uns mit den typischen und gängigen UX-UI-Projektfragen befassen. Dies sind einige der Fragen, die Sie in der Lage sein möchten, sich bewusst zu sein und Ihren Kunden zu stellen oder wenn Sie mit Teammitgliedern arbeiten, richtig? Dies ist etwas, wo Sie in der Lage sein wollen, den Umfang des Projekts, die Leistungen, die Zeitleiste, die Finanzen alleszu verstehen den Umfang des Projekts, die Leistungen, die Zeitleiste, die Finanzen alles , was Sie vor dem Start eines Projekts wissen müssen. Sagen wir also, wenn Sie mit einem Kunden arbeiten und er zum richtigen Zeitpunkt geliefert werden kann , den er zu den günstigsten Kosten erwartet, oder? Möglichkeit, die Arten von Fragen zu verstehen, das erste Gespräch, das Sie mit den Kunden führen müssen, macht Sie viel glaubwürdiger , so dass Sie wirklich kommen, dass Sie wissen, was Sie tun. Du hast das schon mal getan und das ist nur ein weiterer Tag in der Nachbarschaft, richtig? Ok. Also die Arten von Fragen, die Sie normalerweise stellen werden, können Sie sich verschiedene Arten von Fragen zum Projektumfang ansehen, um zu verstehen, was genau sie erreichen wollen, oder? Wie sieht das Endziel aus? Wie sieht das fertige Produkt aus? Und dann Timeline Art von Fragen, richtig? Sie möchten wissen, was ihre Zeitachse für die Fertigstellung dieses Projekts ist? Haben sie unterschiedliche Meilensteine bei ihrem Wunsch oder der Notwendigkeit, sich tatsächlich zu treffen? Und dann die Kommunikation, wirst du mit einem Teenager kommunizieren, oder du wirst mit einer Person kommunizieren, die dein Ansprechpartner sein wird und wie oft erwarten sie, dass du in Kontakt mit ihnen direkt heute? Erfordert jede Art von täglichen Updates, wöchentlich, zweiwöchentlich. Wie sieht das aus? Richtig. Und dann das finanzielle Recht. Verstehen, was ist ihr Budget, wie viel sind sie bereit zu verbringen? Mit was können Sie arbeiten? Und dann offensichtlich in der Lage, sicherzustellen, dass Sie fair entschädigt werden. Wenn Sie also das Diagramm auf der rechten Seite sehen, wird Ihnen das einen wirklich guten Hinweis auf die verschiedenen Arten von Aufgaben geben, und dann die Ergebnisse, und dann die Schätzzeit und dann die tatsächliche Zeitachse Liefertermin. Es ist also nur etwas, das Sie wirklich betrachten und verwenden können , wenn Sie suchen, um verschiedene Projekte zu erstellen und wenn Sie zu dieser Interviewphase kommen , so dass Sie mit Ihren potenziellen Kunden sprechen Ihr im Wesentlichen ein Arzt und Sie sind in der Lage , zu analysieren und zu verstehen, ihre aktuelle Situation. Und dann B, was sie die richtige Art von Medikamenten zu verschreiben, sozusagen, richtig. Wo du sagst, hey, basierend auf dem, was du erreichen willst und was du hier tun willst , ist das, was wir in Bezug auf den Projektumfang empfehlen, soweit das, was du brauchst, bis hin zu all den verschiedenen Phasen. Hier ist die Art der Leistungen, hier ist die Schätzung, und dann ist hier im Wesentlichen ein geschätzter Zeitplan für uns, um diese abzuschließen. Okay, also schauen wir uns jetzt einige der spezifischen Art von Fragen an, die Sie vor dem Start eines Projekts stellen möchten. Also einige der Fragen hier sind, was sind die Meilensteine und Fristen, richtig? Sie möchten wissen, was genau wollen sie an jedem bestimmten Meilenstein abgeschlossen werden, und was genau ist das Datum? Und dann welche Leistung ist für jeden Meilenstein notwendig, richtig? Sie wollen wissen, was sie tatsächlich geliefert werden wollen , da es ein Prototyp sein wird. Ist es nur ein paar Designs, oder? Ein paar Grafiken? Wie sieht das aus? Und wie viele Revisionen möchten Sie dann einschließen? Weißt du, normalerweise, wenn du ein Projekt machst, gibt es mehrere Revisionen und viele Hin und Her, die Benutzerfeedback bekommen, Benutzerdaten erhalten und die Möglichkeit ändern und anpassen zu können, damit du sicherstellen willst, dass du Wie sieht das für sie aus, damit du ihnen genau das geben kannst, was sie wollen, oder? Und was ist dann ein Budget für dieses Projekt, richtig? Ziemlich einfach da. Und wer wird dann an einer Diskussion teilnehmen oder wer im Team sein wird, richtig? Wenn Sie in einer teambasierten Umgebung arbeiten, möchten Sie in der Lage sein, mit den richtigen Menschen zusammenzuarbeiten und sicherstellen, dass Sie nicht die Grenzen von jemandem überschreiten und Ihre Rolle in diesem gesamten Projekt, richtig? Und dann die Kommunikation, wie wollen sie mit kommuniziert werden? Lieben sie es vor, nur über die Plattform zu arbeiten, wenn Sie gerne freiberuflich arbeiten oder verwenden sie gerne Slack, das handeln wird, um Facebook zu verwenden, was auch immer das sein mag, richtig? Was eine Kommunikationsmethode angeht, möchten Sie verstehen können, wie das aussieht und warum es ihnen wichtig ist und wer dann ein Projekt genehmigt? Wird es die Person sein, mit der du arbeitest? Ist es jemand höher oben, oder? Sie möchten diese wichtigen Fragen hier verstehen können. Und dann sind dies einige Beispielfragen hier von Mike Montero. Ich glaube, sein Name stammt von Mule Design. Hier sind einige seiner spezifischen Fragen hier, die er normalerweise stellt. Wo hat er hier, die, was sind die geschäftlichen Anforderungen, die erfüllt werden müssen? Wie können Benutzerbedürfnisse besser bedient werden? Wer sind Ihre Zielgruppen und was möchten Sie damit machen? Wissen Sie, ob Sie es glauben oder nicht, viele verschiedene Unternehmen werden es schwer haben, in einem sehr detaillierten spezifischen Prozess oder Aussage zu erklären , wer ihre eigentliche Zielgruppe ist, das aussieht. Sie sind ein echter Avatar. Das wird also Teil Ihrer Forschung und Analyse sein, richtig? verstehen, wer das eigentliche Publikum ist, wer sind die Nutzer, welche demografischen Daten sind? Was sie nicht mögen und in der Lage sein, eine tatsächliche Benutzerpersona aus diesen Informationen zu erstellen. Und wer wird dann die Website nach den Starts aufrechterhalten? Oder, weißt du, dasselbe für eine Anwendung. Und wie messen Sie dann den Erfolg? Das ist hier von entscheidender Bedeutung. Das ist eine sehr wichtige Frage. Wie messen Sie den Erfolg? Woher wussten Sie, dass, nachdem wir das entworfen oder gebaut haben oder es erstellt haben, dass es tatsächlich erfolgreich ist und dass es tatsächlich gute Ergebnisse erzielt hat . Sie müssen also in der Lage sein zu verstehen, was diese Metriken sind und was auch die KPIs sind. Damit Sie verstehen und sehen können, wie das Erfolgreiche für sie aussieht. Und was sind dann die Projektrisiken, wo sie sehen, wissen Sie, soweit jede Art von Änderungen oder potenziellen Risiken, denen sie ausgesetzt sein können. Und was ändert sich nach dem Start der neuen Website oder Anwendung für Ihre Organisation? Will, wird sich für Ihre Benutzer ändern, oder? Wird es eine ganz andere Erfahrung sein, die sie nicht gewohnt sind, wird sich vielleicht etwas daran gewöhnen, was genau sich ändern wird, so dass Sie sie aus ihrer tatsächlichen Perspektive von Benin Organisation und dann auch aus Kundensicht. Okay, jetzt werfen wir einen Blick auf einige Fragen , die wir uns stellen möchten, wenn wir eine komplette Neugestaltung machen. So ist dies etwas, wo es eine Marke ist bereits bestehende Rechte. Sie haben bereits eine Website, vielleicht haben sie eine Anwendung, und sie wollen eine komplette Überarbeitung durchführen oder ihr Logo ändern oder die eigentliche Website ändern, was auch immer das sein mag, richtig, aber Es ist eine Neugestaltung. Es ist nicht unbedingt etwas von Grund auf neu. Manchmal kann es etwas von Grund auf neu sein, aber zum größten Teil ist es nur eine Neugestaltung, oder? Warum gestalten Sie die Website neu? Was macht die aktuelle Seite? Nun, wo fehlt es? Welche Herausforderungen haben Sie bei der bisherigen Arbeit mit Designpartnern konfrontiert? Also wollen Sie sich ansehen, warum sie die Website neu gestalten. Das ist wichtig. Ist es, weil es nur in bestimmten Bereichen fehlt, weit wie die Benutzererfahrung, oder ist es nur eine schlechte Schnittstelle, wissen Sie, was auch immer das sein mag, Sie wollen verstehen, warum sie tatsächlich versuchen, ein Redesign durchzuführen, oder? Und vielleicht etwas von oben, dass sie einfach nur die ganze Website bekommen und frisch anfangen wollen, richtig? Und was macht die aktuelle Seite dann? Nun, was sind die Dinge, die sie derzeit gut tun, so dass wir schauen können, um zu implementieren und halten einige von denen, die gut funktionieren. Und dann können wir die Bereiche reparieren, in denen es fehlt, richtig? Und das ist etwas, wo Sie wirklich in der Lage sein wollen, nach oben zu schauen und auf diese Antworten zu achten, richtig? Weil du dir sagen wirst, warum sie es tun, warum es ihnen wichtig ist, und was sind einige der Dinge, die du in diesem neuen Design implementieren kannst, oder? Und dann ist die besondere dritte Frage hier, dies ist mehr für das Verständnis, wie die Auserwählten, mit verschiedenen Partnern in einigen der Dinge, die sie zuvor konfrontiert zu arbeiten , so dass Sie sich unterscheiden können, warum Sie ein besserer Partner, oder? Und dann endlich haben wir hier die Selbstdisziplin und tatsächlich in der Lage, die Arbeit zu erledigen, nachdem Sie einen Kunden bekommen haben, haben Sie einige Projekte, an denen Sie arbeiten? Sie möchten in der Lage sein, tatsächlich zu liefern und zu erfüllen. Und so einige der Dinge, die hier betrachten, Sie tun tatsächlich Ihre Arbeit und Sie tatsächlich erstellen Ihre Designs ist wie Brain Dot fm oder irgendeine Art von Musik im Hintergrund, die Sie konzentrieren und studieren und halten Sie Ihre Aufmerksamkeit auf das, was Sie tun müssen, richtig? Sie können wie ein Zeit-Tracker, wie Tomaten-Timer verwenden. Sie können Meditation verwenden, um Ihnen zu helfen, sich zu entspannen und die Dinge zu beruhigen. Sie können etwas Meditation machen, bevor Sie anfangen zu arbeiten, so dass Sie sich beruhigen und in den Zustand der gerade Fokus geraten können. Und was die Planung von Apps betrifft, werden Sie in der Lage sein, das und die Vorstellung mit dem Holz zu bekommen , das in diesem Kurs zur Verfügung gestellt wird. Sie wollen also wirklich verstehen, dass, sobald Sie den Kunden bekommen und die Projekte bekommen, Sie zur Arbeit gehen müssen. Und Sie wollen in der Lage sein, so effektiv wie möglich mit minimalen Ablenkungen arbeiten , sind wirklich keine Ablenkungen überhaupt. Und in der Lage, etwas Musik im Hintergrund zu haben, während Sie arbeiten, vielleicht haben Sie eine Art Timer wird Ihnen wirklich helfen. Und so wird das für die UX-UI-Projektfragen hier sein und wir sehen uns auf der nächsten. 97. Laserfokus- Tools: In diesem Video werde ich Sie durch einige Produktivitäts-Tools führen, die Sie verwenden können, um Ihren Fokus zu erhöhen, um sicherzustellen, dass Sie nicht abgelenkt werden, auf YouTube gehen, im Internet surfen und nicht tun, was Du brauchst es nicht zu tun. Und wirklich nur darauf zu konzentrieren, was tun soll, was Arbeit zu erledigen ist, oder? Und so was Sie tun können, ist wählen Sie verschiedene Arten von Fokusmusik, die Sie hören können, die Ihnen helfen, Ihren Fokus, Ihre Produktivität zu erhöhen und Ihre Ablenkungen zu minimieren. Also lassen Sie mich Ihnen hier zeigen, wie das drin aussieht. Ich meine, ich benutze jeden Tag, extrem mächtig. So haben Sie hier verschiedene Zeitblöcke. Sie haben 30 Minuten Block, wenn unser Block zu unserem Block, nicht wahr? Und wenn dir eines dieser Stücke zugehört wird und du nicht magst, wie es klingt, kannst du das überspringen, okay? Oder du kannst hier rauf gehen und zu mehr Musik gehen. So können Sie mit Lo-Fi-Fokus, klassischer Fokus gehen. Sie können zur Entspannung gehen, schlafen. Offensichtlich willst du diese beiden nicht hier, es sei denn, du willst dich entspannen. Dieses Tool wird jedoch hauptsächlich für den Fokus sein, ok? Und so wirklich, was ich tun würde, ist, wenn Sie versuchen, etwas zu erledigen, setzen Sie auf einige Fokusmusik hier, würde ich sagen, für zwei Stunden Block und arbeiten. Und dies ist wissenschaftlich erwiesen, um Ihnen tatsächlich helfen, Ihren Fokus zu erhöhen. Es sind also nicht nur Leute, die sagen, Hey, hören Sie diese Musik und Sie werden zehnmal produktiver sein. Es bringt Sie in den Zustand des Geistes, wo Sie im Fluss sind und Sie völlig entspannt sind. Sie konzentrieren sich auf das, was Sie tun müssen, und es gibt keine Ablenkungen. Und so empfehle ich dieses Tool, damit Sie Ihren Fokus erhöhen können, oder? Steigern Sie Ihre Produktivität und haben Sie bestimmte Zeitblöcke von, sagen wir zwei Stunden. Oder wenn du vielleicht hart in die Farbe gehen willst und das auf einen begrenzten Brunnen setzen willst, dann kannst du vier oder 56 Stunden zur Arbeit gehen . Das würde ich nicht empfehlen. Dieses Tool ist hier jedoch äußerst wichtig. Also empfehle ich dringend, dass Sie das abholen. Ich denke, es sind ungefähr fünf bis zehn Dollar im Monat. Wie ich schon sagte, ich meine, es wird sich mit Ihrer Produktivitätssteigerung und Ihrer Fokussierung völlig lohnen , okay? Und das nächste, was ich hier mit dir teilen möchte, ist die Ideals-Methode, okay? Und das ist eher eine tägliche Routine. Und was das hier ist, ist es gibt Ihnen eine Reihe von Schritten, um jede einzelne Nacht zu tun. Am Ende eines jeden Arbeitstages möchten Sie also die sechs wichtigsten Dinge aufschreiben , die Sie morgen, am nächsten Tag, erledigen müssen. Nun ist es hier wichtig, dass Sie nicht mehr als sechs aufschreiben , weil es ziemlich überwältigend werden kann. Und so dann möchten Sie diese sechs Elemente priorisieren, um entweder True und Ports. Und was ist es, dass Sie zuerst erledigen müssen? Und dann, weißt du, nummeriere die eins bis sechs. Und dann, wenn du morgens aufstehst oder wenn du deinen Tag beginnst, richtig? Du willst dich auf die erste Aufgabe konzentrieren und daran arbeiten, bis sie vollständig fertig ist , bevor du zur nächsten übergehst, richtig? Und so wollen Sie sich dem Rest Ihres Tages auf diese Weise nähern, richtig, wo Sie Ihre erste Aufgabe erledigen, tun Sie alles, was Sie tun müssen, um sie zu beenden, und dann fahren Sie mit der nächsten fort. Das ist also riesig hier. Also schreiben Sie jede Nacht, wenn Sie ins Bett gehen oder bevor Sie ins Bett gehen, die sechs Dinge auf, die Sie am nächsten Tag tun müssen, und priorisieren Sie sie dann in, wissen Sie, soweit das Wichtigste, oder? Und tun Sie das jeden Tag, damit Sie wissen, was Sie am nächsten Tag tun müssen, richtig? Planen Sie für morgen. Heute, okay, sehr, sehr mächtig. Und dann ist das nächste, was ich Ihnen empfehlen, dass Sie den Newsfeed installieren , der für Ihr Facebook-Profil ausgelöscht wurde, okay? Weil das deine Ablenkungen einschränkt. Also, wenn Sie hier auf meiner sehen, ich habe das hier installiert, was bedeutet, dass ich keine Anzeigen sehen kann. Und so schränkt es mich davon ab, auf Facebook auf meinem Computer zu gehen. Ja, also hab es auf meinem Handy. Eine andere Sache, die ich mit meinem Telefon mache, ist, dass ich es verstecke, was eine andere Sache ist, die ich empfehle. Wenn Sie arbeiten und versuchen, Dinge zu erledigen, hören Sie Gehirn dot fm, holen Sie Ihr Telefon und verstecken es irgendwo, oder legen Sie es in eine Art Schrank und eine Art von Zeichnung oder eine Art Schreibtisch, so dass es ist weg von dir. Es ist nicht leicht zugänglich, oder? Alles, was Sie tun müssen, ist es auf die Chrome-Erweiterung hier, installieren Sie das hier oben. Und so können Sie Ihren gesamten Newsfeed blockieren. Sehr, sehr mächtig. Und dann die andere Sache, die ich mit dir teilen wollte ist das Konzept des Batchings, okay? Dies ist, wo Sie im Wesentlichen blockieren einen Homosexuell oder eine bestimmte Gruppe von uns, wo Sie nur daran arbeiten, was Sie tun müssen, um zu tun. Und so erstelle ich zum Beispiel hier für mich selbst YouTube-Videos und versuche, sie drei, vier oder fünf Mal pro Woche zu posten . Jetzt erstelle ich meine Videos nicht. Am Tag des Wright. Ich nehme meine Videos an einem Tag auf. Also am Samstag, was ich tun werde, ist, dass ich den ganzen Tag blockiere , um nur YouTube-Videos aufzunehmen. Und unsere Rekord fünf oder sechs Videos sind das. Dann kann ich sie die ganze Woche rausstolpern, richtig? Und was mir erlaubt, ist, anstatt die Arbeit zu haben, Arbeit neu zu fokussieren, Arbeit neu zu fokussieren, richtig? Arbeit neu fokussieren. Anstatt diesen ganzen Prozess zu durchlaufen, kann ich jetzt einfach einen Tag blockieren, alles auf einmal niederschlagen lassen und dann freie Zeit haben, um zu tun, was ich will. Denken Sie also darüber nach, wie Sie dies zu Ihrem Vorteil nutzen können. Wie Sie Zeit oder sogar Tage blockieren können, an denen Sie sich nur auf eine Sache konzentrieren und Sie in der Lage sind, das auszuschalten und andere Aufgaben auszuführen. Das wird also für die Produktivitätstools hier sein, und wir sehen uns auf dem nächsten. 98. Orte für UX Jobs: In diesem Video gehen wir über die besten Orte, um UX und UI Job zu finden. Dies wird also hier eine Liste von mehreren verschiedenen Ressourcen sein , die Sie verwenden können, um ein tatsächliches Java zu finden. Das ist es, wonach du suchst. Sie gehen nicht unbedingt auf den Weg der Kundenberatung oder Freiberufler. Sie möchten in einem Team und einem Unternehmen in einem bestimmten Unternehmen arbeiten , das eine gute Erfolgsbilanz hat , die Ihnen einen stabilen und stabilen Job bieten kann. Und so lasst uns voran gehen und an die besten Orte springen, um Jobs zu finden. Der erste empfohlene Ort hier wird also glassdoor.com sein. Dies wird hier eine fantastische Quelle sein, weil man tatsächlich verschiedene Jobs nach ihrem Gehalt betrachten kann. Sie können sich verschiedene Positionen ansehen. Sie können sehen, was einige der Trends sind so weit wie diese bestimmte Position oder sogar Einstiegspositionen, oder? Viele verschiedene Profileinstellungen. Sie können sich verschiedene Jobs ansehen. Sie haben einen fantastischen Job-Suchfilter und es ist sehr einfach, auf die verschiedenen Positionen anzuwenden. Sie können Bewertungen von Unternehmen sehen. Das ist fantastisch, weil es Ihnen einen Überblick über die Art von Umgebung am Arbeitsplatz gibt , die Sie erwarten können, zu arbeiten, die Sie in diesem Unternehmen sehen können, oder? Geben Sie Ihnen eine wirklich gute Vorstellung von der Unternehmenskultur, so dass Sie nicht in eine Kultur gehen , in der Art von Umgebung begleiten , die möglicherweise nicht die beste Art von Umgebung für Sie haben, vor allem, wenn Sie gerade anfangen und nagelneu. Und das ist das Tool, das in vielen Ländern verfügbar ist. Unabhängig davon, wo Sie sich befinden, sollten Sie glassdoor.com verwenden können. Und es zeigt Ihnen das tatsächliche Gehalt pro Position. Also kannst du es dir ansehen, okay. Wie sieht diese Position genau hier aus, soweit die Anforderungen, die Beschreibung, was sind die tatsächlichen Gehaltssätze oder Sie werden in der Lage sein, all das direkt auf der tatsächlichen Seite zu sehen. Also der nächste hier wird einfach Hired.com sein. Dies ist ähnlich wie die Glastür. Sie verfügen jedoch nicht über so viele Funktionen. Sie haben nicht wie Firmenbewertung, Firmenbewertungen. Dies ist mehr wie eine aktuelle Jobbörse hier, Job-Website, wo Sie verschiedene Suchfilter suchen, wo Sie verschiedene Positionen, verschiedene Jobs haben, und Sie können den Suchfilter dort verwenden, um durch diese Positionen zu gehen. Und größtenteils haben sie das eigentliche Gehalt. Manchmal haben sie jedoch kein Gehalt. Und eines der Dinge, die im Hinterkopf behalten, ist, dass dies nur in den USA basiert, okay? Wenn Sie sich also in anderen Teilen des Landes befinden, können Sie Simply Hired.com nicht nutzen. Und der nächste hier ist indeed.com. Dies ist eine weitere großartige Ressource als auch. Viele verschiedene Profil-Einstellungen, detaillierte Job-Suchfilter, leicht in der Lage zu bewerben. Das wird in den USA ansässig sein, und deshalb musst du das im Hinterkopf behalten. Es zeigt Ihnen jedoch in der Regel die tatsächlichen Gehälter für jede Position an. Und dann haben wir die angel.com. Dies wird einer der besten Orte für Sie sein, hier zu kommen und nach Jobs bei Startups zu suchen. Denn nicht nur werden Sie in der Lage sein, Erfahrungen in einer Vielzahl von verschiedenen Bereichen zu sammeln, oder? Aber auch Sie werden in der Lage sein, etwas Eigenkapital in diesen Unternehmen zu bekommen und in der Lage sein potenziell einen erheblichen Betrag zu machen , wenn das Unternehmen tatsächlich verkauft wird oder wenn das Unternehmen austritt. So sehr eine großartige Gelegenheit für Sie, als jemand anzufangen, dessen brandneu, gerade erst angefangen hat etwas Erfahrung. Du hattest diese Schulung durchgemacht. Sie haben die Übungen durchgemacht, ein Logo erstellt, eine Website erstellt, all diese verschiedenen Dinge, die Sie tun konnten. Dies wird eine großartige Erfahrung für Sie sein, um hier reinkommen zu können, nach einem Start-up zu suchen, das irgendeinen Designer braucht, jemand in der Marketingabteilung. Und Sie können hierher kommen und in der Lage sein, potenziell eine Eigenkapitalbeteiligung am Unternehmen zu bekommen, sowie in der Lage, mit einer Vielzahl von verschiedenen Personen zu arbeiten und auch viele verschiedene Dinge innerhalb der Organisation zu tun. Und dann ist der letzte hier, der nicht aufgeführt ist, was in bereits bekannten durchaus üblich sein sollte, Linkedin.com. Das wird wahrscheinlich ein Jahr Top-Plätze sein, um Positionen zu finden, denn es wird so ziemlich jedes einzelne Unternehmen auf der Welt geben, das im professionellen Bereich auf LinkedIn ist, richtig? Und so oft haben nicht alle Jobs dort auch geschrieben. Manchmal werden sie nicht die Jobs auf LinkedIn haben und dann werden sie mögen, sagen wir, Glastür, obwohl Amman wie Simply Hired oder andere Plattform haben. Also für LinkedIn, stellt sicher, dass Sie in der Lage sind, dorthin zu gehen und verschiedene Unternehmen zu betrachten, gehen und schauen Sie sich verschiedene Bewertungen, bevor Sie tatsächlich Anwendungen einreichen , so dass Sie mit dem Unternehmen, das eine guten Ruf. Das wird also hier sein, um die besten Orte zu finden, um Jobs zu finden. Und wir sehen uns auf der nächsten.