Transcription
1. Bienvenue !: Le portfolio d'un designer peut être son outil numéro un
pour décrocher un emploi et mettre en valeur le
travail qu'il a accompli tout
au long de
sa carrière Nous savons à quel point
ce portefeuille de design est important. Cependant, il peut devenir
très facile de les négliger. Je suis Carolyn, designer d'interface utilisateur
UX senior, qui a certainement
eu beaucoup de
mal à suivre le
rythme de mon portfolio Après avoir suivi de nombreux cours de
design, participé à des ateliers sur le portfolio et discuté avec des directeurs du
design au cours des dernières années,
j'ai retenu quelques conseils
très utiles que je suis heureuse de partager
avec vous dans ce cours. Dans ce cours, je vais vous
aider à transformer l'un de vos projets de conception en une étude de cas intéressante
pour votre portfolio. Une fois que vous aurez appris à traduire vos projets en études de cas, vous serez en mesure de remplir
votre portfolio de plusieurs exemples montrant à quel point vous
êtes un designer exceptionnel. Tout en travaillant sur votre projet d'étude de
cas, vous apprendrez à
vous promouvoir et à promouvoir votre travail, à illustrer
votre processus de conception et à parler votre travail de conception par le
biais de la narration Ce cours s'adresse principalement aux concepteurs d'interface utilisateur
UX qui souhaitent
présenter un large éventail de travaux dans un portfolio. À la fin de ce cours, vous aurez une étude de cas
intéressante à ajouter à votre portfolio qui met
réellement en valeur vos compétences et votre identité en tant que designer Nous allons commencer.
2. Projet de classe: Votre projet de classe, je veux que vous choisissiez un
projet de design auquel vous avez contribué pour
en faire une étude de cas
pour votre portfolio. Nous allons suivre
les étapes suivantes pour terminer votre projet d'
étude de cas. Choisissez un projet de conception d'interface utilisateur utilisateur auquel
vous avez contribué. Il peut s'agir d'un projet
professionnel, scolaire ou
personnel. Ensuite, nous allons créer un aperçu de l'histoire de votre projet. Ensuite, nous rassemblerons et
créerons des images de processus qui aideront à raconter l'
histoire de votre projet. Last va concevoir
votre étude de cas. Vous n'aurez besoin que de quelques outils et matériaux pour démarrer
ce projet. Vous aurez besoin de matériel de dessin
comme des crayons, des marqueurs Et puis Figma, l'outil
en ligne que nous
utiliserons pour concevoir la mise en page
de votre étude de cas À la fin du cours,
vous téléchargerez
les éléments suivants dans la galerie de
projets : le design de
votre étude de cas sous forme d'image ou le lien vers
votre prototype Figma Vous pouvez également créer un lien vers votre étude de cas
publiée. Si vous
travaillez déjà directement dans un créateur de site Web
tel que Squarespace J'ai hâte de
voir votre étude de cas. Alors commençons.
3. Les bases d'une étude de cas: Avant d'examiner votre projet, voyons ce qu'est une étude
de cas en
ce qui concerne les
choses à faire et à ne pas faire en matière de fabrication Une étude de cas est un outil de
narration utilisé pour communiquer les processus
et les décisions tout au long d'un projet de conception L'objectif d'
une étude de cas est de montrer
que vous connaissez vraiment le processus de conception et que vous pouvez résoudre des problèmes
tout au long du bonnes études de cas
sont intéressantes et racontent une histoire qui peut
être lue par n'importe qui, mais elles sont généralement rédigées
pour des employeurs potentiels. Quelques points à éviter lors de la
réalisation d'une étude de cas. Ne vous contentez pas de montrer votre
travail final, montrez votre processus. Comme je viens de le dire, n'utilisez pas de jargon et de langage
robotique Hein ? Comme si vous parliez à quelqu'un, que vous lui racontiez une histoire
du début à la fin. La
chose la plus importante à montrer dans votre étude de cas est votre processus. Et c'est ce qui intéresse
vraiment les employeurs
et collaborateurs
potentiels . Ils ne se
soucient pas nécessairement des designs parfaits. Ils veulent savoir que vous savez comment résoudre un problème pour arriver à une solution de conception vraiment
efficace. Et ils veulent
savoir comment tu en es arrivée là. Si vous voulez voir d'excellents
exemples d'études de cas, j'ai ajouté des liens vers certaines d'entre elles dans la section Ressources
de ce cours. Maintenant que nous connaissons les choses à faire
et à ne pas faire dans les études de cas, commençons notre projet
4. Mettre en valeur vos compétences et vos valeurs: Vous êtes un designer exceptionnel. C'est à vous de le montrer
et de mettre en valeur vos meilleurs travaux. Il peut être très
difficile de parler de vous et de votre travail. Donc, pour avoir des points de vue
extérieurs, je veux que vous fassiez une
activité rapide pour vous échauffer J'ai créé une feuille de travail pour vous dans les ressources du projet
que vous pouvez trouver télécharger
et utiliser
tout au long de ce cours Le premier exercice répertorié
dans cette feuille de travail consiste à vous poser des questions à votre sujet et à poser à d'autres
personnes Pour la première section, posez-vous les
questions suivantes dans la feuille de travail Ensuite, réunissez deux ou
trois autres personnes, peut-être des collègues, des
clients, des amis, des mentors, et demandez leur
point de vue sur vos forces, vos valeurs, vos passions Une fois que vous et ces personnes
externes avez répondu à ces questions, comparez les réponses,
voyez si vous trouvez des
informations qui
pourraient être utiles à montrer ou à aborder,
ainsi que votre portfolio. Par exemple, lorsque j'ai
répondu à des questions
me concernant et que j'ai demandé
à d'autres personnes d'y répondre à mon
sujet, les deux réponses témoignaient
vraiment deux réponses témoignaient
vraiment de ma
passion, empathie envers les utilisateurs Et d'autres personnes ont dit la même chose en disant que je ne
défendais pas vraiment les intérêts des utilisateurs. Et c'était une
force que j'avais. Parce que j'ai dit que j'étais
passionnée et que j'appréciais le fait que moi-même et les gens
voyions que c'était une force que j'avais. J'ai trouvé que c'était
une très bonne idée pour m'aider à développer mon
portfolio à partir de mes études de cas. J'ai donc
vraiment souligné ces étapes de
l'empathie et
j'ai parlé tout au long de mon
portfolio de la
valeur que vraiment souligné ces étapes de
l'empathie et j'attache vraiment à mes valeurs. Je suis
passionnée par l'empathie envers les utilisateurs,
envers gens afin de parvenir à des solutions de conception vraiment
efficaces Maintenant que nous avons terminé
cet exercice d'échauffement, commençons à travailler sur grandes lignes de votre projet
d'étude de
cas
5. Créer un plan: Passons maintenant à
notre projet d'étude de cas et approfondissons
réellement votre processus. Choisissez un projet auquel
vous avez contribué. Il peut s'agir d'un projet personnel, professionnel ou d'un projet sur lequel vous avez
travaillé en tant qu'étudiant. Maintenant que vous avez
un projet en tête, nous allons créer
un aperçu
du processus que vous avez suivi pour le
mener à bien. Dans la feuille de travail, j'ai
fourni un exemple de plan que vous pouvez utiliser pour
votre projet d'étude de cas Reportez-vous à l'exemple de
plan et créez votre propre version en renseignant les détails de votre projet. Commencez par une section de présentation. Parlez du
rôle spécifique que vous avez joué dans le projet et de la chronologie avec laquelle
vous avez travaillé. Répertorie les
difficultés rencontrées par les utilisateurs avant que vous ne commenciez à
travailler sur ce projet. La section suivante peut inclure l'énoncé de
votre problème et tout autre contexte
que vous pourriez avoir besoin de fournir pour mettre en place votre histoire. Vous pouvez ensuite accéder à
votre section de recherche, qui inclurait des éléments
tels que des diagrammes d'affinité, des informations, des personnages,
des témoignages d'utilisateurs et des cartes de parcours La section suivante pourrait
parler de votre processus de conception. Toutes les
architectures d'informations sur lesquelles vous avez travaillé, analyses
concurrentielles, les maquettes
papier, les prototypes
papier, les
maquettes numériques, les prototypes lo-fi, les analyses des tests
utilisateurs
et les décisions
que vous avez prises sur la base de ces informations que vous avez prises La section la plus importante à inclure est la section des solutions. Et cela devrait fournir un
résumé de vos solutions. Votre liste de défis
dans la section de présentation avec des
explications sur la manière dont vous avez résolu ces défis
et tous les prototypes ou maquettes
illustrant vos solutions Vous pouvez également inclure des résultats de conception supplémentaires
tels qu'une iconographie personnalisée, bibliothèques de
composants, des illustrations
personnalisées, des vidéos, des animations
ou des directives de style Votre dernière section doit être section à retenir qui
inclut des citations d'utilisateurs ou de parties prenantes illustrant les
résultats et des analyses ou des données
quantitatives
qui illustrent également résultats et parlent de ce vous avez appris au cours de ce projet Un bon conseil que j'ai appris d' un réalisateur est que
vous devriez vous
asseoir avec quelqu'un et raconter l'histoire de ce
projet à haute voix. Commencez par les problèmes et les défis auxquels vous avez été confrontés
au début du projet. Expliquez ensuite comment vous êtes
parvenu à des solutions à la fin
du projet et parlez ce que vous avez
appris grâce au projet. De cette façon, vous pouvez
commencer à faire circuler les idées. Vous pouvez vraiment parler,
réfléchir à l'ensemble de votre processus à une personne et d'une manière
passible de destitution Une fois que vous aurez commencé
à rédiger votre propre plan, nous continuerons à l'
étoffer dans les prochaines leçons.
6. Ajouter des images: Vous avez les grandes lignes
de votre étude de cas. Il est maintenant temps d'
y ajouter des images. Retournez dans les
archives et extrayez toute imagerie de processus
qui pourrait être utile pour illustrer l'histoire de votre étude de
cas. Créez un nouveau dossier
sur votre ordinateur. Déposez vos images dans
ce dossier dédié. images peuvent inclure des
éléments tels que des croquis, des maquettes en papier
ou des exercices d'idéation, des recherches numériques de Persona et les maquettes
statiques affichées
sur divers appareils sont donc maquettes
statiques affichées
sur divers appareils sont prototypes et tout élément visuel
supplémentaire
tel que des feuilles d'autocollants ou des tel que des feuilles d'autocollants Une fois que vous avez saisi toutes
les images que vous pouvez trouver, revenez à votre plan Est-ce que toutes ces images
confirment votre histoire ? Peut-être qu'il vous manque
quelque chose et certaine partie qu'aucune image n'est associée à
une certaine partie de
votre processus. C'est l'occasion de créer tout ce qui
pourrait vous manquer. Vous pouvez également affiner les
croquis qui semblent un peu trop grossiers et peu
présentables pour votre portfolio N'oubliez pas que cette
étude de cas dans votre portfolio reflète qui
vous êtes en tant que designer. Ne vous contentez pas de tout
mettre sur un site Web
et d'y mettre fin. Assurez-vous que tout est cohérent
et cohérent, comme vous le feriez pour
tout autre projet de conception Une fois que vous aurez rassemblé vos
images dans un dossier facilement accessible, nous commencerons à réfléchir à la mise en page de votre
étude de cas dans la leçon suivante.
7. Croquis de votre disposition: Nous avons votre plan, nous avons vos images. Il est maintenant temps d'esquisser
rapidement quelques idées sur ce à quoi pourrait ressembler votre projet
d'étude de cas. J'ai commencé par dessiner trois rectangles bruts pour
dessiner mon Layout Within Vous pouvez faire plus ou
moins de trois croquis, temps
qu'il vous faudra pour vous
sentir bien dans votre mise en page Ensuite, je
vais vraiment me concentrer sur cette zone d'en-tête supérieure
au-dessus de la ligne de pliage. Imaginons donc que cette
ligne pointillée soit le Fuld. Ce qui se trouve au-dessus de cette ligne sera le plus important. Parce que c'est ce que
les gens vont
voir immédiatement et c'est ce qui
va les intéresser. Alors, quel contenu
souhaitez-vous voir figurer dans cette partie supérieure ? Par exemple, nous pouvons inclure une belle image en grand héros
du design final. Ce sera
ma petite note. Ce ne sont presque que des
wireframes grossiers. Ensuite, je peux avoir le
titre de mon projet ici, puis mes
coordonnées à côté. Cela fournit donc un
petit résumé de mon projet avant
même que quelqu'un ne fasse défiler la page vers le bas. Une autre façon de
le faire est de faire un collage de
plusieurs images. Disons que pour les images, cela met vraiment en valeur
mon processus. Alors peut-être que sur la gauche
se trouvent certaines de mes premières photos
de recherche. Ensuite, nous approfondissons mon processus de
conception en phase d'idéation Et puis cette dernière image
pourrait être l'image de ma solution. Et puis peut-être que dans cette mise en page, je centre le titre, puis
mon texte d'aperçu initial. Alors peut-être que dans une troisième
version, je ne travaillerai pas de manière
super centrée. Et j'ai une image
sur la gauche, et peut-être que ce n'est pas mon image finale comme nous l'avions
fait dans le premier croquis. C'est peut-être juste
mon image préférée de mon processus en général. Ensuite, le titre détaillé pourrait être bien espacé
vers la droite. Ce domaine principal va donc être mon domaine le plus important sur
lequel je dois me concentrer. Je pense donc que nous avons très
bons concepts
pour ce domaine des héros. Donc, tout ce qui se trouve en dessous de cela
visera
maintenant à maintenir la cohérence de la mise en page et du
design. Donc, si nous centrons
les choses comme dans cette mise en page, assurez-vous que tout le reste ci-dessous reprend
ce thème centré Peut-être que tout
ce qui
se trouve sous ce troisième thème fait des allers-retours pour fournir un bon équilibre entre
image et textes, textes et image, image et texte. Ensuite, dans cette première image
ou ce premier croquis, nous pouvons
peut-être jouer
avec ces images complètes vraiment belles et
propres, mélangées à du texte en dessous et à des colonnes. Je vais donc essayer d'explorer ces concepts ci-dessous ici. Ensuite, nous allons accéder à
l'ordinateur et commencer à concevoir votre étude de cas
8. Créer votre étude de cas: Il est maintenant temps de mettre en commun tout ce sur quoi
nous avons travaillé. Passons à l'ordinateur
et commençons à concevoir votre
projet d'étude de cas dans Figma Traduisez les croquis
de la dernière leçon en dessin dans Figma en créant d'
abord un cadre Je travaillerai au format
d'un bureau Ajoutez ensuite les textes de
votre document Outline, puis ajoutez les
images de votre dossier. Maintenant que nous sommes
en train de concevoir, mon meilleur conseil est de vérifier que
tout est cohérent. Dans la leçon précédente, je vous ai conseillé de
garder votre mise en page
cohérente en utilisant les
mêmes textes, alignements, formes
d'image,
tailles de marge, etc. Mais maintenant que vous êtes
sur l'ordinateur, vous devez vous assurer que vous
utilisez une hiérarchie
typographique cohérente, une hiérarchie des
couleurs, un espacement
précis et que tous les
autres éléments de conception sont utilisés de manière appropriée Et ce n'est pas pour rien. Maintenant que le moment est venu de vous concentrer également
sur votre écriture, votre plan peut avoir inclus une liste à puces ou des phrases
incomplètes est le moment de détailler
votre histoire en écrivant des phrases
complètes qui mettent en valeur
vos compétences en communication. Une fois que votre
design est bien placé, je vous mets au défi de rendre votre étude de cas
encore plus concise. Quelles phrases ou même
phrases pouvez-vous supprimer pour vraiment aller au cœur de votre histoire et de votre processus ? Ensuite, nous terminerons votre projet
9. Terminer et partager: Félicitations, vous avez terminé
votre projet d'étude de cas et celui-ci est prêt à être publié. Si ce n'est pas déjà fait,
assurez-vous d'obtenir des commentaires sur votre projet. Dans la feuille de travail que j'ai créée, j'ai dressé une liste de
points que vous pouvez examiner et que vous
pouvez
vérifier que vous avez inclus dans la conception de votre étude de
cas J'ai même inclus quelques questions
que vous pouvez vous poser ou poser à d'autres sur la façon dont votre
design est élaboré. N'oubliez pas de parcourir
cette liste de contrôle et de répondre à ces questions pour vous assurer que l'histoire de votre
projet est bien comprise Et nous commençons vraiment à avoir une
idée de l'ensemble de votre processus. Téléchargez ce qui suit
dans la galerie de projets, design de
votre étude de cas sous forme d'image ou de lien
vers votre prototype Figma Ou si vous travailliez
dans un éditeur de site Web, partagez le lien vers votre étude de cas
publiée. Une fois que vous l'aurez téléchargé
dans la galerie de projets, je
ne manquerai pas de vous
faire commentaires et
je vous encourage à faire de même avec
vos camarades de classe. Ensuite, nous passerons en revue quelques derniers conseils relatifs au portfolio
et terminerons le cours
10. Conseils bonus: J'ai déjà fourni un tas de conseils tout au long de ce cours, mais je voulais en ajouter quelques autres ici pour vraiment vous aider à maintenir votre portfolio, à devenir un designer à succès
et à le montrer. Mon premier conseil est de documenter
votre travail au fur et à mesure. Lorsque vous travaillez
sur un projet. C'est à ce moment-là que tout
est frais dans votre esprit,
que vous connaissez tous les détails et que vous avez
à portée de main toutes les images justificatives. C'est à ce moment-là
que vous devez rassembler les informations dans un dossier et noter
l'histoire de votre processus, moment où cela vous
vient à l'esprit. Mon deuxième conseil est
de conserver une liste de tous les projets auxquels
vous avez participé. Même s'il s'agissait d'une
activité sociale, d'une activité pédagogique, comme un déjeuner et un apprentissage, il s'agissait
peut-être d'
organiser un atelier. Ce sont toutes des choses dont vous devriez être fier et qui
montrent vraiment à quel point
vous êtes complet en tant que designer Mon troisième conseil est
d'essayer de saisir toutes les occasions
qui se présentent pour
parler de votre processus
et de votre travail de conception. Par exemple, il peut s'agir d'
assister à un plus grand nombre de
réunions avec des clients ou même simplement de discuter davantage de
vos décisions de conception avec
votre mentor ou votre patron. Ainsi, une fois que vous aurez créé votre portfolio ou que vous aurez pris la
parole lors d'un entretien, vous serez un pro lorsqu'il s'agit de
parler de votre propre processus. Andrew, tu as l'air plus professionnel parce que tu t'
entraînes beaucoup. Profitez donc de ces opportunités
chaque fois que vous le pouvez. Réfléchissez aux
compétences uniques que vous avez apportées à un projet ou à ce que vous avez fait
pour vous
surpasser dans le cadre d'un projet. Valorisez les illustrations
que vous avez réalisées pour un projet ou les animations que vous avez fait
tout
votre possible pour créer,
afin d' améliorer l'expérience
utilisateur, incarnez-vous dans ces réussites En indiquant clairement
dans vos légendes et descriptions que vous avez suivi ces étapes supplémentaires
et que vous êtes passionné Ce sera un énorme
avantage pour vous si
vous incluez de tels
détails dans votre portefeuille. J'espère que vous garderez ces
conseils à l'esprit et qu' ils feront de vous un meilleur designer
professionnel. Terminons notre dernière leçon
11. Conclusion: Félicitations pour avoir terminé
votre projet d'étude de cas. Maintenant, vous pouvez parler votre processus de conception et illustrer votre travail
par le biais de la narration Dans ce cours, vous avez
appris à mettre en valeur votre identité
et votre travail de conception uniques. Illustrez votre processus. Parlez de vos créations
par le biais de la narration. Créez des études de cas qui mettent en valeur vos compétences et
techniques de résolution de problèmes pour devenir un meilleur designer
professionnel N'oubliez pas de télécharger
votre projet Skillshare et de me laisser
un avis Merci beaucoup d'avoir suivi ce
cours avec moi et je vous
verrai la prochaine fois.
Carolyn Owsiany, Senior UI/UX Designer
