Erstelle eine ansprechende UX/UI-Design-Fallstudie in Figma

1. Willkommen!: Das Portfolio eines Designers kann sein wichtigstes Instrument sein, um Jobs finden und die Arbeit zu präsentieren, die er im Laufe seiner gesamten Karriere geleistet die er im Laufe seiner gesamten Karriere Wir wissen, wie wichtig dieses Designportfolio ist. Es kann jedoch sehr leicht werden, sie zu vernachlässigen. Ich bin Carolyn, ich bin Senior UX UI Designerin, die definitiv einige Probleme damit hatte, mit meinem Portfolio Schritt zu halten Nachdem ich in den letzten Jahren viele Designkurse besucht, Portfolio-Workshops und mit Designdirektoren gesprochen besucht und mit Designdirektoren gesprochen habe, habe ich einige wirklich hilfreiche Tipps gesammelt, die ich gerne in diesem Kurs mit Ihnen teilen möchte. In diesem Kurs helfe ich Ihnen dabei, eines Ihrer Designprojekte zu einer ansprechenden Fallstudie für Ihr Portfolio zu machen Ihrer Designprojekte zu . Sobald Sie gelernt haben, Ihre Projekte in Fallstudien umzusetzen , können Sie Ihr Portfolio mit mehreren Beispielen füllen , die zeigen, dass Sie ein großartiger Designer sind. Während der Arbeit an Ihrem Fallstudienprojekt lernen Sie, wie Sie für sich und Ihre Arbeit werben können, wie Sie Ihren Designprozess veranschaulichen und wie Sie durch Storytelling über Ihre Designarbeit sprechen durch Storytelling über Ihre Designarbeit Dieser Kurs richtet sich hauptsächlich an UX-UI-Designer, die eine Vielzahl von Arbeiten haben, die sie in einem Portfolio zeigen möchten Am Ende dieses Kurses erhalten Sie eine ansprechende Fallstudie, erhalten Sie eine ansprechende Fallstudie Ihrem Portfolio hinzufügen können, die Ihre Fähigkeiten und Ihre Identität als Designer wirklich unter Beweis stellt und Ihre Identität als Designer Lass uns anfangen. 2. Kursprojekt: Ihr Klassenprojekt, ich möchte Sie ein Designprojekt auswählen, zu dem Sie beigetragen haben , und daraus eine Fallstudie für Ihr Portfolio machen . Wir werden die folgenden Schritte durchgehen , um Ihr Fallstudienprojekt abzuschließen. Wählen Sie ein UX-UI-Designprojekt aus, zu dem Sie beigetragen haben. Dies kann ein berufliches Projekt, Schulprojekt oder ein persönliches Projekt sein. Als Nächstes erstellen wir einen Überblick über die Geschichte Ihres Projekts. Anschließend sammeln und erstellen wir Prozessbilder, die Ihnen dabei helfen, die Geschichte Ihres Projekts zu erzählen Last wird Ihre Fallstudie entwerfen. Sie benötigen nur ein paar Werkzeuge und Materialien, um mit diesem Projekt zu beginnen. Sie benötigen Skizziermaterial wie Stifte, Marker und Papier Und dann Figma, das Online-Tool, mit dem wir das Layout Ihrer Fallstudie entwerfen werden mit dem wir das Layout Ihrer Fallstudie entwerfen Am Ende des Kurses laden Sie Folgendes in die Projektgalerie hoch, Ihr Fallstudiendesign als Bild oder den Link zu Ihrem Figma-Prototyp Oder Sie können auf Ihre veröffentlichte Fallstudie verlinken. Wenn Sie bereits direkt in einem Website-Builder wie Squarespace arbeiten einem Website-Builder wie Squarespace Ich freue mich sehr, Ihre Fallstudie zu sehen. Also lass uns anfangen. 3. Die Grundlagen einer Fallstudie: Bevor wir uns mit Ihrem Projekt befassen, lassen Sie uns darüber sprechen, was eine Fallstudie in Bezug auf die Vor- und Nachteile einer Erstellung ist Eine Fallstudie ist ein Storytelling-Tool, mit dem Prozesse und Entscheidungen während eines Designprojekts kommuniziert werden mit dem Prozesse und Entscheidungen während eines Designprojekts kommuniziert während eines Designprojekts Der Sinn einer Fallstudie besteht darin, zu zeigen , dass Sie den Designprozess wirklich kennen und Probleme während des gesamten Projektverlaufs lösen können Probleme während des gesamten Projektverlaufs lösen Gute Fallstudien sind fesselnd und erzählen eine Geschichte, die von jedem gelesen werden kann, aber sie werden normalerweise für potenzielle Arbeitgeber geschrieben. Einige Dinge, die Sie bei der Erstellung einer Fallstudie vermeiden sollten. Zeigen Sie nicht nur Ihre endgültige Arbeit, sondern auch Ihren Prozess. Wie ich gerade sagte, verwende keinen Jargon und keine Robotersprache Richtig? Als würdest du mit jemandem sprechen und ihm von Anfang bis Ende eine Geschichte erzählen. Das Wichtigste, was Sie in Ihrer Fallstudie zeigen sollten, ist Ihr Prozess. Und das ist es, was potenzielle Arbeitgeber und Mitarbeiter wirklich interessiert Sie interessieren sich nicht unbedingt für perfekte Designs. Sie wollen wissen, dass Sie wissen, wie man ein Problem löst, um zu einer wirklich erfolgreichen Designlösung zu kommen. Und sie wollen sehen, wie du dorthin gekommen bist. Wenn Sie einige großartige Beispiele für Fallstudien sehen möchten, habe ich im Abschnitt Ressourcen dieses Kurses Links zu einigen hinzugefügt . Jetzt, da wir die Vor - und Nachteile von Fallstudien kennen, beginnen wir mit unserem Projekt 4. Präsentiere deine Fähigkeiten und Werte: Sie sind ein außergewöhnlicher Designer. Es ist deine Aufgabe, das zu zeigen und deine besten Arbeiten hervorzuheben. Es kann sehr schwierig sein, über sich selbst und Ihre Arbeit zu sprechen . Um ein paar externe Sichtweisen zu bekommen, möchte ich, dass du zum Aufwärmen eine kurze Aktivität Ich habe in den Projektressourcen ein Arbeitsblatt für Sie erstellt , das Sie während des gesamten Kurses herunterladen und verwenden können gesamten Kurses herunterladen und verwenden Die erste Übung, die in diesem Arbeitsblatt aufgeführt ist , sich und einigen Leuten Fragen über Sie zu stellen für den ersten Abschnitt Stellen Sie sich für den ersten Abschnitt diese Fragen im Arbeitsblatt Dann schnappen Sie sich zwei oder drei weitere Personen, vielleicht Mitarbeiter, Kunden, Freunde, Mentoren, und erfahren Sie deren Perspektive auf Ihre Stärken, Ihre Werte und Ihre Leidenschaften Sobald Sie und diese externen Personen diese Fragen beantwortet haben, vergleichen Sie die Antworten und schauen Sie, ob Sie auf Erkenntnisse stoßen , die hilfreich sein könnten, um sie zu zeigen oder darüber zu sprechen, und Ihr Portfolio. Als ich zum Beispiel Fragen über mich selbst beantwortete und als ich andere bat, sie über mich zu beantworten, sprachen beide Antworten wirklich davon Leidenschaft habe und wie sehr ich mich Benutzer einfühlen kann Und andere Leute sagten dasselbe, dass ich mich wirklich nicht für Benutzer eingesetzt habe. Und das war eine Stärke, die ich hatte. Weil ich gesagt habe, dass ich leidenschaftlich bin und es schätze, dass ich und die Leute sahen, dass das eine Stärke war, die ich hatte. Ich fand, das war ein wirklich großartiger Einblick , der mir beim Aufbau meines Portfolios in meinen Fallstudien half. Was ich damit gemacht habe, ist, dass ich diese Empathie-Phasen wirklich hervorgehoben habe und in meinem gesamten Portfolio darüber gesprochen habe, was ich wirklich schätze, und es ist meine Leidenschaft , mich in Benutzer und Menschen hineinzuversetzen, um zu wirklich erfolgreichen Designlösungen zu gelangen Nachdem wir diese Aufwärmübung abgeschlossen haben, beginnen wir mit der Arbeit an einer Gliederung für Ihr Fallstudienprojekt 5. Erstelle eine Gliederung: Lassen Sie uns nun in unser Fallstudienprojekt eintauchen und Ihren Prozess genauer erläutern. Wählen Sie ein Projekt aus, zu dem Sie beigetragen haben. Es kann ein persönliches Projekt, ein berufliches Projekt oder ein Projekt sein, an dem Sie als Student gearbeitet haben. Da Sie nun ein Projekt im Kopf haben, erstellen wir einen Überblick über den Prozess, den Sie zur Fertigstellung dieses Projekts durchgeführt haben. In dem Arbeitsblatt habe ich ein Beispiel für eine Gliederung angegeben , die Sie für Ihr Fallstudienprojekt verwenden können Sehen Sie sich die Beispielskizze an und erstellen Sie Ihre eigene Version, indem die Details für Ihr Projekt eingeben. Beginnen Sie mit einem Übersichtsabschnitt. Sprechen Sie über Ihre spezifische Rolle, die Sie im Projekt gespielt haben , und über den Zeitplan, mit dem Sie gearbeitet haben. Listet die Probleme auf, mit denen Benutzer konfrontiert waren , bevor Sie mit der Arbeit an diesem Projekt begonnen haben. Der nächste Abschnitt könnte Ihre Problemstellung und jeden anderen Kontext enthalten , den Sie möglicherweise für die Erstellung Ihrer Geschichte benötigen . Dann könntest du in deinen Recherchebereich gehen , der Dinge wie Affinitätsdiagramme, Erkenntnisse, Personas, User Stories und Journey Maps beinhalten würde Erkenntnisse, Personas, User Stories und Im nächsten Abschnitt könnte es um Ihren Designprozess gehen. Jede Informationsarchitektur, an der Sie gearbeitet haben, Wettbewerbsanalysen, Papier-Wireframes, Papierprototypen, digitale Wireframes, Lo-Fi-Prototypen, Erkenntnisse aus Benutzertests und Entscheidungen, die Sie auf der Grundlage dieser Erkenntnisse die Sie auf der Grundlage Der wichtigste Abschnitt, den es aufzunehmen gilt, ist der Lösungsabschnitt. Und das sollte eine Zusammenfassung Ihrer Lösungen bieten. Ihre Liste der Herausforderungen aus dem Übersichtsbereich mit Erläuterungen, wie Sie diese Herausforderungen gelöst haben , und allen Prototypen oder Modellen, die Ihre Lösungen veranschaulichen Sie können auch zusätzliche Designergebnisse wie benutzerdefinierte Ikonographie, Komponentenbibliotheken, benutzerdefinierte Illustrationen, Videos, Animationen oder Stilrichtlinien hinzufügen Ihr letzter Abschnitt sollte Ihr Abschnitt zum Mitnehmen sein , der Zitate von Benutzern oder Stakeholdern enthält , die Ergebnisse und Analysen veranschaulichen, oder quantitative Daten , die auch Ergebnisse veranschaulichen und über das sprechen, was Sie während dieses Projekts gelernt haben Ein guter Tipp, den ich von einem Regisseur gelernt habe , ist, dass Sie sich mit jemandem zusammensetzen und die Geschichte dieses Projekts laut erzählen sollten mit jemandem zusammensetzen und die Geschichte dieses Projekts laut erzählen . Beginnen Sie mit den Problemen und Herausforderungen, mit denen Sie zu Beginn des Projekts konfrontiert waren. Erklären Sie dann, wie Sie am Ende des Projekts zu Lösungen gekommen sind , und sprechen Sie darüber was Sie aus dem Projekt gelernt haben. Auf diese Weise können Sie anfangen, die Ideen zum Fließen zu bringen. Sie können wirklich mit einer Person sprechen, Ihren gesamten Prozess durchdenken Ihren gesamten Prozess durchdenken und das auf anklagbare Weise Sobald Sie die Anfänge Ihres eigenen Entwurfs haben, werden wir ihn in den nächsten Lektionen weiter konkretisieren 6. Bilder hinzufügen: Sie haben die Gliederung Ihrer Fallstudie. Jetzt ist es an der Zeit, dem Bild hinzuzufügen. Gehen Sie zurück in die Archive und holen Sie sich alle Prozessbilder , die hilfreich sein könnten, um Ihre Fallstudie zu präsentieren. Erstellen Sie einen neuen Ordner auf Ihrem Computer. Legen Sie Ihre Bilder in diesen dafür vorgesehenen Ordner ab. Bilder können Dinge wie Skizzen, Wireframes auf Papier oder Übungen zur Ideenfindung, Recherche und Designprozesse beinhalten Wireframes auf Papier oder Übungen zur Ideenfindung, Recherche und Die digitalen Wireframes von Persona, die statischen Mockups, die auf verschiedenen Geräten gezeigt werden, sind also statischen Mockups, die auf verschiedenen Geräten gezeigt werden, sind Prototypen und alle zusätzlichen visuellen Elemente wie Stickerbögen Sobald Sie alle Bilder gefunden haben, die Sie finden können, zu Ihrer Gliederung zurück Unterstützen all diese Bilder deine Geschichte? Vielleicht fehlt Ihnen etwas und einen bestimmten Teil Ihres Prozesses gibt es kein passendes Bild. Jetzt haben Sie die Gelegenheit, alles zu erstellen, was möglicherweise fehlt. Oder Sie können auch alle Skizzen verfeinern, die für Ihr Portfolio etwas zu grob und nicht sehr präsentabel aussehen für Ihr Portfolio etwas zu grob und nicht sehr präsentabel Denken Sie daran, dass diese Fallstudie in Ihrem Portfolio widerspiegelt, wer Sie als Designer sind. Werfen Sie nicht einfach alles auf eine Website und machen Sie Feierabend. Stellt sicher, dass alles kohärent und konsistent aussieht, genau wie Sie es bei jedem anderen Designprojekt tun würden Sobald Sie Ihre Bilddaten in einem leicht zugänglichen Ordner gesammelt haben , werden wir uns in der nächsten Lektion Gedanken über das Layout Ihrer Fallstudie 7. Skizziere dein Layout: Wir haben Ihre Gliederung, wir haben Ihre Bildsprache Jetzt ist es an der Zeit, schnell einige Ideen zu skizzieren , wie Ihr Fallstudienprojekt aussehen könnte. Ich begann damit drei grobe Rechtecke zu zeichnen, um mein Layout Within zu zeichnen Du kannst mehr oder weniger als drei Skizzen anfertigen, egal lange es dauert, bis du dich in deinem Layout wohlfühlst Als Nächstes werde ich mich wirklich auf diesen oberen Header-Bereich Above the Fold konzentrieren . Tun wir also so, als wäre diese gestrichelte Linie hier die Fuld. Was auch immer über dieser Linie liegt, wird das Wichtigste sein. Weil es das ist, was die Leute sofort sehen werden und das ist es, was sie fesseln wird. Also, welchen Inhalt möchtest du in diesem oberen Teil haben? Zum Beispiel können wir ein schönes großes Heldenbild des endgültigen Designs hinzufügen. Das wird meine kleine Notiz hier sein. Das können fast nur grobe Wireframes sein. Und dann kann ich den Titel meines Projekts hier haben und dann meine Daten daneben. Das ist also eine nette kleine Zusammenfassung meines Projekts, bevor überhaupt jemand nach unten scrollt Ich könnte das auch tun, indem ich eine Collage aus mehreren Bildern Nehmen wir an, was Bilder angeht, das zeigt wirklich meinen Prozess Also vielleicht sind hier links einige meiner anfänglichen Recherchebilder. Und dann gehen wir näher auf meinen Designprozess in der Ideenfindungsphase Und dann könnte dieses letzte Bild mein Lösungsbild sein. Und dann, vielleicht, zentriere ich in diesem Layout den Titel und dann meinen ersten Übersichtstext. Dann arbeite ich vielleicht in einer dritten Version nicht superzentriert. Und ich habe hier links ein Bild, und vielleicht ist es nicht mein endgültiges Bild, wie wir es in der ersten Skizze gemacht haben. Vielleicht ist es einfach mein Lieblingsbild von meinem Prozess im Allgemeinen. Dann könnte der Titel im Detail dort rechts schön verteilt werden Dieser Top-Bereich wird also mein wichtigster Bereich sein, auf den ich mich konzentrieren muss. Ich denke also, wir haben einige wirklich gute Konzepte für diesen Heldenbereich. Bei allem, was jetzt darunter liegt, geht es nur darum, das Layout und das Design konsistent zu halten . Wenn wir also Dinge wie in diesem Layout zentrieren, stellen Sie sicher, dass alles andere unten das zentrierte Thema aufgreift Vielleicht geht alles unter diesem dritten Thema irgendwie hin und her, um ein gutes Gleichgewicht zwischen Bild und Text, Text und Bild, Bild und Text zu schaffen . Dann können wir in diesem ersten Bild oder dieser ersten Skizze vielleicht mit diesen wirklich schönen, sauberen Vollbildern herumspielen , gemischt mit etwas Text unten und Spalten. Also werde ich versuchen, diese Konzepte hier unten zu untersuchen . Als Nächstes setzen wir uns an den Computer und beginnen mit der Gestaltung Ihrer Fallstudie 8. Entwerfe deine Fallstudie: Jetzt ist es an der Zeit, alles, woran wir gearbeitet haben, zusammenzustellen . Lassen Sie uns an den Computer gehen und mit der Gestaltung Ihres Fallstudienprojekts in Figma beginnen Ihres Fallstudienprojekts in Figma Übersetzen Sie Ihre Skizzen aus der letzten Lektion in ein Design in Figma, indem Sie zuerst einen Rahmen erstellen Ich arbeite in Desktop-Größe Fügen Sie dann die Texte aus Ihrem Gliederungsdokument hinzu und fügen Sie dann die Bilder aus Ihrem Ordner hinzu. Jetzt, wo wir tatsächlich entwerfen, mein Top-Tipp hier ist mein Top-Tipp hier, zu überprüfen, ob alles konsistent ist. In der letzten Lektion habe ich Ihnen geraten, Ihr Layout konsistent zu halten , indem Sie dieselbe Textausrichtung, Bildformen, Randgrößen usw. Aber jetzt, wo Sie am Computer sitzen, müssen Sie sicherstellen, dass Sie konsistente typografische Hierarchie, Farbhierarchie und genaue Abstände verwenden Farbhierarchie und genaue Abstände und dass alle anderen Designelemente angemessen verwendet werden Und das aus einem bestimmten Grund. Jetzt, wo Sie sich auch auf Ihr Schreiben konzentrieren sollten, könnte Ihre Gliederung eine Aufzählung oder unvollständige Phrasen enthalten haben eine Aufzählung oder unvollständige Jetzt ist es an der Zeit, deine Geschichte zu vervollständigen, indem du ganze Sätze schreibst , die deine Kommunikationsfähigkeiten unter Beweis stellen Sobald Sie Ihr Design an einem guten Ort haben, fordere ich Sie auf, Ihre Fallstudie noch präziser zu gestalten Ihre Fallstudie noch präziser Welche Sätze oder sogar Phrasen können Sie entfernen , um Ihre Geschichte und Ihren Prozess wirklich auf den Punkt zu bringen? Als Nächstes schließen wir Ihr Projekt ab 9. Fertige & teile: Herzlichen Glückwunsch, Sie haben Ihr Fallstudienprojekt abgeschlossen und es kann veröffentlicht werden. Falls Sie dies noch nicht getan haben, stellen Sie sicher, dass Sie Feedback zu Ihrem Projekt erhalten . In dem von mir erstellten Arbeitsblatt habe ich eine Checkliste mit Dingen erstellt, die Sie durchgehen und sicherstellen können , dass Sie sie in Ihr Fallstudiendesign aufgenommen haben in Ihr Fallstudiendesign aufgenommen Ich habe sogar einige Fragen beigefügt, die du dir oder anderen stellen kannst , um zu erfahren, wie dein Design zustande kommt. Stellen Sie sicher , dass Sie diese Checkliste durchgehen und diese Fragen beantworten , um sicherzustellen, dass die Geschichte Ihres Projekts ankommt Und wir bekommen wirklich ein Gefühl für Ihren gesamten Prozess. Laden Sie Folgendes in die Projektgalerie hoch, Ihr Fallstudiendesign entweder als Bild oder als Link zu Ihrem Figma-Prototyp Oder wenn Sie in einem Website-Builder gearbeitet haben, teilen Sie den Link zu Ihrer veröffentlichten Fallstudie. Sobald Sie es in die Projektgalerie hochgeladen haben, werde ich Ihnen auf jeden Fall Feedback geben und ich ermutige Sie dasselbe mit Ihren Kommilitonen zu tun. Als Nächstes gehen wir einige abschließende Portfolio-Tipps durch und schließen den Kurs ab einige abschließende Portfolio-Tipps durch und schließen den Kurs 10. Bonustipps: Ich habe in diesem Kurs bereits eine Reihe von Tipps gegeben , aber ich wollte hier noch ein paar hinzufügen, um dir wirklich zu helfen, dein Portfolio zu pflegen und ein erfolgreicher Designer zu sein und damit zu zeigen. Mein erster Tipp ist, Ihre Arbeit unterwegs zu dokumentieren. Wenn Sie an einem Projekt arbeiten. Dann ist Ihnen alles noch frisch in Erinnerung und Sie kennen alle Details und haben die gesamte Bilddokumentation zur Hand Zu diesem Zeitpunkt sollten Sie Dinge in einem Ordner sammeln und die Geschichte Ihres Prozesses aufschreiben, genau dann, wenn sie Ihnen noch in Erinnerung ist. Mein zweiter Tipp ist , eine Liste aller Projekte zu führen , an denen Sie beteiligt waren. Auch wenn es eine soziale Aktivität war, eine Unterrichtsaktivität, wie ein Mittagessen und Lernen, vielleicht war es die Organisation eines Workshops. sind alles Dinge, auf die Sie stolz sein sollten und die wirklich zeigen, wie vielseitig Sie als Designer sind Mein dritter Tipp ist , jede Gelegenheit zu nutzen, um über Ihren Prozess und Ihre Designarbeit zu sprechen . Zum Beispiel könnte es sein, an mehr Kundengesprächen teilnehmen oder einfach nur mit Ihrem Mentor oder Ihrem Chef mehr über Ihre Designentscheidungen sprechen . Auf diese Weise werden Sie, sobald Sie Ihr Portfolio erstellt oder in einem Interview sprechen, ein Profi darin sein, über Ihren eigenen Prozess zu sprechen. Andrew, klinge professioneller weil du so viel geübt hast. Nutzen Sie diese Möglichkeiten also , wann immer Sie können. Überlegen Sie, welche einzigartigen Fähigkeiten Sie in ein Projekt eingebracht haben oder was Sie getan haben , um für ein Projekt alles zu tun. Prahlen Sie mit den Illustrationen, die Sie für ein Projekt gemacht haben oder mit den Animationen, bei deren Erstellung Sie keine Mühen gescheut haben, um das Benutzererlebnis zu verbessern, diese Errungenschaften zu eigen Indem Sie in Ihren Bildunterschriften und Beschreibungen deutlich machen, dass Sie diese zusätzlichen Schritte unternommen haben und eine Leidenschaft dafür Dies ist ein großer Vorteil für Sie, wenn Sie solche Details in Ihr Portfolio aufnehmen. Ich hoffe, du behältst diese Tipps im Hinterkopf und sie machen dich zu einem besseren professionellen Designer. Lassen Sie uns mit unserer letzten Lektion abschließen 11. SCHLUSSBEMERKUNG: Herzlichen Glückwunsch zum Abschluss Ihres Fallstudienprojekts. Jetzt rätselst du und sprichst über deinen Designprozess und illustrierst deine Arbeit durch Storytelling In diesem Kurs haben Sie gelernt, Ihre einzigartige Identität und Ihre Designarbeit zu präsentieren . Veranschaulichen Sie Ihren Prozess. Sprechen Sie durch Storytelling über Ihre Designs. Erstellen Sie Fallstudien, die Ihre Fähigkeiten und Techniken zur Problemlösung unter Beweis stellen , um ein besserer professioneller Vergiss nicht, dein Projekt auf Skillshare hochzuladen und eine Bewertung für mich zu hinterlassen Vielen Dank, dass Sie diesen Kurs mit mir besucht haben und wir sehen uns beim nächsten Mal.