UX/UI-Portfolio: Erstelle fantastische Fallstudien

1. Trailer: Oft bekomme ich diese Frage, wie finde ich Kunden? Oder noch besser, wie finden sie mich? Meine Antwort ist, erstellen Sie ein großartiges UX-Portfolio, das Ihre Arbeit zeigt und stellen Sie sicher, dass die Fallstudie wirklich auffällt. Hi. Mein Name ist Patricia Reiners. Ich bin UX/UI Designer mit Sitz in Berlin. Ich arbeite als freischaffender UX/UI-Designer kreiere interaktive Erlebnisse für die Zukunft, für Online, aber auch für mobile Apps. Ich war in der Lage, mit vielen Unternehmen wie Google oder Adobe zu arbeiten . Aber auch mit Start-ups, Agenturen und Unternehmensunternehmen auf der ganzen Welt. Meine Arbeit ist ständig auf der Suche nach neuen Wegen, um Probleme für die Zukunft zu erforschen , zu entwerfen und zu lösen. Ich liebe es, Wissen durch Vorträge, Workshops über die Zukunft des Erlebnisdesigns zu teilen. Ich mache auch Interviews für meinen Podcast namens Future of UX. Was mich in meiner Karriere wirklich vorangetrieben hat, war die Erstellung großartiger UX-Fallstudien, die wirklich für sich stehen und die Kunden anziehen, mit denen ich zusammenarbeiten möchte. Ich wurde mehrmals auf Behance vorgestellt, was mir wirklich geholfen hat, meine Arbeit zu fördern. Ich fühle mich zu 100 Prozent wohl, dass Sie genau das Gleiche tun können. Das werden Sie in dieser Klasse lernen. So entwerfen Sie beeindruckende Fallstudien, die die Kunden anziehen, mit denen Sie arbeiten möchten. Ich werde Sie durch alle Schritte führen, um eine atemberaubende UX-Fallstudie zu erstellen, die bereit ist, auf Ihrer Website, Behance oder anderen sozialen Netzwerken hochzuladen . Als Bonusmaterial werde ich Tipps geben, wo Sie Ihre Arbeit fördern und wie Sie Ihre Arbeit in sozialen Netzwerken und sehen können. Ich werde auch einige Geheimnisse darüber teilen, wie man Kunden bekommt. Diese Klasse ist ideal für UX/UI-Designer, die ihr Portfolio aufbauen und Kunden gewinnen oder einen Job in der Benutzererfahrung bekommen möchten. Dieser Kurs kommt mit einem digitalen E-Book , einem interaktiven PDF, oder Sie können ausdrucken und das Sie durch den Kurs und durch die verschiedenen Aufgaben führt. Es gibt auch Vorlagen für Sie, die Ihnen helfen, Ihre UX-Fallstudie zu erstellen. Dieser Kurs kommt auch mit zwei Mockups, die bereit sind, sich für Ihre Fallstudie zu gewöhnen. Ich bin wirklich aufgeregt, dass du dieser Klasse beitrittst. Lasst uns anfangen. 2. Was brauchst du?: Hallo und willkommen zu diesem Kurs: wie man atemberaubende UX-Fallstudien erstellt. Ich bin super froh, dass Sie sich für diesen Kurs anmelden. Bevor wir anfangen, möchte ich ein paar Informationen teilen, die für Sie wirklich hilfreich sein werden. Erstens, was Sie tatsächlich brauchen, um diese Fallstudien zu erstellen, und die zweite Sache ist, was Sie tatsächlich bekommen. Also alle Ressourcen, die ich bereits vorbereitet für Sie, um alle Schritte entlang zu folgen. Ich habe verschiedene Aufgaben in den Kurs integriert, so dass es Ihnen leicht sein wird, mitzuverfolgen und auch Ihre Fallstudien auf der Website dieses Kurses zu erstellen. Das erste, was Sie brauchen, ist eine Art Designprogramm, mit dem Sie die verschiedenen Schritte Ihrer UX-Fallstudie entwerfen können . Verwenden Sie das Programm, das Sie mögen. Ich kann Ihnen empfehlen Photoshop, Illustrator oder es wird XD sein. Ich habe auch eine Vorlage in Adobe XD erstellt, die Sie kostenlos herunterladen und verwenden können. Dies wird Ihnen helfen, loszulegen. Das zweite, was Sie brauchen, ist ein Projekt zu präsentieren und zu verwerten, das Sie in die Fallstudie integrieren werden. Ich habe ein Arbeitsblatt, eine Fallstudienarbeitsmappe für Sie vorbereitet , so dass es Ihnen leicht fällt, die Schritte zu befolgen. Es ist auch ein digitales eBook, so dass Sie es nicht wirklich ausdrucken müssen. Natürlich, zögern Sie nicht, es auszudrucken, wenn Sie wollen, aber Sie müssen nicht. Sie können einfach die interaktive Version verwenden, da alle Eingabefelder interaktiv sind. Verwenden Sie das als eBook. Laden Sie alles herunter, was Sie brauchen; die Software oder die Ressourcen, die Sie von meiner Seite bekommen und dann sind Sie bereit, diesen Kurs zu starten. 3. Umriss: Was werden wir in diesem Kurs machen? Lassen Sie mich ein paar Dinge erzählen, bevor wir anfangen. Zuerst werden wir über UX-Fallstudien sprechen. Was sind UX-Fallstudien? Was ist wichtig und wie kann man Storytelling in Ihre Fallstudien integrieren? Dann werden wir über den Umriss sprechen. Wie können wir tatsächlich Konturen erstellen und von all den Dingen, die wir in einem UX-Projekt getan haben, gesucht. Danach werden wir sehr ausführlich über die einzelnen Schritte sprechen und wie Sie sie in Ihren Fallstudien in Ihrem Portfolio präsentieren können. Am Ende werden wir über das Layout sprechen. Wie man das tatsächlich arrangiert, wie man Visuals erstellt, wie man mit Mockups kommt, könnte immer noch so ein PNG oder auch einige animierte Mockups und Animationen und Videos sein, also werden wir auch darüber reden. Am Ende werde ich einige Bonusinformationen darüber teilen, wie Social Media in Ihre UX-Fallstudien bereitstellen oder integrieren können. So erstellen Sie Inhalte für soziale Medien, wie Sie Ihre Arbeit dorthin bringen, wie Sie Netzwerk verbinden und wie Sie Kunden bekommen. 4. Einführung: Oftmals denken wir, dass die Notenarbeit für sich steht. Aber aus meiner Erfahrung, den Prozess zu zeigen, den Sie durchgemacht haben Ihre einzigartigen Fähigkeiten zu präsentieren und eine überzeugende Fallstudie zu erstellen, macht wirklich den Unterschied, erfolgreich zu werden und mit den Kunden zu arbeiten, von denen Sie gerade träumen. Ein Portfolio hat in den letzten Jahren von einem netten zu einem Must-Have bekommen. Ihr Online-Portfolio kann als Ihre persönliche Marke angesehen werden. Kunden finden Sie durch Ihre Online-Arbeit und es zeigt Ihren Stil, Ihre Erfolge, und können Ihnen helfen, die Arbeit zu bekommen, die Sie jetzt tun wollen. Alles, was Sie wirklich für diese Klasse benötigen, ist ein Projekt, das Sie abgeschlossen haben, denn wir werden dieses Projekt verwenden, um eine Fallstudie zu erstellen. Schritt für Schritt führe ich Sie durch die verschiedenen Phasen und am Ende dieser Klasse wird es bereit sein, in Ihr Portfolio aufzunehmen. Wenn Sie noch kein Projekt haben, das Sie gerade abgeschlossen haben, machen Sie sich keine Sorgen. Diese Klasse wird immer noch sehr vorteilhaft für Sie sein, denn wenn Sie lernen, wie Sie eine Fallstudie erstellen, werden Sie wissen, wie Sie in der Zukunft bauen können, und es wird einfacher für Sie sein, sie von Anfang an zu dokumentieren und zu sammeln die richtigen Informationen frühzeitig, wenn Sie Ihr nächstes Projekt durchführen. Ich habe auch ein Arbeitsblatt für Sie vorbereitet, das Sie durch die Klasse führt und Ihnen bei den Übungen hilft , die ich in dieser Klasse erstellt habe. Was sind Fallstudien? Sie sind in der Regel sehr wichtig, um Sie zu engagieren, denn Fallstudien sind ein Fenster für Ihre berufliche Praxis und zeigen, wie Sie denken, anpassen, kooperieren und letztlich Herausforderungen lösen. Eine UX-Fallstudie muss eine Geschichte über Sie erzählen. Wie alle guten Geschichten profitieren Fallstudien sehr von einer soliden Struktur, die den Leser durch Ihr Denken und Ihre Erfahrungen und Ihre Probleme und Dinge wie diese führt . In dieser Klasse werden wir erforschen, wie man die perfekte Struktur für eine UX-Fallstudie herstellt. Diese Klasse ist in der Regel für alle, Anfänger bis Fortgeschrittene, alle, die lernen wollen, wie man Fallstudien erstellt , die wirklich von der Masse abheben und Ihnen helfen, Kunden zu bekommen. Diese Klasse wurde speziell für UX/UI-Designer entwickelt, aber UX-Forscher oder Grafikdesigner werden es immer noch sehr vorteilhaft finden. jetzt etwas Mühe in Ihr Portfolio setzen , wird einen sehr großen Unterschied während Ihrer Karriere machen. Hier sind ein paar Zitate, die ich auf der Nielsen Norman Group Website von Recruitern aus großen und kleinen Unternehmen gefunden habe . Mal sehen, was sie sagen, denn das ist wirklich interessant. Das erste Zitat stammt von Melissa Perri. Sie ist Produktmanagerin und UX Designerin bei Produx Labs. „ Ich möchte sehen, wie Sie strategisch denken, wie Sie die Punkte miteinander verbunden haben, um an der richtigen Lösung zu landen. Wie sieht Ihr Prozess aus? Welche Schritte haben Sie ergriffen, um mehr über Ihre Benutzer zu erfahren?“ Das zweite Zitat stammt von Rebecca Levi. Sie ist UX/UI Product Designerin, Recruiting Manager bei Joanne Weaver Group. „ Storytelling ist wichtig. Der Interviewer möchte Ihren Prozess, Ihren Beitrag zum Team und dieFunktionsweise Ihres Geistes verstehen Ihren Beitrag zum Team und die .“ Ich liebe dieses dritte Zitat von Tom Cotterill. Er ist UX Recruiter bei Source FL. „ Mit einem starken Portfolio, in dem Sie durch Ihren gesamten Prozess sprechen können, nicht nur Forschung, Benutzerflüsse, Wireframes usw. zeigen , sondern es in eine Geschichte verwandeln, zum Beispiel, warum Sie auf jeden Teil des Prozesses umgezogen haben, so ein Personalmanager kann wirklich in Ihren Denkprozess einsteigen.“ Es gibt definitiv einige Muster hier. Recruiter sowohl aus großen als auch aus kleinen Unternehmen sind sehr interessiert an der gleichen Sache, an Ihrem Denken und Ihrem persönlichen Prozess. Sie möchten, dass Sie eine Geschichte darüber erzählen, wie Sie frühere UX-Herausforderungen und Probleme angegangen haben und wie Sie tatsächlich die gesamte Lösung entwickelt haben. UX-Fallstudien in Ihrem Portfolio sind Ihre erste Gelegenheit, Recruitern Ihre Geschichten zu erzählen und zu erklären, wie Sie Probleme denken und lösen. Diese Geschichten müssen greifbar sein, damit Personalvermittler mehr über Ihre Arbeit und Sie erfahren möchten. Die zweite wirklich wichtige Sache ist das Medium. Ich kann generell eine Website empfehlen, damit die Leute Sie online finden können. In welcher Situation auch immer Sie sind, Sie werden es immer bei sich haben und es ist wirklich einfach für die Leute, das zu finden. Sie können eine gemeinsame Website verwenden, die sich selbst genannt wird oder einen Entwickler fragen. Sie können das auch in sozialen Netzwerken wie Behance hochladen, Adobe Portfolio verwenden, zum Beispiel, und dann haben wir einige andere Anbieter wie Squarespace oder Wixx, und nicht zu vergessen Wordpress, wo Sie einige Vorlagen zu verwenden haben. Wir werden am Ende dieser Klasse ein bisschen mehr darüber reden. Im Allgemeinen sind Portfolios sehr unterschiedlich, hängt davon ab, welche Art von Designer Sie sind, was Ihre Stärken sind und was am wichtigsten ist, was Ihre Ziele sind. Das ist wirklich wichtig, im Hinterkopf zu behalten. Bevor wir anfangen, sollten wir uns zu 100 Prozent sicher sein, was unsere Ziele erreichen und was unser Portfolio tatsächlich erreichen sollte. Meine Empfehlung ist, überprüfen Sie die aktuellen Stellenbeschreibungen, die Sie erhalten möchten. Was wollen sie? Welche Anforderungen haben sie? Sie können sie wirklich leicht auf LinkedIn finden. Stellen Sie sicher, dass Sie wissen, was Sie in Ihr Portfolio aufnehmen sollen, damit Sie diese Fallstudien leichter erstellen können. Ganz gleich, ob Sie einen Vollzeitjob suchen oder eine Arbeit als Freelancer für UX/UI Designer suchen. Hier kommt die Aufgabe. Bevor wir mit der Fallstudie beginnen, versuchen Sie, diese Fragen zu beantworten. Was ist Ihr idealer Job? Welche Art von Jobs würde Ihnen die Erfahrung bringen, die Sie wollen? Was können Sie einem Unternehmen mitbringen? Welche Anforderungen haben sie im Moment tatsächlich? Lasst uns loslegen. 5. Was ist eine Fallstudie?: Was ist eine Fallstudie? Generell besteht ein Portfolio aus mehreren Projekten und Sie zeigen diese Projekte, die durch Fallstudien bearbeitet wurden, wo Sie ein wenig mehr über den gesamten Prozess erklären, den Sie durchgemacht haben. Eine Fallstudie kann als eine Art Projekt oder eine Art Geschichte dieses Projekts angesehen werden. Es zeigt die Details Ihres Projekts von Punkt A, der normalerweise der Anfang ist, bis Punkt B, der tatsächlich das Endergebnis ist. Speziell für UX-Projekte ist der Prozess super, super wichtig. Eine Fallstudie gibt Ihnen die Möglichkeit, den Prozess, dieAnforderungen, die Sie haben, die Ziele, die Herausforderungen,aber auch die Forschung, die Sie durchgeführt haben, aufzuzeigen Anforderungen, die Sie haben, die Ziele, die Herausforderungen, . Warum brauchst du das alle? Wenn Sie einen Job bekommen möchten, könnte es eine Vollzeit-Position sein oder sogar als freiberuflicher UX-Designer arbeiten, Personalmanager erwarten, dass Sie ein Portfolio an Fallstudien haben. Für Kunden oder Personalmanager ist es wirklich wichtig zu verstehen, wie Sie Probleme lösen, wie Sie denken, wie Sie Herausforderungen lösen und solche Dinge. Besonders heutzutage ist es wirklich wichtig, sich als Designer hervorzuheben , denn es gibt so viele Designer in allen sozialen Netzwerken, auf so vielen Websites. Fallstudien sind auch sehr hilfreich für Vorstellungsgespräche. Wenn Sie über Projekte sprechen müssen, die Sie vor ein paar Jahren durchgeführt haben, müssen Sie sich nicht an alle anderen winzigen Details erinnern , aber Sie haben alles bereits in einer Fallstudie strukturiert, so dass Sie sie einfach durch Ihre Fallstudie und Erklären Sie ein wenig. Was brauchen Sie jetzt für eine Fallstudie? Zuerst benötigen Sie ein Projekt, und zweitens benötigen Sie Assets. Überprüfen Sie, welche Art von Ressourcen Sie bereits haben. Das könnten Skizzen oder Bilder oder Drahtbilder sein, alles, auch Fotos, alles , was uns helfen wird, den Prozess zu präsentieren, den Sie durchgemacht haben. Natürlich wird dies von dem Projekt, das Sie getan haben, abweichen; die verschiedenen Schritte, die Sie durchlaufen haben. Im Allgemeinen kommen Fallstudien in vielen Formaten, Portfolio in vielen Formaten und vielen Größen. Das könnte ein PDF sein, das könnte eine Webseite oder eine Website oder andere soziale Netzwerke sein. Es ist also wirklich hilfreich, im Voraus eine Vorstellung über das Format zu haben. Es ist wirklich anders, wenn Sie das als PDF oder eine Website erstellen. Stellen Sie also sicher, dass Sie bereits darüber nachdenken , wie Sie diese Fallstudien im Voraus präsentieren möchten. Lassen Sie uns das wirklich kurz zusammenfassen, was wichtig ist, in einer UX-Fallstudie hervorzuheben. Denken Sie zuerst darüber nach, was Personalvermittler eigentlich wollen. Sie brauchen Unterstützung für ein Team für ein bestimmtes Problem, und so suchen sie jemanden, der in der Lage ist Probleme zu lösen und das Team zu unterstützen. Dann denken Sie an die Erfahrung, die Sie haben. Sie müssen eine Geschichte über Ihre eigenen Erfahrungen, Ihre eigene berufliche Karriereerzählen Ihre eigene berufliche Karriere und wo Sie sich gerade jetzt in Ihrer Karriere befinden. Sehr wichtiger Punkt ist die Lösung von Problemen. Zeigen Sie, dass Sie in der Lage sind, die Probleme für das Team zu lösen. Wir werden ein wenig ausführlicher darüber reden, wie das in den nächsten Videos zu tun ist. Aber das ist ein sehr, sehr wichtiger Punkt, den man im Auge behalten muss. Eine andere Sache, die ich wirklich empfehlen kann , ist, dass man auch über die anderen sozialen Netzwerke nachdenkt oder auch Visuals für andere soziale Netzwerke erstellt. Das ist es, was wir auch in dieser Klasse tun werden. Wir werden Visuals für andere soziale Netzwerke erstellen, so dass Sie in der Lage sind, das Wort auf verschiedenen sozialen Kanälen zu verbreiten und sie alle mit Ihrem Portfolio zu verknüpfen. 6. Arbeiten zum Präsentieren auswählen: Meine Empfehlung ist, nur die Arbeit zu zeigen, auf die Sie wirklich stolz sind, also legen Sie nicht alles in Ihr Portfolio. Wenn Sie mehr von einem bestimmten Stil tun möchten, stellen Sie sicher, dass Sie diesen Stil dort wirklich hervorheben. Es ist wirklich wichtig zu bedenken, dass Kunden oder Personalvermittler Ihre Fähigkeiten basierend auf der Arbeit beurteilen , die Sie in Ihrem Fall zeigen, die in Ihrem Portfolio ist. Ich liebe das Zitat von Anton und Irene : „Steck keinen Mist in dein Portfolio, sonst werden Kunden dich für Mist einstellen.“ Das stimmt zu 100 Prozent, auch aus meiner Erfahrung. Wenn Sie sich für ein Projekt entscheiden, möchten Sie Ihre Fallstudie erstellen, wählen Sie diejenige, die Ihren Traumkunden am nächsten ist oder auf die Sie wirklich stolz sind. Am Ende ist es eine wirklich richtige Menge, um fünf Projekte zu haben, also besser ein paar großartige Projekte als ein Dutzend einfach in Ordnung oder mittelmäßige Projekte. Stellen Sie sicher, dass Sie nur Ihre beste Arbeit in Ihr Portfolio setzen. Eine wirklich wichtige Frage: Was können Sie tun, wenn Sie gerade kein Projekt haben? Hier sind ein paar Empfehlungen. Zuerst können Sie eine vorhandene App oder einen Webdienst neu gestalten. Es könnte Spotify sein, es könnte eine Food Delivering App sein, egal welche App Sie im Moment haben, also einfach etwas neu gestalten. Sie könnten ein neues Produkt erstellen, ein neues Projekt eines Problems, das Sie jeden Tag haben, und ein wenig über die Zukunft nachdenken, so ein Problem für die Zukunft zu lösen. Du könntest auch ein Schulprojekt benutzen. Wenn Sie direkt außerhalb der Schule oder Universität sind, nutzen Sie einfach das Projekt, das Sie dort entwerfen, oder Sie könnten zum Beispiel etwas kostenlos für eine gemeinnützige Organisation entwerfen und sie mit Ihren Designfähigkeiten unterstützen. 7. Beispiele: Werfen wir einen Blick auf ein paar Beispiele. Ich denke, es ist super, super hilfreich, Portfolios, die Sie mögen, zu überprüfen und etwas Inspiration zu bekommen. Es gibt ein paar Seiten, die ich Ihnen empfehlen kann, um zu überprüfen. Zuerst: Beste Folios, dann Awwwards mit drei Ws und Behance. Werfen wir einen Blick kurz darüber, was sie anbieten. Lassen Sie uns die besten Folios haben, und sie haben viele verschiedene Portfolios. Sie können sogar nach bestimmten Bereichen suchen. Wir werden nach UX UI und verschiedenen Portfolios suchen und sie überprüfen, wo sie angegeben haben, vielleicht sogar, wie sie auch Visuals entwickelt haben. Was Sie hier sehen können, ist, dass Menschen eine Menge Informationen teilen. Viele Einblicke über die Recherchen über die verschiedenen Bühnen und Wireframes, sogar einige frühe Skizzen, die interessant sind, und auch einige Animationen dazwischen. Auch ein wenig Text, in dem sie die Dinge etwas tiefer erklären, so dass es für den Benutzer einfacher ist zu verstehen, was los ist. Auch einige Videos mit einigen frühen Wireframes, würde ich sagen. Wie Sie sehen können, gibt es am Ende einige Takeaways, so wirklich schöne Fallstudie, obwohl der Fokus nicht so sehr auf den visuellen Bereich außerhalb. Werfen wir einen kurzen Blick auf Behance. Das ist wirklich coole Seite für alle Arten von Projekten. Dort finden Sie fantastische Inspiration. Sie können einfach durch die Website blättern oder zu Discover gehen und dann nach Ihren XI-Fallstudien suchen. Ganz oben können Sie nach bestimmten Bereichen suchen. Adobe XD, zum Beispiel, oder wir werden nach Interaktion suchen, weil dort finden Sie alle mobilen Projekte, und dieser Bereich sind bereits die geförderten Bereiche. Einige Leute werden dort vorgestellt, einige Projekte werden dort vorgestellt. Je besser Ihr Projekt auf Behance ist, Sie Fallstudien sind, desto höher ist Ihre Chance, vorgestellt zu werden. Was Sie auf Behance sehen können, ist, dass all diese Fallstudien in der Regel sehr visuell mit vielen Details gestaltet sind , und es ist super ansprechend für das Auge, nur das anzusehen. Sie können sehen, dass diese Person alle einzelnen Schritte des Prozesses integriert, aber der gesamte Text, es ist sehr, sehr visuell, was hilfreich ist. Sie können sehen, dass es auch einige Animationen, Videos, die zwischen der Fallstudie integriert sind , oder hier am Ende, um das Endprodukt zu sehen. Sie können die Interaktion sehen, und die Sozialen sind auch hier verknüpft. Dort unten können Sie auch die anderen Projekte sehen. Werfen wir einen Blick auf ein anderes Projekt. Hier können Sie sehen, dass es super gut strukturiert ist über die Verantwortlichkeiten oder die Rolle dieser Person wirklich hatte, die Designkomponente, den Designprozess. Sehr, sehr visuell und super gut strukturiert über die Marktforschung und die Roadmap und Wireframes. Andere verschiedene Schritte, auch Designsysteme und Interface-Erfahrungen als auch. Viele Spot-Apps. Kannst du hier eine Menge Text sehen, der super nett und interessant ist. Beide dieser Projekte wurden dort vorgestellt. Das Tolle ist, wenn Sie dort vorgestellt werden, haben Sie eine wirklich hohe Möglichkeit, dass Kunden Sie finden, und Sie bekommen eine Menge [unhörbar] Das ist das Gute in Behance Fallstudie. Es ist einfacher für Kunden, Sie zu finden. Eine andere Sache ist die Awwwards-Website. Das ist wirklich cool, dass Sie tolle Websites finden, um etwas Inspiration zu bekommen, aber auch ein paar Portfolio-Websites. Ich habe das gerne von Zeit zu Zeit überprüft. Normalerweise findet man dort super ausgefallene Portfolios. Aber wir werden uns ein wenig mehr auf die Fallstudie konzentrieren, also nicht so sehr auf all die coolen JavaScript-Animationen, die Sie dort sehen, sondern wirklich auf die verschiedenen Projekte, und da sind sie. Fangen wir mit dem ersten an. Du kannst super nett sehen. Sie beginnen mit wirklich großen visuellen, erklären alles, haben einen wirklich schönen Einführungsbereich dort. Mehr Visuals, teilen Sie die kurze als auch, und integrieren Sie auch verschiedene Visuals, und halten Sie es super, super prägnant, was ich denke, ist auch wirklich genial. Dann sehen Sie am Ende das Ergebnis, die Geschäftsergebnisse. Hier ist eine weitere Fallstudie, sie ist sehr ähnlich. Sie können hier sehen, wir wählen Bilder, die schön ist. Einige Videos, um die Interaktionen zu unterstützen. Es ist wirklich schön, das auch zu sehen. Einige Hinweise auf die Herausforderung und mehr Visuals als auch. Einige mischen sich zwischen Text und Video. haben wir auch überprüft. Ich kann Ihnen empfehlen, einfach online zu gehen, ein paar Portfolios, Websites von Leuten, die Sie mögen, und lassen Sie sich inspirieren, bevor wir loslegen. 8. Macht des Geschichtenerzählens: Die Macht des Geschichtenerzählens. Vielleicht fragen Sie sich, was am Storytelling so interessant ist und worum es eigentlich geht, die UX-Fallstudie. Aber das Interessante am Geschichtenerzählen, dass, wenn man in unsere Geschichte unserer Spezies zurückblickt, Geschichten immer eine wirklich wichtige Rolle in unserer Gesellschaft gespielt haben. Wählen Sie jederzeit und jeden besiedelten Ort auf dem Planeten und machen Sie einige Erforschung dieser Kultur während dieser Ära, wird dies als eine Tatsache tragen. Das Interessante ist, dass die Menschen Informationen viel besser verstehen und sich daran erinnern , wenn sie in einer Art Geschichte organisiert sind. Das ist etwas, was unsere großartigen Vorfahren tatsächlich getan haben. Sie saßen um ein Feuer herum, erzählten Geschichten, um sich an bestimmte Tatsachen zu erinnern oder Geschichten zu erzählen. So geben wir für uns durch Storytelling Informationen und Lektionen von Generation zu Generation weiter. Einige dieser Geschichten sind fiktiv, andere sind eine Art von wahren Ereignissen. Wir nutzen Geschichten nicht nur um zu lernen, sondern auch Spekulationen und Möglichkeiten zu erforschen. Sie sind eine gute Möglichkeit, Sie zu fragen, was, wenn Fragen Leben und mögliche Antworten auf diese zu finden. In der Tat, wenn wir uns einige UX-Methoden ansehen, haben wir User Stories oder Storyboarding, was bekannt ist und auch eine Art von Storytelling-Methoden ist. Schauen wir uns sehr schnell an, wie Geschichten generell strukturiert sind. Die meisten Geschichten sind so strukturiert. Sie haben eine Art Einleitung. Dann tatsächlich tritt das Problem auf. Sie haben eine steigende Aktion. Sie haben einen Höhepunkt und dann haben Sie die Auflösung. Also kommt die Lösung wirklich folgende Aktion und dann das Ende. Wir können diese Art von Muster auch in unsere UX-Fallstudien integrieren , oder in fast alles, was wir für Kunden tun oder wo wir auch Geschichten integrieren wollen. Ich denke, was wirklich wichtig ist, um die Geschichte zu verstehen, ist, dass sie immer einen Anfang haben, sie haben einen mittleren Teil, und sie haben auch eine Art Ende. Generell haben Geschichten die Fähigkeit, starke emotionale Reaktionen hervorzurufen. Sie sind ein immersiv mächtiges Werkzeug, das Menschen miteinander verbinden und auch bestimmte Dinge über Methoden, über die Art und Weise, wie Sie denken, über Problemlösung und solche Dinge erklärenkann auch bestimmte Dinge über Methoden, über die Art und Weise, wie Sie denken, über Problemlösung und solche Dinge erklären über die Art und Weise, wie Sie denken, . Wenn Sie in naher Zukunft nach einem UX-Job suchen, schauen wir uns an, wer Sie wahrscheinlich einstellen wird. Wahrscheinlich ein Unternehmen oder ein Kunde, und beide haben ein sehr spezifisches und unmittelbares Bedürfnis im Auge. Um ein neues Mitglied zu finden, das seinem UX-Team beitreten , suchen sie jemanden, der eine Inspiration und Talent mitbringt, kann, suchen sie jemanden,der eine Inspiration und Talent mitbringt,und der hart arbeiten kann und gut in das Team passt und dem Team helfen wird bessere Arbeit zu produzieren. Was für sie wirklich wichtig ist, ist vor allem alles rund um die Problemlösung. Ganz einfach, indem sich die Bewerberportfolios durchlaufen, stellen sich Personalvermittler unbewusst eine Frage. Was wäre, wenn diese Person dem Team beitreten würde? Wie wäre es, mit diesem Team zusammenzuarbeiten? Wird es dem Team wirklich helfen? Für Sie, eine großartige Geschichte über Ihre eigene Erfahrung als UX-Profi zu erzählen, gibt ihnen eine Art von Glauben oder Highlights, die etwas haben, das ihnen hilft, die Art und Weise, wie Sie denken, wirklich zu verstehen, und wenn Sie eine große passen in diese UX Team. Es hilft ihnen auch, die Art und Weise zu sehen, wie Sie durch Ihre Augen arbeiten, so der Prozess. Sie werden hoffentlich jemanden erkennen, der wirklich klug war und in der Lage , schwierige Herausforderungen zu bewältigen und sich wirklich gut in das Team integrieren zu können. Also ein wirklich großartiger Designer, der in der Lage ist, böse Probleme zu lösen. Das ist wirklich wichtig, um das in Ihrem Portfolio zu zeigen und das in der Geschichte hervorzuheben , die Sie mit Ihren UX-Fallstudien erzählen. 9. Verwandle in eine Geschichte: Jetzt haben wir über Storytelling gesprochen und was so interessant ist , das in Ihre Fallstudien zu integrieren. Die Frage ist jetzt eigentlich, wie können wir unsere UX-Fallstudien in eine Geschichte verwandeln? Da wird es wirklich interessant. Ich fand dieses wirklich tolle Zitat von Orson Scott Card. Er ist ein amerikanischer Science-Fiction-Schriftsteller. „ Ideengeschichten sind über den Prozess der Suche und Entdeckung neuer Informationen durch die Augen von Charakteren, die dazu getrieben werden, die Entdeckungen zu machen. Die Struktur ist sehr einfach. Die Ideengeschichte beginnt mit einer Frage; sie endet, wenn die Frage beantwortet wird.“ Lassen Sie uns das als Inspiration behalten und schauen Sie auf die Struktur eines Geschichtenerzählens. Wir haben bereits über diese Struktur gesprochen, also wie können wir das jetzt in eine UX-Fallstudie integrieren? Indem Sie mit einem Anfang, einem Prozess und einem Ende beginnen . Am Anfang werden wir ein wenig über den Kontext, die Ziele und diese Dinge sprechen und der mittlere Teil wäre über den Prozess, die verschiedenen Methoden, Skizzen, Drahtbilder für alles. Was wir brauchten, um bis zum Ende zu kommen, und wir werden auch über das Endprodukt und die in unseren Ergebnissen gewonnenen Erkenntnisse sprechen . Im Allgemeinen versuchen wir jetzt, diese Dinge zu kombinieren, das Storytelling in der UX-Fallstudie und die UX-Fallstudie [unhörbar]. Wir haben auch einen Anfang einer UX-Fallstudie, die den Kontext, was vor sich geht, und alle grundlegenden Informationen erklärt . All die Dinge, die ein Recruiter im Grunde wissen will, was wie die Ziele und Visionen ist , und Herausforderungen von Anfang an und vielleicht auch einige Hintergrundinformationen. Dann müssen wir auch verarbeiten, es war der Hauptteil der UX-Fallstudie. Im Prozessteil werden die Schritte erläutert, die Sie unternommen haben, um von den Fragen vom Anfang bis zur Lösung am Ende zu gelangen. Es hebt alle Aktivitäten hervor, die Sie ergriffen haben, und es veranschaulicht diese Aktivitäten, Beweis für alle Vermögenswerte, die Sie haben. Es könnten Skizzen sein, Fotografien sein, Diagramme oder andere Design-Artefakte sein oder Regeln liefern, die Sie erstellt haben. Denken Sie daran, den Prozess wirklich zu zeigen. Denn das ist es, was wirklich den Unterschied ausmacht und Ihnen wirklich helfen wird, sich hervorzuheben. Weil es vielen Designern nicht wirklich schlecht geht. Betonen Sie die Interaktionen und die Herausforderungen, die Alternativen und die Iterationen, den Entscheidungspunkt und vielleicht einige Konflikte, die Sie vielleicht haben. Sie sollten immer mit einigen beginnen, natürlich, die Forschung, die [unhörbar] ein Problem, zum Beispiel. Ein wirklich guter Punkt ist eigentlich, man könnte Persona zeigen und hier eine Reisekarte verwenden, um Dinge wie diese zu illustrieren , und die man dort findet. Natürlich hängen alle diese Schritte sehr stark von dem Projekt ab, das Sie getan haben, von der Rolle, die Sie übernommen haben, und von der Rolle, die Sie übernommen haben. Wir werden ausführlich über all die verschiedenen Schritte sprechen und wie wir das erklären können. Was sollten Sie integrieren und auch, wie Sie das in einer sehr verdichteten Art und Weise erklären. Aber ich denke, was wirklich hilfreich für Recruiter ist auch, hervorzuheben und sicherzustellen, dass Sie die Lektionen, die Sie über Ihre Erfahrungen gelernt haben, hervorheben , einige Takeaways, was ich persönlich auch super hilfreich finde. Am Ende ist eine UX-Fallstudie ein Ereignis, das Sie zur Entdeckung von etwas neues Wissen führte , also die Antwort auf das UX-Problem. Denken Sie daran, dass die Personalvermittler ihre „Was wäre wenn“ -Frage beantworten müssen. Was ist, wenn diese Person Sie ins Team bringt? Wäre es hilfreich? Was würde diese Person tatsächlich zu unserem Team bringen? Generell strukturieren Sie Ihre UX-Fallstudie. Sie rasieren einige Anfang, die Idee, und dann erweitern Sie den Prozess und dann am Ende. Vergessen Sie nicht, sich daran zu erinnern, dass es für den Recruiter wichtig ist, den Prozess durch Ihre Augen zu sehen und dass Sie wirklich Ihre einzigartigen Fähigkeiten unterstreichen und was Sie als Designer wirklich einzigartig macht. Ihre Fallstudie zeigt, wie Sie Probleme lösen, wie wir denken, es ist ein Demonstrator des Prozesses und kritische Reflexion, anstatt zum Beispiel nur das Endprodukt und perfekte Visuals zu zeigen. Wir werden wirklich kurz darüber sprechen, welche Inhalte eigentlich für jeden Teil geeignet und wie man das in der nächsten Woche oder so strukturieren kann. Es wird leicht für Sie sein, den Inhalt selbst auf der Website zu produzieren. Lassen Sie uns das wirklich kurz zusammenfassen. Denken Sie daran, dass Personalvermittler ihre „Was wäre wenn“ -Frage beantworten müssen. Was wäre, wenn diese Person dem Team beitreten würde? Wie wäre es, mit dieser Person zu arbeiten? Das sind die Fragen, die Personalvermittler oder Personen, die Sie einstellen, tatsächlich im Sinn haben. Punkt Nummer 2 ist die Strukturierung. Stellen Sie sicher, dass der Fokus wirklich auf der Idee liegt, so dass es für Recruiter leicht ist , die Art und Weise zu verstehen , wie Sie denken und die Welt mit Ihren Augen sehen. Dann die Problemlösung. UX geht es so viel um Problemlösung. Ihre Fallstudie sollte zeigen, wie Sie Probleme lösen, wie Sie denken. Sie können dies demonstrieren, indem Sie Ihren Prozess zeigen und wie Sie tatsächlich mit Ihrer Lösung gekommen sind. Dann die Struktur. In jeder Fallstudie gibt es drei Teile. Es ist der Anfang des Prozesses, und die Schlussfolgerung und das Ende. Es ist wirklich wichtig zu wissen, welche Dinge dort zu integrieren sind, und wir werden in den nächsten Videos sehr ausführlich darüber sprechen. Notieren Sie sich, schreiben Sie alles für Ihre Fallstudie und verwenden Sie ein Arbeitsblatt, das ich für Sie vorbereitet habe. 10. Umriss: Erstellung einer Skizze ist ein wirklich wichtiger erster Schritt, Ihnen hilft, die Fallstudie zu strukturieren und strategisch ohne zu viel Stress aufzubauen , weil Sie genau wissen , was Sie integrieren wollen und was Sie eigentlich brauchen. Dann verhält sich das Tier wie ein Nordstern, der diese Fallstudien erstellt. Am Ende wird es viel Arbeit brauchen, so manchmal ist es wirklich wichtig, einen Schritt zurück zu gehen und sicherzustellen, dass Sie nicht in Details verloren gehen, aber Sie wissen tatsächlich, was Sie erstellen möchten. Ein ziemlich grundlegender Umriss sieht so aus. Zuerst beginnen Sie mit dem Anfang, also das Intro, die kurze. Sie geben die Projektbeschreibung an, woran Sie tatsächlich gearbeitet haben. Sie enthalten einige Informationen über die Rolle, die Sie spielen, und auch die Problemaussage. Was war eigentlich das Problem, das Sie dort zu lösen versuchen und was war es, das Sie tatsächlich zu erreichen versuchten. Was wirklich wichtig ist, um auch zu integrieren, ist die Herausforderung, also was war herausfordernd, was war ein sehr schönes Problem oder eine Herausforderung, die Sie konfrontiert waren. Auch einige Hintergrundinformationen; es könnte sich um den Umfang oder die Zielgruppe handeln. Dann beginnen Sie immer mit dem Prozessteil , der der wichtigste Teil ist. Dort können Sie denken, was für Dinge Sie getan haben. Es könnte zuerst sein, Forschung, also reden Sie über die Forschung, die Sie getan haben, welche Methoden, was die wichtigsten Ergebnisse waren. Auch über die Konzepte oder einige frühe Skizzen, einige Low-Fidelity-Wireframes, einige High-Fidelity-Wireframes, und auch andere Konzepte, die Sie dort getan haben. Auch einige Design-Iterationen, die Sie getan haben, das Testen. Fügen Sie Ihre Tests dort ein, vielleicht sogar mehrere Testrunden, und natürlich die Ergebnisse oder das Endprodukt. Die Aufgabe für Sie ist es jetzt, einige Post-its zu nehmen und alle Elemente aufzuschreiben, die Sie in Ihre Fallstudie integrieren möchten, und sie auch bereits zu bestellen und dass wir eine Geschichte haben. Dann das nächste Video, werde ich Ihnen zeigen, wie ich einen Umriss für eines meiner Projekte strukturiere damit Sie sehen und sehen können, wie ich das strukturiert habe und das ist wahrscheinlich hilfreich für Sie. Danach werden wir über die einzelnen Schritte wirklich ausführlich sprechen, so dass es für Sie leicht sein wird zu verstehen, was tatsächlich dort zu integrieren ist und die richtigen Input für jeden dieser Bereiche zu finden. 11. Gliederung: Schau mir bei der Arbeit zu: Ich wurde gebeten, eine App für einen Co-Living Platz in Finnland zu entwerfen. Ich war in mehreren Phasen des Prozesses involviert, in der Forschungsphase Konzept und auch in der Entwurfsphase. Ich werde Ihnen zeigen, wie ich die Skizze für diesen Prozess gemacht habe, für den Prozess dieser UX Fallstudie, die ich auf den Händen und auf meiner Website hochlade. Normalerweise, wenn ich meinen Umriss entwerfe, nehme ich Post-Its, verschiedene Farben, eine Farbe für die Überschrift. Wir haben bereits über den Umriss gesprochen. Dies ist die Einleitung. Also beginnend mit dem ersten, was, skizzieren und all den verschiedenen Schritten. Natürlich, die Projektbeschreibung, meine Rolle, Timeline, und Kunden und auch die Herausforderungen. Alles, was Sie in der Regel brauchen, um in die Einleitung zu integrieren. Dann wird der zweite Punkt alle Hintergrundinformationen sein , die für die Leute interessant sein werden, um das Thema und andere Dinge zu verstehen , die ich während der Forschung herausgefunden habe. - Ja. Einige interessante Dinge wie die Maslow's Bedürfnispyramide, die eine wirklich wichtige Sache ist, über das ganze Projekt zu berücksichtigen. Nun, der Prozess, natürlich, habe ich das in die vier Teile geteilt. Ich begann mit der Recherche als Konzept, Design und am Ende der Prüfung. Was Sie hier sehen können, ist, dass ich wieder die gleichen Farben gewählt habe, so dass es ein bisschen einfacher ist, sich einen Überblick zu verschaffen. Also die Recherche, ich habe Benutzerinterviews gemacht, also möchte ich das zeigen. Auch die Fragen, die ich für diese Interview-Sessions vorbereitet habe und die Erkenntnisse nach der Recherche. Für die Konzeptphase möchte ich die Informationsarchitektur zeigen, die ich entwickelt habe. Ich möchte meine ersten Skizzen zeigen. Wirklich der Prozess, vor allem über den Veranstaltungsbereich. Ich möchte auch meine Wire-Frames teilen, weil ich mit Wire-Frames angefangen habe und einige Tests der Wire-Frames in der frühen Phase erreicht habe. So design-weise möchte ich natürlich das Branding zeigen, also Farbe, Topographie, Bilder und diese Dinge. Zeigen Sie auch einige Dinge für das App-Design als auch, vor allem den Veranstaltungsbereich. Also App Design Dinge, die Community und vielleicht auch den Nachrichtenbereich. Für das Testen am Ende möchte ich zeigen, wie die Tests ziemlich aus dem Testen und über die Ergebnisse verlaufen. Am Ende möchte ich auch Erkenntnisse über das Ergebnis teilen, was danach tatsächlich passiert ist und die daraus gewonnenen Erkenntnisse. Für das Ergebnis möchte ich mein Endprodukt integrieren. Wir werden die letzten Mockups bekommen, wie sie aussehen, wie sie interaktiv sind, wie sie funktionieren, und dann die verschiedenen Punkte über die Entwürfe hervorheben, die ich entwickelt habe. Die nächsten Dinge sind natürlich die Erkenntnisse aus den Tests und die Lektionen, die nach dem Abschluss des Projekts gelernt wurden. Die nächsten Schritte vielleicht, und auch wirklich wichtig, die Ideen, die darüber hinausgehen. Eine weitere Empfehlung und ein Tipp ist also, alle Post-its zu bekommen, sie an die Wand zu legen, damit Sie einen Überblick haben. werden wir im weiteren Prozess nutzen. Sie haben einen Überblick und wissen, was Sie eigentlich integrieren möchten , welche Texte Sie schreiben müssen und welche Bilder und Mock-Ups und Dinge Sie vorbereiten müssen. 12. Einführung: Ich hoffe, Sie haben alle einen Überblick mit den verschiedenen Phasen des UX-Projekts erstellt , das wir durchlaufen haben. Nachdem wir die Skizze abgeschlossen haben, ist jetzt ein wirklich guter Zeitpunkt, um über die verschiedenen Phasen zu sprechen , wie man sie tatsächlich für Ihre Fallstudien entwirft. Was wirklich hilfreich sein wird, ist eigentlich, Ihr Arbeitsblatt zu verwenden , das ich für Sie vorbereitet habe, das Sie durch die verschiedenen Phasen führt und Sie können den Text und die einzelnen Schritte in Ihren Arbeitsblättern aufschreiben , um wirklich mit dem Text zu beginnen. Nachdem wir den Text für all die verschiedenen Phasen erstellt haben und was wir dort einfügen wollen, werden wir auch über die Visuals und das Layout sprechen. Beginnen wir mit dem allerersten Schritt. Wir haben bereits über die verschiedenen Phasen der UX-Fallstudie und den Prozess bis zum Anfang gesprochen . Das ist wirklich wichtig, um die Einleitung zu integrieren. Beginnen Sie mit Ihrem Titel, Ihrer Rolle, und auch dem Brief, den Sie erhalten haben, und der Problemaussage. Hier ist ein Beispiel für eine Einführung. Ich habe für einen Coliving Space in Finnland gearbeitet und hier ist die Beispieleinführung für das Projekt. Sie können das ganze Projekt auf [unhörbar] finden, das können Sie überprüfen. Die Einführung, Ich habe den Titel integriert, der die Community App für einen Coliving Space ist, meine Rolle war Forschung und UX/UI Design. Die Zeit war von September bis November 2019. Der Client, hier würden Sie auch den Clientnamen integrieren. Die kurze Beschreibung der Problematik war. Während meiner Zeit als Creative Resident bei Adobe wurde ich gebeten, eine App für die Community in einem Coliving Raum in Finnland neu zu gestalten, die die Menschen in diesem Raum über alle Informationen informiert, die Sie benötigen, Veranstaltungen, die Mieträume, Menschen kennenlernen. Die Community ist eines der wichtigsten Dinge in einem Coliving Raum, also machten wir uns darauf hin, ein Erlebnis zu entwerfen, das den Menschen hilft, sich miteinander zu verbinden und trotzdem super benutzerfreundlich wäre. Wenn Sie Teil eines größeren UX-Teams waren, sollten Sie auch Ihre Rolle im Projekt angeben, zum Beispiel schreiben Sie etwas wie: „Meine Rolle in diesem Projekt war es, sich als Forschung und Bewertung von Prototypen zu verpflichten.“ Oder: „Meine Aufgabe war es, die Benutzeroberfläche und das Prototyping zu entwerfen.“ Diese Art von Dingen. Stellen Sie auch sicher, dass Punkt Nummer 2 das Problem definiert, so dass das Problem gut artikulieren hilft, die Geschichte der Fallstudie zu erzählen. Stellen Sie sicher, dass Sie das Problem wirklich angeben und die Projektziele identifizieren. Was zielte das Projekt zu erreichen? Seien Sie so detailliert, wie Sie können. Ein paar Beispiele, vor allem Geschäftsziele sind die Gewinnung spezifischer E-Mail-Abonnenten, könnte gewinnen 5.000 E-Mail-Abonnenten oder Erhöhung der Konversion um 10 Prozent für eine bestimmte Sache oder verringern Auszahlungen um 50 Prozent, Dinge wie diese. Das ist wirklich interessant, vor allem für Leute, die Sie einstellen und für die Menschen. Hier sind ein paar Beispiele, die interessant sein werden, um wirklich kurz zu betrachten. Das erste Beispiel stammt aus der Bluewave Fallstudie. Was hier wirklich gut ist, ist, dass die Projektziele wirklich gut ausgeschnitten sind. Bringen Sie Benutzer dazu, mehr Bewertungen zu schreiben und Benutzer dazu zu bringen, den Wert in ihren Beiträgen mit einem wirklich kurzen Text zu sehen , so dass es leicht zu verstehen ist. Sie können die Erkundung und die Verengung des Fokuskonzepts und Tests sowie einige Designlösungen wie die Erstellung eines systematischen Kartensystems, sowie endgültige Ergebnisse der Zusteller und auch einige Erkenntnisse sehen. In diesem zweiten Beispiel ist das Problem auch super gut definiert. Sie sehen unseren Ansatz sowie die Kombination von vielen Visuals und viel Fokus auf die Content-Strategie kombiniert mit den Wireframes, und zusätzliche Informationen über die Interaktivität und außerdem können Sie viele Informationen sehen über den Umfang, so viele Hintergrundinfos. 13. Informationen: Die Einführung ist ein wirklich großartiger Ort, um all die Dinge zu teilen, die Sie bereits wissen, wenn Sie das Projekt starten. Dies könnte der Umfang sein, oder die Zielgruppe, und auch einige Hintergrundforschung, die Sie wahrscheinlich gemacht haben. Sie können mehr über die Zielgruppe teilen, wenn Sie bereits mehr wissen, wer sind sie? Wie wirkt sich das Problem wirklich auf sie aus? Welche wichtigen Erkenntnisse haben Sie über sie? Diese Art von Informationen, sowie der Umfang und die Beantwortung der Fragen darüber, was das Projekt tatsächlich für das Unternehmen erreichen sollte? Wie war die Deadline? Welche Art von Teilprojekten benötigst du mich, um zu entwerfen? Welche Inhalte werden für das Projekt verwendet? Vielleicht auch eine Analyse über ähnliche Produkte. Hier sehen Sie ein Beispiel über ein Projekt, das ich für den Coliving Space gemacht habe, in dem ich tatsächlich mit vielen Hintergrundinformationen darüber begann, worum es eigentlich geht, was daran so interessant ist? Ich musste wirklich ein wenig über das Ziel von Coliving Spaces, die Probleme verstehen. Viele Dinge waren eine Art psychologischer Gründe. Das war sehr interessant, am Anfang zu integrieren. 14. Prozess: Lassen Sie uns über den Prozess sprechen. Es ist eigentlich der wichtigste Teil Ihrer Fallstudie. Nachdem wir die Hintergrundinformationen, die Ziele, die Herausforderungen und all die Dinge, die wir vor Beginn des Projekts kannten,erklärt die Herausforderungen und all die Dinge, die wir vor Beginn des Projekts kannten, werden wir alle Schritte teilen, die wir während unseres gesamten Prozesses durchgemacht haben. der wichtigste Teil. Stellen Sie sicher, dass Sie wirklich die Fähigkeiten und alle Erkenntnisse, die Sie hatten, betonen. Wir werden die verschiedenen Schritte, die Sie für das Projekt unternommen haben, identifizieren, warum Sie es getan haben, und natürlich den Wert dieser Aktionen und die Ergebnisse des Projekts. Schauen wir uns wirklich schnell den menschenzentrierten Designprozess an. Normalerweise beginnt es mit etwas Empathie Sache, die in der Regel Forschung ist. Sie definieren, dass durch die Synthese der Forschung, Sie ideieren, ein Konzept und ein Design entwickeln, Sie Prototypen und dann testen Sie das. Aus meiner Erfahrung ist es sehr hilfreich, besonders für Kunden und Personalvermittler, Ihren Prozess zu verstehen, wenn Sie all diese Schritte verwenden sie in Ihre UX-Fallstudie integrieren. Eine Forschungsphase geht zum Konzept, Design und dann zum Testen. Natürlich hängt das sehr davon ab, welches Projekt Sie gemacht haben, welche Methoden Sie verwendet haben und wann Sie auch tatsächlich in den Prozess involviert waren. Hier ist es wirklich wichtig, dass Sie Ihre fantastischen UX-Fähigkeiten zeigen und das Ziel ist es, Ihnen einen spezifischen Ansatz und Beitrag zu zeigen. Darüber hinaus teilen Sie einige der Entscheidungen, die Sie getroffen haben, die Kompromisse oder Ideen, was wirklich wichtig ist. Jedes Projekt ist natürlich sehr unterschiedlich, also beschreiben Sie den Prozess, den Sie gemacht haben, so gut wie möglich, aber natürlich wird dies von Projekt zu Projekt sehr unterschiedlich aussehen. Einige Dinge, die Sie einschließen könnten, sind hier auf der Seite aufgeführt, überprüfen Sie die Forschung, verschiedene Methoden der Benutzerforschung, einige Ideationsmethoden natürlich, dann Bio-Frames, Mockups, Prototypen. Natürlich, Benutzer testen das X-Schreiben, vielleicht, UI-Design, auch andere Arten von Tests und Prototyping. Dann gehen Sie durch diese verschiedenen Schritte und erklären Sie tatsächlich, warum Sie das getan haben, was Sie gelernt haben und auch viele Visuals teilen. Wenn Sie Visuals für einen dieser Schritte haben, teilen Sie sie, das ist wirklich wichtig. Teilen Sie auch einige kleine Text, wo Sie sprechen super prägnant über das Lernen und die Dinge, die Sie tatsächlich aus diesem spezifischen Schritt bekommen. Der Prozessabschnitt ist ebenso wirklich großartig Ort, um alle Kollaborationen zu erwähnen, die Sie auch getan haben. zeigen, dass Sie mit einem Team zusammenarbeiten können, ist wirklich wichtig für die Einstellung von Managern Geben Sie also Ihre Rolle und was andere auch getan haben. Wenn jemand anderes für die Forschung verantwortlich war, ist das überhaupt kein Problem, erwähnen Sie das einfach. Sie können das natürlich zeigen, weil es zum ganzen Projekt gehört, aber nur sagen, dass jemand anderes es getan hat. Vielleicht haben Sie Arbeit als Texter geleistet, wieder, wie haben Sie zusammengearbeitet? Wie haben Sie mit der Übergabe an Entwickler, an Crossover, das Testen und diese Art von Dingen umgehen , was wirklich wichtig ist. Was wir jetzt tun werden, ist, dass wir verschiedene Schritte des Prozesses durchlaufen und ein wenig darüber reden, wie wir das zeigen können, wie wir es integrieren können und es dann einfacher für Sie ist , das auch in Ihr Portfolio zu integrieren. 15. Recherche der Benutzer: Das erste, was Sie wahrscheinlich anfangen werden, ist eine Art weiterer Forschung, wenn Sie recherchieren. Meine persönliche Empfehlung ist natürlich, teilen Sie die verschiedenen Methoden, die Sie dort getan haben, könnte A/B-Tests oder User Journey Mapping oder Interview-Techniken sein, könnte quantitativ Benutzerforschung sein. Techniken wie Umfragen oder Analytik oder Marktforschung sind auch qualitative Nutzerforschungsmethoden, die sich mehr um die Qualität kümmern. Also über das Warum, es könnte Interviews oder Fokusgruppen oder Karriereforschung oder was auch immer Sie getan haben. Teilen Sie sie, teilen Sie auch Ihre wichtigsten Erkenntnisse. Wirklich gut, das am Anfang zu verstehen. Dann teilen Sie auch ein kleines bisschen Text, wo Sie über die Erkenntnisse und die Dinge, die Sie tatsächlich aus den Interviews oder den Benutzerumfragen bekommen, all diese Art von Erkenntnissen und was Sie tatsächlich begonnen haben, danach zu tun. Stellen Sie sicher, dass Sie es prägnant halten, dass Sie auch Fotos zeigen, wenn Sie erlaubt sind, und teilen Sie nicht zu viele Details. Wenn Sie dies tun, stellen Sie sicher, dass Sie einige frühe Skizzen oder Notizen, die Sie bei der Recherche gemacht haben, integrieren . Natürlich nur, wenn du das teilen darfst. Stellen Sie sicher, dass Sie immer die Erkenntnisse zusammenfassen. Hier ist ein Beispiel. Wir analysierten die Ereignisse, die Menschen an 40 Personen teilnahmen, die in einem Colicin-Raum zwischen 18-40 Jahren für einen Zeitraum von zwei Wochen leben , und entdeckten, dass etwa 30 Prozent ihrer Veranstaltung aufgrund von Empfehlungen von Freunden begonnen werden. Aus dieser Analyse haben wir vier Benutzerpersonas erstellt und ihre Erfahrungen in den Mapping-To-Do-Listen mit einer User Journey Map definiert . Ein weiteres Beispiel hier, ich habe einige Teile ausgelassen. Es ist vielleicht hilfreich für Sie, es einfach auszufüllen. Um das Projekt zu starten, begannen wir mit einem Kunden-Stakeholder-Workshop. Wir wollten sicherstellen, dass x. einem zweiten Schritt führten wir Interviews mit und lernten das. Wir fingen an, diese Informationen zu verwenden, um eine Empathiekarte oder etwas anderes und besser als zu erstellen . Wir haben solche Erkenntnisse. solche Strukturierung ist in der Regel sehr hilfreich. Ein Tool, das ich empfehlen kann, besonders wenn die Dinge, die Sie zuvor gemacht haben, nicht so toll aussehen und wenn Sie etwas besser entwerfen müssen, können Sie das Whiteboard-Plug-In für Adobe XD verwenden. Dies ist etwas, das super-hilfreich ist. Sie haben viele wirklich coole Presets, die Sie für verschiedene Methoden verwenden können, sie haben Mock-ups für verschiedene Dinge, Affinitätszuordnungen oder was auch immer Art von Dingen, die Sie integrieren möchten. Sie haben eine Art von Layout, das Sie wiederverwenden können. Das Ganze ist kostenlos, also kann ich das absolut empfehlen. Sie können Porto integrieren, Sie können die Farben auf Ihre Markenfarben oder Firmenfarben ändern und das Ganze an Ihre Bedürfnisse anpassen, so dass es wirklich schön aussieht, wenn Sie das auch in Ihrem Portfolio veröffentlichen. Ich kann sehen, dass Sie andere Voreinstellungen hier auf der Seite haben, also wählen Sie einfach, was Sie wollen, oder gehen Sie zu den Elementabschnitten und wählen Sie die einzelnen Elemente und bauen Sie sich auf. Das spart viel Zeit und Sie sind sich zu 100 Prozent sicher, dass es am Ende wirklich toll aussehen wird. Damit ein paar andere Tools, die ich empfehlen kann, natürlich habe ich bereits über Adobe XD gesprochen, das kostenlos ist, das Whiteboard-Plugin, das kostenlos und einfach für Sie heruntergeladen werden kann. Ein weiteres Tool, das super nett ist, ist Miro, sie haben viele wirklich coole Assets sowie die Sie für Ihre Fallstudien verwenden können. Es könnte sich um alle Benutzerflüsse oder jede Art von Designelementen handeln, die Sie ebenfalls integrieren möchten. Hier ist ein Beispiel für die Benutzerforschung, die ich für den Colicin-Raum gemacht habe, Sie können viele Bilder sehen, Bilder stammen aus den Sitzungen und auch aus der Synthese-Phase. Sie können einige Einblicke über die Interviews, die Fragen, die ich stelle, und auch die Personas oder die Leute, die ich interviewt wurde, und die Hauptprobleme oder die Erkenntnisse, die ich tatsächlich aus der Forschung bekam, die ich dort gemacht habe. Hier sind einige allgemeine Tipps, und am Ende, stellen Sie sicher, dass Sie es prägnant halten. Zeigen Sie nicht zu viel, nur die wichtigsten Informationen, und in den Erkenntnissen, die Sie haben, integrieren Sie einige Grafiken und Bilder als auch um dies wirklich schön und ein wenig ansprechend zu halten, und teilen Sie nicht zu viele Details. Stellen Sie sicher, was Sie tatsächlich über Fallstudien teilen dürfen, also beachten Sie bitte auch alle Dinge. 16. Konzept: Runden von Iterationen, Sie haben eine Vorschau für die Konzeptphase begonnen, und es ist wirklich wichtig, dass Sie das wirklich gut strukturieren. Beginnen Sie natürlich mit einigen Erkenntnissen, die Sie erhalten haben, und nach ein paar Runden von Interaktionen haben Sie wahrscheinlich mit AB-Tests begonnen, Sie haben mit Wireframes begonnen. Stellen Sie also sicher, dass Sie wirklich zeigen, dass sie Visuals sind und Platz für winzigen Text und all die Erkenntnisse, die Sie hatten. Auch Dinge wie aus der letzten Runde des Anwendertests wir gelernt, dass zum Beispiel Benutzer Probleme haben, die Ereignisfunktion in unserer App zu finden, oder dass Sie diese Bereiche neu gestalten mussten, und zum Beispiel stellte sich heraus dass der Veranstaltungsbereich für Menschen am nützlichsten ist. Könnte etwas sein, und das ist ein Beispiel, das ich für den Coliving Raum getan habe. Sie können über die verschiedenen Iterationsrunden sprechen, zum Beispiel können Sie über das Feedback sprechen, das Sie haben, und es ist auch wirklich großartig, um zu reden oder die Mock-ups zu zeigen, die Sie gemacht haben, einige frühe Skizzen von Low Fidelity bis High- treue, detaillierter, und teilen Sie die Herausforderungen, die Sie hatten, die Erkenntnisse, die Sie hatten, und stellen Sie sicher, dass Sie Text auch in Visuals integrieren. Was auch für Menschen interessant ist, ist, wenn Sie Herausforderungen bereits in der Konzeptphase teilen, denn dies wird Kunden und Personalmanager helfen, dass Sie in der Lage sind, mit schwierigen Situationen umzugehen. Wenn du keine schwierigen Situationen hattest, ist das großartig. Das ist wirklich genial. Aber eine andere Sache, die Sie auch dort integrieren können, ist auch einige Erkenntnisse zu haben, so Progression Anteil, eine bemerkenswerte Herausforderung, die Sie konfrontiert, teilen einige wichtige Erkenntnisse als auch, und wie Sie tatsächlich kam mit den Ideen und das Konzept. Füllen Sie all diese Dinge im Arbeitsblatt und suchen Sie nach den Drahtmodellen und Mock-Ups und anderen Möglichkeiten, wie Sie sie in Ihre Konzeptphase integrieren können. 17. Design: Jetzt können wir über das Design sprechen. Vor allem, wenn Sie in den Designbereich oder in die Design-Schnittstelle integriert waren, dann ist es wichtig, dass Sie auch viel in Ihrer Fallstudie zeigen und alle verschiedenen Elemente festlegen, die wirklich zu einem Design gehören. Dies könnte zum Beispiel die Topographie sein, die Farben, die Sie gewählt haben, auch erklären, warum Sie eine solche spezifische Topographie gewählt haben, vielleicht haben Sie auch zwei, die verschiedenen Farben, die Sie gewählt haben, die primäre, sekundäre, und vielleicht sogar andere Farben, das Icon-Set, das Sie auf bestimmte Elemente entworfen haben. Das könnte ein spezifisches Element für eine Karte sein, für ein Pop-up, bestimmte Elemente, die Sie entwerfen, und auch die Ideen dahinter. Wenn es irgendwelche Gründe gibt, diese Elemente zu entwerfen, ist das wirklich hilfreich, das bereits aufzuschreiben und über die verschiedenen Elemente nachzudenken, die Sie dort zeigen möchten. Holen Sie sich Ihr Arbeitsblatt, genau auf die verschiedenen Dinge, die Sie integrieren möchten, denken Sie bereits über Visuals nach, die Sie dort auch integrieren können. Speziell für das digitale Design ist es wirklich hilfreich, Mock-Ups oder Animationen zu erstellen, in denen Sie Ihr Interface-Design integrieren und das auf eine sehr ansprechende und visuelle und schöne Art zeigen können. Wie Sie das tun können, werden wir im nächsten Video darüber sprechen. Bleiben Sie dran dran. Beginnen Sie nun auch mit einem anderen Gestaltungselement. Ich werde Ihnen ein Beispiel zeigen, das meiner Meinung nach wirklich gut gemacht war, vor allem von der Designseite. Was ich an dieser Fallstudie von Netguru für ResumeLab wirklich liebe , ist, dass sie all diese visuellen Elemente in die gesamte Fallstudie integriert haben. Es sieht wirklich wunderschön aus. Aber sie legen auch einen großen Fokus auf den Style Guide und die Übergabe wirklich Dokumentation, was super interessant ist, vor allem für Kunden, weil dies ein Bereich ist, in dem die meisten Probleme tatsächlich auftreten. Sie zeigten auch die Reaktionsfähigkeit. Die verschiedenen Elemente zu all den verschiedenen Größen, für den Laptop, Smartphone und iPad, das ist wirklich cool. Eine andere Sache, die ich denke, ist wirklich genial diesen Fallstudien ist, wie sie die Illustrationen präsentierten. Sie zeigten wirklich den Prozess der Zusammenkunft der Illustrationen. Hier zum Beispiel mit der Design-Software und wie sie alle verschiedenen Elemente integriert, was super genial ist. Was Sie hier sehen können, sind die Dinge, die Sie integrieren können. Nur wenige, also zuerst, natürlich, integrieren alle Dinge, die zu einigen Branding zusätzliche Schnittstelle gehören. Neben der Topographie und all den verschiedenen Designelementen, die Sie integriert haben, könnte dies eine Warenkorb-Ansicht oder eine Tab-Leiste sein, oder bestimmte Elemente, die Sie auch entwickelt haben; Symbole, etc. Sie können auch Farben und die verschiedenen Interaktionen integrieren. In animierten, weil Schnittstellenelemente. 18. Tests: Testen ist der letzte Schritt des menschenzentrierten Designprozesses oder des Design-Thinking-Prozesses, obwohl es ein iterativer Prozess ist und Sie von Anfang an mit den Lektionen beginnen , die wir gelernt haben. Es ist wirklich wichtig, sich in Ihrer UX-Fallstudie auf die Testphase zu konzentrieren. Tests werden oft gleichzeitig mit Prototyping durchgeführt und gut durchgeführt, es kann viele Lernmöglichkeiten bieten, um Ihnen zu helfen, mehr über den Benutzer und Möglichkeiten, Ihren Prototyp und sogar die Problemaussage zu verfeinern. Es ist wirklich wichtig, dass Sie die Erkenntnisse teilen, die Sie während des Tests hatten. Hier sind ein paar Tipps. Erklären Sie zunächst in Ihrer UX-Fallstudie den Prozess. Wo haben Sie die Tests gemacht? Wie ist es gelaufen? Diese Dinge könnten in einem Labor und im Büro sein, erklärt auch die Methoden. Und was hast du dann auch getestet? Haben Sie einen bestimmten Bereich getestet? Ein spezielles Anwendungsfallszenario? Welche Art von Aufgabe haben Sie dem Benutzer tatsächlich gegeben? Was haben Sie am Ende gelernt? Stellen Sie sicher, dass Sie über die Methoden sprechen, denn das ist wirklich wichtig. Hier sind ein paar Methoden, die Sie wahrscheinlich verwenden. Könnte Guerilla-Tests sein, Labor Usability-Tests. Könnte auch einige nicht moderierte Remote-Usability-Tests durch Zoom sein, zum Beispiel. Könnte kontextabhängige Anfrage, Telefoninterview, einige Kartensortierung, Sitzungsaufzeichnung oder auch A/B-Tests tun. Es gibt mehr UX-Testmethoden als auch. Aber das sind die Grundlagen, fast üblich. Stellen Sie also sicher, dass Sie das wirklich teilen, und teilen Sie die Erkenntnisse, soweit Sie das getan haben. 19. Ergebnis: So sind wir bereits am letzten Schritt des Prozesses des Umrisses angekommen , der das Ergebnis ist oder was tatsächlich passiert, nachdem Sie das Projekt abgeschlossen haben. Das ist super interessant für Kunden oder Interessengruppen, um wirklich zu verstehen, was Sie mit Ihren Entwürfen Referenz oder Projekt erreicht haben, welche Art von Zielen Sie hatten und wie Sie sie tatsächlich erreichen oder ob Sie tatsächlich einige erreichen. Dies ist eine wirklich gute Zeit, um natürlich auch ein wenig über die Ziele zu teilen, die Sie erreichen, aber auch über die Lektionen, die Sie gelernt haben, das ist super, super, super wichtig und so, wenn Sie keine schwierigen Probleme haben, Herausforderungen oder so etwas, Lektionen sind eine wirklich gute Sache, die man am Ende jeder UX-Fallstudie integrieren kann. Ein Beispiel für ein mögliches Ergebnis könnte so etwas sein. Wir fanden heraus, dass 15 Prozent der Ereignisse, die Menschen besucht begonnen haben, weil jemand anderes, der die Gruppe verlassen hat, sie dazu eingeladen hat, beizutreten. Wir hatten weder das Budget noch die Zeit, um die Herausforderung personalisierter Einladungen anzugehen, aber in Zukunft konnten wir das Projekt überdenken und es fokussieren. Lassen Sie uns das wirklich kurz zusammenfassen. Was sind die Leistungen und was ist das Ergebnis? Haben Sie das Ziel getroffen, vermisst oder übertroffen? Das ist wirklich wichtig, um hier darauf hinzuweisen, welches Ergebnis dieses Projekts tatsächlich hatte. Können Sie andere Geschäftsergebnisse teilen, eine Art von geschäftlichen Erkenntnissen, die Sie während des gesamten Prozesses erhalten haben? Haben Sie die Auszahlungsraten um 50 Prozent oder Kundenservice-Beschwerden um 30 Prozent gesenkt , wenn dies Ihr Ziel am Anfang war? Das gleiche mit der Konversionsrate, wenn Sie ein Ziel über die Konversionsrate, digitale Lernhöhe hatten, zu dieser fantastischen Konversionsrate gelangen, die Sie angestrebt haben, oder vielleicht haben Sie den Lebenszeitwert von Kunden oder Dingen wie - das? Dies geht auf die Ziele zurück, die Sie am Anfang gesetzt haben. Was sind einige Takeaways über das Entwerfen eines Umrisses, Erstellen einer Gliederung und das Entwerfen der einzelnen Schritte? Stellen Sie im Allgemeinen sicher, dass Sie immer visuelle Elemente einschließen und den gesamten Prozess während der Fallstudien dokumentieren, Geschichten erzählen, was tatsächlich passiert, damit es für die Menschen einfacher ist, die NDA zu respektieren, die Sie unterzeichnet haben, Stellen Sie also sicher, dass Sie nur die Dinge zeigen, die Sie dürfen Wenn Sie hundertprozentig sicher sind, stellen Sie sicher, dass Sie Ihren Kunden fragen und vergessen Sie nicht , die Fallstudie und den Bewerbungsprozess wie jede andere UX zu behandeln Design-Herausforderung, also wirklich Art von Skizzen, denken Sie über das Konzept und die Anfrage, integrieren Visuals als auch. 20. Visuelle Elemente: Eines der wichtigsten Dinge in jeder UX-Fallstudie ist definitiv der visuelle Teil. Selbst wenn Sie nur ein UX-Designer oder UX-Forscher sind, stellen Sie sicher, dass Sie immer Visuals integrieren. Das ist super wichtig, um die Sicht der Person, die Ihr Portfolio sieht, ein Recruiter oder ein Kunde sein könnte, so stellen Sie sicher, dass Sie immer Visuals integrieren. Wir begannen damit, den Text für die verschiedenen Phasen des Prozesses niederzuschreiben. Was Sie jetzt tun können, ist über all die Visuals nachzudenken, die Sie bereits haben, um die Dinge zu unterstützen, die Sie im Text in den verschiedenen Phasen sagen. Sie haben sie in Ihr Arbeitsblatt geschrieben. Was Sie jetzt tun können, ist, den Text oder die Visuals zu integrieren , die Sie bereits haben oder Sie erstellen möchten, denn wir werden auch in den nächsten Videos Visuals erstellen. Gehen Sie durch die verschiedenen Schritte des Prozesses und notieren Sie sich die Visuals, die Sie integrieren möchten. Was wirklich hilfreich ist, ist, bereits alle Visuals zu sammeln, die wir haben. Dies könnte Fotos oder Drahtmodelle sein, oder vielleicht Mockup, das Sie bereits für den Client oder für Ihre Arbeit erstellt haben, dann legen Sie sie alle in einen Ordner, so dass es einfacher für Sie ist, sie zu finden. Dann ist es ein wirklich guter Zeitpunkt, auch eine Liste der Mockups zu erstellen, die Sie noch erstellen möchten, die Visuals, die Sie noch erstellen möchten. Was wirklich, wirklich hilfreich für mich ist, alle Visuals aufzuschreiben , die ich in Post-its integrieren möchte, verschiedene Farben für verschiedene Arten von Visuals. Blau sind für jede Grafik, Rosa sind für alle Bilder oder Visuals, und das wirklich Neon Pink ist für animierte Mockups. Dann, nachdem ich sie alle aufgeschrieben habe, alle Visuals, die ich integrieren möchte, hefte ich sie direkt neben die Post-its. Wir haben uns aufgeschrieben und unsere Umrisse erstellt. Neben dem Thema heftige ich das Post-it, damit ich weiß, welche Art von Visuals ich noch integrieren möchte. Dann enden sie, es sieht so aus wie dieses. andere Visuals sehe, muss ich immer noch die verschiedenen Typen erstellen und dann eine Liste erstellen und alles vorbereiten, was ich dafür brauche, bevor ich wirklich anfange. Aber Sie können auch Ihr Buch, das E-Book, verwenden. Manchmal mache ich sowohl beginnend mit den Post-its und schreibe dann alle Dinge ab, beginnend mit dem Text, also hängt es sehr davon ab, wie Sie das wirklich vorbereiten möchten und welche Art von Person Sie sind und wie Sie tun tatsächlich [unhörbar] Nun gehen wir einen Schritt zurück, reden generell darüber, welche Art von Visuals wir integrieren können, und auch über ein paar Beispiele. Ich möchte Ihnen ein paar Fallstudien mit wirklich schönen Visuals zeigen, wo die Visuals super, super gut integriert sind. Welche Art von Visuals können Sie dort tatsächlich erstellen? Wir haben bereits über Skizzen gesprochen, könnten auch einige Fotos sein, die Sie während des Prozesses, den Forschungsprozess oder Workshops gemacht haben , zum Beispiel. Aber es gibt auch Bilder, die Sie integrieren, zum Beispiel eigene Mockups erstellen oder sie in Ihrer Fallstudie in irgendeiner Weise erstellen können. Es gibt zwei Seiten, die ich empfehlen kann, was Pexels ist, und die zweite ist Unsplash. Sie bieten kostenlose qualitativ hochwertige Fotografien zu verwenden. Wenn Sie einige Mockups integrieren möchten, was ich empfehlen kann, sind ein paar Mockup-Sites, obwohl ich normalerweise nur bei Google mit formularspezifischen Mockup assoziieren. Ich suche danach. Dies könnte sehr hilfreich für den Anfang sein. Werfen wir einen Blick auf ein paar Beispiele, die wirklich schön sind. Die erste wird Alice Lee gezeigt. Sie entwarf die Illustrationen für Slack. Was Sie hier sehen können, ist, wie sie ihre Visuals in den Text integriert hat. Es sieht super, super visuell und sehr schön aus, vor allem wenn man den Prozess und die verschiedenen Möglichkeiten sieht, wie man das benutzt. Was sie super gut macht, ist, dass sie den Text für ihre Visuals kombiniert, obwohl ihr Fokus mehr auf Illustration und weniger auf den UX-Prozess liegt. Aber sie legt viel Mühe und betont auf die verschiedenen Schritte, in denen sie den Benutzer durch führt. Es ist super ansprechend und interessant zu sehen. Es gibt nur wenige Dinge, die wir auch als UX/UI entwerfen lassen können , mit den wirklich großen Schlagzeilen mit den großen Visuals, mit den Texten an den Seiten und der Präsentation der verschiedenen Designelemente Schritt für Schritt. Das zweite Beispiel ist von Moment Brew, es ist eine Augmented-Reality-App. Was Sie hier sehen können, ist der gesamte Prozess. Auch hier werden viele Illustrationen und Entwürfe für diese Fallstudie erstellt, vor allem die verschiedenen Benutzerflüsse und die unterschiedlichen Visuals werden für diese Präsentation erstellt. Was ich hier wirklich mag, ist, dass er auch Post-its integriert und den Prozess präsentiert, oder wie er tatsächlich von den ersten Skizzen, den ersten Drahtgittern bis zum fertigen Karton ging , und vor allem die große Betonung auf das Prototyping ist hier super wichtig und interessant, auch zu sehen. Die Integration von Animationen und Videos ist in der Regel sehr hilfreich für verschiedene Phasen, um ein wenig besser zu verstehen , wie die Dinge in der Interaktion funktionieren. Wie Sie hier sehen können, wird vor allem die Forschung wirklich, wirklich gut präsentiert. wir einen Blick auf das Beispiel Nummer 3, das von Good Club stammt, wo der Designer tatsächlich einen riesigen, riesigen Fokus auf die Visuals legte . Er hat viele Fotos integriert, die auch auf der Website integriert sind. Viele wirklich schöne Mockups und eine wirklich gute Passform Design Layout als auch. Ich hoffe, dass diese Beispiele Ihnen helfen, etwas Inspiration zu bekommen, denn jetzt ist es ein wirklich guter Zeitpunkt, alle Visuals auch in Ihren Umriss zu integrieren. Holen Sie sich also Ihr Arbeitsblatt und notieren Sie alle Visuals, die Sie integrieren möchten, weil Sie sie bereits haben, oder ich möchte sie integrieren, und erstellen Sie dann eine Liste aller Visuals, die Sie in den nächsten integrieren möchten Lektionen zusammen. 21. Layout: Lassen Sie uns wirklich kurz über das Layout sprechen. Ihre X-Fallstudie oder Ihr X-Portfolio als auch ein Designstück. Stellen Sie also sicher, dass Sie wirklich über das Layout nachdenken und wie Sie all die verschiedenen Informationen organisieren , die wir in den letzten Videos gesammelt haben. Es ist wirklich wichtig, ein großartiges Layout zu erstellen, das Ihren Prozess wirklich unterstützt. Vielleicht sind Sie nicht zu 100 Prozent flexibel, weil Sie bereits eine Art von Vorlagen verwenden , wenn Sie Squarespace oder WordPress verwenden, zum Beispiel. Aber im Allgemeinen sind es immer einige grundlegende Layouts, die man dort auch integrieren kann. Meine Empfehlung ist, mit der Gestaltung oder mit dem Viaframing Ihrer Skizze zu beginnen. Sie können einfach einen Bleistift und ein paar Papierbögen bekommen und es aufschreiben. Stellen Sie sich vor, dies wäre so etwas wie ein Viaframe, in dem Sie all die verschiedenen Informationen integrieren, die Sie gerade gesammelt haben, und sortieren Sie sie dann visuell und integrieren Sie die Bilder, die wir gesammelt haben, den Text, den wir haben, und dann sortieren Sie das, bevor Sie wirklich in Ihr Designprogramm gehen. Im nächsten Schritt können Sie das alles in einer digitalen Plattform verschieben, dies könnte Adobe XD sein, und Sie können die Vorlagen verwenden, die ich für Sie erstellt habe, damit Sie einfacher beginnen können. Aber ja, fühlen Sie sich frei zu sehen, wie ich mein Layout des nächsten Videos mache. Dies ist wahrscheinlich hilfreich für Sie, um mit Ihrem Layout zu beginnen. 22. Layout: Schau mir bei der Arbeit zu: Bevor wir mit der Erstellung beginnen, indem wir unser Layout umrahmen, lassen Sie uns einen kurzen Blick auf unsere Umrisse werfen, die wir genehmigen können. Hier ist ein Foto von den Post-its, die wir mit unseren Umrissen und den verschiedenen Visuals für die einzelnen Schritte gemacht haben. Ich denke, es ist wirklich wichtig, das im Hinterkopf zu behalten, das irgendwo in Ihrer Nähe zu haben, könnte auch in Ihrer Arbeitsmappe sein, weil Sie diese einzelnen Schritte und alle Elemente verwenden müssen , die Sie dort haben, um ein Layout zu erstellen. Was Sie dafür brauchen, sind eigentlich einige Papierbögen, je größer desto besser. Ich benutze einen A3 und ein Sharp Stück schwarzen Bleistift. Lasst uns loslegen. Sie haben meinen Umriss gesehen, ich möchte mit einigen großen Mockup beginnen, großes Bild des Endprodukts zu vermeiden, um zu zeigen, was unser Endprodukt war. Dies wird wahrscheinlich schon sehr hilfreich sein. Danach werde ich alles aufschreiben, zu der Einführung gehört, aus meiner Reihe, meiner Aufgabe, natürlich auch dem Kunden und der Zeitleiste. Dann das Projekt kurz mit etwas Bild. Dann erkenne ich, dass ich ein weiteres Bild in den Umriss integrieren möchte, also werde ich das in den Post-it-Umriss setzen, die einzelnen Schritte auf diese Blätter aufschreiben und sie dann auf die Seite legen. Der nächste Schritt wird die Hintergrundinformationen dort sein. Ich möchte verschiedene Dinge integrieren. Was ist Färbung, die Maslow's Sie brauchen Pyramide, Typographen, auch die Zielgruppe und die Skulpturen, also denke ich darüber nach, wie ich das eigentlich arrangieren kann. Was Sie hier sehen können, ist, ich mache das mehr oder weniger, wie Sie es für normale via Frames tun würden. Für mich ist es nur wichtig, dass ich im Kopf habe, wo ich diese Dinge platzieren kann, wo es einen weiten Raum gibt und solche Dinge. Sie können genau das Gleiche tun. Jetzt beginne ich mit dem Prozess, mit der Benutzerforschung zuerst, möchte ich die Benutzerinterviews hervorheben, die ich mit einigen Bildern oder besonders einem Bild über das Interview gemacht habe , den Prozess. Dann teilen Sie die wichtigsten Informationen, die Stil-Iteration, die Interviews, die Fragen. Dann teilen Sie die Erkenntnisse, die klar sind drei Einblicke, die ich dachte. Legen Sie das auf die Seite. Die nächste Sache ist der Konzept-Teil. Alles um das Konzept dort ging ich durch verschiedene Stufen, ich ging zur Suche nach der Informationsarchitektur und zeige dort einige große Graphen. Als nächstes sind einige Skizzen, die ich früh gemacht habe, für kleinen Text und eine kleine Erklärung als auch. Ich möchte auch die Wireframes zeigen, weil ich Wireframes für die gesamte App entworfen und erste Tests durchgeführt habe. Ich möchte ein paar Texte über das Testen und das Ergebnis teilen, auch irgendwo unter den Wireframes. Ohne Auszahlungen, weil ich tatsächlich keine Auszahlungen zum Testen erstellt habe. Dann das Design. Natürlich möchte ich andere Dinge teilen, die für das Branding wichtig sind, die Farben, Primär-, Sekundärfarben mit wenig Text. Typografie führte zu einer Art Typografie, die ich integriert habe, auch die Bildsprache und mit ein wenig Texten. Dann möchte ich einige interaktive Elemente in animierten Mockups zeigen. Das ist wirklich wichtig, um hier zu integrieren. Dann möchte ich auch die Konstruktionsteile hervorheben. Für das Testen möchte ich die Ergebnisse zeigen, hauptsächlich textbasiert, also denke ich nur darüber nach, wie ich das arrangieren kann. Das Ergebnis, das Ihnen mehr visuell als auch geben wird. Ich möchte das letzte Mockup unter dem Text über die Dinge zeigen, die ich dort gelernt habe, ich möchte einige interaktive Elemente integrieren. Der letzte Event-Bereich, das Unmade of Mockup, und auch die letzte Wohnung Setup, Onboarding Mockup. Auch die aus der wirtschaftlichen Perspektive gewonnenen Lehren sind die nächsten Schritte, die bedauerlich sein werden, auch hier zu integrieren. Am Ende natürlich auch die Dinge, die ich gelernt habe, aus dem Testen einige weitere Ideen, die ich über den Bildschirm habe, die abgeschafft werden und Nägel zusammen usw. die abgeschafft werden und Nägel zusammen usw. Nachdem Sie die Umrisse auf dem Papier beendet haben, können Sie , um das in Ihrem Tool zu lernen. Hier finden Sie die Adobe XD-Vorlagen, die Sie verwenden und alles an Ihre Bedürfnisse anpassen können. Sie müssen das jetzt nicht tun, das können Sie auch nach dem Erstellen der Visuals tun. Aber was ich wirklich mag, ist, einfach die Art-Boards zu bekommen, sie bereits zu sortieren, den Text zu integrieren, den ich während der Erstellung der Umrisse geschrieben dann nachzudenken, wo Visuals fehlen und ob ich auch einige Visuals erstellen muss, und wie alles aussieht. Ich kann bereits alles einfügen, was ich weiß, dass ich integrieren möchte, vielleicht die Typografie, die ich integrieren möchte, die Visuals, die ich integrieren möchte, und vor allem alle Texte. Ich kann auch meine eigenen Kunsttafeln integrieren. Kopieren Sie das einfach und fügen Sie es ein und integrieren meine eigene Typografie dort, wenn ich hier keine Visuals integrieren möchte. Nur alles genau auf meine Bedürfnisse hier. 23. Bilder: Überprüfen Sie, welche Fotos Sie während des gesamten Prozesses aufgenommen haben. Dies können Bilder sein, die Sie während eines Workshops oder einer Ideensitzung gemacht haben oder etwas anderes. Es ist super großartig, das in Ihre Fallstudie zu integrieren, also stellen Sie sicher, dass Sie wirklich alle Bilder, die Sie aufgenommen haben, überprüfen. Dieses Bild, das Sie hier sehen, ist ein Bild, das Forschung oder Testsitzung mit einem Besuch von uns Testen. Diese Visuals und Bilder helfen wirklich zu verstehen wie Sie arbeiten und dass Sie tatsächlich in den Prozess involviert waren, es zeigt alle Details, die für Kunden interessant sind. Wenn Sie keine Bilder haben oder Sie sie nicht zeigen dürfen, besteht ein Tipp darin, etwas Lagermaterial zu verwenden und dieses in Ihre Fallstudie zu integrieren. Natürlich spiegeln Sie keine Workshop-Slots oder Forschungssitzungen wider, aber wenn Sie etwas zu einem bestimmten Thema zeigen möchten, ist dies ein Beispiel, das ich für den kühlen Wohnraum geschaffen habe, in dem ich leider nicht viele Räume zeigen durfte dort. Ich habe tatsächlich sehr ähnliche Räume online gefunden und sie in meine Fallstudien als Trennlinien zwischen verschiedenen Abschnitten integriert . Dies unterstützte bereits das gesamte Projekt und gab einen Eindruck darüber, wie die Dinge dort tatsächlich aussehen. Es gibt zwei Seiten, die ich Ihnen empfehlen kann, um zu überprüfen, eine ist Pexels und die andere ist Unsplash. Ich bevorzuge Unsplash wirklich, sie haben viele tolle Bilder für alle Fälle, die Sie sich vorstellen können, Sie können sie kostenlos herunterladen und verwenden und Sie können sie für fast jede Situation, die Sie sich vorstellen können, verwenden. Sie können auch Ihre eigenen Mockups erstellen oder sie für soziale Medien verwenden und sie anpassen und wirklich tolle Ergebnisse. Überprüfen Sie das auf jeden Fall und stellen Sie sicher, dass Sie Bilder in Ihre Fallstudie integrieren. 24. Symbole: Verwendung von Symbolen in Ihrer UX-Fallstudie hilft wirklich, ja, besonders den geschriebenen Teil visueller zu machen. Wenn wir uns das Layout ansehen, das wir auf unseren Papierblättern erstellt haben, ist es wirklich hilfreich, bereits über die verschiedenen Arten von Textbereichen nachzudenken, die Sie integrieren möchten , und darüber nachzudenken, ob Symbole Ihren Punkt dort unterstützen würden. Das ist es, was ich hier getan habe. Eigentlich habe ich während des gesamten Prozesses drei Einblicke erfunden, und ich möchte diese drei Erkenntnisse mit drei Icons unterstützen , die ich später erstellen muss. Ich habe sie nicht wirklich für das Projekt oder so etwas erstellt, also werde ich sie nur für die Fallstudie entwerfen. Am Ende können Sie das Endergebnis sehen, und ich denke, es lohnt sich wirklich, einige Anstrengungen bei der Gestaltung von Symbolen zu unternehmen. Denn stellen Sie sich dieses Szenario ohne die Symbole vor, es würde völlig anders aussehen. Hier, vor allem die Kombination der Texte, also die Wahl einer Highlight-Farbe für die Icons, macht das Ganze wirklich viel visueller und viel interessanter zu sehen und zu lesen. Wenn Sie die Icons nicht selbst gestalten möchten, finden Sie hier ein paar Seiten, die ich Ihnen empfehlen kann. Obwohl mein Favorit definitiv Material Design und Font Awesome sind, aber auch Plug-Ins, die Sie für eine Sketch oder Figma oder Adobe XD herunterladen können , egal welche Software Sie verwenden, und dann integrieren Sie sie direkt aus dem Plug-in in Ihre Software in Ihr Design-Tool. Achten Sie auf jeden Fall darauf, einige Symbole in Ihre UX-Fallstudie zu integrieren. 25. Typografie: Das erste , was Sie tun müssen, ist, dass Sie den Namen speichern. Eigentlich die Adresse für die Website. Für mich habe ich tatsächlich patriciareiners.de oder.net benutzt. Ich habe meinen Vor- und Nachnamen benutzt, weil meine Idee war, dass Kunden mich finden, wenn Kunden mich googeln. Was ich dir empfehlen kann, ist genau das Gleiche zu tun. Das macht wirklich Sinn, wenn Leute dich finden wollen, werden sie dich finden. Benutze also einfach deinen Vor- und Nachnamen. Hängt ein wenig davon ab, ob Sie Bögen oder andere Namen haben , für die Sie bekannt sind, oder wenn Sie eine Agentur aufbauen, dann verwenden Sie diesen Namen. Aber bedenken Sie das am Anfang sehr gut bevor Sie sich entscheiden , wo Sie das hosten möchten. Wo hosten Sie Ihre UX-Fallstudien und Ihr gesamtes Design-Portfolio? Das ist eine wirklich gute Frage. Ich denke dafür ist es wirklich wichtig, dass du dein Ziel beantwortet hast. Was möchten Sie eigentlich mit Ihren Fallstudien mit Ihrem Portfolio erreichen ? Möchten Sie tatsächlich einen Kunden als freiberuflichen UX/UI-Designer bekommen oder möchten Sie sich online präsentieren , um Workshop-Slots zu erhalten oder als Redner eingeladen zu werden, oder planen Sie vielleicht sogar machen Sie ein Geschäft oder verkaufen Sie Ihre eigenen Dienste online? Bedenken Sie das von Anfang an, denn wenn Sie sich darauf konzentrieren möchten, Kunden zu gewinnen und online gesehen zu werden, kann ich einige soziale Netzwerke wie Behance empfehlen , das ist völlig kostenlos und hilft Ihnen, von Kunden gesehen zu werden. Wenn Sie planen, verschiedene Dinge wie verschiedene Elemente wie einen Shop oder solche Dinge zu integrieren , ist es wahrscheinlich am besten etwas zu wählen, in dem Sie einen Shop aus der Anfang oder sogar wenn Sie die Option wie WordPress zum Beispiel haben. Wir werden über die verschiedenen Optionen in diesem Video und auch über die Preise und was ich empfehlen kann, sprechen. So finden Sie das richtige Tool für Sie. Fangen wir mit dem ersten an, nämlich WordPress. WordPress ist eine Funktion , die die gesamte Website für Sie erstellt, sodass Sie nicht wirklich codieren müssen. Wenn Sie jedoch wissen, wie man kodiert, können Sie alles anpassen. Weil es in Themen kommt, also ja, du kannst diese verschiedenen Themen anpassen. Sie können auch Plugins und verschiedene Anwendungen herunterladen. Was wirklich cool und hilfreich ist, ist, dass Sie bestimmte Vorlagen herunterladen und diese nur zum Hochladen Ihrer Inhalte verwenden können. Ich habe damals meine eigene Website entworfen, denke ich wie vor sechs Jahren mit WordPress. Es ist ziemlich einfach und super nett, weil Sie alles anpassen und alle Add-Ons erhalten können , indem Sie Plugins herunterladen. Sie haben auch einen ziemlich guten Überblick von Analysen bis zu allen verschiedenen Websites und es ist super einfach, dies anzupassen. So sieht meine Website im Back-End aus. Wenn ich Designänderungen anpassen oder vornehmen möchte, sieht das tatsächlich so aus. sehr einfach für mich, Dinge zu ändern oder mein Portfolio anzupassen oder Ihre UX-Fallstudien hochzuladen. Die Vorlagen sind normalerweise ziemlich billig. Ich habe bezahlt, ich denke ungefähr 50 Dollar für meins, und schon sechs Jahre alt, ziemlich lange. Aber ich denke, es sieht immer noch richtig gut aus und man kann alles anpassen. Ein Anbieter, der wirklich nette Programme löst, ist Envato. So kannst du dir das auf jeden Fall ansehen. Gut mit WordPress ist, dass Sie auch verschiedene Funktionen wie zum Beispiel einen Shop integrieren können und das gesamte Design anpassen und fast alles personalisieren können. Eine weitere wirklich gute Option ist eigentlich Squarespace, squarespace.com, wo Sie einfach verschiedene Vorlagen, verschiedene Designs für Ihre Fallstudie für Ihr Portfolio auswählen verschiedene Designs für Ihre Fallstudie für können. Sie haben viele Vorlagen auf ihrer Website. Sie können sogar damit beginnen, das perfekte Design oder die perfekte Vorlage für alles zu finden das perfekte Design oder , was Sie zeigen möchten. Sie haben eine Menge wirklich cooles Design-Bereich. Es ist super einfach für dich, das zu finden. Schau dir einfach die Website an. Was sehr hilfreich ist, denke ich, ist, dass Sie eine Umfrage haben, damit Sie wirklich überprüfen können, worum es auf Ihrer Website geht, was sind Ihre Ziele, was möchten Sie tun und welche Dinge? Es ist sehr hilfreich für dich, die richtigen Vorlagen für dich zu finden . Ihr Design ist super nett. Am Ende, nachdem Sie eine Vorlage ausgewählt haben, können Sie das Ganze von Farben über Fotos, über Text bis hin zu fast allem anpassen . Das Gute an all den Squarespace-Vorlagen ist, dass sie schon super schön aussehen. Aus UX-Perspektiven sind sie super gut gemacht, was meiner Meinung nach hilfreich ist weil Sie nicht viel Zeit und Mühe brauchen, um selbst eine Codierung oder ein Design zu entwickeln . Der einzig negative Punkt ist, dass es ziemlich teuer ist, hängt davon ab, welchen Plan Sie monatlich, jährlich oder welche Option Sie möchten. Es sind etwa 10 Dollar pro Monat, die Sie berücksichtigen müssen, bevor Sie das erhalten , da es sich um eine monatliche Zahlung handelt. Es ist eine Zahlung, die jeden Monat zurückkehrt. Eine weitere sehr ähnliche Option ist der Wix. Eigentlich gibt es mehr als Squarespace und Wix, aber das sind eigentlich die großen. Wix ist mehr oder weniger wie Squarespace. Das Design ist ein bisschen anders und es ist natürlich ein bisschen billiger. Sie haben verschiedene Zahlungsmöglichkeiten, die Sie hier sehen können. Stellen Sie einfach sicher, dass eine der Zahlungsoptionen tatsächlich mit Anzeigen für Wix vorhanden ist. Aus meiner Empfehlung kann ich nur sagen, dass Sie keine Anzeigen für etwas anderes als Ihre Arbeit integrieren. Das sieht sehr unprofessionell aus, also nimmst du entweder die Kombination oder die unbegrenzte Option, oder die unbegrenzte Option wenn du hier mit Wix arbeiten willst. Eine weitere wirklich gute Option ist Behance, behance.com. Es ist ein soziales Netzwerk für Kreative, alle Arten von Kreativen. Fotografien, Animatoren, Videofilmer, fast jeder auch UI/UX zum Grafikdesign. Es ist eine wirklich große Plattform , die auch als soziales Netzwerk funktioniert. Es ist ziemlich einfach, sich miteinander zu verbinden und als Kreativ angesehen zu werden. Abgesehen davon ist es völlig kostenlos, also bedenken Sie das. Was wirklich schön ist , ist, dass es Ihnen leicht fällt , sich auch inspirieren zu lassen. Sie haben auch Geschichten, wie Instagram-Geschichten von verschiedenen Hashtags, mit denen Sie Ihre Arbeit verknüpfen können. Sie haben verschiedene Livestreams. Wenn Sie etwas lernen möchten, können Sie dort Ihr eigenes Profil integrieren, in dem Sie Ihre UX-Fallstudien hochladen können, und dann sieht es ungefähr so aus. Sie laden Ihre Fallstudien dort hoch und können die verschiedenen Elemente, die wir in unser Layout entworfen haben, integrieren . Was hier wirklich gut ist, ist, dass Sie diese Entdeckungsoption haben , bei der Sie natürlich andere Arbeiten entdecken können. Aber hier im oberen Bereich, während der Interaktionsgruppe, finden Sie alle Arbeiten, die im Interaktionsbereich vorgestellt wurden . Viele Augen sehen tatsächlich die Arbeit , die dort vorgestellt wurde. Für Sie ist es das Beste, ein Kreativ zu sein, auf Behance vorgestellt zu werden, das Ihnen passieren kann, denn viele Kunden werden Sie finden. Viele Kunden, auch aus größeren Unternehmen, suchen durch Behance, um Schöpfer für ihre Arbeit zu finden. Behance ist die Umstufungsoption, insbesondere wenn Sie sich auf Ihre Arbeit konzentrieren möchten, Kunden gewinnen möchten, gesehen werden möchten, sich für bestimmte Stile bekannt machen möchten und vielleicht sogar nicht viel setzen möchten konzentrieren oder arbeiten Sie daran, Ihre eigene Website zu erstellen, aber beginnen Sie mit einigen Dingen. Behance ist nicht nur für den Anfang eine wirklich gute Option , sondern auch für etwas, das im Gange ist, und sogar neben Ihrer Website. Wie Sie sehen können, habe ich ein Behance-Profil, aber ich habe auch meine Website, und ich habe ehrlich gesagt mit Behance angefangen, meine Arbeit dort hochzuladen , um einfach etwas da draußen zu haben und alle zu führen die Leute über meine Behance-Seite, die kostenlos ist. Ich habe auch eine Menge Verbindung über Behance hergestellt. Also sieh dir das auf jeden Fall an. Eine weitere wirklich gute Option, insbesondere wenn Sie die Adobe Creative Cloud-Mitgliedschaft haben , ist Adobe Portfolio. Es ist völlig kostenlos und Sie können Ihre Behance-Fallstudie ganz einfach verknüpfen, und so ist Ihr gesamtes Behance-Portfolio ein anderes PDFs oder laden Sie dort sogar Ihre eigenen UX-Fallstudien ganz für kostenlos. Sie haben verschiedene Vorlagen, Sie haben verschiedene Gestaltungsmöglichkeiten, um alles anzupassen. Das ist also auch eine wirklich gute Option. Du siehst hier, dass ich meine ganze Arbeit an Behance automatisch integriert hatte. Ich kann jetzt anpassen, was ich dort tatsächlich zeigen möchte. Wenn ich zum Beispiel etwas für einen bestimmten Job präsentieren möchte etwas für einen bestimmten Job und nur drei verschiedene Fallstudien zeigen möchte, kann ich das auch hier mit einem speziellen Link machen, also funktioniert das wirklich gut. Ich kann alle Anpassungen an der Seite vornehmen , von Gestaltungsoptionen Abstände, über verschiedene Navigationselemente bis hin zu einigen Vorlagen, die Sie auch hier sehen können. Wie du viele verschiedene Vorlagen sehen kannst oder du kannst einfach auswählen, was wirklich am besten zu dir passt und besonders zu deiner Spezialität mitnehmen. Könnte UI/UX sein. Wie Sie sehen können, gibt es eine Million Optionen denen Sie Ihr Portfolio hosten können. Es hängt sehr von Ihren Zielen ab und was Sie damit tatsächlich erreichen möchten. Meine Empfehlung ist es, sich wirklich zu fragen, verschiedene andere Kreative, Freunde oder Kollegen zu fragen, wo sie ihr Portfolio, ihre UX-Fallstudien hosten ihre UX-Fallstudien und auch nach warum fragen? Vielleicht erhalten Sie einige interessante Einblicke bestimmte Gründe. Wenn Sie in der Lage sind zu programmieren, können Sie Ihre eigene Website codieren und alles wirklich personalisieren. Aber stellen Sie sicher, dass dies viel Zeit ist, und insbesondere wenn Sie nicht der Pro-Coder sind, ist es viel Zeit und Mühe, Fallstudien anzupassen. Denn aus meiner Erfahrung passe ich meine Fallstudien von Zeit zu Zeit ein wenig an, oder ich möchte etwas hinzufügen oder selbst wenn ich eine neue Fallstudie hochladen möchte, ist es viel einfacher, wenn du hast einen Host, könnte WordPress oder Squarespace oder sogar Behance sein. Eine andere Sache, die Sie beachten sollten, ist, dass Sie immer einige Vorlagen haben, wenn Sie eines dieser Tools verwenden, die ich gerade empfohlen habe. Sie sind nicht hundertprozentig frei, um das Design zu erstellen, das Sie tatsächlich möchten. Wenn Sie etwas ganz Besonderes im Sinn haben und keine Vorlagen verwenden möchten, die einzige Möglichkeit für Sie darin, es einfach selbst zu codieren oder jemanden für die Codierung zu bezahlen. Obwohl dies definitiv teurer und im täglichen Gebrauch nicht so praktisch ist. Wir werden im nächsten Video darüber sprechen, wie Sie Ihre Behance-Fallstudien hochladen können. 26. Mockups: Lassen Sie uns wirklich kurz über Mock-ups reden. Was wirklich hilfreich ist, ist, wenn Sie Mock-ups für Ihre Visuals verwenden , um tatsächlich die Bildschirme, Ihre Designs, die Animationen oder die Interaktionen, die Sie in echten Mock-ups entwickelt haben, zu präsentieren Ihre Designs, die Animationen oder die Interaktionen, . Das Gute daran ist, dass es eine Million kostenlose Ressourcen gibt, die Sie einfach herunterladen, wählen und integrieren können Ihr Design und dann laden Sie sie versucht, um Ihre Ex-Fallstudie. Ein Mock-up hofft wirklich, Ihr Design in Aktion zu zeigen. Dies könnte ein Bild des Geräts sein, für das Sie entwerfen, oder jemand, der ein Telefon hält und zum Beispiel durch Ihre App navigiert. Was Sie tun können, ist, dass Sie zwei entwerfen können, so PNG-Mock-ups, sondern auch animierte Mock-up. Wir werden im nächsten Video darüber reden. Ich habe tatsächlich zwei Arten von Mock-ups in diesen Kurs integriert , damit Sie sie kostenlos herunterladen können. Sie kommen mit dem Kurs. Eines ist für Photoshop, wo Sie einfach Ihr Design integrieren können, Ihre Bildschirme, die Sie entworfen haben, es ist ein iPhone-Mock-up. das einfach herunter und lassen Sie mich Ihnen zeigen, wie ich das Mock-up meines Designs tatsächlich integriert habe. Wo finden Sie gute Mock-ups? Ich Google normalerweise nur den Mockup-Typ, den ich suche. Dies ist eine wirklich, wirklich hilfreiche Seite. Viele kostenlose Mock-Ups, wo Sie nach bestimmten Bereichen suchen können. Jetzt haben wir das iPhone ausgewählt. Wir können alle Mock-ups sehen, die für einige iPhone-Hintergrund zur Verfügung stehen. Zweite Seite, noch mehr so viele verschiedene Dinge, so können Sie einfach wählen, was Sie wollen. Die meisten von ihnen sind eigentlich kostenlos, also können Sie sie einfach herunterladen und brauchen nichts zu bezahlen. Selbst derjenige, der kostenpflichtige Versionen sind nicht wirklich teuer. Aus meinen Erfahrungen ist, dass es sich wirklich lohnt etwas Geld zu bezahlen, weil wir am Ende viel schön aussehen werden. Stellen Sie nur sicher, dass Sie eine PSD-Datei herunterladen, und nicht eine JPEG, denn in der PSD-Datei, die wirklich einfach für Design zu integrieren sein wird. Beginnen wir mit dem Mock-up, das ich für dich entworfen habe, was wirklich mit dem Kurs einhergeht. Ich werde Sie durch diese einzelnen Schritte führen, um Ihr eigenes Mock Up mit Ihrem eigenen Design zu erstellen. Der erste Schritt ist eigentlich, dass Sie Ihre Design-Software öffnen, was auch immer Sie verwenden, und Sie werden den Bildschirm exportieren, der in Ihrem Modell platziert wird. Super einfach. Sie werden nur die Ausgabe auswählen, auf Exportieren klicken und dann den Bildschirm exportieren. Dann wechseln Sie zu Photoshop, öffnen Sie die Mockup-Datei. Dann können Sie die verschiedenen Layouts sehen, die Beleuchtung und dann unten haben Sie die verschiedenen Bildschirme. Hier platzieren Sie Ihr Design, den Rahmen, die Schatten, sie sind alle auf einer einzigen Ebene platziert. Sie können das anpassen, oder wir werden das tun, nachdem wir unser Design platziert haben. Doppelklicken Sie auf das Smart Objekt, und hier können Sie Ihr Design platzieren. Fügen Sie einfach Ihr Design ein, das wir gerade aus der Design-Software exportiert haben. Und du machst das mit Drag & Drop. Wählen Sie einfach die Datei und platzieren Sie sie dort und passen Sie dann die Größe so an, dass sie wirklich an den Rahmen passt. Dann ist das, was wirklich wichtig ist, sicher. Befehl S, um die intelligenten Objekte wirklich wichtig zu speichern, legen Sie das an der richtigen Stelle. Dort können Sie auch die anderen Dateien löschen. Stellen Sie sicher, dass Sie es speichern. Dann gehen Sie zurück zu Ihrem ursprünglichen Mock-up PSD. Hier können Sie sehen, dass es auf der Bildschirmdatei platziert wurde. Jetzt werden wir hier etwas anpassen. Sie können den Hintergrund sehen und Sie können die Hintergrundcollage einfach doppelklicken Sie darauf und ändern Sie dann die Farbe, um die Farbe, die Sie wollen. Manchmal, was ich wirklich mag, ist die Wahl einer Farbe, die wirklich zum Design und Präsentation auf dem Bildschirm passt. Hier spiele ich ein wenig herum auf der Suche nach verschiedenen Farben, die eine gute Passform wäre, auf der Suche nach etwas Oranges, aber nicht zu viel. Du kannst einfach rumspielen, sieh dir das an. Was können Sie auch tun, ist die Farbe des Rahmens zu ändern, den iPhone-Rahmen, doppelklicken Sie darauf, Sie erhalten alle Einstellungen und dann haben Sie die Farbe, um hier zu wählen und ändern Sie das einfach in die Farbe, die Sie bevorzugen. Könnte schwarz sein, könnte Silber sein, könnte etwas gefärbt sein, wenn Sie wirklich wollen, um die Farben dort als auch zu fördern. Verwenden Sie einen orange-roten Farbtyp als auch , der wirklich wirklich, wirklich cool aussehen kann. Spielen Sie einfach ein wenig herum und wählen Sie die perfekte Farbe für Ihr Design. Das sieht gut aus. Eine andere Sache, die ich denke, ist wirklich hilfreich oder gut zu wissen ist, dass Sie einfach kopieren können. Kopieren Sie das Design hier. Kopieren Sie einfach und fügen Sie sie ein. Dann befehlen Sie T und bewegen Sie das zur Seite. Dann können Sie ihre verschiedenen Bildschirme platzieren. Sie werden bereits zwei Bildschirme haben. Stellen Sie einfach sicher, dass Sie das Smart-Objekt umbenennen. Wenn es das gleiche Objekt ist, dann werden Sie das gleiche Bild haben, auch dort. Aber wenn Sie das umbenennen, können Sie auch hier das Design ändern. Gehen wir zurück zu unseren anderen Wochen Design- oder Designdatei, Exportieren auf dem Bildschirm könnte dies sein. Danach werden wir TS1 beschäftigen. Wie ich schon sagte, mache ich normalerweise diesen Beweis per Drag-and-Drop. Platzieren Sie es einfach hier. Genau, und dann sparen. Es ist schon da. Sie können das mit so vielen Bildschirmen tun, wie Sie möchten. Kopieren Sie einfach den gesamten iPhone-Ordner und fügen Sie ihn ein. Sie haben jetzt verschiedene Optionen, um das Design anzupassen. Sie können beispielsweise den Hintergrund entfernen und auf Ihrem Computer speichern. Sie haben das bereits als PNG gespeichert. Das ist wirklich hilfreich, besonders wenn Sie keinen Hintergrund haben. Danach können Sie zu Ihrer Adobe XD-Datei oder zu Ihrem Design zurückkehren. Ich habe all diese Vorlagen für Sie vorgestellt. Sie können einfach Ihr Design des soeben erstellten PNG in diesen einzelnen Layout-Schritten platzieren. Einstellen der Größe ein wenig. Ich will ein bisschen größer. Dann ist es schon fertig. Lassen Sie uns das ziemlich kurz zusammenfassen. Was sind die Takeaways, indem Studenten Mock-ups oder PNGs erstellt werden? Exportieren Sie zuerst Ihre Entwürfe in PNG, damit der Bildschirm, den Sie entworfen haben, öffnen Sie das Mock-up in Photoshop. Platzieren Sie Ihr Design auf dem Smart-Objekt mit dem Namen platzierten Zeichen hier, speichern Sie das Smart-Objekt, und führen Sie dann weitere gewünschte Anpassungen durch. Entfernen Sie den Hintergrund, ändern Sie die Hintergrundfarbe oder führen Sie die gewünschten Anpassungen durch. Exportieren Sie dann das Modell als PNG und fügen Sie es in Ihr Layout ein, das Sie exportieren und in Ihre Website integrieren können. 27. Animationen: In diesem Video werden wir über Animation sprechen, so wie Sie atemberaubende Animationen für Ihre UX-Fallstudie erstellen können, die bereit sind, auf Ihre Behance Fallstudie oder sogar auf Ihrer Website hochzuladen. Hier sind ein paar Beispiele und ein paar Möglichkeiten, wie Sie das tatsächlich tun können , indem Sie die Vorlage verwenden, die ich für Sie erstellt habe. Dies ist die Vorlage, ich hoffe, Sie haben das heruntergeladen, weil wir das für die verschiedenen GIFs und die Videos verwenden , die wir jetzt erstellen werden. Wir werden mit dem GIF beginnen und so ein animiertes Mockup erstellen. Erstellen Sie zunächst ein Video aus Ihrer Animation. Gehen Sie zum Beispiel zum Vorschaumodus in Ihrem Design-Tool Adobe XD, nehmen Sie das auf, spielen Sie Ihre Animation, es könnte eine kleine oder lange sein, es spielt keine Rolle, beenden Sie die Aufnahme und speichern Sie sie dann, wo immer Sie wollen. Perfekt. Jetzt werden wir zu unseren Vorlagen wechseln. Öffnen Sie die Vorlage, die ich für Sie erstellt habe. Hier sehen wir alle Ordner, die verschiedenen Dateien, die integriert sind, und auch die Komposition, die genannt wird, platzieren Sie Ihr Design hier, öffnen Sie das und legen Sie dann Ihr Video hinein. Sie können die Größe entweder mit Befehl S anpassen und die Skalierung anpassen, oder dies von Hand tun, indem Sie auf die kleinen Picker an den Rändern klicken. Stellen Sie sicher, dass es perfekt an den Kanten ausgerichtet ist. Perfekt, das sieht gut aus. Gehen Sie dann zurück zu Ihrer Komposition, und was Sie hier sehen können, ist, dass sie automatisch in die richtige Perspektive auf diesen Bereich gesetzt wird . Wenn Sie auf die „Leertaste“ klicken, wird die Animation wiedergegeben, sodass Sie die gesamte Animation sehen können. Aber eine andere Sache, die Sie brauchen, um die Kompositionslänge anzupassen. Wenn Sie diesen kleinen Picker oben verwenden, verschieben Sie ihn auf die perfekte Länge, die Sie nur die Größe exportieren, die Sie benötigen. Perfekt. Wir haben etwa fünf Sekunden für unsere Animation, was perfekt ist. Im nächsten Schritt werden wir das exportieren. Wir können auch einige Anpassungen vornehmen, zum Beispiel den Hintergrund entfernen, den Hintergrund bei bestimmten grafischen Elementen ändern. Jetzt werden wir auf „Exportieren“ klicken und dann auf den Encoder-Renderer klicken. Ich benutze wirklich gerne den Encoder-Renderer, er kommt aus Ihrer Adobe Suite. Wenn du das nicht hast, mach dir keine Sorgen, du kannst es einfach mit deinem normalen AAfter Effects Rendersystem rendern. Das ist wirklich wichtig für dieses System. Aber das coole Ding ist mit dem Encoder, dass Sie das auf MP4 verschieben können, also ist das wirklich hilfreich. Jetzt müssen wir ein paar Sekunden warten, bis es der Zeile hier zum Render-Cue hinzugefügt wird, und dann können wir einfach rendern, indem wir auf die grüne Schaltfläche oben links klicken. Da ist es. Jetzt können wir auf „Rendern“ klicken und dann wird es automatisch gerendert. Also haben wir ein Video aus dieser Komposition, wir haben einen After Effects erstellt. Das sieht gut aus. Stellen Sie einfach sicher, dass wir H264 in unseren Einstellungen hier haben, und dann können wir einfach mit dem Rendern beginnen. Sie können unten sehen, dass es Rendering ist, Es ist eigentlich ziemlich, ziemlich schnell und die Qualität ist gut, also funktioniert das gut. Es spart den Platz, den Sie am Anfang gezeigt haben. - Ja. Fast fertig, dann werden wir das auch nach After Effects exportieren. Wir werden diese Animation nehmen, wenn das Rendering beendet ist und das in Photoshop setzen. Lassen Sie uns Photoshop wieder öffnen und das Video dort platzieren. Sie können sehen, dass es eine Timeline am unteren Rand, was wirklich toll ist. Der nächste Schritt ist eigentlich, dass wir das verwenden , um ein GIF [unhörbar], weil Sie das in Photoshop tun können, aber nicht in After Effects oder Premier. Sie müssen also auch Photoshop verwenden. Sie können die GIF-Exportfunktion finden und oben werden wir das in einer Sekunde tun. Stellen Sie einfach sicher, dass Ihr GIF nicht zu lang ist, alles weniger als sechs Sekunden ist großartig. Sie können auf „Exportieren“ klicken und dann finden Sie es hier, klicken Sie einfach darauf. Sie können die Verknüpfung auch verwenden, wenn Sie möchten, was auch immer Sie bevorzugen. Es ist ein wenig versteckt, die GIF-Funktion zu exportieren. Aber wenn Sie wissen, wie es geht, dann ist es eigentlich ziemlich einfach. Klicken Sie also darauf, und danach können Sie auch die Größe anpassen. Unsere ist wirklich groß, weil ich mit einer wirklich großen Größe angefangen habe. Also werden wir das ein bisschen kleiner machen wie 800-800 und stellen sicher, dass es wiederholt wird. Stellen Sie nun sicher, wo Sie das speichern möchten, den Namen, und klicken Sie dann auf „Speichern“, und dann wird es automatisch auf dem Ort gespeichert werden , wo Sie es tatsächlich setzen, so ziemlich einfach. Dann wird es am Ende so aussehen. So klicken Sie und sehen, dass es die ganze Zeit wiederholt wird. Das zweite GIF ist eine animierte Zeichenfläche von Ihrer Designplattform. Es könnte so etwas in der Behance Fallstudie sein, wo Sie animierte Bereiche sehen. Wenn Sie das auf Ihren Desktop verschieben, sehen Sie, dass es sich um ein GIF in der perfekten Größe des Layouts handelt. Sie passen es an, Sie können das auf Ihrer Website, aber auch auf Behance hochladen . Sieht wirklich cool aus, oder? Ich werde Ihnen zeigen, wie Sie das in der perfekten Größe machen können. Gehen Sie also zurück zu Adobe XD oder zu welcher Designplattform Sie verwenden. Für Adobe XD können Sie auf die Zeichenfläche klicken und auf „Exportieren“ klicken, und dann können Sie diese sofort nach After Effects exportieren. Also, das ist wirklich cool Sache. Es öffnet sich in After Effects. Keine Sorge, es sieht so aus, als hätte es nur das blaue Rechteck exportiert, aber es hat tatsächlich alles exportiert. Was Sie jetzt tun können, ist einen soliden Hintergrund einen weißen zu erstellen und diesen hier zu exportieren. Jetzt werden Sie das Design integrieren, das wir zuvor gemacht haben. Sie können das einfach in den gewünschten Bereich platzieren. Sie können auch das blaue Rechteck entfernen. Dies war nur ein Platzhalter. Fühlen Sie sich frei, das zu entfernen. Sie können den Text auf der Seite anpassen, tun, was Sie wollen, er ist immer noch im Vektor, so dass Sie nicht anpassen können, was Sie wollen. Stellen Sie sicher, dass Sie die Zeit der Kompositionen anpassen, so etwa fünf Sekunden und dann werden wir genau das gleiche wieder tun. Wir werden das im Medien-Encoder rendern und zuerst ein Video erstellen. Danach werden wir das auch in After Effect setzen. Perfekt. Es ist jetzt fertig, wir können darauf klicken und dann einfach in After Effects wie beim letzten Mal setzen. Da ist es, perfekt, sieht gut aus. Jetzt werden wir das genau wie beim letzten Mal exportieren, wie das letzte GIF diesen Ordner exportieren und dann auch ein GIF erstellen. Hier ist das endgültige GIF, das genau bereit ist, auf Ihre Behance Fallstudie hochzuladen. Wenn Sie längere Videos haben, dann schauen Sie sich die nächsten Videos an, denn dort werden wir darüber sprechen wie Sie längere Videos erstellen können, wie Sie sie hochladen können und wie Sie sie in Ihre UX-Fallstudie integrieren können. 28. Videos: Wo können Sie Videos tatsächlich in Ihre UX-Fallstudie integrieren und wo macht das wirklich Sinn? Ich werde Ihnen ein Beispiel aus meiner UX-Fallstudie zeigen, in der ich ein super kurzes Video in die Fallstudie einbinde. In diesem Video geht es um eine Art Benutzerfluss, Art Benutzerkonversation wie ein Alexa-Gespräch, intelligenter Assistent mit dem System. Da es länger als ein paar Sekunden ist und die Stimme integriert ist, konnte ich nicht einfach ein GIF hochladen, weil die Stimme eines GIF nicht integriert ist Daher musste ich ein Video erstellen, das tatsächlich in After Effects animiert und dann auf Vimeo, wie Sie hier sehen und dann in meiner UX-Fallstudie eingebettet werden können. Wie Sie hier sehen können, ist es auf Vimeo gehostet und super einfach eingebettet. Dies ist die Fallstudie, die ich wirklich mag, ich denke, es ist super schön, eigentlich zusammen wie ein ganzes Geschichtenerzählen. Ich liebe besonders die Videos, die hier integriert sind. Vor allem dieses Video, in dem Sie den Benutzerfluss sehen können, so dass alles, was bereits animiert ist, was bereits in Ihrem Design integriert ist, gerade gefilmt, in ein Mock-up gesetzt, spielt mit wirklich schönen Hintergrund und dann auf Ihre Fallstudie. Dies wird tatsächlich auf YouTube gehostet, aber am Ende ist es absolut Ihre Entscheidung, wo Sie Ihre Arbeit hosten und wo Sie das hochladen. Ich denke, das ist super hilfreich für Kunden, um zu sehen wie die Dinge wirklich miteinander interagieren, wie die Übergänge funktionieren. Es ist viel visueller, als nur den Benutzerfluss anzuzeigen. Vor allem auf Behance oder auf all Ihren Fallstudien, ist alles, was animiert und wirklich sinnvoll ist, so dass es einen gewissen Wert bietet, so dass es einen gewissen Wert bietet,hilfreich für den Kunden, das zu verstehen, besonders wie im Interaktionsdesign. Hier können Sie einen Fallfilm sehen. Jemand entwarf einen schönen Fall aus der Erklärung des gesamten Produkts. Das ist etwas komplizierter, nicht nur das Filmen der Interaktion, sondern auch das Animieren von Dingen in After Effects. Wenn Sie ein After Effects Pro sind, ist das wahrscheinlich eine gute Sache, aber es wird nicht wirklich benötigt, es ist netter Add-on. Wie Sie hier sehen können, haben sie mit etwas Drift hinzugefügt und da ist der Unterschied zwischen diesen beiden. Videos sind für längere Designs, längere Videos. Jetzt zeige ich Ihnen, wie ich meine Videos für meine Fallstudien mit After Effects und Adobe XD entwerfe . Längere Animationen oder Aufnahmen sind perfekt für Videos und ich werde dich Schritt für Schritt durch diese führen. Das erste ist eigentlich ein Projekt, also öffnen Sie das Projekt, das Sie aufzeichnen möchten und wo Sie tatsächlich den Prototyp zeigen möchten. Könnte fast jede Software sein, ich benutze Adobe XD und hier können Sie im Prototyp-Modus sehen , dass ich verschiedene Dinge verbunden habe, also ist es interaktiv. Wenn ich eine Zeichenfläche auswähle und hier auf das kleine Spielsymbol klicke, bekomme ich dieses Vorschaufenster, das ich aufnehmen kann. Eigentlich funktioniert die Aufnahme, indem Sie darauf klicken und es automatisch aufzeichnen. Jetzt wird alles aufgezeichnet, worauf ich klicke. Was ich jetzt tun möchte, ist, durch die App zu klicken und den grundlegenden Onboarding-Flow anzuzeigen. Meine Verabredung, okay. Dann gehen wir zurück zur Home-Ansicht, ich kann ein wenig scrollen und dann nur einen dieser Links hier auswählen. Ich denke, ich gehe zurück auf den Startbildschirm. Perfekt, das sieht gut aus. Ich werde diesen Benutzerfluss coliving nennen und das auf meinem Desktop speichern. Ich kann das hin und wieder zu meinem Video-Softwaretool gehen. Ich mag After Effect wirklich, also mache ich fast alles mit After Effects. Sie können auch Premiere oder ein anderes Videobearbeitungswerkzeug verwenden, das Sie bevorzugen. gesagt, ich mag After Effects wirklich, aber Sie können verwenden, was Sie wollen. Erstellen Sie jetzt eine neue Komposition mit den 1920, 1080 und etwa 33 Sekunden. Klicken Sie auf „Okay“, hier ist es. Das sieht gut aus. Dann ist die nächste Sache tatsächlich die Integration aller Assets, die ich brauche. Ich habe das Video bereits vorbereitet, aber das reicht nicht. Ich möchte auch einen wirklich schönen Hintergrund entwerfen. Das habe ich schon vorbereitet. Ich habe eine Zeichenfläche ausgedacht, stelle sicher, dass sie genau wie die gleiche Größe ist, oder ich schalte zurück in den Design-Modus, stellen Sie sicher, dass es genau die Designgröße ist, die Sie benötigen. Dann können Sie das einfach exportieren, Sie benennen das und dann exportieren, wählen Sie es aus und dann können Sie es exportieren. Also haben wir einen schönen Hintergrund für das Mock-up. Im nächsten Schritt werde ich alle Dinge einfügen, die wir brauchen, und dann können wir mit dem Design beginnen. Das sieht gut aus und dann werde ich das Mock-up einfügen. Sie haben das Mock-up auch in Ihrem Ordner, so dass Sie es einfach verwenden können, wenn Sie möchten. Ich werde die Größe ein wenig ändern , so dass es genau so ist, wie ich möchte, dass es am Ende aussieht. Dann lass mich mal sehen. Hier ist das Video, ich muss auch die Größe anpassen. Das sieht schon gut aus. Eine andere Sache, die ich wirklich gerne mache, ist , hier habe ich das Mockup, also ist es eigentlich oben. Hier haben Sie das kleine Eissymbol, so dass Sie es einfach unsichtbar machen können, und das werde ich jetzt wirklich schnell machen , weil ich einige abgerundete Kanten haben möchte, und deshalb müssen wir das nur maskieren. Stellen Sie sicher, dass Sie oben das Mockup haben, dann haben Sie das Video, und dann haben Sie den Hintergrund. Das machen wir Schritt für Schritt durch. Was ich tun werde, ist, dass ich das Mockup sichtbar machen und dann das Video auswählen, Sie fügen es einfach ein. Ich werde ein abgerundetes Rechteck-Werkzeug wählen und das über dem Video platzieren. Dann können Sie mit den kleinen Pfeilen, die Sie auf Ihrer Tastatur haben, die Pfeile nach oben und unten, die Winkel ein wenig anpassen. Jetzt wird es größer. Perfekt. Wir wissen, dass wir das maskieren. Wenn wir jetzt das Mockup oben sehen, sehen wir, dass es perfekt in diesen Rahmen passt. Das sieht gut aus. Perfekt. Eine andere Sache, also wenn wir hier spielen, werden wir sehen, dass die ganze Sache interaktiv ist und dass die ganze Animation tatsächlich dort gezeigt wird. Sieht ziemlich nett aus. Eine andere Sache, was ich hier integrieren möchte, ist, dass ich einige Schatten integrieren möchte. Es sieht so aus, als ob das Modell ein bisschen schwebt. Ich werde den Benutzerfluss leben MP4 auswählen, und dann werde ich auf Schatten klicken, und dann haben wir den Schlagschatten. Hier haben Sie die Effekt- und Voreinstellungen Panel. Wenn Sie das nicht haben, klicken Sie auf „Fenster“ und fügen Sie Effektfenster hinzu, und Sie können den Schlagschatten verwenden, legen Sie ihn auf das [unhörbare] Video. Dann auf dieser Seite bekommen Sie all diese Anpassungen, und dort können Sie ein wenig herum spielen, wie Sie das mögen. Das ist schon eine Menge, also ist das die Entfernung, die ich gerade geändert habe. Dann möchte ich auch die Weichheit ein wenig ändern, und dann haben wir die Deckkraft. Ich habe das Rendern bestätigt. Das sieht gut aus. Perfekt. Erster Rahmen. Schön. Was wir jetzt tun können, ist, dass wir tatsächlich der Flur ist bereits fertig, so können wir auf Datei klicken, Exportieren, und dann in Adobe Media Encoder Query exportieren. Sie können auch zur Renderabfrage gehen, aber ich mag die Encoder-Software wirklich. Das ist tatsächlich in Ihrer Adobe Creative Suite enthalten, sodass Sie das einfach verwenden können. Es ist super toll. Eigentlich, wenn Sie etwas für Ihre sozialen Netzwerke ausnützen wollen, usw. kann ich sehr empfehlen, das zu überprüfen. Da ist es. Sie können unsere Animation schon sehen. Wir können einfach nachsehen. Wir müssen sicherstellen, dass es H264 ist, und da ist es. Nachdem das Video gerendert wurde, kannst du es einfach auf Vimeo oder auf YouTube hochladen, was immer du bevorzugst. Ich bevorzuge Vimeo ehrlich, also ist es super einfach, es hochzuladen, klicken Sie einfach auf das neue Videoelement hier und es wird automatisch hochgeladen und dann können Sie einige Anpassungen vornehmen, nachdem es hochgeladen wurde. Zuerst können Sie den Titel ändern. Wir werden diesen Nutzerfluss Co-Living nutzen. Perfekt. Dann können wir eine Beschreibung hinzufügen, wir können einige weitere printscreen hinzufügen, und haben einige andere Einstellungen hier als auch. Ich werde das retten. Perfekt. Das dauert einige Zeit, bis alles fertig ist. Wenn wir das jetzt in unsere Behance Geschichte eingebettet wollen, sind wir in Hance Abfragen, wir werden hier auf den „Share Mode“ klicken. Es ist eigentlich auf Deutsch, aber normalerweise nein. Jetzt werden wir auf „Teilen“ klicken, eingebetteten Modus kopieren, und jetzt gehen wir zurück zu Behance. Hier klicken wir auf und „Medien einbetten“. Wir werden den kopierten Code dort einfügen. Klicken Sie auf „Einbetten“. Dann wird es automatisch zu unserer Fallstudie hinzugefügt. Hier, du hast das Video. Hier sind alle Takeaways. Stellen Sie sicher, dass Sie Ihre Videos auf eine andere Videoplattform hochladen , wie YouTube oder Vimeo. Stellen Sie sicher, dass Sie genügend Speicherplatz haben, hängt davon ab welche Art von Einstellungen Sie tatsächlich haben oder welche Art von Profil Sie haben. Für das kostenlose Profil können Sie 500MB pro Woche hochladen. Das ist absolut genug in einer Fallstudie, kann sogar für Sie sein. Stellen Sie sicher, dass Sie die richtige Größe auswählen, die 1,920x1,080 ist. Öffnen Sie es und drücken Sie „Teilen“, wählen Sie feste Größe und geben Sie 1920x1080 ein. Wählen Sie Auto-Play und Loop. Deaktivieren Sie alle Intro-Kontrollkästchen, Portraits usw. Es werden alle Elemente aus der Video-Miniaturansicht ausgeblendet. In Ihrem Fall ist das ziemlich hilfreich. Wenn Sie es in Ihre Behance-Fallstudie einbetten möchten, kopieren Sie den eingebetteten Code und fügen Sie ihn mit „Medien auf Behance einbetten “ ein. 29. Wo du deine Fallstudie stellen solltest: Das erste , was Sie tun müssen, ist, dass Sie Ihren Domainnamen speichern, also tatsächlich Adresse für die Website sein. Für mich habe ich tatsächlich patriciarainas.de oder.net benutzt. Ich habe meinen Vor- und Nachnamen benutzt , weil meine Idee war , dass Kunden mich finden, wenn Kunden mich googeln. Was ich dir empfehlen kann, ist genau das Gleiche zu tun. Das ergibt wirklich Sinn. Wenn Leute dich finden wollen, werden sie dich finden, also benutze einfach deinen Vor- und Nachnamen. Verlassen Sie sich ein wenig, ob Sie eine Art Bögen oder andere Namen haben eine Art Bögen oder , bei denen Sie dafür bekannt sind oder wenn Sie eine Agentur aufbauen, dann verwenden Sie diesen Namen, aber bedenken Sie, dass dies entwickeln Sie sich am Anfang, bevor Sie sich entscheiden, wo Sie das hosten möchten. Wo hosten Sie Ihre UX-Fallstudien und Ihr gesamtes Design-Portfolio? Das ist eine wirklich gute Frage. Ich denke dafür ist es wirklich wichtig, dass Sie Ihre Ziele beantwortet haben. Was möchten Sie eigentlich mit Ihren Fallstudien mit Ihrem Portfolio erreichen ? Möchten Sie tatsächlich einen Kunden als freiberuflichen UX-UI-Designer bekommen oder möchten Sie sich online präsentieren , um Workshop-Slots zu erhalten oder als Redner eingeladen zu werden oder vielleicht sogar planen machen Sie ein Geschäft oder verkaufen Sie Ihre Dienste online. Bedenken Sie das von Anfang an, denn wenn Sie sich darauf konzentrieren möchten, Kunden zu gewinnen und online gesehen zu werden, kann ich beispielsweise ein soziales Netzwerk wie Behance empfehlen , das vollständig ist kostenlos und hilft Ihnen, von Kunden gesehen zu werden. Wenn Sie planen, verschiedene Dinge wie verschiedene Elemente wie einen Shop zu integrieren oder solche Dinge, ist es wahrscheinlich am besten etwas zu wählen, in dem Sie einen Shop aus der Anfang oder sogar wenn Sie die Option wie WordPress zum Beispiel haben. Wir werden über die verschiedenen Optionen in diesem Video und auch über die Preise und was ich empfehlen kann, sprechen, damit Sie das richtige Tool für Sie finden. Fangen wir mit der ersten Sprache an, die WordPress ist. WordPress ist eine Funktion , die die gesamte Website für Sie erstellt. Du brauchst nicht wirklich, wie man kodiert. Wenn Sie jedoch wissen, wie man kodiert, können Sie alles anpassen, weil es in Themen enthalten ist. Sie können diese verschiedenen Themen anpassen. Sie können auch Plugins und verschiedene Anwendungen herunterladen. Was wirklich cool und hilfreich ist, ist, dass Sie bestimmte Vorlagen herunterladen und diese nur zum Hochladen Ihrer Inhalte verwenden können. Ich habe damals meine eigene Website entworfen, denke ich wie vor sechs Jahren mit WordPress. Es ist ziemlich einfach und super nett, weil Sie alles anpassen und alle Add-Ons erhalten können alles anpassen und alle Add-Ons erhalten indem Sie Plugins herunterladen. Sie haben auch einen ziemlich guten Überblick von Analysen bis zu allen verschiedenen Websites und es ist super einfach, dies anzupassen. So sieht meine Website im Back-End aus. Wenn ich Designänderungen anpassen oder vornehmen möchte, sieht das tatsächlich so aus. sehr einfach für mich, Dinge oder nur mein Portfolio zu ändern oder Ihre UX-Fallstudien hochzuladen. Die Vorlagen sind normalerweise ziemlich billig. Ich habe bezahlt, ich denke ungefähr 50 Dollar für meins. Sie sind jetzt schon seit einiger Zeit sechs Jahre alt, aber ich denke, es sieht immer noch richtig gut aus und man kann alles anpassen. Ein Anbieter, der wirklich nette Programme verkauft, ist Envato, sodass Sie sich das auf jeden Fall ansehen können. Gut mit WordPress ist, dass Sie auch verschiedene Funktionen wie zum Beispiel einen Shop integrieren können und das gesamte Design anpassen und fast alles personalisieren können. Eine weitere wirklich gute Option ist eigentlich Squarespace, Squarespace.com, wo Sie einfach verschiedene Vorlagen, verschiedene Designs für Ihre Fallstudie , für Ihr Portfolio auswählen verschiedene Designs für Ihre Fallstudie , für Ihr Portfolio Squarespace, Squarespace.com, wo Sie einfach verschiedene Vorlagen, verschiedene Designs für Ihre Fallstudie , für Ihr Portfolio auswählen können Vorlagen auf ihrer Website. Sie können sogar damit beginnen, das perfekte Design oder die perfekte Vorlage für alles zu finden das perfekte Design oder , was Sie zeigen möchten. Sie haben eine Menge wirklich cooles Design-Bereich. Es ist super einfach für dich, das zu finden. Schau dir einfach die Website an. Was sehr hilfreich ist, denke ich ist, dass Sie eine Umfrage haben. Du kannst noch einmal überprüfen, worum es bei dir geht, was deine Ziele sind, was willst du tun und welche Dinge. Super hilfreich für dich, die richtigen Vorlagen für dich zu finden . Ihr Design ist super schön, und am Ende, nachdem Sie eine Vorlage ausgewählt haben, können Sie das Ganze anpassen. Von Farben über Fotos bis hin zu Text bis hin zu fast allem. Das Gute an all den Squarespace-Vorlagen ist, dass sie alle schon super schön aussehen. Aus UX-Perspektive sind sie super gut gemacht, was meiner Meinung nach hilfreich ist weil Sie nicht viel Zeit und Mühe brauchen , um wirklich Codierung oder Design zu entwickeln , außer sich selbst. Der einzig negative Punkt ist, dass es ziemlich teuer ist, hängt davon ab, welchen Plan Sie monatlich, jährlich oder welche Option Sie möchten. Es ist etwa 10 Dollar pro Monat, die Sie berücksichtigen müssen, bevor Sie das erhalten, da es sich um die Sie berücksichtigen müssen, bevor Sie das erhalten eine monatliche Zahlung handelt. Es ist eine Zahlung, die jeden Monat zurückkehrt. Eine weitere sehr ähnliche Option ist der Wix. Eigentlich gibt es mehr als Squarespace und Wix, aber das sind eigentlich die großen. Wix ist mehr oder weniger wie Squarespace. Das Design ist ein bisschen anders und es ist natürlich ein bisschen billiger. Sie haben verschiedene Zahlungsmöglichkeiten, die Sie hier sehen können. Stellen Sie einfach sicher, dass eine der Zahlungsoptionen wochenlang mit Anzeigen tatsächlich vorhanden ist. Aus meiner Empfehlung kann ich nur sagen, dass Sie keine Anzeigen für etwas anderes als Ihre Arbeit integrieren. Das sieht sehr unprofessionell aus. Entweder braucht man eine Kombination oder unbegrenzte Option, wenn du hier mit Wix arbeiten möchtest. Eine weitere gute Option ist Behance, Behance.com. Es ist ein soziales Netzwerk für alle Kreativen. Fotos, Animatoren, Videofilmer, fast jeder auch UI UX zum Grafikdesign. Es ist eine wirklich große Plattform , die auch als soziales Netzwerk funktioniert. Es ist wirklich einfach, sich miteinander zu verbinden und als Kreativ angesehen zu werden. Abgesehen davon ist es völlig kostenlos. Behalten Sie das im Hinterkopf. Was wirklich schön ist, ist, dass es Ihnen leicht fällt, sich auch inspirieren zu lassen. Sie haben auch Geschichten. Wie Instagram-Geschichten von verschiedenen Hashtags, mit denen Sie Ihre Arbeit verknüpfen können. Sie haben verschiedene Livestreams. Wenn Sie etwas lernen möchten, können Sie dort Ihr eigenes Profil integrieren, in dem Sie Ihre UX-Fallstudien hochladen können, und dann sieht es ungefähr so aus. Sie laden Ihre Fallstudien dort hoch und können die verschiedenen Elemente, die wir in unser Layout entworfen haben, integrieren . Was hier wirklich gut ist, ist, dass Sie diese Entdeckungsoption haben , bei der Sie natürlich andere Arbeiten entdecken können. Aber hier im oberen Bereich, während der Interaktionsgruppe, finden Sie alle Arbeiten, die im Interaktionsbereich vorgestellt wurden . Viele Augen sehen tatsächlich die Arbeit , die dort vorgestellt wurde. Für dich ist es das Beste, ein Kreativ zu sein, auf Behance vorgestellt zu werden, was mit dir passieren kann. Weil viele Kunden dich wirklich finden. Viele Kunden, auch aus größeren Unternehmen, suchen durch Behance, um Schöpfer für ihre Arbeit zu finden. Behance ist eine wirklich großartige Option, besonders wenn Sie sich auf Ihre Arbeit konzentrieren möchten, Kunden gewinnen möchten, gesehen werden möchten, sich für bestimmte Stile bekannt machen und vielleicht sogar nicht ein Fokus oder Arbeit darauf, Ihre eigene Website zu erstellen, aber mit etwas loslegen. Behance ist nicht nur für den Anfang eine wirklich gute Option , sondern auch für etwas, das im Gange ist, und sogar neben Ihrer Website. Wie Sie sehen können, habe ich ein Behance-Profil, aber ich habe auch meine Website und ich habe ehrlich gesagt damit angefangen, dass Behance meine Arbeit dort hochgeladen hat, um einfach etwas da draußen zu haben und alle zu leiten Leute über meine Behance-Seite, die kostenlos ist. Ich habe auch eine Menge Verbindung über Behance hergestellt. Schau dir das auf jeden Fall an. Eine weitere wirklich gute Option, insbesondere wenn Sie die Adobe Creative Cloud-Mitgliedschaft haben , ist AdobePortfolio. Es ist völlig kostenlos und Sie können Ihre Behance-Fallstudie ganz einfach verknüpfen. Ihr gesamtes Behance-Portfolio oder verschiedene PDFs oder laden Sie dort sogar Ihre eigenen UX-Fallstudien kostenlos hoch. Sie haben verschiedene Vorlagen, Sie haben verschiedene Gestaltungsmöglichkeiten, um alles anzupassen. Dies ist auch eine wirklich gute Option. Sie können hier sehen, dass es meine ganze Arbeit an Behance automatisch integriert hat, damit ich jetzt anpassen kann, was ich dort tatsächlich zeigen wollte. Wenn ich zum Beispiel etwas für einen bestimmten Job präsentieren möchte und nur drei verschiedene Fallstudien zeigen möchte, kann ich das hier tun, aber auch für spezialisierte Links. Das funktioniert sehr gut. Ich kann alle Anpassungen auf der Seite vornehmen , von Gestaltungsoptionen über Abstände verschiedene Navigationselemente bis hin zu einigen Vorlagen, die Sie auch hier sehen können. Sie können viele verschiedene Vorlagen sehen oder einfach auswählen, was wirklich am besten zu Ihnen passt, und insbesondere Ihre Spezialität, könnte wie UI/UX [unhörbar] sein. Wie Sie sehen können, gibt es eine Million Optionen denen Sie Ihr Portfolio hosten können. Es hängt sehr von Ihren Zielen ab und was Sie damit tatsächlich erreichen möchten. Meine Empfehlung ist es, sich wirklich umzufragen, verschiedene andere Kreative oder Freunde oder Kollegen zu fragen, wo sie ihr Portfolio, ihre UX-Fallstudien hosten und auch fragen, warum Sie vielleicht bekommen einige interessante Einblicke zu bestimmten Gründen. Wenn Sie in der Lage sind zu programmieren, können Sie Ihre eigene Website codieren und alles wirklich personalisieren. Aber stellen Sie sicher, dass dies viel Zeit ist. Vor allem, wenn Sie nicht der Pro-Coder sind, ist es viel Zeit und Mühe, Fallstudien anzupassen. Denn aus meiner Erfahrung passe ich meine Fallstudien von Zeit zu Zeit ein wenig an, oder ich möchte etwas hinzufügen oder selbst wenn ich eine neue Fallstudie hochladen möchte, ist es viel einfacher, wenn du hast einen Host, wäre WordPress oder Squarespace oder sogar Behance. Eine andere Sache, die Sie beachten sollten, ist, dass Sie immer einige Vorlagen haben, wenn Sie eines dieser Tools verwenden, die ich gerade empfohlen habe. Sie sind nicht hundertprozentig frei, um das Design zu erstellen, das Sie tatsächlich möchten. Wenn Sie etwas ganz Besonderes im Sinn haben und keine Vorlagen verwenden möchten, die einzige Möglichkeit für Sie darin, es einfach selbst zu codieren oder jemanden für die Codierung zu bezahlen. Obwohl dies definitiv teurer und im täglichen Gebrauch nicht so praktisch ist. Wir werden im nächsten Video darüber sprechen, wie Sie Ihre Behance-Fallstudien hochladen können. 30. Behance: Ich habe bereits über Behance gesprochen, das eine wirklich großartige Plattform für Kreative ist, um ihre Arbeit hochzuladen und von Kunden gesehen zu werden. Die gute Sache, wenn Sie auf eine Art soziales Netzwerk wie Behance hochladen , ist, dass Sie von vielen, vielen Menschen gesehen werden würden ; nicht nur Kreative, sondern auch Kunden oder Menschen, die Sie für eine Vollzeit-Position rekrutieren könnten. Wichtig ist, wenn Sie Ihre Arbeit auf Behance hochladen, all diese sozialen Netzwerke für Kreative, ist, dass Sie Ihre Arbeit auf eine bestimmte Weise teilen. Das Beste, was Ihnen tatsächlich passieren kann, wenn Sie Ihre Arbeit auf Behance hochladen, wird vorgestellt. Sie Adobe XD als Designplattform verwenden, können Sie in verschiedenen Kategorien angezeigt werden, z. B. Interaktion oder Adobe XD. Ich werde Sie durch das, was wirklich wichtig ist, wenn Sie vorgestellt werden wollen , weil es einige Tipps und Tricks gibt, um ein wenig leichter vorgestellt zu werden, und das gibt Ihnen eine Menge Nutzen und hilft Ihnen, Ihre Arbeit von vielen gesehen zu bekommen, vielen Schöpfern. Mein allererster Tipp ist eigentlich nicht das Hochladen eines ähnlichen PNG mit all den verschiedenen Schritten des Entwurfsprozesses, sondern das Hochladen verschiedener Schritte oder verschiedener PNGs oder verschiedener Animationen. Was wirklich gut funktioniert im Allgemeinen ist eigentlich eine Kombination von Animation, so GIFs und Visuals auch, und setzen Sie ein paar Animationen. Visuals können GIFs oder etwas sein, das bei Interaktionen zwischen den anderen Folien animiert wird. Dies hilft Ihnen wirklich, vorgestellt zu werden und von mehr Menschen gesehen zu werden. Hier ist ein Beispiel und was Sie hier sehen können, ist, dass ich mehrere einzelne Zeichenflächen hochgeladen habe. Einige sind animiert, so GIFs, vor allem für die Typografie oder winzige Animationen und andere sind immer noch mit nur Informationen. Ich habe auch ein paar Videos für längere Animationen integriert. Aus meiner persönlichen Erfahrung ist das eigentlich das Beste, was Sie tun können, um auch vorgestellt zu werden. Wir haben über die verschiedenen Medien gesprochen. Stellen Sie sicher, dass Sie immer zwischen Animationen und Standbildern mischen und integrieren Sie das dort, wo Sie sich in Ihrer Struktur befinden. Sie einen Blick auf die Struktur als auch. Genau so habe ich das entworfen. Ich habe das tatsächlich in Adobe XD gemacht, und was Sie hier sehen können, sind so viele einzelne Zeichenflächen. Ich entwarf sie alle auf einzelnen Zeichenflächen und lud sie separat hoch. Natürlich habe ich alle GIFs animiert, alle Animationen in After Effects oder Premiere und sie dann über Vimeo oder normale GIFs hochgeladen. Wie können Sie Videos jetzt integrieren? Eigentlich ist es ziemlich einfach. Nachdem Sie sie auf Vimeo hochgeladen haben, klicken Sie hier auf dieses kleine Embedded-Zeichen, dann klicken Sie auf „Kopieren“. Sie kopieren den gesamten Code und gehen dann zurück zu Behance. Wenn Sie Ihre Behance-Fallstudien erstellen, können Sie auf eingebettete Medien klicken und dann einfach die kopierten Elemente einfügen und speichern. Dann wird es automatisch in Ihre Fallstudie hochgeladen. Wenn Sie auf den Play-Button klicken, können Sie das Video sehen, das wir gerade mit After Effects und Adobe XD erstellt haben. Das funktioniert ziemlich gut, hat bereits die perfekte Größe und ist bereits in Ihre Fallstudie integriert. Ein paar andere Dinge, die wichtig zu wissen sind, brauchen Sie auch ein Coverbild, das wirklich auffällt. Sie können es hier ganz einfach hochladen. Wenn Sie alle einzelnen Schritte hochladen, klicken Sie auf „Cover“ und dann sehen Sie, welche Art von Cover Sie hochladen können. Hier sind einige Beispiele, die Sie sehen können, dass sie wirklich bunt sind. Sie versuchen wirklich, die Aufmerksamkeit zu erregen, und sie sehen wirklich anders aus. Viele sehen aus wie einige verspotten, wo Sie sehen können, worum es bei dem Produkt geht. Einige sind ein bisschen einfacher. Stellen Sie sicher, dass diese Coverbilder wirklich knallen, denn sonst würden Sie nicht auffallen. Hier sind ein paar weitere Beispiele, also schauen Sie sich das auch an. Sie können auch eine Beispiel-Zeichenfläche für das Coverbild finden, oder Sie können diese einfach mit bereits der perfekten Größe verwenden. Erstellen Sie dann ein Design laden Sie es in Ihre Behance-Fallstudie hoch. Die nächste sehr wichtige Sache sind die Einstellungen. Stellen Sie sicher, dass Sie den Bereich auswählen. Für mich ist es UX/UI. Interaktion könnte auch virtuelle Realität sein, so stellen Sie sicher, dass Sie die richtige auswählen, es ist wirklich wichtig. Wählen Sie eine Software aus. Wenn Sie sich hier für Adobe XD entscheiden, haben Sie die Möglichkeit, zweimal vorzustellen: Interaktion und Adobe XD. Stellen Sie sicher, dass Sie einen wirklich guten Text integrieren, der wirklich dafür optimiert ist. Integrieren Sie Hashtags, damit es für Menschen einfacher ist, Ihre Arbeit zu finden. Was sind die Takeaways hier? Wenn Sie eine Behance [unhörbar] erstellen möchten, hier sind meine Tipps. Wählen Sie zunächst die perfekte Größe, obwohl es wirklich knackig aussieht, aber es ist nicht zu groß und braucht keine Altersgruppen zu laden. Perfekt ist 1.400, und dann ist die Größe, natürlich, was Sie brauchen. Dann teilen Sie es in verschiedene Zeichenfläche. Stellen Sie sicher, dass Sie die Zeichenfläche in verschiedene kleinere Zeichenflächen teilen , und laden Sie sie separat hoch. Dann ist mein Tipp Nummer drei integriert viele Animationen, kleinere Animationen als GIFs und längere Animationen als Videos durch Vimeo. Integrieren Sie auch Hashtags und eine wirklich, wirklich gute Beschreibung für das Projekt, das hilft, gefunden zu werden. Stellen Sie außerdem sicher, dass Sie die von Ihnen verwendeten Adobe-Tools benennen, da dies Ihnen hilft, auch auf der Toolplattform vorzustellen , also für UX beispielsweise nicht nur Interaktion, sondern auch auf der Adobe XD-Plattform. 31. Über mich: Der Bereich über ist etwas, das Sie in jedes Portfolio oder auf Ihrer Website als auch aufnehmen sollten . Dies hilft Ihnen, ein wenig über sich selbst zu sprechen und was Sie als Designer einzigartig macht. Dort kann man meinen Bereich sehen, wo ich super kurz über meine Persönlichkeit spreche und was mich einzigartig macht und dort sieht man meine sozialen Kanäle und ein bisschen über Presse und Medien. Was wirklich wichtig ist, ist zu zeigen, was Sie einzigartig macht und zeigen Sie Ihre Persönlichkeit, keine Angst, wirklich zu zeigen, wer Sie sind. Sprechen Sie auch über Hobbys oder Geschichten oder etwas, das wirklich im Auge behält. Vergessen Sie auch nicht, Ihre sozialen Netzwerke zu integrieren, aber nur, wenn sie professionell sind, also nicht Ihre persönlichen, das ist wirklich wichtig. Was sollten Sie integrieren? Schreiben Sie zuerst den Text in Ihrem Stil, dies hilft, Sympathie und Vertrauen zu schaffen und die Kunden anzuziehen, die Sie suchen. Zweitens, fügen Sie einen Call to Action ein. Wenn Ihre Kunden mehr über Sie wissen wollen, würden sie wirklich wirklich mit Ihnen arbeiten wollen, dann könnte ein Call to Action sein, wie bitte rufen Sie mich an, oder schreiben Sie mir bitte eine E-Mail, oder lassen Sie mich wissen, wenn Sie Unterstützung benötigen also integrieren Sie definitiv einen Call to Action, wenn Sie wissen, was dieser Call to Action ist. Erklären Sie Ihren Kunden, warum Sie für sie interessant sind. Behalten Sie die Perspektive Ihrer Kunden und schreiben Sie keine un-informanten Fakten auf. Denken Sie daran, dass die Über mich Seite so gestaltet ist, dass Ihre Kunden Sie besser kennen lernen und eine Beziehung mit Ihnen entwickeln können, dies schafft Vertrauen und hoffentlich etwas Zusammenarbeit. In Ihrem Arbeitsblatt finden Sie einen Bereich mit einigen nützlichen Informationen darüber, was zu integrieren ist und was tatsächlich hilfreich ist. Natürlich, Ihr Name und ein Foto, wenn Sie sich damit wohl fühlen, Ihre Rolle und auch die Schulen, die Sie haben und unten können Sie einige in dem Beispiel sehen. Aber stellen Sie sicher, dass dies sehr einzigartig ist und kopieren Sie nichts von anderen Designern, das ist der Grund, warum ich hier keine Beispiele zeige. Stellen Sie sicher, dass Sie wirklich zeigen Ihre Persönlichkeit und machen Sie es sehr einzigartigen Text darüber. 32. Soziale Medien: Wir leben in einer Welt, in der alles online passiert. Die meisten von uns sind bereits in sozialen Netzwerken wie Dribbble oder Behance oder Instagram oder Twitter vertreten . Was wirklich hilfreich ist, ist, sehr strategisch darüber nachzudenken , wie Sie sich in sozialen Netzwerken präsentieren. Wenn Sie etwas in einem sozialen Netzwerk posten oder eine neue Fallstudie hochladen, das Einzige, was wirklich wichtig zu beachten ist, dass Sie das Wort auf verschiedenen sozialen Kanälen verbreiten und alle durch Ihre neue UX-Fallstudie es könnte überall sein. Stellen Sie sicher, dass Sie Inhalte für alle sozialen Netzwerke erstellen, um wirklich das Wort über Ihre UX-Fallstudie zu verbreiten . Wir werden in diesem Video darüber sprechen, wie man das tatsächlich macht. Wir gehen durch die verschiedenen sozialen Netzwerke, und sprechen ein wenig über meine Lektionen gelernt oder Dinge, die ich für Sie empfehlen kann. Beginnen wir mit dem ersten, der Dribbble ist. Dribbble ist eine Plattform für Arbeits- und Prozessentwürfe, so dass Sie dort bestimmte Teile Ihrer UX-Fallstudie hochladen können, ein Modell sein könnte, visuell oder solche Dinge sein. Was ist wichtig, hier zu wissen? Sie können sehen, dass hier ein großer Fokus auf den visuellen Teil ist. Wenn Sie Visual Designer, Visual Interface Designer sind , ist dies die richtige Plattform für Sie. Wie Sie hier sehen können, sind die meisten Entwürfe tatsächlich animiert. Sie laden sie als GIF hoch und Sie präsentieren wirklich die Animation, die Interaktion, die Sie entwickelt haben. Das ist wirklich wichtig zu verstehen, bevor Sie Ihr Design tatsächlich dort veröffentlichen. Hier ist auch eine Suchleiste im oberen Teil. Sie können nur nach bestimmten Elementen suchen. Dies könnte Website auf einer Seite sein oder was auch immer Sie suchen, und dann sehen Sie alle diese Designs. Es ist eine wirklich gute Plattform für Inspiration von vielen Designern. Sie sind ständig vor allem Arbeit der Dinge aus der Inspiration für eine bestimmte Design-Elemente. Es ist wahrscheinlich, dass Sie Ihre Entwürfe auch dort finden werden, und indem Sie diese Zeilen überprüfen und sich durch Ihre gesamte Fallstudie leiten lassen. Hier ist eigentlich meine Seite, wie Sie sehen können, dass ich viele Designs für verschiedene UX-Fallstudien hochgeladen habe. Dies ist eine, die ich ein Design hinzugefügt habe. Was Sie hier sehen können, ist, dass ich unten den Link zu meinen Behance Case Studies aufgenommen habe . Die Leute können das einfach überprüfen und sich durch diese Gegend leiten lassen. Sie können Ihre M-Designs auch ganz einfach über Dribbble hochladen. Was wirklich wichtig ist, um im Auge zu behalten , ist , dass Sie ein bestimmtes Verhältnis benötigen, das drei zu vier ist. Das Beste ist, das als GIF hochzuladen. Da das animiert ist, erhalten Sie viel mehr Ansichten. Eigentlich, wenn Sie das animieren und als GIF hochladen. Wenn Sie ein Pro-Konto haben, können Sie auch Videos hochladen, so MP4s und höhere Qualitäten, aber aus meiner Erfahrung brauchen Sie nicht wirklich, dass. Wie können wir Inhalte aus unserer UX-Fallstudie für Dribbble erstellen? Das Beste, was Sie tun können, ist, die Dinge, die Sie bereits für Ihre Fallstudie erstellt haben, für soziale Netzwerke wiederzuverwenden , vor allem alles, was animiert und in Bewegung ist. Wenn wir uns die Videos ansehen, die wir für die UX-Fallstudie erstellt haben, und wir können diese Dinge auch für soziale Netzwerke verwenden. Werfen wir einen Blick auf das Video, das wir erstellt haben. Wir werden jetzt einen für Dribbble erstellen. Wir werden nur hier auf dieses kleine Zeichen klicken, um eine neue Komposition hinzuzufügen. Die Breite sollte 1.600 und die Höhe beträgt 1.200, perfekt für Dribbble. Bildrate in 25 ist in Ordnung und dann 32, perfekt. Jetzt werden wir den Namen dribbble_userflow umbenennen. Jetzt werden wir den Video-Benutzerfluss in die neue Komposition für Dribbble einfügen. Aber Sie können hier sehen, dass es nicht wirklich perfekt passt, aber das kein Problem, wir werden das ein kleines bisschen so anpassen, dass es passt. Wie sieht es aus? Schön. Das einzige, was wir nur im Auge behalten müssen , ist, dass wir ein GIF erstellen werden, und dies sollte länger als sechs Sekunden sein. Das Beste, was wir tun können, ist sich wirklich auf einen Bereich zu konzentrieren und diesen nur in Aktion zu zeigen. Was ich denke, ist wirklich interessant ist vor allem dieser Teil, wo wir auf dem Home-Bildschirm sind, und klicken Sie dann auf die kleine Event-Bereich und dann können wir sehen, die [unhörbar] in Aktion. Ich finde, das ist wirklich cool. Mit dieser kleinen Sache dieses Rahmens werde ich diese Dinge auswählen, die gerendert werden. Dies wird der letzte Teil hier sein und wie Sie sehen können, ist es ein bisschen zu viel, also so. Jetzt werde ich auf Datei-Export klicken und dann zu Media Encoder Queue hinzufügen. werden wir jetzt exportieren. Hier ist es, und dann werden wir einfach Drag & Drop in Photoshop und öffnen Sie es in Photoshop, perfekt. Das sieht gut aus und wir sehen, dass die Zeitleiste hier erschienen ist, was wirklich gut ist. Jetzt können wir auf Datei Export klicken und dann für Web speichern. Das ist es, was wir brauchen werden. Wir müssen das für das Web als GIF speichern. Dies ist eigentlich die einzige Möglichkeit, GIFs vor Nachwirkungen zu speichern, so dass Sie immer Photoshop gehen müssen. Ein bisschen kompliziert, das ist wahr, aber wenn man weiß, wie das funktioniert, dann ist es eigentlich keine große Sache. Manchmal dauert es einige Zeit und da ist es. Die Größe sieht gut aus, für immer perfekt werden wir auf Speichern klicken. Jetzt wird es auf Dribbble hochgeladen, wie Sie hier sehen können. Sie können die Beschreibung anpassen könnte wie App coliving und dann können Sie auch Anpassungen hinzufügen, Hopfen, App. Was wirklich passt, könnte auch minimales Design, App-Konzept sein, was auch immer Sie Beschreibung hinzufügen können und was ich wirklich empfehlen kann, ist, immer den Link aufzunehmen. Schauen Sie sich die Fallstudie zu Behance an. Das ist, was ich normalerweise mache und dann werde ich es hier veröffentlichen. Da gehst du. Beschreibungen, gehen wir zu Instagram. Es ist eine wirklich gute Plattform für Leute, weil viele Designer da draußen sind. Sie wollen lernen, sie wollen etwas Inspiration. Es ist ein wirklich guter Ort, um Ihre Entwürfe auch dort zu posten, vor allem Fallstudien. Ein super interessant für Menschen, wenn Sie den Prozess präsentieren. Dies ist ein paar Male von einigen meiner Projekte, die ich für Kunden, aber auch für einige persönliche Projekte entwerfe und ich werde Ihnen zeigen, wie ich das tatsächlich gemacht habe. Dies ist das Coliving Projekt, das ich mit einem Zitat begonnen habe und dann habe ich das ganze Konzept wirklich schnell mit all den verschiedenen Phasen in den Prozessen durchlaufen . Ich habe auch einige Videos integriert und auch einen Call to Action Move. Bitte überprüfen Sie die gesamte Fallstudie bei Behance, was wirklich wichtig ist, um die Menschen, die Künstler, die Kultur tatsächlich überprüfen die gesamte Fallstudie auf Behance. Ich habe das auch für ein anderes Projekt getan, sehr ähnlich, Skizzen und Wireframes ein wenig über das Testen. Aber wie Sie sehen können, ist es nicht so sehr in der Tiefe. Es geht sehr darum, die Phasen zu erklären, die ich durchgemacht habe, aber nicht in der Tiefe. In der Tiefe ist definitiv alles, was wir auf Behance finden können. Was Sie immer tun können, ist zu überprüfen und führen Sie die Menschen durch Behance Seite, Beweis Ihre Geschichten. Zum Beispiel, wie Sie tatsächlich einen Beitrag hochladen oder schieben können, das ist super einfach. Machen Sie einfach einzelne Elemente, exportieren Sie sie. Dann können Sie oben auf das kleine Ding klicken und alle Elemente auswählen, die Sie integrieren möchten. Sie können die Zahlen 1, 2, 3 sehen und das ist eigentlich die Reihenfolge. Wie Sie sehen können, wähle ich hier alle verschiedenen Elemente aus, die ich in meinem Beitrag integrieren möchte. Ich kann mehr hochladen bis 10 und hier können Sie bereits durch gleiten, Sie können einige Änderungen vornehmen, und jetzt laden Sie das hoch. Stellen Sie sicher, dass Sie eine gute Beschreibung hinzufügen und stellen Sie sicher, dass Sie ein paar wirklich gute herausragende Hashtags ein paar größere, ein paar kleinere, vielleicht UX hinzufügen. Es ging um Mobilität. Dinge wie Fallstudie, UX und diese spezifischen Bereiche hängen sehr von Ihrem Projekt ab. Achten Sie darauf, das zu überprüfen, und können auch Personen zum Beispiel hinzufügen. Wenn du das auf Behance hochlädst, und ja, und das ist wirklich hilfreich, denke ich auch. Ein Pro-Tipp ist, einen mittelgroßen Artikel über das Thema zu schreiben. Normalerweise schreibe ich für jede Fallstudie, die ich mache, auch einen kurzen, mittleren Artikel , der für Kunden super wichtig ist, besonders wenn man viele Formulare auf den visuellen Teil legt. Sie haben viel recherchiert und hatten tatsächlich einige wirklich interessante Einblicke. Sie werden einige Probleme haben, die tatsächlich zeigen , dass in einer Fallstudie, weil die Leute nicht viel Text lesen. Aber das in einer Fallstudie zu setzen, ist super hilfreich für Leute, um wirklich zu verstehen, dass man viel darüber nachdenkt, dass man viele Lektionen gelernt hat. Stellen Sie sicher, dass Sie Ihre Fallstudie unten dort verknüpfen, damit die Leute sich die Fallstudie unter Ihrem Medium Artikel ansehen können. Muss nicht lang sein, der ganze Artikel, aber ja. Es gibt ein Symbol für LinkedIn, weil viele Ihrer Kunden auf LinkedIn sein werden. LinkedIn ist eine wirklich gute Plattform für die Vernetzung. Stellen Sie sicher, dass Sie Ihre Arbeit in den ganz oberen Teil Ihres Profils integrieren und Sie können meine sehen. Was ich getan habe, ist, dass ich die wichtigsten Dinge über mich integriert habe, einige Videos, die ich mache, einige UX-Fallstudien, die ich an einigen Artikeln im obersten Teil meines LinkedIn-Profils gearbeitet habe. Sie können es einfach dort integrieren, das Add-In-Zeichen verstärken und mit dem Link eingebettet werden. Stellen Sie auch sicher, dass Sie einen winzigen Beitrag darüber schreiben, teilen, worum es geht und die Leute von LinkedIn durch Ihre Behance Fallstudie oder zu Ihrer Website führen . Ich denke, das ist wirklich wichtig, dies zu tun, da viele Leute das sehen und in der Lage sind, das zu teilen, denn es gibt andere Leute auf LinkedIn meist Kunden, die wahrscheinlich gehen, um Sie zu engagieren. Twitter ist ein bisschen anders. Aus meiner Erfahrung, was gut funktioniert, ist eine wirklich cool in Aktion zu präsentieren, etwas ein wenig mehr über Tech, setzen Sie auch einige Test-Lernens, etwas, das ein wenig umstritten ist, wird retweetet und bekommt eine Menge Blicke auf das. Stellen Sie sicher, dass Sie auch die Behance Fallstudie verknüpfen. Könnte fast alles sein, stellen Sie sicher, dass es ein wenig umstritten und interessant für die Leute zu überprüfen, um zu sehen und dass es einige coole Gespräche über das Thema beginnt. Ich hoffe, das war hilfreich. 33. Letzte Worte: Wir sind fast am Ende dieser Klasse. Aber hier sind ein paar letzte Tipps und Tricks für mich, die mir geholfen haben, so viele Kunden zu bekommen und von so vielen Menschen gesehen zu werden. Meine Nummer 1 Tipp und Empfehlung ist, abgesehen davon, sich selbst in sozialen Netzwerken zu präsentieren, ist Networking zu tun. Reale Vernetzung, bei der man Menschen im wirklichen Leben trifft. Bauen Sie wertvolle Beziehungen zwischen Ihnen, verschiedenen Völkern und Kunden auf. Denn was Ihnen am Ende helfen wird, ist, wenn Leute Sie wirklich für Jobs empfehlen oder wissen, was Sie tun und Sie bekommen, wenn sie Hilfe und Unterstützung in Ihrem Team benötigen. Wie kannst du das jetzt machen? Meine Empfehlung ist, Meetups und Events in deiner Stadt zu besuchen. Es gibt eine wirklich tolle Website namens meetup.com. Dort findest du alle Meetups. Ich bin in Berlin ansässig, und in Berlin gibt es normalerweise ein oder zwei Design-Meetups jeden Tag. Sie können dorthin gehen, Sie können Fragen stellen, Sie können mit Menschen sprechen, darüber reden, was Sie tun, Sie suchen, was Sie suchen, und dann beginnen wir neu, Beziehungen aufzubauen, weil Diese Leute werden sich bei Ihnen melden, wenn sie Ihre Hilfe brauchen, wenn sie Ihre Unterstützung benötigen. Achten Sie immer darauf, diese Leute auf LinkedIn hinzuzufügen und eine Art von einer netten Nachricht oder Follow-up-Konversation zu verfolgen , könnte es auch eine Frage sein. Die zweite Sache ist, wenn Sie an etwas interessiert sind, einen bestimmten Bereich, einen bestimmten Standpunkt, wo Sie mehr lernen möchten, keine Angst, Menschen zu erreichen, die bereits sehr professionell sind oder besser in diesen Bereichen. Sie keine Angst, ihnen einfach eine Nachricht zu senden und sie zu fragen, ob es glücklich wäre , auf einen Anruf zu springen oder Sie können sie zu Kaffee oder so etwas einladen und ihnen ein paar Fragen stellen. Ich habe das mehrmals gemacht, besonders als ich meine Karriere begann. Obwohl es anfangs beängstigend war, hat es mir sehr geholfen, wirklich wertvolle Beziehungen aufzubauen und Gespräche über bestimmte Themen zu beginnen, an denen ich interessiert bin und ich wollte besser werden. Leute, ich bin super, super froh, dass ihr diesen Kurs gerne beenden wollt. Absolut genial, wirklich tolle Arbeit. Ich kann es kaum erwarten, Ihre X-Fallstudien zu sehen. Fühlen Sie sich frei, sie in dieser Klasse zu veröffentlichen oder sie mir sogar zu schicken. Ich bin super froh, sie zu sehen. Ich freue mich sehr darauf, Ihre Ergebnisse dort zu sehen, und Sie können super stolz auf sich selbst sein, dass Sie diesen Kurs durchlaufen haben. Lernen Sie all diese Dinge und fühlen Sie sich frei, Ressourcen zu verwenden , die ich Ihnen senden, und Sie haben Fragen, fühlen Sie sich frei, mich zu erreichen. Vielen Dank.