Wie man ein Portfolio für UX-Design erstellt

1. Einführung: Im heutigen Video stelle ich Ihnen ein super tolles Tool namens Carbamat vor, mit dem Sie Ihr Portfolio als Designer von Grund auf neu erstellen können Ihr Portfolio als Designer von Grund auf neu Es ist einfach zu bedienen, erfordert keine Beschichtung, eine erstaunliche Reihe von Vorlagen , aus denen Sie auswählen können und die Sie einfach in soziale Medien integrieren können, ohne weitere Zeit zu verschwenden. Kommen wir zum heutigen Video. Jetzt ein bisschen mehr über Carbamat. Carbamat ist der einfachste und schnellste Weg , Ihr Portfolio zu erstellen. Es gibt so viele Gründe, Carbamate zu verwenden, wie unbegrenzte Layouts, unbegrenzte Uploads und wirklich einfach anpassbare Layouts. Es hat andere wirklich coole Funktionen wie unbegrenzte Galerien. Add ist perfekt für Videos. Natürlich benötigen Sie keine Programmierkenntnisse und es reagiert bereits. 4. Eine Einführung in die App: Also fangen wir an Zunächst erstellen Sie ein Konto, Sie können Carbamat für einen Monat kostenlos erhalten, indem Sie diesen Link verwenden, kohlenstoffbasierter Punkt-Com-Slash Sharon Dash. Erstellen wir also unsere Konten. Nachdem Sie Ihre E-Mail eingegeben haben, können Sie Ihren Namen eingeben. Und Sie können natürlich aus den Vorschlägen wählen , welche Rolle Sie haben, natürlich haben Sie einen UX-Designer. Also mache ich mit. Ich habe diese Animation wirklich geliebt. Es ist so cool. Und so haben wir zunächst ein paar coole Starter-Vorlagen , aus denen wir wählen können. Und damit fange ich einfach an wenn ich auf Anpassen klicke. Dann haben wir natürlich eine sehr schnelle Tour um uns den Einstieg zu erleichtern. Schauen wir uns um. So sieht die Oberfläche also aus, wenn Sie sich das erste Mal anmelden. Schauen wir uns zunächst die Benutzeroberfläche an. Hier können Sie sich Ihre Projekte ansehen , wir haben keine. Hier können Sie das Design Ihres Portfolios bearbeiten. Schauen Sie sich also das Logo, den Titel, die Seitennavigation und die globalen Stile an. Hier können Sie sich Ihre Analysen ansehen, wie viele Personen Ihre Website besuchen, was sind sie, welche Geräte sie verwenden und so weiter. Und hier haben wir natürlich Hilfe und einige Einstellungen. Und dann können wir uns auf dieser Seite etwas ansehen, das Blöcke genannt wird. Und diese Blöcke sind im Wesentlichen wie kleine Teile einer Vorlage, mit denen Sie den Prozess wirklich beschleunigen können . Dann haben wir hier natürlich unseren Überblick über das Portfolio und wie es aussieht. Oben sehen wir die Option, einige dieser Blöcke und Komponenten neu anzuordnen. Wir haben auch die Möglichkeit, eine Vorschau darauf zu wie es auf dem Handy aussieht, und dann natürlich live zu gehen. Lassen Sie uns also herumspielen und einige davon nur ein bisschen bearbeiten. Wir haben also den oberen Abschnitt hier, nur UX Designer steht. Ich bin ein Designer von Benutzererfahrungen. Vielleicht können wir den Text ein bisschen ändern. Also klicke ich einfach auf das Zahnrad und sehe, welche Optionen ich habe, um diesen bestimmten Block zu bearbeiten. Vielleicht können wir einige der darin enthaltenen Informationen ändern und sie vielleicht ein wenig optimieren , damit ich den Header ausblenden kann, wenn ich will. Ich kann nur die Zwischenüberschrift verwenden und ich kann auch die Trennlinie entfernen. Also denke ich, dass ich die Hauptüberschrift ausblenden und nur die Zwischenüberschrift verwenden werde. Und wir können unsere Texte direkt hier bearbeiten. Lassen Sie uns jetzt unser erstes Projekt erstellen. Wir können das also tun, indem wir hier bei Projekten sagen. Und ich habe hier eine Datei, in der ich einige Projekte aus meinem früheren Portfolio herausgenommen aus meinem früheren Portfolio habe , die ich verwenden werde , um dies zu füllen. 5. Erstellen unseres ersten Projekts: Beginnen wir also mit dem Hinzufügen von Projekten. Nehmen wir nun an, der Name dieses Projekts ist Stornoflow. Dann können wir auch ein Thumbnail hochladen. Also lass uns schnell einen auswählen. Schauen wir uns das jetzt an. Es sieht okay aus. Wir können diesen Block auch anpassen und die verschiedenen Einstellungen nach Belieben anpassen. Jetzt, wo wir diesen Teil erledigt haben, lassen Sie uns reingehen und hier tatsächlich einige Inhalte hinzufügen. Wir können also damit beginnen, einige der Blöcke auszuwählen , von denen wir glauben, dass sie am besten sind. Und ich möchte damit beginnen, oben ein Bild zu haben. Also lade ich das Bild hoch, das ich gerne hätte. Ich nehme diese Beschreibung heraus. Es scheint nicht so notwendig zu sein. Und dann fügen wir hier einen Titel hinzu. Deshalb möchte ich mit einer Einführung in die Projekte beginnen . Wir können also ein bisschen reden und ein bisschen mehr Kontext darüber geben, worum dem Projekt geht. Also nennen wir diesen Teil einfach Einführung. Ich möchte diesen Text ein bisschen formatieren. Ich ändere das auch in Work Sounds. Und ich werde mich verstecken, zu den Einstellungen für diesen bestimmten Block gehen und die Unterüberschrift ausblenden. Also vielleicht nur um ein bisschen mehr Kontexte hinzuzufügen, werde ich diesen Block duplizieren. Und dann können wir hier neu ordnen und das dann nach oben verschieben. Mal sehen, wie das aussieht. Und wir werden den Namen der Projekte hinzufügen, nämlich den Stornierungsfluss. Dann haben wir hier die Einführung. Dafür, für unsere Textblöcke, fand ich diese wirklich coole Art Texte hinzuzufügen, die sowohl einen Titel auf der linken Seite als auch den Inhalt auf der rechten Seite haben. Ich werde dies also mit den Informationen der Projekte füllen , die den ersten Teil enthalten werden , der eine Übersicht über das Ziel, meine Rolle sowie die verwendeten Tools enthält. Also füge ich die einfach sehr schnell hinzu. Dann habe ich eigentlich beschlossen, diese verwendeten Tools wegzulassen. Nicht weil mit diesem Abschnitt etwas nicht stimmt, aber ich habe es mir einfach anders überlegt. Als Nächstes fügen wir also einen weiteren Abschnitt hinzu, der für den Entwurfsprozess bestimmt ist. Also werde ich diese Überschrift hier einfach duplizieren. Ich fange an, das Gefühl zu haben, dass es ein bisschen groß ist, also werde ich es ein bisschen reduzieren. Und es ist das globale Textil und die Bearbeitung liegt an uns. Es wird also auch die Größe dieses Artikels reduzieren. Also klonen Sie diesen Block einfach hier, gehen Sie in den Neuordnungsmodus und bewegen Sie diesen dann ganz nach unten Dann klicken wir auf Fertig, scrollen dann nach unten und da ist er. Das ist also der Entwurfsprozess. Lassen Sie uns darauf eingehen und dann einige weitere dieser Abschnitte hinzufügen. Also dupliziere ich einfach diesen und gehe zurück in den Neuordnungsmodus, scrolle weit nach unten und bringe es dann nach unten und fahre fort. Das erste, was wir hier getan haben , war die Produktvision zu definieren. Also werde ich hier reingehen und das dann natürlich mit den Schritten füllen, die wir unternommen haben, nämlich die Produktvision, Produktforschung und Empathie zu definieren und in das eigentliche Design einzusteigen Prototyping, sowie einige Usability-Tests durchführen. Also werde ich das hinzufügen, indem ich sehr schnell dieselbe Methode verwende , die wir für die anderen verwendet haben. Wenn Sie es noch nicht bemerkt haben, gefällt mir diese Option, Ihren Text anzuzeigen und einfach so damit herumzuspielen. Es ist super einfach zu benutzen und die Texte wirklich zu verstehen. Bisher macht mir das wirklich Spaß. Schauen wir uns nun an, wie es auf Mobilgeräten aussehen würde. Und wir können sehen, wie cool und skalierbar es bisher alles wirklich liebt. Kehren wir nun zur Desktop-Ansicht zurück und fügen unsere Inhalte weiter hinzu . An dieser Stelle möchte ich einige Bilder hinzufügen. Also werde ich diesen Block hier verwenden , der für Bilder, Audios oder Videos gedacht ist. Also werfen wir das einfach rein. Ich werde ein Bild der Informationsarchitektur hinzufügen , die für diese speziellen Projekte erstellt wurde. Das wurde also ziemlich einfach geladen. Und so füge ich einfach die Beschreibungstexte hinzu, die wir hier schon haben. Sieht bisher toll aus. Das nächste, was wir hinzufügen möchten, sind die Wireframes. Wir könnten hier Design sagen. Hier fließt der Fluss. Und dann war wahrscheinlich das nächste, was getan wurde, Wireframing. Ich füge einfach m hinzu und füge das auch hinzu. Hier können wir sagen, dass dies die Wireframes sind. Dann gingen wir zu einem einfachen Drahtmodell über. Also werden wir einfach diese Texte und einige der Bilder dort hinzufügen . Für die Bilder der Drahtmodelle gibt es also einige davon, mindestens zwei oder drei. Also werden wir stattdessen versuchen, eine Diashow zu verwenden. Und dann wählen wir die Bilder aus, die wir verwenden möchten. Jetzt haben wir also zwei Bilder für diese Drahtmodelle. Und als Nächstes sollten wir die eigentlichen Bilder haben. Und dafür könnten wir entscheiden, ob wir eine Diashow oder eine Galerie verwenden möchten. Also fügen wir einfach das nächste hinzu. Wir werden eine Galerie benutzen, großartig, weil sie so viel cooler aussehen. Gehen wir also rein und wählen unsere Bilder aus. Und da haben wir es. Wir haben in unserer kleinen Galerie hinzugefügt. Und jetzt versuchen wir zu sehen, ob wir noch mehr Inhalte hinzufügen können . Ich möchte einen Screenshot einwerfen, den wir hier hatten , wie der Test verlaufen ist und was einige Rückmeldungen waren. Da haben wir's. Abschließend möchten wir nur die Schlussfolgerung hinzufügen . Da haben wir es. Wir haben unser erstes Projekt ins Leben gerufen. Also werde ich ein weiteres Projekt hinzufügen und dann werden wir in unserem Abschnitt Über uns hinzufügen. Also habe ich das zweite Projekt hinzugefügt, und wie Sie sehen können, sieht alles wirklich toll aus. Lassen Sie uns eine Vorschau auf dem Handy anzeigen. Wie cool ist das? Kehren wir zum Desktop zurück. Und jetzt möchte ich meine About-Seite bearbeiten. Hier sind bereits einige Informationen enthalten. Und so füge ich einfach ein paar grundlegende Dinge hinzu. Ich werde nur die Informationen zu diesem Block bearbeiten. Ich werde das Bild hier ändern. Natürlich können Sie so viel mehr Inhalte hinzufügen , wie Sie möchten. Dies ist nur, um Ihnen zu zeigen, wie großartig dieses spezielle Tool ist und für welche Dinge Sie es verwenden können. Schauen Sie sich also noch einmal um, hier haben wir unsere Projekte und hier haben wir unsere About-Seite. Und einfach so haben wir in weniger als 30 Minuten ein Portfolio mit Carbamat erstellt. Vielen Dank, dass du zugesehen hast und bis zum nächsten Mal.