Portfolio UX/UI : concevoir des études de cas incroyables

1. Bande-annonce: Souvent, je reçois cette question, comment puis-je trouver des clients ? Ou encore mieux, comment me trouvent-ils ? Ma réponse est, créez un excellent portefeuille UX mettant en votre travail et assurez-vous que l'étude de cas se démarque vraiment. Salut. Je m'appelle Patricia Reiners. Je suis un designer UX/UI basé à Berlin. Je travaille en tant que concepteur d'UX/UI indépendant, créant des expériences interactives pour le futur, pour les applications en ligne, mais aussi pour les applications mobiles. J' ai pu travailler avec de nombreuses entreprises, comme Google ou Adobe. Mais aussi avec des start-ups, des agences et des entreprises dans le monde entier. Mon travail est constamment à la recherche de nouvelles façons d'explorer, concevoir, et aussi de résoudre des problèmes pour l'avenir. J' aime partager des connaissances à travers des conférences, des ateliers sur l'avenir de la conception de l'expérience. Je fais aussi des interviews pour mon podcast appelé Future of UX. Ce qui m'a vraiment poussé vers l'avant dans ma carrière, c'est de créer de grandes études de cas UX qui se font vraiment sentir et attirent les clients avec lesquels je veux travailler. J' ai été mis en vedette plusieurs fois sur Behance, ce qui m'a vraiment aidé à promouvoir mon travail. Je suis à 100 % à l'aise que vous puissiez faire exactement la même chose. C' est ce que vous apprendrez dans cette classe. Comment concevoir des études de cas époustouflantes qui attirent les clients avec lesquels vous souhaitez travailler. Je vous guiderai à travers toutes les étapes de la création d'une superbe étude de cas UX, qui sera prête à être téléchargée sur votre site Web, ou Behance, ou tout autre réseau social. En tant que matériel bonus, je vais partager des conseils sur l'endroit où promouvoir votre travail et comment promouvoir votre travail sur les réseaux sociaux, et comment se faire voir. Je vais aussi partager quelques secrets sur la façon d'obtenir des clients. Cette classe est idéale pour les concepteurs UX/UI qui construisent leur portefeuille et veulent obtenir des clients ou obtenir un emploi dans l'expérience utilisateur. Ce cours est livré avec un e-book numérique, qui est un PDF interactif, ou vous pouvez imprimer et qui vous guide à travers le cours et à travers les différentes tâches. Il existe également des modèles pour vous aider à créer votre étude de cas UX. Ce cours est également livré avec deux maquettes qui sont prêtes à s'habituer à votre étude de cas. Je suis vraiment excité que vous rejoigniez ce cours. Commençons. 2. De quoi avez-vous besoin ?: Bonjour et bienvenue à ce cours : comment créer de superbes études de cas UX. Je suis super contente que vous vous inscriviez à ce cours. Avant de commencer, j'aimerais partager quelques informations qui vous seront très utiles. Tout d'abord, ce que vous avez réellement besoin d'avoir pour créer ces études de cas, et la deuxième chose est ce que vous obtenez réellement. Donc toutes les ressources que j'ai déjà préparées pour que vous suiviez toutes les étapes le long. J' ai intégré différentes tâches dans le cours afin qu'il vous soit facile de suivre et de créer vos études de cas sur le site de ce cours. La première chose dont vous avez besoin est une sorte de programme de conception avec lequel vous pouvez concevoir les différentes étapes de votre étude de cas UX. Utilisez le programme que vous aimez. Je peux vous recommander Photoshop, Illustrator ou ce sera XD. J' ai également créé un modèle dans Adobe XD que vous pouvez télécharger gratuitement et utiliser. Cela vous aidera à commencer. La deuxième chose dont vous aurez besoin est un projet à mettre en valeur et à atout, que vous allez intégrer dans l'étude de cas. J' ai préparé une feuille de travail, un cahier d'étude de cas pour vous, sorte qu'il vous sera facile de suivre les étapes. Il s'agit également d'un eBook numérique, donc vous n'avez pas vraiment besoin de l'imprimer. Bien sûr, n'hésitez pas à l'imprimer si vous le souhaitez, mais vous n'avez pas à le faire. Vous pouvez simplement utiliser la version interactive car tous les champs de saisie sont interactifs. Utilisez-le comme un eBook. Téléchargez tout ce dont vous avez besoin ; le logiciel ou les ressources que vous obtenez de mon côté et vous êtes prêt à commencer ce cours. 3. Les grandes lignes: Qu' est-ce qu'on va faire dans ce cours ? Laissez-moi vous faire part de quelques choses avant de commencer. Tout d'abord, nous allons parler des études de cas UX. Que sont les études de cas UX ? Qu' est-ce qui est important et comment intégrer la narration dans vos études de cas ? Ensuite, nous allons parler du contour. Comment nous pouvons réellement créer des contours et recherché de toutes les choses que nous avons faites dans un projet UX. Après cela, nous discuterons très en profondeur des étapes individuelles et de la façon de les présenter dans votre portefeuille dans vos études de cas. En fin de compte, nous allons parler de la mise en page. Comment organiser cela, comment créer des visuels, comment trouver des maquettes, pourrait être encore un PNG ou aussi des maquettes animées et des animations et des vidéos, donc nous allons en parler aussi. En fin de compte, je vais partager quelques informations supplémentaires sur la façon fournir ou comment intégrer les médias sociaux dans vos études de cas UX. Comment créer du contenu pour les médias sociaux, comment faire fonctionner votre travail, comment connecter le réseau et comment obtenir des clients. 4. Introduction: Souvent, nous pensons que le travail scolaire est synonyme de lui-même. Mais d'après mon expérience en montrant le processus que vous avez traversé, en mettant en valeur vos compétences uniques et en créant une étude de cas convaincante fait vraiment la différence entre réussir et travailler avec les clients dont vous rêvez en ce moment. Avoir un portefeuille est passé d'un bon à un must-have au cours des deux dernières années. Votre portefeuille en ligne peut être considéré comme votre marque personnelle. Les clients vous trouveront à travers votre travail en ligne et il montre votre style, vos succès et peut vous aider à obtenir le travail que vous voulez faire maintenant. Tout ce dont vous avez vraiment besoin pour cette classe est un projet que vous avez terminé, car nous allons utiliser ce projet pour créer une étude de cas. pas, je vais vous guider à travers les différentes étapes et à la fin de ce cours, il sera prêt à mettre dans votre portefeuille. Si vous n'avez pas de projet que vous avez terminé en ce moment, ne vous inquiétez pas. Cette classe sera toujours très bénéfique pour vous, car en apprenant à construire une étude de cas, vous saurez comment construire à l'avenir et il vous sera plus facile de le documenter dès le début et de rassembler les bonnes infos dès le début de votre prochain projet. J' ai également préparé une feuille de travail pour vous, qui vous guidera à travers la classe et vous aidera avec les exercices que j'ai créés dans cette classe. Que sont les études de cas ? Ils sont généralement très essentiels pour vous embaucher, parce que les études de cas sont une fenêtre sur votre pratique professionnelle et en montrant comment vous pensez, adaptez, coopérez et, finalement, résolvez les défis. Une étude de cas UX doit raconter une histoire sur vous. Comme toutes les bonnes histoires, études de cas bénéficient grandement d'une structure solide qui guide le lecteur à travers votre pensée et vos expériences, et vos problèmes et choses comme ça. Dans cette classe, nous allons explorer comment concevoir la structure parfaite pour une étude de cas UX. Cette classe s'adresse généralement à tout le monde, débutant à avancé, tous ceux qui veulent apprendre à créer des études de cas qui se démarquent vraiment de la foule et vous aident à obtenir des clients. Cette classe est spécialement conçue pour les concepteurs UX/UI, mais les chercheurs UX ou les graphistes le trouveront toujours très bénéfique. Mettre des efforts dans votre portefeuille dès maintenant fera une énorme différence tout au long de votre carrière. Voici quelques citations que j'ai trouvées sur le site de Nielsen Norman Group de recruteurs de grandes et de petites entreprises. Voyons voir très vite ce qu'ils disent, parce que c'est vraiment intéressant. La première citation est de Melissa Perri. Elle est chef de produit et designer UX chez Produx Labs. « Je veux voir comment vous pensez stratégiquement, comment vous avez relié les points à la terre à la bonne solution. À quoi ressemble votre processus ? Quelles mesures avez-vous prises pour en savoir plus sur vos utilisateurs ? » La deuxième citation est de Rebecca Levi. Elle est conceptrice de produits UX/UI, responsable du recrutement chez Joanne Weaver Group. « Raconter des histoires est important. L' intervieweur veut comprendre votre processus, votre contribution à l'équipe et le fonctionnement de votre esprit. » J' adore cette troisième citation de Tom Cotterill. C' est un recruteur de l'UX chez Source FL. « Avoir un portefeuille solide où vous pouvez parler tout au long de votre processus, non seulement montrer la recherche, flux d'utilisateurs, les filaires, etc., mais le transformer en une histoire, par exemple, pourquoi vous avez passé à chaque partie du processus afin un gestionnaire d'embauche peut vraiment entrer dans votre processus de réflexion. » Il y a certainement quelques modèles ici. Les recruteurs de grandes et de petites entreprises sont super intéressés par la même chose : votre pensée et votre processus personnel. Ils veulent que vous racontiez une histoire sur la façon dont vous avez fait face aux défis et problèmes UX précédents et sur la façon dont vous avez trouvé la solution dans son ensemble. études de cas UX dans votre portefeuille sont votre première occasion de raconter vos histoires aux recruteurs et d'expliquer comment vous pensez et résolvez les problèmes. Ces histoires doivent être tangibles pour que les recruteurs veuillent en apprendre davantage sur votre travail et sur vous. La deuxième chose vraiment importante est le médium. Je peux généralement recommander un site Web, afin que les gens puissent vous trouver en ligne. Quelle que soit la situation, vous l'aurez toujours avec vous et c'est vraiment facile pour les gens de le trouver. Vous pouvez utiliser un site Web commun appelé vous-même ou demander à un développeur. Vous pouvez également télécharger cela sur les réseaux sociaux comme Behance, utiliser Adobe Portfolio, par exemple, et puis nous avons d'autres fournisseurs comme Squarespace ou Wixx, par exemple, et pour ne pas oublier Wordpress où vous avez des modèles à utiliser. Nous allons en parler un peu plus à la fin de ce cours. Généralement, les portefeuilles sont très différents, dépendent du type de concepteur que vous êtes, de vos forces et, surtout, de vos objectifs. C' est vraiment important à garder à l'esprit. Avant de commencer, nous devrions être sûrs à 100% de nos objectifs et de ce que notre portefeuille devrait réellement atteindre. Ma recommandation est de vérifier les descriptions de poste actuelles que vous voulez obtenir. Qu' est-ce qu'ils veulent ? Quels types d'exigences ont-elles ? Vous pouvez les trouver très facilement sur LinkedIn. Assurez-vous de savoir ce que vous devez inclure dans votre portefeuille, afin qu'il vous soit plus facile de créer ces études de cas. C' est la même chose que vous soyez à la recherche d'un emploi à temps plein ou recherche d'un travail indépendant sur UX/UI designer. Voici la tâche. Avant de commencer l'étude de cas, essayez de répondre à ces questions. Quel est votre travail idéal ? Quel type d'emploi vous procurerait l'expérience que vous voulez ? Que pouvez-vous apporter à une entreprise ? Quels types d'exigences ont-elles réellement en ce moment ? Commençons. 5. Qu'est-ce qu'une étude de cas ?: Qu' est-ce qu'une étude de cas ? Généralement, un portefeuille se compose de plusieurs projets et vous montrez ces projets réalisés à travers des études de cas, où vous expliquez un peu plus sur l'ensemble du processus que vous avez traversé. Une étude de cas peut être considérée comme une sorte de projet ou une sorte d'histoire de ce projet. Il montre les détails de votre projet depuis le point A, qui est généralement le début, jusqu'au point B, qui est en fait le résultat final. Surtout pour les projets UX, le processus est super, super important. Une étude de cas vous donne l'occasion de montrer le processus, les exigences que vous avez, les objectifs, les défis, mais aussi la recherche que vous avez effectuée. Pourquoi avez-vous tous besoin de ça ? Si vous voulez obtenir un emploi, il peut s'agir d'un poste à temps plein ou même de travailler comme concepteur UX indépendant, gestionnaires d' embauche s'attendent à ce que vous ayez un portefeuille d'études de cas. Donc, pour les clients ou les gestionnaires d'embauche, il est vraiment important de comprendre comment vous résolvez les problèmes, comment vous pensez, comment vous résolvez les défis et ce genre de choses. Surtout de nos jours, il est vraiment important de se démarquer en tant que designer parce qu'il y a tant de designers là-bas sur tous les réseaux sociaux, sur tant de sites Web. Les études de cas sont également très utiles pour les entrevues d'emploi. Lorsque vous avez besoin de parler de projets que vous avez réalisés il y a quelques années, vous n'avez pas à vous souvenir tous les autres petits détails, mais vous avez tout déjà structuré dans une étude de cas, sorte que vous pouvez les guider dans votre étude de cas et expliquer un peu. De quoi avez-vous besoin pour une étude de cas maintenant ? abord, vous avez besoin d'un projet, et deuxièmement, vous avez besoin d'actifs. Vérifiez quel type de ressources vous avez déjà. Cela peut être des croquis, des images ou des filaires, tout, aussi des photos, tout ce qui nous aidera à mettre en valeur le processus que vous avez traversé. Bien sûr, cela va varier du projet que vous avez fait ; les différentes étapes que vous avez traversées. Généralement, les études de cas sont présentées dans de nombreux formats, portefeuilles sont présentés dans de nombreux formats et de nombreuses tailles. Cela pourrait être un PDF, ça pourrait être une page web, un site web ou d'autres réseaux sociaux. Il est donc très utile d'avoir une idée sur le format à l'avance. C' est vraiment différent si vous créez cela sous forme de PDF ou de site Web, alors assurez-vous de penser déjà à la façon dont vous voulez présenter ces études de cas à l'avance. Résumons cela très brièvement ce qui est important à mettre en évidence dans une étude de cas UX. Tout d'abord, pensez à ce que les recruteurs veulent réellement. Ils ont besoin de soutien pour une équipe pour un problème spécifique, et donc ils sont à la recherche de quelqu'un qui est capable de résoudre les problèmes et qui sera en mesure de soutenir l'équipe. Alors pensez à l'expérience que vous avez. Vous aurez besoin de raconter vos propres expériences, votre propre carrière professionnelle et où vous êtes en ce moment dans votre carrière. Le point très important est de résoudre les problèmes. Montrez que vous êtes en mesure de résoudre les problèmes pour l'équipe. Nous allons parler un peu plus en profondeur de la façon de le faire dans les prochaines vidéos. Mais c'est un point très important à garder à l'esprit. Une autre chose que je peux vraiment recommander est que vous pensez aux autres réseaux sociaux ainsi, ou créer des visuels pour d'autres réseaux sociaux ainsi. C' est ce que nous allons faire dans cette classe aussi. Nous allons créer des visuels pour d'autres réseaux sociaux, afin que vous puissiez diffuser le mot sur différents canaux sociaux et être en mesure de les lier tous à votre portfolio. 6. Choisir les travaux à présenter: Ma recommandation est de montrer seulement le travail dont vous êtes vraiment fier, alors ne mettez pas tout dans votre portefeuille. Si vous voulez faire plus d'un style spécifique, assurez-vous de vraiment mettre en évidence ce style là. Il est vraiment important de garder à l'esprit que les clients ou les recruteurs jugeront vos compétences en fonction du travail que vous montrez dans votre dossier qui se trouve dans votre portefeuille. J' adore cette citation d'Anton et Irene  : « Ne mettez pas de merde dans votre portefeuille, sinon les clients vous embaucheront pour des trucs. » C' est 100 % vrai, aussi d'après mon expérience. Maintenant, lorsque vous choisissez un projet, vous voulez construire votre étude de cas, choisir celui qui est le plus proche de vos clients de rêve ou dont vous êtes vraiment fier. En fin de compte, avoir environ cinq projets est vraiment une bonne quantité, donc mieux vaut avoir quelques grands projets qu'une douzaine de projets tout simplement corrects ou médiocres. Assurez-vous que vous ne mettez que votre meilleur travail dans votre portefeuille. Une question très importante : que pouvez-vous faire si vous n'avez pas de projet en ce moment ? Voici quelques recommandations. Vous pouvez d'abord reconcevoir une application ou un service Web existant. Il pourrait être Spotify, il pourrait être une application de livraison de nourriture, quelle que soit l'application que vous avez en ce moment, alors il suffit de redessiner quelque chose. Vous pouvez créer un nouveau produit, un nouveau projet d'un problème que vous avez tous les jours par exemple, et penser un peu à l'avenir, donc résoudre un problème pour l'avenir. Vous pourriez aussi utiliser un projet scolaire. Si vous êtes juste sorti de l'école ou de l'université, utilisez simplement le projet que vous concevez là-bas ou vous pourriez concevoir quelque chose gratuitement pour un organisme à but non lucratif par exemple et les soutenir avec vos compétences en conception. 7. Exemples: Jetons un coup d'oeil à quelques exemples. Je pense que c'est super, super utile de consulter les portefeuilles que vous aimez et d'obtenir de l'inspiration. Il y a quelques sites que je peux vous recommander de vérifier. D' abord, Best folios, puis Awwwards avec trois Ws, et Behance. Jetons un coup d'oeil sur ce qu'ils offrent. Nous allons avoir Best folios, et ils ont beaucoup de portefeuilles différents. Vous pouvez même rechercher des zones spécifiques. Nous allons chercher l'interface utilisateur UX et différents portefeuilles, et les vérifier où ils l'ont indiqué, peut-être même comment ils ont trouvé des visuels aussi. Ce que vous pouvez voir ici, c'est que les gens partagent beaucoup d'informations. Beaucoup d'idées sur la recherche qu'ils ont faite sur les différentes étapes et filaires, même quelques premières croquis qui est intéressant, et aussi quelques animations entre les deux. En outre, un peu de texte où ils expliquent les choses un peu plus en profondeur, sorte qu'il est plus facile pour l'utilisateur de comprendre ce qui se passe. Aussi, certaines vidéos aussi bien avec quelques filaires précoces, je dirais. Comme vous pouvez le voir, il y a quelques plats à emporter à la fin, donc vraiment belle étude de cas, bien que l'accent ne soit pas tant sur la zone visuelle à l'extérieur. Jetons un coup d'oeil sur Behance. C' est vraiment cool côté pour tous les types de projets. Vous y trouvez une inspiration impressionnante. Vous pouvez simplement faire défiler le site Web ou aller à Découvrir, puis rechercher vos études de cas XI. En haut, vous pouvez rechercher des zones spécifiques. Adobe XD, par exemple, ou nous allons chercher l'interaction car là vous pouvez trouver tous les projets mobiles, et cette zone sont déjà les domaines promus. Certaines personnes y sont mises en vedette, certains projets y sont présentés. Plus votre projet est sur Behance, vous êtes des études de cas, plus vous avez la chance de vous présenter. Ce que vous pouvez voir sur Behance, c'est que toutes ces études de cas sont généralement conçues très visuellement avec beaucoup de détails, et il est super attrayant pour l'œil de simplement regarder cela. Vous pouvez voir que cette personne a intégré toutes les étapes du processus, mais tout le texte est très, très visuel, ce qui est utile. Vous pouvez voir qu'il y a aussi quelques animations, vidéos intégrées entre l'étude de cas, ou ici à la fin pour voir le produit final. Vous pouvez voir l'interaction, et les socials sont également liés ici. Là, en bas, vous pouvez voir les autres projets aussi. Jetons un coup d'oeil à un autre projet. Ici, vous pouvez voir qu'il est structuré super bien sur les responsabilités ou le rôle de cette personne vraiment eu, le composant de conception, le processus de conception. Très, très visuel et super bien structuré sur l'étude de marché et la feuille de route et les filaires. D' autres étapes différentes, aussi des systèmes de conception et des expériences d'interface ainsi. Beaucoup d'applications simulées. Pouvez-vous voir ici beaucoup de texte qui est super agréable et intéressant. Ces deux projets ont été présentés ici. est génial, c'est que lorsque vous êtes en vedette là-bas, vous avez une très grande possibilité que les clients vous trouvent, et vous obtenez beaucoup de [inaudible] C'est la bonne chose dans l'étude de cas Behance. C' est plus facile pour les clients de vous trouver. Une autre chose est le site Web Awwwards. C' est vraiment cool que vous pouvez trouver des sites Web impressionnants pour obtenir un peu d'inspiration, mais aussi quelques sites de portefeuille. J' ai vraiment aimé vérifier ça de temps en temps. Habituellement, vous y trouverez des portefeuilles super fantaisie. Mais nous allons nous concentrer un peu plus sur l'étude de cas, donc pas tant sur toutes les animations JavaScript cool que vous voyez là-bas, mais vraiment sur les différents projets, et ils sont là. Commençons par le premier. Vous pouvez voir super sympa. Ils commencent par vraiment grand visuel, expliquant tout, ayant une très belle zone d'introduction là-bas. Plus de visuels, partager le bref aussi, et aussi intégrer différents visuels, et le garder super, super concis ce qui me semble vraiment génial aussi. Ensuite, à la fin, vous voyez le résultat, les résultats de l'entreprise. Voici une autre étude de cas, c'est très similaire. Vous pouvez voir ici nous choisissons des images qui est agréable. Quelques vidéos aussi pour soutenir les interactions. C' est vraiment sympa de voir ça aussi. Certains indices sur le défi et d'autres visuels aussi bien. Certains se mélangent entre le texte et la vidéo. Nous avons aussi vérifié cela. Je peux vous recommander d'aller en ligne, consulter quelques portfolios, sites Web fabriqués à partir de personnes que vous aimez, et de vous inspirer avant de commencer. 8. Le pouvoir de la narration: Le pouvoir de raconter des histoires. Vous pouvez vous demander ce qui est si intéressant dans la narration, et de quoi s'agit-il réellement, l'étude de cas UX. Mais la chose intéressante à propos de la narration que, si vous regardez en arrière dans notre histoire de notre espèce, histoires ont toujours joué un rôle vraiment important dans notre société. Choisissez n'importe quand et n'importe quel endroit peuplé sur la planète et faire quelques recherches sur cette culture à cette époque, soutiendront cela comme un fait. intéressant, c'est que les gens comprennent et se souviennent beaucoup mieux de l' information si elle est organisée dans une sorte d'histoire. C' est quelque chose que nos grands ancêtres ont fait. Ils étaient assis autour d'un feu, ils racontaient des histoires pour se souvenir de certains faits ou pour raconter des histoires. Donc, pour nous, à travers la narration, nous transmettons des informations et des leçons de génération en génération. Certaines de ces histoires sont fictives, d'autres sont des événements réels. Nous n'utilisons pas seulement les histoires pour apprendre, elles sont aussi à exercer dans la spéculation et l'exploration des possibilités. Ils sont un excellent moyen de vous demander ce que si la vie de questionner et de trouver des réponses possibles à ceux-ci. En fait, si nous regardons certaines méthodes UX, nous avons des histoires d'utilisateurs ou storyboard, ce qui est bien connu et est aussi une sorte de méthodes de storytelling. Regardons très vite comment les histoires sont structurées en général. La plupart des histoires sont structurées comme ça. Ils ont une sorte d'introduction. Ensuite, en fait, le problème se produit. Vous avez une action montante. Vous avez une sorte de point culminant et ensuite vous avez la résolution. Donc, la solution vient vraiment après l'action, puis la fin. Nous pouvons intégrer ce type de modèle, en fait, dans nos études de cas UX, ou dans presque tout ce que nous faisons pour les clients ou où nous voulons également intégrer des histoires. Je pense que ce qui est vraiment important à comprendre de l'histoire, c'est qu'ils ont toujours un début, qu'ils ont une partie médiane, et qu'ils ont aussi une sorte de fin. En général, les histoires ont la capacité de provoquer de fortes réactions émotionnelles. Ils sont un outil extrêmement puissant qui peut connecter les gens les uns aux autres et aussi expliquer certaines choses sur les méthodes, sur la façon dont vous pensez, sur la résolution de problèmes, et ce genre de choses. Si vous êtes à la recherche d'un emploi UX dans un proche avenir, regardons qui va probablement vous embaucher. Probablement une entreprise ou un client, et les deux ont un besoin très spécifique et immédiat à l'esprit. Pour trouver un nouveau membre pour rejoindre leur équipe UX, ils recherchent quelqu'un d'intelligent, quelqu'un qui apporte de l'inspiration et du talent, qui est capable de travailler dur et qui sera un excellent membre de l'équipe, et aidera l'équipe à produire un meilleur travail. Ce qui est vraiment important pour eux, c'est surtout tout ce qui concerne la résolution de problèmes. Tout simplement, en passant par les portefeuilles des candidats, les recruteurs se posent inconsciemment une sorte de question. Et si cette personne se joignait à l'équipe ? Comment serait-il de travailler avec cette équipe ? Cela aidera-t-il vraiment l'équipe ? Pour vous, raconter une belle histoire sur votre propre expérience en tant que professionnel de l'UX leur donne une sorte de croyance ou fait ressortir quelque chose qui les aide à vraiment comprendre la façon dont vous pensez et si vous seriez un bon ajustement dans ce Équipe UX. Il les aide également à voir la façon dont vous travaillez à travers vos yeux, de sorte que le processus. Espérons qu'ils reconnaîtront quelqu'un qui a été vraiment intelligent et capable de relever des défis difficiles et de s'intégrer vraiment bien dans l'équipe. Donc un très grand designer qui est capable de résoudre des problèmes méchants. C' est vraiment important de le montrer dans votre portefeuille et de le souligner tout au long de l'histoire que vous racontez avec vos études de cas UX. 9. Transformer en une histoire: Maintenant, nous avons parlé de la narration et de ce qui est si intéressant à intégrer cela dans vos études de cas. La question est maintenant, comment pouvons-nous transformer nos études de cas UX en une histoire ? Là, ça devient vraiment intéressant. J' ai trouvé cette citation vraiment génial par Orson Scott Card. C' est un écrivain américain de science-fiction. « Les histoires d'idées portent sur le processus de recherche et de découverte de nouvelles informations à travers les yeux de personnages qui sont poussés à faire les découvertes. La structure est très simple. L' histoire de l'idée commence par soulever une question ; elle se termine quand on répond à la question. Gardons cela comme une inspiration et regardons la structure d'un conte. Nous avons déjà parlé de cette structure, alors comment pouvons-nous l'intégrer maintenant dans une étude de cas UX ? En commençant par un début, un processus et une fin. Au début, nous allons parler un peu du contexte, des objectifs, et de ces choses et la partie médiane serait sur le processus, les différentes méthodes, les croquis, les filaires pour tout. Ce dont nous avions besoin pour arriver à la fin, et nous allons également parler du produit final et des leçons apprises dans nos résultats. Généralement, nous essayons maintenant de combiner ces choses, la narration dans l'étude de cas UX et l'étude de cas UX [inaudible]. Nous avons également un début d'étude de cas UX qui explique le contexte, ce qui se passe, et toutes les informations de base. Toutes les choses qu'un recruteur veut fondamentalement savoir qui est comme les objectifs, et les visions, et les défis dès le début et peut-être aussi quelques informations de fond. Ensuite, nous devons également traiter, c'est la partie principale de l'étude de cas UX. La partie du processus explique les étapes que vous avez prises pour arriver des questions du début à la solution à la fin. Il met en évidence toutes les activités que vous avez menées et il illustre ces activités, preuve de tous les atouts que vous avez. Il peut s'agir de croquis, de photographies, diagrammes ou d'autres artefacts de conception ou de règles de livraison que vous avez produites. Gardez à l'esprit pour vraiment montrer le processus. Parce que c'est ce qui fait vraiment la différence et vous aidera vraiment à vous démarquer. Parce que beaucoup de designers ne se débrouillent pas vraiment bien. l'accent sur les interactions, les défis, les alternatives, les itérations, le point de décision et peut-être certains conflits que vous avez peut-être. Vous devriez toujours commencer par certains, bien sûr, faire la recherche que [inaudible] un problème, par exemple. Un très bon point pour commencer est, vous pouvez montrer persona et utiliser une carte de voyage ici pour illustrer, choses comme ça, et que vous découvrirez là-bas. Bien sûr, toutes ces étapes dépendent beaucoup du projet que vous avez fait, de la part que vous avez prise et du rôle que vous avez joué. Nous allons parler en profondeur de toutes les différentes étapes et comment expliquer cela. Que devriez-vous intégrer et aussi comment expliquer cela d'une manière très condensée. Mais je pense que ce qui est vraiment utile pour les recruteurs est aussi de mettre en évidence et de faire en sorte que vous mettiez en évidence les leçons que vous avez apprises sur votre expérience, certains plats à emporter, ce qui est quelque chose que je trouve personnellement super utile aussi. En fin de compte, une étude de cas UX est un compte rendu de l'événement qui vous a conduit à la découverte de quelques nouvelles connaissances donc la réponse au problème UX. Gardez à l'esprit que les recruteurs doivent répondre à leur question « et si ». Et si cette personne vous mettait dans l'équipe ? Serait-ce utile ? Qu' est-ce que cette personne apporterait à notre équipe ? Généralement, structurez votre étude de cas UX. Vous vous raser un début, l'idée, puis étendre le processus, puis à la fin. N' oubliez pas qu'il est important pour le recruteur de voir le processus à travers vos yeux et que vous soulignez vraiment vos compétences uniques, ce que vous savez et ce qui rend vraiment unique en tant que designer. Votre étude de cas montre comment vous résolvez les problèmes, comment nous pensons, c'est un démonstrateur du processus et de la réflexion critique plutôt que de montrer seulement le produit final et des visuels parfaits, par exemple. Nous allons parler brièvement du contenu qui convient réellement à chaque partie et de la façon dont vous pouvez structurer cela au cours de la semaine prochaine. Il vous sera facile de produire le contenu vous-même sur le site. Résumons cela très brièvement. Gardez à l'esprit que les recruteurs doivent répondre à leur question « et si ». Et si cette personne se joignait à l'équipe ? Comment serait-ce de travailler avec cette personne ? Telles sont les questions que les recruteurs ou les personnes qui embauchent vous ont réellement à l'esprit. Le point numéro 2 est la structuration. Assurez-vous que l'accent est vraiment mis sur l'idée afin qu'il soit facile pour les recruteurs de vraiment comprendre la façon dont vous pensez et voyez le monde à travers vos yeux. Ensuite, la résolution de problèmes. UX est tellement sur la résolution de problèmes. Votre étude de cas devrait montrer comment vous résolvez les problèmes, comment vous pensez. Vous pouvez le démontrer en montrant votre processus et comment vous avez réellement trouvé votre solution. Ensuite, la structure. Il y a trois parties de chaque étude de cas. C' est le début du processus, la conclusion, et la fin. Il est vraiment important de savoir ce qu'il faut intégrer et nous allons en parler beaucoup en profondeur dans les prochaines vidéos. Prenez des notes, notez toutes les choses pour votre étude de cas, et utilisez une feuille de travail que j'ai préparée pour vous. 10. Les grandes lignes: Créer un plan est une première étape vraiment importante, qui vous aidera à structurer l'étude de cas et à la construire stratégiquement sans trop de stress parce que vous savez exactement ce que vous voulez intégrer et ce dont vous avez réellement besoin. Ensuite, l'animal agit comme une étoile du Nord créant ces études de cas. En fin de compte, cela prendra beaucoup de travail, donc parfois il est vraiment important de prendre du recul et de s'assurer que vous n'êtes pas perdu dans les détails, mais vous savez réellement ce que vous voulez créer. Un contour assez basique ressemble à ceci. abord, vous commencez par le début, donc l'introduction, le bref. Vous indiquez le dossier de projet, sur quoi vous avez réellement travaillé. Vous incluez des informations sur le rôle que vous jouez ainsi que l'énoncé du problème. Quel était en fait le problème que vous essayez de résoudre là-bas et quel était-ce que vous avez réellement essayé d'accomplir. Ce qui est vraiment important à intégrer, c'est le défi, donc ce qui était difficile, ce qui était un très beau problème ou défi auquel vous étiez confronté. Quelques informations générales aussi ; il pourrait s'agir de la portée ou du groupe cible. Ensuite, vous commencez toujours avec la partie de processus, qui est la partie la plus importante. Là, vous pouvez penser à ce genre de choses que vous avez fait. Cela pourrait être d'abord, la recherche, alors parlez de la recherche que vous avez faite, quelles méthodes, quels étaient les principaux résultats. Aussi sur les concepts ou inclure quelques croquis précoces, certains filaires de faible fidélité, certains filaires haute fidélité, et aussi d'autres concepts que vous avez fait là. Aussi quelques itérations de conception que vous avez fait, les tests. Inclure vos tests là, peut-être même plusieurs tours de tests, et bien sûr, les résultats ou le produit final. La tâche pour vous maintenant est de prendre quelques post-it et d'écrire tous les éléments que vous voulez intégrer dans votre étude de cas, et aussi de les commander déjà et que nous avons une histoire. Ensuite, la vidéo suivante, je vais vous montrer comment je structure un plan pour l'un de mes projets afin que vous puissiez regarder et voir comment j'ai structuré cela et cela est probablement utile pour vous. Après cela, nous parlerons des étapes individuelles vraiment en profondeur afin qu'il vous soit facile de comprendre ce qu'il y a réellement à intégrer et de trouver les bons commentaires sur chacun de ces domaines. 11. Les grandes lignes : Regardez-moi travailler: m'a demandé de concevoir une application pour un coliving en Finlande. J' ai participé à plusieurs étapes du processus ; dans le concept de la phase de recherche et aussi dans la phase de conception. Je vais vous montrer comment j'ai fait les grandes lignes de ce processus, pour le processus de cette étude de cas UX que je télécharge sur les mains et sur mon site web également. Habituellement, quand je conçois mon contour, je prends des post-its, couleurs différentes, une couleur pour le titre. Nous avons déjà parlé des grandes lignes. C' est l'introduction. Donc, en commençant par la première chose, contour et toutes les différentes étapes. Bien sûr, le dossier de projet, mon rôle, le calendrier et les clients, ainsi que les défis. Toutes les choses que vous devez généralement intégrer dans l'introduction. Ensuite, le deuxième point sera toute l'information de base qui sera intéressante pour les gens pour comprendre le sujet et d'autres choses que j'ai découvertes tout au long de la recherche que j'ai effectuée. Oui. Quelques choses intéressantes comme la pyramide des besoins du Maslow, qui est une chose vraiment importante à considérer sur l'ensemble du projet. Maintenant, le processus, bien sûr, je l'ai divisé en quatre parties. J' ai commencé par la recherche que le concept, conception et à la fin des tests. Ce que vous pouvez voir ici, c'est que j'ai choisi à nouveau les mêmes couleurs, donc c'est un peu plus facile d'avoir un aperçu. Donc, la recherche, j'ai fait des interviews d'utilisateurs, donc je veux montrer ça. De plus, les questions que j'ai préparées pour ces séances d'entrevue et les idées qui ont suivi la recherche. Pour la phase de conception, je veux montrer l'architecture d'information que j'ai trouvée. Je veux montrer mes premiers croquis. Vraiment le processus, en particulier sur la zone de l'événement. Je veux également partager mes trames filaires parce que j'ai commencé avec trames filaires et j'ai fait quelques tests sur les trames filaires au début. Donc, en termes de conception, je voudrais, bien sûr, montrer la marque, donc la couleur, la topographie, l'imagerie et ces choses. Montrez également quelques choses pour la conception de l'application, en particulier la zone de l'événement. Donc, les choses de conception d'application, la communauté, et peut-être aussi la zone de message. Pour les tests à la fin, je veux montrer comment les tests sont passés tout à fait des tests et sur les résultats. En fin de compte, je veux également partager des idées sur le résultat, sur ce qui s'est réellement passé après cela et sur les leçons apprises. Pour le résultat, je souhaite intégrer mon produit final. Nous allons obtenir les maquettes finales, comment elles ressemblent, comment elles sont interactives, comment elles fonctionnent, et ensuite mettre en valeur les différents points sur les conceptions que j'ai inventées. Les choses suivantes sont bien sûr les leçons tirées tests et les leçons apprises après que j'ai terminé le projet. Les prochaines étapes peut-être, et aussi vraiment importantes, les idées qui vont au-delà de cela. Donc, une autre recommandation et conseil est d'obtenir tous les post-its, les mettre sur le mur, donc vous avez un aperçu. Nous allons l'utiliser dans le processus ultérieur. Vous avez une vue d'ensemble et savez ce que vous voulez réellement intégrer les textes que vous devez écrire, et quelles images, maquettes et choses comme ça vous devez préparer. 12. Introduction: J' espère que vous avez tous créé un plan avec les différentes phases du projet UX que nous avons traversé. Une fois que nous avons terminé le plan, c'est le moment idéal pour parler des différentes phases comment les concevoir réellement pour vos études de cas. Ce qui sera vraiment utile, c'est d'utiliser feuille de calcul que j'ai préparée pour vous qui vous guidera à travers les différentes phases et vous pouvez écrire le texte et les étapes uniques dans vos feuilles de calcul pour commencer vraiment avec le texte. Après avoir créé le texte pour toutes les différentes phases et ce que nous voulons y mettre, nous allons également parler des visuels et de la mise en page. Commençons par la première étape. Nous avons déjà parlé des différentes phases de l'étude de cas de l'UX et du processus jusqu'au début. C' est vraiment important pour intégrer l'introduction. Commencez par votre titre, votre rôle, ainsi que le mémoire que vous avez reçu et l'énoncé du problème. Voici un exemple d'introduction. Je travaillais pour un espace coliving en Finlande et voici l'exemple d'introduction pour le projet. Vous pouvez trouver l'ensemble du projet sur [inaudible], vous pouvez vérifier cela. L' introduction, j'ai intégré le titre qui est l'application communautaire pour un espace coliving, mon rôle était la recherche et la conception UX/UI. Le temps était de septembre à novembre 2019. Le client, ici, vous intégreriez le nom du client aussi. Le mémoire de l'énoncé du problème était. Pendant mon séjour en tant que résident créatif chez Adobe, m'a demandé de reconcevoir une application pour la communauté dans un espace Coliving en Finlande, qui informe les gens de cet espace sur toutes les informations dont vous avez besoin, événements, les salles de location, rencontrer des gens. La communauté est l'une des choses les plus importantes dans un espace Coliving, donc nous avons commencé à concevoir une expérience qui aide les gens à se connecter uns avec les autres et qui serait toujours super conviviale. Si vous faisiez partie d'une équipe UX plus importante, vous devriez également indiquer votre rôle dans le projet par exemple, vous écrivez quelque chose comme  : « Mon rôle dans ce projet était d'entreprendre une recherche et une évaluation de prototypes ». Ou, « Mon rôle était de concevoir l'interface utilisateur et le prototypage. » Ce genre de choses. Assurez-vous également que le point numéro 2 définit le problème, donc bien articuler le problème aidera à raconter l'histoire de l'étude de cas. Assurez-vous d'indiquer vraiment le problème et d'identifier les objectifs du projet. Qu' est-ce que le projet visait à réaliser ? Soyez aussi détaillé que possible. Quelques exemples, en particulier les objectifs commerciaux sont de gagner un abonné de messagerie spécifique, pourraient être gagner 5 000 abonnés de messagerie électronique ou augmenter la conversion 10 pour cent pour une chose spécifique ou diminuer les retraits de 50 pour cent, des choses comme ça. C' est vraiment intéressant, surtout pour les gens qui vous embauchent et pour les gens. Voici quelques exemples qui seront intéressants à regarder très brièvement. Le premier exemple est tiré de l'étude de cas Bluewave. Ce qui est vraiment bon ici, c'est que les objectifs du projet sont très bien définis. Demandez aux utilisateurs d'écrire plus de commentaires et d'amener les utilisateurs à voir la valeur de leurs contributions avec un texte très court, sorte qu'il soit facile à comprendre. Vous pouvez voir l'exploration et le concept de mise au point et les tests ainsi que certaines solutions de conception comme la création d'un système de cartes systématique, ainsi que les résultats finaux des livraisons, et aussi quelques leçons. Dans ce deuxième exemple, le problème est défini super bien. Vous voyez notre approche ainsi que la combinaison de beaucoup de visuels et beaucoup d'attention sur la stratégie de contenu combinée avec les filaires, et des informations supplémentaires sur l'interactivité et aussi vous pouvez voir beaucoup d'informations sur la portée, tant d'infos de fond. 13. Information: L' introduction est vraiment un endroit idéal pour partager toutes les choses que vous savez déjà quand vous commencez le projet. Cela peut être la portée, ou le public cible, et aussi quelques recherches de fond que vous avez probablement faites. Vous pouvez en partager davantage sur le public cible lorsque vous en savez déjà plus, qui sont-ils ? Comment le problème les affecte-t-il vraiment ? Quelles sont les principales idées que vous avez à leur sujet ? Ce genre d'information, ainsi que la portée et la réponse aux questions sur ce que le projet devrait réellement réaliser pour l'entreprise ? Quelle était la date limite ? Quel genre de sous-projets avez-vous besoin de moi pour concevoir ? Quel contenu sera utilisé pour le projet ? Peut-être une analyse sur des produits similaires aussi bien. Ici, vous voyez un exemple sur un projet que j'ai fait pour l'espace Coliving où j'ai commencé en fait avec beaucoup d'informations de fond sur ce dont il s'agit réellement, qu'est-ce qui est si intéressant à ce sujet ? Je devais vraiment comprendre un peu l'objectif des espaces Coliving, les problèmes. Beaucoup de choses étaient une sorte de raisons psychologiques. C' était vraiment intéressant à intégrer au tout début. 14. PROCESSUS: Parlons du processus. C' est en fait la partie la plus importante de votre étude de cas. Après avoir expliqué les informations générales, les objectifs, les défis et tout ce que nous savions avant de commencer le projet, nous allons partager toutes les étapes que nous avons traversées tout au long de notre processus qui est, comme je l'ai déjà dit, la partie la plus importante. Assurez-vous que vous mettez vraiment l'accent sur les compétences et tous les apprentissages que vous avez eus. Nous allons identifier les différentes étapes que vous avez prises dans le cadre du projet, raisons pour lesquelles vous les avez faites et, bien sûr , la valeur de ces actions et les résultats du projet. Regardons très rapidement le processus de conception centré sur l'homme. Habituellement, cela commence avec une chose d'empathie, qui est généralement la recherche. Vous définissez cela en synthétisant la recherche, vous idéez, venez avec un concept et un design, vous prototypez cela et ensuite vous testez cela. D' après mon expérience, il est vraiment utile, en particulier pour les clients et les recruteurs de comprendre votre processus, si vous utilisez toutes ces étapes, en les intégrant dans votre étude de cas UX. Une phase de recherche allant à la conception, à la conception, puis à la mise à l'essai. Bien sûr, cela dépend beaucoup du projet que vous avez fait, des méthodes que vous avez utilisées et du moment où vous avez été réellement impliqué dans le processus. Ici, il est vraiment important que vous montrez vos compétences UX fantastiques et l'objectif est de vous montrer une approche et une contribution spécifiques. De plus, partagez certaines des décisions que vous avez prises, les compromis ou les idées, ce qui est vraiment important. Chaque projet est bien sûr très différent, donc décrire le processus que vous avez pris le mieux possible , mais bien sûr, cela aura l'air très différent d'un projet à l'autre. Certaines choses que vous pourriez inclure sont listés ici sur le côté, examiner la recherche, différentes méthodes de recherche des utilisateurs, certaines méthodes d'idéation bien sûr, puis cadres bio, maquettes, prototypes. Bien sûr, l'utilisateur teste l'écriture X, peut-être, conception de l' interface utilisateur, aussi différents types de tests et de prototypage. Ensuite, passez par ces différentes étapes et expliquez réellement pourquoi vous avez fait cela, ce que vous avez appris et partagez également beaucoup de visuels. Si vous avez des visuels pour l'une de ces étapes, partagez-les, c'est vraiment important. Partagez également un petit texte où vous parlez super concis sur l'apprentissage et les choses que vous avez réellement sorti de cette étape spécifique. La section du processus est aussi vraiment excellent endroit pour mentionner toutes les collaborations que vous pourriez avoir faites aussi. Démontrer que vous pouvez collaborer avec une équipe est vraiment important pour les gestionnaires d'embauche, alors indiquez votre rôle et ce que les autres ont fait. Si quelqu'un d'autre était responsable de la recherche, ce n'est pas du tout un problème, il suffit de le mentionner. Vous pouvez bien sûr le montrer parce qu'il appartient à l'ensemble du projet, mais indiquez simplement que quelqu'un d'autre l'a fait. Peut-être avez-vous fait du travail en tant que rédacteur, encore une fois, comment avez-vous collaboré ? Comment avez-vous géré le transfert aux développeurs, aux crossovers, aux tests et ce genre de choses, ce qui est vraiment important. Ce que nous allons faire maintenant, c'est que nous allons passer par différentes étapes du processus et parler un peu de la façon de mettre en valeur cela, façon de l'intégrer et ensuite il est plus facile pour vous d'intégrer cela dans votre portefeuille. 15. Recherche utilisateur: La première chose que vous allez probablement commencer est une sorte de recherche plus approfondie si vous faites de la recherche. Ma recommandation personnelle est, bien sûr, partager les différentes méthodes que vous avez fait là, pourrait être test A/B ou cartographie du parcours de l'utilisateur ou techniques d'entrevue, pourrait être quantitativement la recherche des utilisateurs. techniques telles que les enquêtes ou l'analyse ou les études de marché sont également des méthodes qualitatives de recherche des utilisateurs qui sont plus axées sur la qualité. Donc, pour ce qui est des raisons, il peut s'agir d'entrevues ou de groupes de discussion, de recherches sur les carrières ou quoi que vous ayez fait Partagez-les, partagez également vos leçons clés. Vraiment bon de comprendre ça au tout début. Ensuite, partagez également un petit texte où vous parlez des apprentissages et des choses que vous avez réellement tirées des entrevues ou des sondages auprès des utilisateurs, tous ces types d'informations et de ce que vous avez réellement commencé à faire après cela. Assurez-vous de le garder concis, que vous affichez également des photos si vous êtes autorisé à le faire, et ne partagez pas trop de détails. Si c'est le cas, assurez-vous d'intégrer des croquis précoces ou des notes que vous avez prises lors de la séance de recherche, par exemple. Bien sûr, seulement si vous êtes autorisé à partager ça. Assurez-vous que vous résumez toujours les apprentissages. Voici un exemple. Nous avons analysé les événements auxquels ont assisté 40 personnes vivant dans un espace colicin entre 18 et 40 ans pendant une période de deux semaines et découvert qu' environ 30 pour cent de leur événement est commencé en raison des recommandations d'amis. À partir de cette analyse, nous avons créé quatre personnes-utilisateurs et défini leurs expériences dans les listes de tâches de mappage avec une carte de parcours utilisateur. Un autre exemple ici, j'ai laissé quelques parties dehors. C' est peut-être utile pour vous de le remplir. Pour lancer le projet, nous avons commencé par un atelier avec les intervenants du client. Nous voulions nous assurer que x. Dans un deuxième temps, nous avons mené des entrevues avec, et nous avons appris cela. Nous avons commencé à utiliser ces informations pour construire une carte d'empathie ou autre chose et mieux que. On a ce genre d'idées. Structurer comme ça est généralement très utile. Un outil que je peux vous recommander, surtout si les choses que vous avez faites plus tôt ne sont pas si géniales, et si vous avez besoin de concevoir un peu mieux, vous pouvez utiliser le plug-in de tableau blanc pour Adobe XD. C' est quelque chose qui est super utile. Ils ont beaucoup de presets vraiment cool que vous pouvez utiliser pour différentes méthodes que vous avez, ils ont des maquettes pour différentes choses, mappages d' affinité, ou tout type de choses que vous voulez intégrer. Ils ont une sorte de mise en page que vous pouvez réutiliser. Le tout est gratuit, donc je peux absolument le recommander. Vous pouvez intégrer l'affranchissement, vous pouvez changer les couleurs de votre marque ou couleurs d' entreprise et ajuster le tout à vos besoins afin qu'il soit vraiment agréable lorsque vous publiez cela dans votre portefeuille également. Je peux voir que vous avez d'autres presets ici sur le côté, alors choisissez ce que vous voulez ou allez dans les sections Elements et choisissez les éléments individuels, et construisez vous-même. Cela permet d'économiser beaucoup de temps et vous êtes sûr à 100% qu'il aura vraiment l'air super à la fin. Avec cela, quelques autres outils que je peux recommander, bien sûr, j'ai déjà parlé d'Adobe XD, qui est gratuit, le plugin tableau blanc, qui est gratuit et facile pour vous à télécharger. Un autre outil qui est super sympa est Miro, ils ont beaucoup d'actifs vraiment cool ainsi que vous pouvez utiliser pour vos études de cas. Il peut s'agir de n' importe quel flux utilisateur ou de n'importe quel type d'éléments de conception que vous souhaitez intégrer également. Voici un exemple pour la recherche utilisateur que j'ai faite pour l'espace colicin, vous pouvez voir beaucoup d'images, les images proviennent des sessions et aussi de la phase de synthèse. Vous pouvez obtenir quelques informations sur les entrevues, les questions que je pose, et aussi les personnes ou les personnes que j'ai interviewées, et les principaux problèmes ou les idées que j'ai réellement tirées de la recherche que j'ai effectuée là-bas. Voici quelques conseils généraux, et à la fin, assurez-vous de le garder concis. Ne montrez pas trop, seulement les informations les plus importantes, et dans les apprentissages que vous avez, intégrez des graphiques et des images ainsi pour garder cela vraiment agréable et un peu attrayant, et ne partagez pas trop de détails. Assurez-vous de ce que vous êtes réellement autorisé à partager sur les études de cas, alors veuillez être conscient de toutes choses également. 16. Le concept: tours d'itérations, vous avez commencé l'aperçu pour la phase de concept, et il est vraiment important que vous structurez vraiment bien. Bien sûr, commencez avec quelques informations que vous avez obtenues et après quelques séries d'interactions, vous avez probablement commencé avec les tests AB, vous avez commencé avec les filaires, alors assurez-vous que vous montrez vraiment que leurs éléments visuels et de la place pour tout petit texte et toutes les leçons que vous avez eues. En outre, des choses comme lors de la dernière ronde de tests utilisateur, nous avons appris que, par exemple, les utilisateurs ont des problèmes à trouver la fonction événementielle dans notre application, ou que vous deviez reconcevoir ces zones et par exemple, il s'est avéré que la zone d'événement est plus utile pour les gens. Ça pourrait être quelque chose, et c'est un exemple que j'ai fait pour l'espace Coliving. Vous pouvez parler des différentes séries d'itérations, par exemple, vous pouvez parler des retours que vous avez, et c'est aussi vraiment un endroit idéal pour parler ou pour montrer les maquettes que vous avez faites, quelques croquis précoces de faible fidélité à haute... fidélité, plus détaillée, et partagez les défis que vous avez rencontrés, les enseignements que vous avez eus, et assurez-vous également d'intégrer du texte avec des visuels. Ce qui est également intéressant pour les gens est, si vous partagez des défis déjà dans la phase de conception, parce que cela aidera les clients et les gestionnaires d'embauche que, vous êtes en mesure de faire face à des situations difficiles. Si vous n'avez pas eu de situations difficiles, c'est génial. C'est vraiment génial. Mais une autre chose que vous pouvez y intégrer aussi est aussi quelques apprentissages à avoir, donc partager la progression, un défi notable que vous avez rencontré, partager quelques apprentissages clés ainsi, et comment en fait vous êtes venu avec les idées et le concept. Remplissez toutes ces choses dans la feuille et recherchez les filaires et les maquettes que vous avez, ainsi que d'autres façons de les intégrer dans votre phase de conception. 17. Conception: Maintenant, nous pouvons parler de la conception. Surtout si vous avez été intégré dans la zone de conception ou dans l'interface de conception, il est important de montrer beaucoup dans votre étude de cas et de définir tous les différents éléments qui appartiennent vraiment à un design. Cela pourrait être, par exemple, la topographie, les couleurs que vous avez choisies, expliquant également pourquoi vous avez choisi une topographie si spécifique, peut-être que vous en avez aussi deux, les différentes couleurs que vous avez choisies, le primaire, le secondaire, et peut-être même d'autres couleurs, le jeu d'icônes que vous avez conçu pour des éléments spécifiques. Cela pourrait être un élément spécifique pour une carte, pour une pop-up, des éléments spécifiques que vous concevez et aussi les idées derrière cela. S' il y avait des raisons derrière la conception de ces éléments, c'est vraiment utile d'écrire cela et penser aux différents éléments que vous voulez montrer là-bas. Obtenez votre feuille de calcul, directement sur toutes les différentes choses que vous souhaitez intégrer, pensez déjà aux visuels que vous pouvez y intégrer également. Surtout pour le design numérique, il est vraiment utile de créer des maquettes ou des animations où vous pouvez intégrer conception de votre interface et le montrer d'une manière très attrayante, visuelle et agréable. Comment vous pouvez le faire est quelque chose dont nous parlerons dans la prochaine vidéo. Restez à l'écoute pour ça. Maintenant, commencez avec un élément de conception différent. Je vais vous montrer un exemple qui, à mon avis, était vraiment bien fait, surtout du côté du design. Ce que j'aime vraiment dans cette étude de cas de Netguru pour ResumeLab, c'est qu'ils ont intégré tous ces éléments visuels dans toute l'étude de cas. Ça a l'air très beau. Mais ils ont également mis l'accent sur le guide de style et la documentation de transfert vraiment, qui est super intéressant, surtout pour les clients parce que c'est un domaine où la plupart des problèmes se produisent réellement. Ils ont également montré la réactivité. Les différents éléments à toutes les tailles différentes, pour l'ordinateur portable, smartphone et iPad, ce qui est vraiment cool. Une autre chose qui, à mon avis, est vraiment génial ces études de cas, c'est la façon dont ils ont présenté les illustrations. Ils ont vraiment montré le processus de rassemblement des illustrations. Ici, par exemple, avec le logiciel de conception et comment ils ont intégré tous les différents éléments, ce qui est super génial. Ce que vous pouvez voir ici, ce sont les choses que vous pouvez intégrer. Seulement quelques-uns, donc d'abord, bien sûr, intégrer toutes les choses qui appartiennent à une interface supplémentaire de marque. En plus de la topographie et de tous les différents éléments de conception que vous avez intégrés, il peut s'agir d'une vue de panier, d'une barre d'onglets, ou d'éléments spécifiques que vous avez trouvé aussi ; icônes, etc. Vous pouvez également intégrer les couleurs et les différentes interactions. En animation, parce que les éléments d'interface. 18. Essais: test est la dernière étape du processus de conception centré sur l'humain ou du processus de réflexion sur la conception, bien qu'il s'agisse d'un processus itératif et que vous recommencez dès le début avec les leçons que nous avons apprises. Il est vraiment important de mettre l'accent sur la phase de test dans votre étude de cas UX. Les tests sont souvent entrepris en même temps que le prototypage et bien exécutés, ils peuvent fournir de nombreuses occasions d'apprentissage pour vous aider à en apprendre davantage sur l'utilisateur et des occasions d'affiner votre prototype et même l'énoncé du problème. Il est très important que vous partagiez les leçons que vous avez acquises pendant les tests. Voici quelques conseils. Tout d'abord, dans votre étude de cas UX, expliquez le processus. Où as-tu fait le test ? Comment ça s'est passé ? Ces choses pourraient être dans un laboratoire et dans le bureau, également expliqué les méthodes. Alors aussi qu'avez-vous testé ? Avez-vous testé une zone spécifique ? Un scénario d'utilisation spécifique ? Quel genre de tâche avez-vous réellement donné à l'utilisateur ? Qu' as-tu appris à la fin ? Assurez-vous de parler des méthodes parce que c'est vraiment important. Voici quelques méthodes que vous utilisez probablement. Ça pourrait être des tests de guérilla, des tests d'utilisabilité en laboratoire. Cela pourrait également être un test de convivialité à distance non modéré via Zoom, par exemple. Pourrait faire une enquête contextuelle, un entretien téléphonique, un tri de cartes, l'enregistrement de session, ou aussi des tests A/B. Il y a aussi plus de méthodes de test UX. Mais ce sont les bases, presque communes. Alors assurez-vous que vous partagez vraiment cela, et partagez les leçons que vous avez faites dans la mesure où vous avez fait cela. 19. Résultat: Nous sommes donc déjà arrivés à la dernière étape du processus de l'esquisse qui est le résultat ou ce qui se passe réellement après la fin du projet. C' est super intéressant pour les clients ou les parties prenantes de vraiment comprendre ce que vous avez réalisé une référence ou un projet avec vos conceptions, quel genre d'objectifs vous aviez et comment vous les atteignez réellement ou si vous en atteignez réellement certains. C' est le moment idéal pour partager un peu sur les objectifs que vous atteignez, mais aussi sur les leçons que vous avez apprises qui sont super, super, super important et donc si vous n'avez pas rencontré de problèmes difficiles, les défis ou quelque chose du genre, les leçons apprises sont vraiment une bonne chose à intégrer à la fin de chaque étude de cas de l'UX. Un exemple sur un résultat possible pourrait être quelque chose comme ça. Nous avons constaté que 15 pour cent des événements auxquels les participants ont assisté ont commencé parce que quelqu'un d'autre sur le groupe de départ les a invités à se joindre. Nous n'avions pas le budget ni le temps de relever le défi des invitations personnalisées, mais à l'avenir, nous pourrions revoir le projet et le concentrer. Résumons cela très brièvement. Quels sont les produits livrables et quels en sont les résultats ? As-tu touché, raté ou dépassé le but ? C' est vraiment important de souligner ici, quel est le résultat de ce projet. Pouvez-vous partager d'autres résultats commerciaux, une sorte d'informations commerciales que vous avez obtenues tout au long du processus ? Avez-vous réduit les taux de retrait de 50 % ou plaintes du service à la clientèle de 30 % si tel était votre objectif au tout début ? La même chose avec le taux de conversion, si vous aviez un objectif sur le taux de conversion, le terrain d'apprentissage numérique, arrivez à ce taux de conversion fantastique que vous visiez, ou peut-être avez-vous amélioré la valeur de vie des clients ou des choses comme ça ? Cela remonte aux objectifs que vous avez fixés au tout début. Quels sont les points à retenir à propos de la conception d'un contour, création d'un contour et de la conception des étapes uniques ? En général, assurez-vous d'inclure toujours des visuels et de documenter l'ensemble du processus tout au long des études de cas, racontez des histoires ce qui se passe réellement pour qu'il soit plus facile pour les gens de comprendre, respectez les NDA que vous avez signés, alors assurez-vous de ne montrer que les choses que vous êtes autorisé, si vous êtes sûr à cent pour cent, assurez-vous de demander à votre client et n' oubliez pas de traiter l'étude de cas et le processus de demande d'emploi comme n'importe quel autre UX défi de conception, donc vraiment sorte de croquis, penser au concept et à l'enquête, intégrer des visuels aussi bien. 20. Visuels: L' une des choses les plus importantes dans chaque étude de cas UX est certainement la partie visuelle. Même si vous n'êtes qu'un concepteur UX ou un chercheur UX, assurez-vous d'intégrer toujours les visuels. C' est super important pour vraiment guider la vue de la personne qui voit votre portfolio, pourrait être un recruteur ou un client, alors assurez-vous d'intégrer toujours les visuels. Nous avons commencé par écrire le texte pour les différentes étapes du processus. Ce que vous pouvez faire maintenant est de penser à tous les visuels que vous avez déjà pour soutenir les choses que vous dites dans le texte dans les différentes étapes. Vous les avez notés dans votre feuille de travail. Ce que vous pouvez faire maintenant est d'intégrer le texte ou les visuels que vous avez déjà ou que vous voulez créer, car nous allons également créer des visuels dans les prochaines vidéos. Parcourez les différentes étapes du processus et notez les visuels que vous souhaitez intégrer. Ce qui est vraiment utile, c'est de rassembler déjà tous les visuels que nous avons. Il peut s'agir de photos, de trames filaires, ou peut-être de maquettes que vous avez déjà créées pour le client ou pour votre travail, puis de les mettre tous dans un dossier, sorte qu'il vous sera plus facile de les trouver. Ensuite, c'est le moment de faire une liste des maquettes que vous voulez toujours créer, les visuels que vous voulez toujours créer. Ce qui est vraiment, vraiment utile pour moi, c'est d' écrire tous les visuels que je veux intégrer sur Post-its, différentes couleurs pour différents types de visuels. bleu est pour tous les graphiques, le rose est pour toutes les images ou les visuels, et le rose vraiment néon est pour les maquettes animées. Puis après que je les ai tous écrits, tous les visuels que je veux intégrer, je les épingles juste à côté du post-it. Nous avons écrit et créé nos contours. À côté du sujet, j'épingle le Post-it, donc je sais quel genre de visuels je veux encore intégrer. Puis ils se terminent, ça ressemble à ça. En voyant d'autres visuels, j'ai encore besoin de créer les différents types, puis de faire une liste, et de préparer tout ce dont j'ai besoin pour cela avant de vraiment commencer. Mais vous pouvez aussi utiliser votre livre, l'e-book. Parfois, je fais à la fois en commençant par le post-it, puis en écrivant toutes les choses en commençant par le texte, donc cela dépend beaucoup de la façon dont vous aimez vraiment préparer cela, et quel genre de personne vous êtes, et comment vous faites réellement [inaudible] Maintenant, faisons un pas en arrière, parlons généralement du genre de visuels que nous pouvons intégrer, et aussi, de quelques exemples. Je veux vous montrer quelques études de cas avec de très beaux visuels, où les visuels sont intégrés super, super bien. Quel genre de visuels pouvez-vous réellement créer là-bas ? Nous avons déjà parlé de croquis, pourrait être aussi quelques photos que vous avez prises tout au long du processus, du processus de recherche ou des ateliers, par exemple. Mais il y a aussi des images que vous pouvez intégrer, créer vos propres maquettes par exemple, ou les créer dans votre étude de cas d'une manière ou d'une autre. Il y a deux côtés que je peux recommander qui est Pexels, et le second est Unsplash. Ils fournissent gratuitement des photographies de haute qualité. Si vous voulez intégrer quelques maquettes, ce que je peux recommander sont quelques sites de maquettes, bien que je suis généralement simplement associé sur Google avec une maquette spécifique au formulaire. Je le cherche. Cela pourrait être vraiment utile pour le début. Maintenant, jetons un coup d'oeil à quelques exemples qui sont vraiment beaux. Le premier est montré Alice Lee. Elle a conçu les illustrations pour Slack. Ce que vous pouvez voir ici, c'est comment elle a intégré ses visuels au texte. Il semble super, super visuel et très beau, surtout en voyant le processus et les différentes possibilités comment l'utiliser. Ce qu'elle fait très bien, c'est qu'elle combine le texte pour ses visuels, bien que son accent soit davantage sur l'illustration et moins sur le processus UX. Mais elle met beaucoup d'efforts et accent sur les différentes étapes où elle guide l'utilisateur à travers. C' est super attrayant et intéressant à regarder. Il y a peu de choses que nous pouvons nous inspirer même en tant que conceptions UX/UI avec les gros titres avec les grands visuels, avec les textes sur les côtés et présentant les différents éléments de conception étape par étape. Le deuxième exemple est de Moment Brew, c'est une application de réalité augmentée. Ce que vous pouvez voir ici, c'est tout le processus. Encore une fois, beaucoup d'illustrations et de designs sont créés pour cette étude de cas, en particulier tous les différents flux utilisateur et les différents visuels sont créés pour cette présentation. Ce que j'aime vraiment ici, c'est qu'il a également intégré Post-its et présenté le processus, ou comment il est passé des premiers croquis, premiers filaires au carton final, et surtout l'énorme accent mis sur le prototypage est super important ici et intéressant à regarder aussi. Intégrer des animations et des vidéos est généralement très utile pour différentes étapes pour comprendre un peu mieux comment les choses fonctionnent en interaction. Comme vous pouvez le voir ici, surtout la recherche est présentée vraiment, vraiment bien. Jetons un coup d'oeil à l'exemple numéro 3, qui provient de Good Club, où le concepteur a réellement mis l'accent sur les visuels aussi bien. Il a intégré beaucoup de photos, qui est également intégré sur le site web. Beaucoup de très belles maquettes et une mise en page de conception très bonne ajustement ainsi. J' espère que ces exemples vous aideront à vous inspirer parce que maintenant, c'est le moment idéal pour intégrer tous les visuels dans votre contour. Alors obtenez votre feuille de calcul, et notez tous les visuels que vous voulez intégrer parce que vous les avez déjà, ou je veux les intégrer, puis faites une liste de tous les visuels que vous voulez intégrer dans le prochain leçons ensemble. 21. Mise en page: Parlons de la mise en page très brièvement. Votre étude de cas X ou votre portfolio X en tant que pièce de design, alors assurez-vous de vraiment réfléchir à la mise en page et à la façon dont vous organisez toutes les informations que nous avons recueillies dans les dernières vidéos. Il est vraiment important de créer une grande mise en page qui soutient vraiment votre processus. Peut-être que vous n'êtes pas un 100% flexible parce que vous utilisez déjà une sorte de modèles si vous utilisez Squarespace ou WordPress, par exemple. Mais en général, ce sont toujours des mises en page de base que vous pouvez y intégrer également. Ma recommandation est de commencer par concevoir ou par viaframer votre contour. Vous pouvez juste prendre un crayon et des feuilles de papier et l'écrire. Imaginez que ce serait quelque chose comme un Viaframe où vous intégrez tous les différents types d'informations que vous venez de rassembler, puis les trier visuellement et intégrer les visuels que nous avons rassemblés, le texte que nous avons, et puis triez cela avant d'entrer vraiment dans votre programme de conception. Ensuite, l'étape suivante, vous pouvez déplacer tout cela dans une plate-forme numérique, il peut s'agir d'Adobe XD, et vous pouvez utiliser les modèles que j'ai créés pour vous afin qu'il soit plus facile pour vous de commencer. Mais ouais, n'hésitez pas à me regarder faire ma mise en page de la prochaine vidéo. Ceci est probablement utile pour vous de commencer avec votre mise en page. 22. Mise en page : Regardez-moi travailler: Avant de commencer à créer en encadrant notre mise en page, jetons un coup d'œil à notre plan que nous pouvons approuver. Voici une photo du Post-its que nous avons fait avec nos contours et les différents visuels pour les étapes individuelles. Je pense qu'il est vraiment important de garder cela à l'esprit d'avoir que quelque part près de chez vous, pourrait également être dans votre classeur parce que vous devez utiliser ces étapes simples et tous les éléments que vous avez là pour créer une mise en page. De quoi avez-vous besoin pour cela sont en fait des feuilles de papier, plus le mieux est. J' utilise un A3 et un morceau pointu de crayon noir. Commençons. Vous avez vu mon plan, je veux commencer par une grande maquette, une grande image du produit final à éviter de montrer, quel était notre produit final. Cela sera probablement vraiment utile déjà. Après cela, je vais écrire tout ce qui appartient à l'introduction de ma ligne, ma tâche, bien sûr le client ainsi que la chronologie. Ensuite, le bref de projet avec une certaine image. Ensuite, je me rends compte que je veux intégrer une image de plus dans le contour, donc je vais mettre cela dans le contour Post-it, écrire les étapes simples sur ces feuilles et ensuite les mettre sur le côté. L' étape suivante sera l'information de base là-bas. Je veux intégrer différentes choses. Qu' est-ce que la coloration, les Maslow vous avez besoin de pyramide, typographe, aussi le groupe cible et les sculptures, donc je pense à la façon d'arranger cela. Ce que vous pouvez voir ici, c'est que je fais plus ou moins comme vous le feriez pour les cadres normaux. Pour moi, il est juste important que j'aie en tête où placer ces choses, là où il y a un grand espace et ce genre de choses. Vous pouvez faire exactement la même chose. Maintenant, je commence avec le processus, avec la recherche utilisateur première chose, je veux souligner les interviews utilisateur que j'ai fait avec quelques images ou surtout une image sur l'interview, le processus. Partagez ensuite les informations les plus importantes, l'itération de style, les interviews, les questions. Ensuite, partagez les idées qui sont claires trois perspicacité que je pensais. Mets ça sur le côté. La prochaine chose est la partie concept. Tout autour du concept là, j'ai traversé différentes étapes, je suis allé chercher l'architecture de l'information et y montrer un grand graphique. La prochaine chose est quelques croquis que j'ai fait tôt, pour peu de texte et un peu d'explication aussi. Je veux aussi montrer les filaires parce que j'ai conçu des filaires pour toute l'application et fait quelques premiers tests. Je veux partager un peu de textes sur le test et le résultat aussi, quelque part en dessous des filaires aussi. Sans aucun retrait parce que je n'ai pas créé de retraits pour les tests. Puis le design. Bien sûr, je veux partager d'autres choses qui sont importantes pour l'image de marque, les couleurs, primaires, les couleurs secondaires avec peu de texte. typographie a conduit à une sorte de typographie que j'ai intégrée, aussi l'imagerie et avec un petit texte aussi. Ensuite, je veux montrer quelques éléments interactifs dans des maquettes animées. C' est vraiment important à intégrer ici. Ensuite, je veux mettre en évidence les parties de conception aussi. Pour les tests, je veux montrer les résultats, principalement basés sur du texte, donc je pense juste à la façon d'organiser cela. Le résultat qui vous donnera plus visuel ainsi. Je veux montrer la maquette finale sous le texte sur les choses que j'ai apprises là-bas, je veux intégrer quelques éléments interactifs. La zone finale de l'événement, le non fait de maquette, et aussi la configuration finale de l'appartement, la maquette d'intégration. Les leçons tirées du point de vue des affaires sont également les prochaines étapes qu'il sera regrettable d'intégrer ici également. En fin de compte, bien sûr, aussi les choses que j'ai appris en testant quelques idées plus que je suis en train d'avoir au-delà de l'écran, qui sont abolis et clous ensemble etc Une fois que vous avez terminé le contour sur le papier, vous pouvez commencer à apprendre cela dans votre outil. Voici les modèles Adobe XD, que vous pouvez utiliser et ajuster tout à vos besoins. Vous n'avez pas à le faire maintenant, vous pouvez le faire même après avoir créé les visuels. Mais ce que j'aime vraiment, c'est juste d'obtenir les tableaux d'art, les trier déjà, d'intégrer le texte que j'ai écrit tout au long de la création du contour, puis de penser où les visuels manquent, et si je devrais aussi créer des visuels, et à quoi tout ressemble. Je peux déjà insérer toutes les choses que je sais que je veux intégrer, peut-être la typographie que je veux intégrer, les visuels que je veux intégrer, et surtout tous les textes. Je peux aussi intégrer mes propres tableaux d'art. Il suffit de copier et de coller cela et d'intégrer ma propre typographie là si je ne veux pas intégrer de visuels ici. Juste tout exactement à mes besoins ici. 23. Images: Vérifiez quelles photos vous avez prises tout au long du processus. Cela peut être des images que vous avez prises en faisant un atelier ou une séance d'idées ou autre chose. C' est super génial en fait d'intégrer cela dans votre étude de cas, alors assurez-vous de vraiment vérifier toutes les images que vous avez prises. Cette image que vous voyez ici est une image faisant recherche ou de la session de test avec une visite de nous tester. Ces visuels et images aident vraiment à comprendre comment vous travaillez et que vous avez été réellement impliqué dans le processus, il montre tous les détails qui sont intéressants pour les clients. Si vous n'avez pas d'images ou que vous n'êtes pas autorisé à les montrer, un conseil professionnel est en fait d'utiliser du matériel de stock et de l'intégrer dans votre étude de cas. Bien sûr, ne reflètent pas les créneaux horaires d'atelier ou les sessions de recherche, mais si vous voulez montrer quelque chose autour d'un sujet spécifique, c'est un exemple que j'ai créé pour l'espace de vie cool où je n'ai malheureusement pas été autorisé à montrer beaucoup d'espaces là. J' ai trouvé des espaces très similaires en ligne et les ai intégrés dans mes études de cas comme des séparateurs entre différentes sections. Cela a déjà soutenu l'ensemble du projet et a donné une impression sur l'aspect réel des choses là-bas. Il y a deux sites que je peux vous recommander de vérifier, l'un est Pexels et l'autre est Unsplash. Je préfère vraiment Unsplash, ils ont beaucoup d'images impressionnantes pour tous les cas que vous pouvez imaginer, vous pouvez les télécharger et les utiliser gratuitement et vous pouvez les utiliser pour presque toutes les situations que vous pouvez imaginer. Vous pouvez également créer vos propres maquettes ou les utiliser pour les médias sociaux et les ajuster et vraiment de bons résultats. Vérifiez certainement cela et assurez-vous que vous intégrez des images dans votre étude de cas. 24. Icônes: L' utilisation d'icônes dans votre étude de cas UX aide vraiment, oui, à rendre particulièrement la partie écrite plus visuelle. Si nous regardons la mise en page que nous avons créée sur nos feuilles de papier, il est vraiment utile de penser déjà aux différents types de textes que vous souhaitez intégrer et de penser si les icônes supportent votre point. C' est ce que j'ai fait ici. En fait, tout au long du processus , j'ai trouvé, oui, trois idées, et je veux soutenir ces trois idées avec trois icônes que je dois créer par la suite. Je ne les ai pas vraiment créés pour le projet ou quelque chose comme ça, donc je vais seulement les concevoir pour l'étude de cas. En fin de compte, vous pouvez voir le résultat final, et je pense que cela vaut vraiment la peine de mettre quelques efforts dans la conception d'icônes. Parce que imaginez ce scénario sans les icônes, il aurait l'air complètement différent. Ici, en particulier la combinaison entre les textes, donc choisir une couleur de surbrillance pour les icônes, rend vraiment le tout beaucoup plus visuel et beaucoup plus intéressant à voir et à lire réellement. Si vous ne voulez pas concevoir les icônes vous-même, voici quelques sites que je peux vous recommander. Bien que mon préféré sont certainement Material Design et Font Awesome, mais aussi des plug-ins que vous pouvez télécharger pour un Sketch, ou Figma, ou Adobe XD, quel que soit le logiciel que vous utilisez, puis les intégrer directement à partir du plug-in dans votre dans votre outil de conception. Assurez-vous certainement d'intégrer certaines icônes dans votre étude de cas UX. 25. typographie: La première chose à faire est en fait de sauvegarder le nom. En fait, l'adresse du site Web. Pour moi, j'ai utilisé patriciareiners.de ou .net. J'ai utilisé mon prénom et mon nom de famille parce que mon idée était en fait que si les clients me Google me trouvent, ils me trouvent. Ce que je peux vous recommander, c'est de faire exactement la même chose. C'est vraiment logique, si les gens veulent vous trouver, ils vous trouveront. Il suffit donc d'utiliser votre prénom et votre nom de famille. Cela dépend peu si vous avez une arche ou d'autres noms pour lesquels vous êtes connu, ou si vous créez une agence, utilisez ce nom. Mais considérez cela très bien au début avant de décider où vous voulez l'héberger. Où héberger vos études de cas UX et l'ensemble de votre portefeuille de design ? C'est vraiment une bonne question. Je pense que pour cela, il est vraiment important que vous ayez répondu à votre objectif. Que voulez-vous réellement réaliser avec vos études de cas, avec votre portefeuille ? Voulez-vous réellement obtenir un client en tant que concepteur UX/UI indépendant ou souhaitez-vous vous présenter en ligne pour obtenir des créneaux d' atelier ou être invité en tant que conférencier, ou envisagez-vous peut-être même de faire une boutique ou vendre vos propres services en ligne ? Considérez cela au tout début, car si vous voulez vous concentrer sur les clients et être vus en ligne, je peux recommander certains réseaux sociaux comme Behance, par exemple, qui est entièrement gratuit et vous aide à être vu par les clients. Si vous envisagez d'intégrer différents éléments tels différents éléments comme un magasin ou des choses de ce genre, le mieux serait probablement choisir quelque chose dans lequel vous pouvez intégrer une boutique à partir du au début ou même si vous avez l'option comme WordPress par exemple. Nous allons parler des différentes options de cette vidéo, des prix et de ce que je peux recommander. Vous trouverez donc l'outil qui vous convient le mieux. Commençons par le premier, qui est WordPress. WordPress est une fonction qui crée l'ensemble du site Web pour vous, donc vous n'avez pas vraiment besoin de coder. Bien que si vous savez coder, vous pouvez tout ajuster. Parce qu'il existe des thèmes, donc oui, vous pouvez ajuster ces différents thèmes. Vous pouvez également télécharger des plugins et différentes applications. Ce qui est vraiment sympa et utile, c'est que vous pouvez télécharger des modèles spécifiques et les utiliser pour télécharger uniquement votre contenu. J'ai conçu mon propre site web à l'époque, je pense qu'il y a six ans avec WordPress. C'est assez facile, et super sympa car vous pouvez tout ajuster et obtenir tous les modules complémentaires en téléchargeant des plugins. Vous avez également une très bonne vue d'ensemble, de l'analyse à tous les différents sites, et il est très facile de le régler. C'est en fait l'apparence de mon site Web dans le back-end. Quand je veux ajuster ou faire quelques changements de conception, cela ressemble en fait à ceci. Très facilement pour moi de changer les choses, ajuster mon portefeuille ou de télécharger vos études de cas UX. Les gabarits sont généralement assez bon marché. J'ai payé, je pense à environ 50 dollars pour le mien, et déjà six ans, un certain temps maintenant. Mais je pense que ça a toujours l'air vraiment beau et on peut tout ajuster. Envato est un fournisseur qui résout de très bons programmes. Vous pouvez donc vraiment vérifier cela. Une bonne chose avec WordPress est que vous pouvez également intégrer différentes fonctions comme une boutique par exemple, et que vous pouvez ajuster l'ensemble du design et personnaliser presque tout. Une autre très bonne option est en fait Squarespace, squarespace.com, où vous pouvez simplement choisir différents modèles, différents modèles pour votre étude de cas, pour votre portfolio. Ils ont beaucoup de modèles sur leur site Web. Vous pouvez même commencer par trouver le design parfait ou le modèle parfait pour tout ce que vous voulez montrer. Ils ont beaucoup de design vraiment cool. C'est très facile pour vous de trouver ça. Il suffit de consulter le site Web. Ce qui est très utile, je pense, c'est que vous ayez un sondage, afin que vous puissiez vraiment vérifier le sujet de votre site, quels sont vos objectifs, que voulez-vous faire et ces choses ? Il est très utile pour vous de trouver les modèles qui vous conviennent. Leur design est super sympa. En fin de compte, après avoir choisi un modèle, vous pouvez ajuster le tout, des couleurs aux photographies, au texte, à presque tout. La bonne chose avec tous les modèles Squarespace, c'est qu'ils sont déjà super beaux. Du point de vue de l'UX, ils sont très bien faits, ce qui me paraît utile parce que vous n'avez pas besoin de beaucoup de temps et efforts pour créer d' efforts pour créer un codage ou un design eux-mêmes. Le seul point négatif est que cela coûte assez cher, cela dépend du plan que vous souhaitez obtenir mensuellement, chaque année ou de l'option que vous souhaitez. Il s'agit d'environ 10 dollars par mois, ce que vous devez prendre en compte avant de l'obtenir car il s'agit d'un paiement mensuel. C'est un paiement qui revient tous les mois. Une autre option très similaire est la Wix. Il y en a plus que Squarespace et Wix, mais ce sont en fait les plus grands. Wix ressemble plus ou moins à Squarespace. Le design est un peu différent et c'est bien sûr un peu moins cher. Vous disposez de différentes options de paiement, que vous pouvez voir ici. Assurez-vous simplement que l'une des options de paiement avec des annonces pour Wix. D'après ma recommandation, je peux seulement dire ne pas intégrer de publicités pour autre chose que votre travail. Cela semble très peu professionnel, donc vous prenez le combo ou l'option illimitée si vous souhaitez travailler avec Wix ici. Une autre très bonne option est Behance, behance.com. C'est un réseau social pour les créatifs, toutes sortes de créatifs. Photographies, animateurs, vidéastes, presque tout le monde également UI/UX sur le design graphique. C'est une très grande plateforme qui fonctionne également comme un réseau social. Il est assez facile de se connecter entre eux et d' être vu comme créatif. En plus de cela, c'est entièrement gratuit, alors gardez cela à l'esprit. Ce qui est vraiment sympa, c'est qu'il est aussi facile pour vous de trouver de l'inspiration. Ils ont également des histoires, comme des histoires Instagram de différents hashtags où vous pouvez lier votre travail. Ils ont des flux en direct différents. Si vous souhaitez apprendre quelque chose, vous pouvez y intégrer votre propre profil où vous pouvez télécharger vos études de cas UX , puis cela ressemble à ceci. Vous téléchargez vos études de cas là-bas et vous pouvez intégrer les différents éléments que nous avons conçus dans notre mise en page. Ce qui est vraiment bien ici, c'est que vous avez cette option de découverte où vous pourrez bien sûr découvrir d'autres œuvres. Mais ici, dans la zone en haut, pendant le groupe d'interaction, vous pouvez trouver tout le travail qui a été présenté dans la section interaction. Beaucoup d'yeux peuvent voir l'œuvre qui y a été présentée. Pour vous, être créatif, être présenté sur Behance est comme la meilleure chose qui puisse vous arriver, car beaucoup de clients vous trouveront. nombreux clients de grandes entreprises recherchent également grandes entreprises recherchent Behance des créateurs pour leur travail. Behance est l'option de regrade, surtout si vous voulez vous concentrer sur votre travail, que vous voulez obtenir des clients, vous voir, faire connaître pour des styles spécifiques, et peut-être même ne voulez pas mettre beaucoup de concentrez-vous ou travaillez sur la création de votre propre site Web, mais commencez par certaines choses. Behance est une très bonne option non seulement pour le début, mais aussi quelque chose qui est en cours, et même en plus de votre site Web. Comme vous pouvez le voir, j' ai un profil Behance, mais j'ai aussi mon site Web, et j'ai honnêtement commencé avec Behance, téléchargeant mon travail là-bas pour avoir quelque chose et guider tout les gens via ma page Behance, qui est gratuite. J'ai également fait beaucoup de liens via Behance. Alors, vérifiez vraiment ça. Une autre excellente option, surtout si vous avez adhéré à Adobe Creative Cloud, est Adobe Portfolio. Il est entièrement gratuit et vous pouvez facilement lier votre étude de cas Behance. Ainsi, tout votre portefeuille Behance un PDF différent ou même y télécharge complètement vos propres études de cas UX pour gratuit. Vous avez différents modèles, vous avez différentes options de conception pour tout ajuster. C'est donc une très bonne option également. Vous pouvez voir ici que j'ai intégré automatiquement tous mes travaux sur Behance. Je peux maintenant ajuster ce que je veux réellement montrer là-bas. Par exemple, si je veux présenter quelque chose pour un emploi spécifique et que je ne veux montrer que trois études de cas différentes, je peux le faire ici avec un lien spécialisé, donc cela fonctionne très bien. Je peux effectuer tous les ajustements latéraux, des options de conception à l'espacement, aux différents éléments de navigation, à certains modèles, que vous pouvez voir ici. Comme vous pouvez voir de nombreux modèles différents ou vous pouvez simplement choisir ce qui vous convient le mieux et surtout apporter à votre spécialité. Peut être UI/UX. Comme vous pouvez le constater, il existe un million d'options où vous pouvez héberger votre portefeuille. Cela dépend beaucoup vos objectifs et de ce que vous voulez réellement atteindre avec cela. Ma recommandation est de poser des questions, demander à différents autres créatifs, amis ou collègues où ils hébergent leur portefeuille, leurs études de cas UX, et aussi pourquoi ? Peut-être que vous obtenez des informations intéressantes sur des raisons spécifiques. Si vous êtes en mesure de coder, vous êtes libre de coder votre propre site Web et de vraiment personnaliser tout. Mais assurez-vous que c'est beaucoup de temps, et surtout si vous n' êtes pas le pro coder, il faut beaucoup de temps et efforts pour ajuster les études de cas. Parce que d'après mon expérience, j'ajuste un peu mes études de cas de temps à autre, ou je veux ajouter quelque chose, ou même si je veux télécharger une nouvelle étude de cas, c'est beaucoup plus facile si vous avez un hôte, pourrait être WordPress, Squarespace, ou même Behance. Une autre chose à considérer est que si vous utilisez l'un de ces outils que je viens de recommander, vous avez toujours quelques modèles. Vous n'êtes pas libre de réaliser le design que vous voulez réellement. Si vous avez quelque chose de très spécial en tête et si vous ne souhaitez pas utiliser de modèles, la seule option pour vous est probablement de le coder vous-même ou de payer quelqu'un pour le coder. Bien que cela soit certainement plus cher et pas si pratique dans l'utilisation quotidienne. Nous allons vous expliquer comment télécharger vos études de cas Behance dans la prochaine vidéo. 26. Maquettes: Parlons très brièvement des maquettes. Ce qui est vraiment utile, c'est si vous utilisez maquettes pour vos visuels ou pour présenter réellement les écrans, vos designs ou les animations, ou les interactions que vous avez inventées dans de vraies maquettes. La bonne chose est qu'il ya un million de ressources gratuites là-bas en ligne, que vous pouvez simplement télécharger, choisir, et intégrer votre design, puis télécharger son essayé à votre étude de cas ex. Une maquette espère vraiment montrer votre design en action. Il peut s'agir d'une image de l'appareil pour lequel vous concevez, ou d'une personne qui tient un téléphone et navigue dans votre application par exemple. Ce que vous pouvez faire, c'est que vous pouvez concevoir deux, donc des maquettes PNG, mais aussi des maquettes animées. On va en parler dans la prochaine vidéo. J' ai intégré deux types de maquettes dans ce cours afin que vous puissiez les télécharger gratuitement. Ils viennent avec le cours. L' un est pour Photoshop où vous pouvez simplement intégrer votre design, vos écrans que vous avez conçus, c'est une maquette iPhone. N' hésitez pas à le télécharger et laissez-moi vous montrer comment j'ai intégré la maquette de mon design. Où pouvez-vous trouver de bonnes maquettes ? J' ai généralement juste Google le type de maquette que je cherche. C' est un site vraiment, vraiment utile. Beaucoup de maquettes gratuites où vous pouvez chercher des zones spécifiques. Maintenant, nous avons sélectionné l'iPhone. Nous pouvons voir toutes les maquettes qui sont disponibles pour certains fond d'iPhone. Deuxième site, encore plus beaucoup de choses différentes, de sorte que vous pouvez juste choisir ce que vous voulez. La plupart d'entre eux sont en fait gratuits, donc vous pouvez simplement les télécharger et n'avez pas besoin de payer quoi que ce soit. Même ceux qui sont des versions payantes ne sont pas vraiment chers. D' après mon expérience, c'est que ça vaut vraiment de payer un peu d'argent parce que nous aurons l'air bien à la fin. Assurez-vous simplement que vous téléchargez un fichier PSD, et pas un JPEG, car dans le fichier PSD, ce sera vraiment facile à intégrer pour la conception. Commençons par la maquette que j'ai conçue pour vous, qui vient vraiment avec le cours. Je vais vous guider à travers ces étapes uniques pour créer votre propre maquette avec votre propre design. La première étape est en fait que vous ouvrez votre logiciel de conception, quel que soit votre utilisation, et vous allez exporter l'écran qui sera placé dans votre maquette. Super facile. Vous allez simplement sélectionner la sortie, cliquez sur Exporter, puis exporter l'écran. Ensuite, vous passez à Photoshop, vous ouvrez le fichier maquette. Ensuite, vous pouvez voir les différentes mises en page utilisées, l'éclairage et ensuite ci-dessous vous avez les différents écrans. Ici, vous allez placer votre design, le cadre, les ombres, ils sont tous placés sur une seule couche. Vous pouvez ajuster cela, ou nous allons le faire après avoir placé notre design. Double-cliquez sur l'objet Smart, et ici vous pouvez placer votre design. Il suffit d'insérer votre design que nous venons d'exporter à partir du logiciel de conception. Et vous faites ça avec glisser-déposer. Choisissez simplement le fichier et placez-le là , puis ajustez la taille pour qu'il s'adapte vraiment au cadre. Alors ce qui est vraiment important, c'est sûr. Commande S pour sauvegarder que les objets intelligents vraiment importants, placez cela au bon endroit. Vous pouvez également supprimer les autres fichiers là. Assurez-vous de l'enregistrer. Ensuite, revenez à votre PSD maquette originale. Ici vous pouvez voir qu'il a été placé sur le fichier écran. Maintenant, nous allons faire quelques ajustements ici. Vous pouvez voir l'arrière-plan et vous pouvez choisir le collage d'arrière-plan il suffit de double-cliquer dessus , puis changer la couleur à la couleur que vous voulez. Parfois, ce que j'aime vraiment c'est choisir une couleur qui correspond vraiment à la conception et à la présentation à l'écran. Ici, je joue un peu autour de la recherche de différentes couleurs qui serait un bon ajustement, recherche de quelque chose d'orangé mais pas trop. Tu peux juste jouer, vérifier ça. Qu' est-ce que vous pouvez également faire est de changer la couleur du cadre, le cadre de l'iPhone, double-cliquez sur cela, vous obtenez tous les paramètres et puis vous avez la couleur à l'option ici et juste changer cela à la couleur que vous préférez. Pourrait être noir, pourrait être argenté, pourrait être quelque chose de coloré si vous voulez vraiment promouvoir les couleurs là-bas aussi bien. Utilisez un certain type de couleur rouge orange ainsi, qui peut sembler vraiment, vraiment cool. Il suffit de jouer un peu et de choisir la couleur parfaite pour votre design. Ça a l'air bien. Une autre chose que je pense est vraiment utile ou bon à savoir est que vous pouvez simplement copier. Copiez le dessin ici. Il suffit de copier et de coller. Ensuite, commandez T et déplacez cela sur le côté. Ensuite, vous pouvez placer leurs différents écrans. Vous aurez déjà deux écrans. Assurez-vous simplement de renommer l'objet intelligent. Si c'est le même objet, alors vous allez avoir la même image, là aussi. Mais si vous renommez cela, vous pouvez simplement changer le design ici aussi. Revenons à notre autre fichier de conception ou de conception semaines, l' exportation à l'écran pourrait être celle-ci. Après cela, nous allons employer TS1. Comme je l'ai dit, je fais habituellement cette preuve de glisser-déposer. Il suffit de le placer ici. Exactement, puis économisez. Il est déjà là. Vous pouvez le faire avec autant d'écrans que vous le souhaitez. Il suffit de copier et de coller le dossier iPhone entier. Vous avez maintenant différentes options pour ajuster le design. Par exemple, vous pouvez supprimer l'arrière-plan, l'enregistrer sur votre ordinateur. Vous avez déjà enregistré ça en PNG. C' est vraiment utile, surtout si vous n'avez pas de formation. Après cela, vous pouvez revenir à votre fichier Adobe XD ou à n'importe quel design que vous avez. J' ai présenté tous ces modèles pour vous. Vous pouvez simplement placer votre conception du PNG que vous venez de créer dans ces étapes de mise en page unique. Ajuster un peu la taille. Je veux un peu plus grand. Alors c'est déjà fini. Résumons cela assez brièvement. Quels sont les plats à emporter en créant des maquettes d'étudiants ou des PNG ? abord, exportez vos conceptions en PNG afin que l'écran que vous avez conçu, ouvrez la maquette dans Photoshop. Placez votre design sur l'objet intelligent avec le signe du nom placé ici, enregistrez l'objet intelligent, puis effectuez d'autres ajustements que vous souhaitez. Supprimez l'arrière-plan, modifiez les couleurs d'arrière-plan ou effectuez les ajustements souhaités. Ensuite, exportez la maquette en PNG et insérez-la dans votre mise en page, que vous pouvez exporter et intégrer dans votre site Web. 27. Animations: Dans cette vidéo, nous allons parler d'animation, alors comment créer des animations époustouflantes pour votre étude de cas UX qui sont prêtes à télécharger sur votre étude de cas Behance ou même sur votre site web. Voici quelques exemples et quelques façons comment vous pouvez réellement le faire en utilisant le modèle que j'ai créé pour vous. C' est le modèle, j'espère que vous l'avez téléchargé parce que nous allons l'utiliser pour les différents GIF et les vidéos que nous allons créer maintenant. Nous allons commencer avec le GIF et ainsi créer une maquette animée. Tout d'abord, créez une vidéo à partir de votre animation. Accédez au mode de prévisualisation dans votre outil de conception Adobe XD par exemple, enregistrez que, lire votre animation, il pourrait être petit ou long, il n'a pas vraiment d'importance, terminez l'enregistrement et enregistrez-le où vous voulez. Parfait. Maintenant, nous allons passer à nos modèles. Ouvrez le modèle que j'ai créé pour vous. Ici, nous pouvons voir tous les dossiers, tous les différents fichiers qui sont intégrés et aussi la composition qui est appelée placer votre design ici, ouvrir cela et ensuite placer votre vidéo à l'intérieur. Vous pouvez ajuster la taille soit par la commande S et ajuster l'échelle, ou le faire à la main, en cliquant sur les petits sélecteurs sur les bords. Assurez-vous qu'il est parfaitement aligné sur les bords. Parfait, ça a l'air bien. Revenez ensuite à votre composition, et ce que vous pouvez voir ici, c'est qu'elle est automatiquement placée dans la bonne perspective sur cette zone. Si vous cliquez sur la « Barre d'espace », l'animation joue, de sorte que vous pouvez voir toute l'animation. Mais une autre chose que vous devez ajuster la longueur de la composition. En utilisant ce petit sélecteur en haut, déplacez-le à la longueur parfaite que vous n'exportez que la taille dont vous avez besoin. Parfait. Nous avons environ cinq secondes pour notre animation, ce qui est parfait. Dans la prochaine étape, nous allons exporter cela. Nous pouvons également faire quelques ajustements, par exemple, supprimer l'arrière-plan, changer l'arrière-plan à des éléments graphiques spécifiques. Maintenant, nous allons cliquer sur « Exporter », puis cliquez sur le rendu de l'encodeur. J' aime vraiment utiliser l'Encoder Renderer, il vient de votre Adobe Suite. Si vous ne l'avez pas, ne vous inquiétez pas, vous pouvez simplement le rendre avec votre système de rendu After Effects normal. C' est vraiment important pour ce système. Mais la chose cool est avec l'encodeur que vous pouvez déplacer cela vers MP4, donc c'est vraiment utile. Maintenant, nous devons attendre quelques secondes jusqu'à ce qu'il soit ajouté à la ligne ici au repère de rendu et ensuite nous pouvons simplement rendre vers le haut en cliquant sur le bouton vert en haut à gauche. Il est là. Maintenant, nous pouvons cliquer sur « Render » et puis il rend automatiquement. Nous avons donc une vidéo de cette composition, nous avons créé un After Effects. Ça a l'air bien. Assurez-vous simplement que nous avons H264 dans nos paramètres ici, et ensuite nous pouvons simplement commencer par le rendu. Vous pouvez voir en bas que c'est rendu, C'est en fait joli, assez rapide et la qualité est bonne, donc cela fonctionne bien. Il sauve sur l'endroit que vous avez montré au tout début. Oui. Presque terminé, nous allons également exporter cela vers After Effects. Nous allons prendre cette animation lorsque le rendu sera terminé et la mettre dans Photoshop. Ouvrons Photoshop à nouveau et placez la vidéo là-dedans. Vous pouvez voir qu'il y a une chronologie en bas, ce qui est vraiment génial. L' étape suivante est en fait que nous utilisons cela pour [inaudible] un GIF parce que vous pouvez le faire dans Photoshop, mais pas dans After Effects ou Premier. Vous devez donc utiliser Photoshop aussi. Vous pouvez trouver la fonction d'exportation GIF et en haut nous allons le faire dans une seconde. Assurez-vous simplement que votre GIF n'est pas trop long, tout en moins de six secondes est génial. Vous pouvez cliquer sur « Exporter » et puis vous pouvez le trouver ici, il suffit de cliquer dessus. Vous pouvez également utiliser le raccourci si vous le souhaitez, ce que vous préférez. C' est un peu caché en fait d'exporter la fonction GIF. Mais si vous savez comment, alors c'est plutôt facile. Alors cliquez sur cela, et après cela, vous pouvez également ajuster la taille. La nôtre est vraiment grande parce que j'ai commencé avec une très grande taille. Donc, nous allons rendre cela un peu plus petit comme 800-800 et nous assurer qu'il est répété. Maintenant, assurez-vous où vous voulez enregistrer cela, le nom, puis cliquez sur « Enregistrer », puis il sera enregistré automatiquement sur l'endroit où vous le mettez en fait, donc assez facile. Ensuite, à la fin, cela ressemblera à ceci. Donc, vous cliquez et voyez qu'il est répété tout le temps. Le second GIF est un plan de travail animé de votre plateforme de conception. Cela pourrait être quelque chose comme ça dans l'étude de cas Behance, où vous voyez des zones animées. Si vous déplacez cela sur votre bureau, vous verrez qu'il s'agit d'un GIF, dans la taille parfaite de la mise en page. Vous l'ajustez, vous pouvez le télécharger sur votre site web, mais aussi sur Behance. Ça a l'air vraiment cool, non ? Je vais vous montrer comment vous pouvez faire ça dans la taille parfaite. Revenez donc à Adobe XD ou à n'importe quelle plate-forme de conception que vous utilisez. Pour Adobe XD, vous pouvez cliquer sur le plan de travail et cliquer sur « Exporter », puis l'exporter immédiatement vers After Effects. Donc c'est vraiment vraiment cool chose. Il s'ouvre dans After Effects. Ne vous inquiétez pas, il semble qu'il a juste exporté le rectangle bleu, mais en fait il a tout exporté. Donc, ce que vous pouvez faire maintenant est de créer un arrière-plan solide un fond blanc, et d'exporter cela ici. Maintenant, vous allez intégrer le design que nous avons fait auparavant. Vous pouvez juste placer ça dans la zone que vous voulez. Vous pouvez également supprimer le rectangle bleu. C' était juste un espace réservé. N' hésitez pas à l'enlever. Vous pouvez ajuster le texte sur le côté, faire ce que vous voulez, il est toujours dans le vecteur, sorte que vous ne pouvez pas ajuster ce que vous voulez. Assurez-vous que vous réglez le temps des compositions, donc environ cinq secondes, puis nous ferons exactement la même chose à nouveau. Nous allons rendre cela dans l'encodeur multimédia et créer d'abord une vidéo. Après cela, nous allons également mettre cela dans After Effect. Parfait. C'est fait maintenant, nous pouvons cliquer dessus et ensuite le mettre dans After Effects comme la dernière fois. Il est là, parfait, a l'air génial. Maintenant, nous allons exporter cela exactement comme la dernière fois, comme le dernier GIF exporter ce dossier, puis créer un GIF également. Voici le GIF final exactement prêt à télécharger sur votre étude de cas Behance. Si vous avez des vidéos plus longues , consultez les prochaines vidéos car nous allons vous parler façon dont vous pouvez créer des vidéos plus longues, comment vous pouvez les télécharger et comment vous pouvez les intégrer dans votre étude de cas UX. 28. Vidéos: Où pouvez-vous réellement intégrer des vidéos dans votre étude de cas UX et où cela a-t-il vraiment un sens ? Je vais vous montrer un exemple de mon étude de cas UX, où j'intègre une vidéo super courte dans l'étude de cas. Cette vidéo concerne une sorte de flux utilisateur, une sorte de conversation utilisateur comme une conversation Alexa, un assistant intelligent avec le système. Parce que c'est plus long que quelques secondes et que la voix est intégrée, je ne pouvais pas simplement télécharger un GIF parce que la voix d'un GIF n'est pas intégrée, donc j'avais besoin de former une vidéo, en fait animée dans After Effects, puis de le mettre sur Vimeo, comme vous pouvez le voir ici et ensuite intégré cela dans mon étude de cas UX. Comme vous pouvez le voir ici, il est hébergé sur Vimeo et intégré super facilement. C' est l'étude de cas que j'aime vraiment, je pense que c'est super beau, en fait assemblé comme une histoire entière. J' aime particulièrement les vidéos qui sont intégrées ici. Surtout cette vidéo où vous pouvez voir le flux de l'utilisateur, sorte que tout ce qui est déjà animé, qui est déjà intégré dans votre conception, a été juste filmé, mis dans une maquette, joue avec un très beau fond puis téléchargé sur votre étude de cas. Ceci est en fait hébergé sur YouTube, mais en fin de compte, c'est absolument à vous de décider où vous hébergez votre travail et où vous le téléchargez. Je pense que c'est super utile pour les clients de voir comment les choses interagissent réellement les uns avec les autres, comment les transitions fonctionnent. C' est beaucoup plus visuel que de simplement montrer le flux utilisateur. Surtout sur Behance ou sur toutes vos études de cas, tout ce qui est animé et vraiment sensé, donc il apporte une certaine valeur, est utile pour que le client comprenne cela, surtout comme dans la conception d'interaction. Ici vous pouvez voir un film de cas. Quelqu' un a conçu une belle coque en expliquant le produit entier. C' est un peu plus compliqué, non seulement filmer l'interaction, mais aussi animer des choses dans After Effects. Si vous êtes un pro d'After Effects, c'est probablement une bonne chose, mais ce n'est pas vraiment nécessaire, c'est plus joli add-on. Comme vous pouvez le voir ici, ils ont ajouté avec une certaine dérive et il y a où la différence entre ces deux-là. Les vidéos sont pour des conceptions plus longues, des vidéos plus longues. Maintenant, je vais vous montrer comment je conçois mes vidéos pour mes études de cas avec After Effects et Adobe XD. Des animations plus longues ou des enregistrements sont parfaits pour vidéos et je vais vous guider étape par étape. La première chose est en fait un projet, donc vous ouvrez le projet que vous voulez enregistrer et où vous voulez réellement montrer le prototype. Pourrait être presque tous les logiciels, j'utilise Adobe XD et ici vous pouvez voir dans le mode prototype que j'ai connecté différentes choses, donc c'est interactif. Lorsque je sélectionne un plan de travail et que je clique sur la petite icône de lecture ici, je reçois cette fenêtre d'aperçu que je peux enregistrer. En fait, l'enregistrement fonctionne en cliquant dessus et il enregistre automatiquement. Donc maintenant tout ce que je clique sur est enregistré. Ce que je veux faire maintenant est de cliquer sur l'application et de montrer le flux d'intégration de base. Mon rendez-vous, d'accord. Ensuite, revenons à la vue d'accueil, je peux faire défiler un peu, puis sélectionner juste un de ces liens ici. Je pense que je vais retourner à l'écran d'accueil. Parfait, ça a l'air bien. J' appellerai ce flux utilisateur coliving et l'enregistrer sur mon bureau. Je peux fermer cela maintenant et puis aller à mon outil logiciel vidéo. J' aime vraiment After Effect, donc je fais presque tout avec After Effects. Vous pouvez également utiliser Premiere ou quel autre type d'outil de montage vidéo vous préférez. Comme je l'ai dit, j'aime vraiment After Effects mais tu peux utiliser ce que tu veux. Maintenant, créez une nouvelle composition avec les 1920, 1080 et environ 33 secondes. Cliquez sur « Okay », c'est là. Ça a l'air bien. Ensuite, la prochaine chose est en fait d'intégrer tous les actifs dont j'ai besoin. J' ai déjà préparé la vidéo, mais ce n'est pas suffisant. Je veux aussi concevoir un très beau fond. C' est ce que j'ai déjà préparé. Je suis venu avec un plan de travail, assurez-vous que c'est exactement la même taille ou je passe au mode de conception, assurez-vous que c'est exactement la taille de conception dont vous avez besoin. Ensuite, vous pouvez simplement exporter cela, vous nommez cela, puis exporter, sélectionnez-le et puis vous pouvez exporter cela. Donc, nous avons un beau fond pour la maquette. Dans l'étape suivante, je vais insérer toutes les choses dont nous avons besoin et ensuite nous pouvons commencer avec le design. Cela a l'air bien et ensuite je vais insérer la maquette. Vous avez également la maquette dans votre dossier, donc vous pouvez simplement l'utiliser si vous le souhaitez. Je vais changer un peu la taille pour que c' est exactement ce que je veux qu'il ressemble à la fin. Alors laisse-moi voir. Voici la vidéo, j'ai besoin d'ajuster la taille aussi bien. Ça a déjà l'air bien. Une autre chose que j'aime vraiment faire est, ici, j'ai la maquette, donc c'est en fait au-dessus. Ici, vous avez le petit symbole de glace pour que vous puissiez juste le rendre invisible, et c' est ce que je vais faire maintenant très vite parce que je veux avoir des bords arrondis, et donc que nous avons juste besoin de masquer ça. Assurez-vous que sur le dessus vous avez la maquette, puis vous avez la vidéo, puis vous avez l'arrière-plan. Nous traversons cette étape par étape. Ce que je vais faire, c'est que je vais rendre la maquette visible, puis sélectionner la vidéo, il suffit de l'insérer. Je vais choisir un outil rectangle arrondi, et je vais le placer au-dessus de la vidéo. Ensuite, avec les petites flèches que vous avez sur votre clavier, les flèches haut et bas, vous pouvez ajuster un peu les angles. Maintenant, il devient plus grand. Parfait. Nous savons que nous masquons ça. Si nous voyons maintenant la maquette ci-dessus, nous voyons qu'elle s'intègre parfaitement dans ce cadre. Ça a l'air bien. Parfait. Une autre chose, donc si nous jouons ici, nous allons voir que tout est interactif, et que toute l'animation y est réellement montrée. Ça a l'air sympa. Une autre chose que je veux intégrer ici est que je veux intégrer quelques ombres. On dirait que la maquette est un peu flottante. Je vais sélectionner le flux utilisateur vivant MP4, puis je vais cliquer sur l'ombre, puis nous avons l'ombre portée. Ici, vous avez le panneau des effets et des préréglages. Si vous ne l'avez pas, cliquez sur « Fenêtre », et ajoutez le panneau Effet, et vous pouvez utiliser l'ombre portée, placez-le sur la vidéo [inaudible]. Ensuite, de ce côté, vous obtenez tous ces ajustements, et là vous pouvez jouer un peu autour de la façon dont vous aimez ça. C' est déjà beaucoup, donc c'est la distance que je viens de changer. Ensuite, je veux aussi changer un peu la douceur, et puis nous avons l'opacité. J' ai reconnu le rendu. Ça a l'air bien. Parfait. Première image. Joli. Ce que nous pouvons faire maintenant est que nous avons en fait le couloir est déjà terminé, donc nous pouvons cliquer sur Fichier, Exporter, puis exporter vers Adobe Media Encoder Query. Vous pouvez également aller à la requête de rendu, mais j'aime vraiment le logiciel d'encodeur. En fait, cela est inclus dans votre Adobe Creative Suite, vous pouvez donc simplement l'utiliser. C' est super génial. En fait, si vous voulez exploiter quelque chose pour vos réseaux sociaux, etc. Je peux fortement recommander réellement de vérifier cela. C' est là. Ils peuvent déjà voir notre animation. On peut juste vérifier. Nous devons nous assurer que c'est H264, et c'est là. Une fois la vidéo rendue, vous pouvez simplement la télécharger sur Vimeo ou sur YouTube, ce que vous préférez. Honnêtement, je préfère Vimeo, donc c'est super facile de le télécharger, il suffit de cliquer sur le nouvel élément vidéo ici et il est téléchargé automatiquement et vous pouvez faire quelques ajustements après qu'il a été téléchargé. Tout d'abord, vous pouvez modifier le titre. Nous allons utiliser ce flux utilisateur co-living. Parfait. Ensuite, nous pouvons ajouter une description, nous pouvons ajouter un autre écran d'impression, et avoir d'autres paramètres ici aussi. Je vais sauver ça. Parfait. Cela prend un certain temps jusqu'à ce que tout soit prêt. Si nous voulons intégrer cela maintenant dans notre histoire Behance, nous sommes dans les requêtes Hance, nous allons cliquer sur le « Mode partage » ici. C' est en allemand, mais en général non. Maintenant, nous allons cliquer sur « Partager », copier le mode intégré, et maintenant revenons à Behance. Ici, nous cliquons sur et « Intégrer les médias ». Nous allons coller le code copié là. Cliquez sur « Intégrer ». Ensuite, cela l'ajoutera automatiquement à notre étude de cas. Ici, vous avez la vidéo. Voici tous les plats à emporter. Assurez-vous que vous téléchargez vos vidéos sur une autre plateforme vidéo comme YouTube ou Vimeo. Assurez-vous que vous avez suffisamment d'espace dépend du type de paramètres que vous avez réellement ou du type de profil que vous avez. Pour le profil gratuit, vous pouvez télécharger 500Mo par semaine. C' est tout à fait suffisant dans une étude de cas, peut-être même pour vous aussi. Assurez-vous que vous sélectionnez la bonne taille, qui est 1,920x1,080. Ouvrez-le et appuyez sur « Partager », sélectionnez la taille fixe et tapez 1920x1080. Sélectionnez lecture automatique et boucle. Désélectionnez toutes les cases à cocher intro, portraits, etc. Il masquera tous les éléments de la vignette vidéo. Dans votre cas, c'est très utile. Si vous voulez l'intégrer dans votre étude de cas Behance, copiez le code incorporé et collez-le en utilisant Embedded Media on Behance, et vous êtes prêt à partir. 29. Où héberger votre étude de cas: La première chose à faire est que vous enregistrez votre nom de domaine, alors soyez l'adresse du site Web. Pour moi, j'ai utilisé patriciarainas.de ou .net. J'ai utilisé mon prénom et mon nom de famille parce que mon idée était en fait que si les clients me Google me trouvent, ils me trouvent. Ce que je peux vous recommander, c'est de faire exactement la même chose. C'est vraiment logique. Si les gens veulent vous trouver, ils vous trouveront, alors utilisez simplement votre prénom et votre nom de famille. Dépendez un peu si vous avez une sorte d'arches ou d'autres noms où vous êtes connu pour cela ou si vous créez une agence, utilisez ce nom mais considérez que cela va évoluez au début avant décider où vous souhaitez l'héberger. Où héberger vos études de cas UX et l'ensemble de votre portefeuille de design ? C'est vraiment une bonne question. Je pense que pour cela, il est vraiment important que vous ayez répondu à vos objectifs. Que voulez-vous réellement réaliser avec vos études de cas, avec votre portefeuille ? Voulez-vous réellement obtenir un client en tant que concepteur d'interface utilisateur utilisateur indépendant ou souhaitez-vous vous présenter en ligne pour obtenir des machines à sous d' atelier ou être invité en tant que conférencier, ou peut-être même planifier faites une boutique ou vendez vos services en ligne. Considérez cela au tout début, car si vous voulez vous concentrer sur les clients et être vus en ligne, je peux recommander un réseau social comme Behance par exemple, qui est complètement gratuit et vous aide à être vu par les clients. Si vous envisagez d'intégrer différents éléments tels différents éléments comme un magasin ou si des choses de ce genre, la meilleure chose serait probablement choisir quelque chose dans lequel vous pouvez intégrer une boutique à partir du au début ou même si vous avez l'option comme WordPress par exemple. Nous allons parler des différentes options de cette vidéo ainsi que des prix et de ce que je peux recommander, afin que vous puissiez trouver l'outil qui vous convient. Commençons par le premier langage qui est WordPress. WordPress est une fonction qui crée l'ensemble du site Web pour vous. Vous n'avez pas vraiment besoin de coder. Bien que si vous savez coder, vous pouvez tout ajuster car il existe des thèmes. Vous pouvez ajuster ces différents thèmes. Vous pouvez également télécharger des plugins et différentes applications. Ce qui est vraiment sympa et utile, c'est que vous pouvez télécharger des modèles spécifiques et les utiliser pour télécharger uniquement votre contenu. J'ai conçu mon propre site web à l'époque, je pense qu'il y a six ans avec WordPress. C'est assez facile et super sympa car vous pouvez tout ajuster et obtenir tous les modules complémentaires en téléchargeant des plugins. Vous avez également une très bonne vue d'ensemble, de l'analyse à tous les différents sites, et il est très facile de le régler. C'est en fait l'apparence de mon site Web dans le back-end. Quand je veux ajuster ou faire quelques changements de conception, cela ressemble en fait à ceci. Super facilement pour que je change des choses ou simplement mon portfolio ou que je télécharge vos études de cas UX. Les gabarits sont généralement assez bon marché. J'ai payé, je pense à environ 50 dollars pour le mien. Ils ont déjà six ans déjà depuis un certain temps, mais je pense que ça a toujours l'air vraiment beau et on peut tout ajuster. Un fournisseur qui vend de très bons programmes est Envato, donc vous pouvez certainement vérifier cela. Une bonne chose avec WordPress est que vous pouvez également intégrer différentes fonctions comme une boutique par exemple, et que vous pouvez ajuster l'ensemble du design et personnaliser presque tout. Une autre très bonne option est en fait Squarespace, Squarespace.com, où vous pouvez simplement choisir différents modèles, différents designs pour votre étude de cas, pour votre portfolio qui pour votre portfolio qui modèles sur leur site Web. Vous pouvez même commencer par trouver le design parfait ou le modèle parfait pour tout ce que vous voulez montrer. Ils ont beaucoup de design vraiment cool. C'est très facile pour vous de trouver ça. Il suffit de consulter le site Web. Ce qui est très utile, je pense que vous avez un sondage. Vous pouvez revérifier ce que vous voulez faire, quels sont vos objectifs, ce que vous voulez faire et ces choses. Très utile pour trouver les modèles qui vous conviennent. Leur design est super sympa, puis à la fin, après avoir choisi un modèle, vous pouvez ajuster le tout. Des couleurs aux photographies en passant par le texte, en passant par presque tout. La bonne chose avec tous les modèles Squarespace, c'est qu'ils sont déjà très beaux. vue de l'UX, ils sont très bien faits, ce qui me paraît utile parce que vous n'avez pas besoin de beaucoup de temps et efforts pour d' efforts pour créer un codage ou un design, sauf eux-mêmes. Le seul point négatif est que cela coûte assez cher, cela dépend du plan que vous souhaitez obtenir mensuellement, chaque année ou de l'option que vous souhaitez. Il s'agit d'un montant de 10 dollars par mois, ce que vous devez prendre en compte avant de l'obtenir , car il s'agit d'un paiement mensuel. C'est un paiement qui revient tous les mois. Une autre option très similaire est la Wix. Il y en a plus que Squarespace et Wix, mais ce sont en fait les plus grands. Wix ressemble plus ou moins à Squarespace. Le design est un peu différent et c'est bien sûr un peu moins cher. Vous disposez de différentes options de paiement, que vous pouvez voir ici. Assurez-vous simplement que l'une des options de paiement avec des publicités pendant des semaines. D'après ma recommandation, je peux seulement dire ne pas intégrer de publicités pour autre chose que votre travail. Cela a l'air très peu professionnel. un combo ou Si vous souhaitez travailler avec Wix ici, vous pouvez choisir un combo ou une option illimitée. Une autre bonne option est Behance, Behance.com. C'est un réseau social pour tous les créatifs. Photographies, animateurs, vidéastes, presque tout le monde aussi interface utilisateur sur le design graphique. C'est une très grande plateforme qui fonctionne également comme un réseau social. Il est vraiment facile de se connecter les uns aux autres et d' être vu comme créatif. En plus de cela, c'est entièrement gratuit. Gardez cela à l'esprit. Ce qui est vraiment sympa, c'est qu'il est aussi facile pour vous de trouver de l'inspiration. Ils ont aussi des histoires. Comme les histoires Instagram de différents hashtags où vous pouvez lier votre travail. Ils ont des diffusions en direct différentes. Si vous souhaitez apprendre quelque chose, vous pouvez y intégrer votre propre profil dans lequel vous pouvez télécharger vos études de cas UX , puis cela ressemble à ceci. Vous téléchargez vos études de cas là-bas et vous pouvez intégrer les différents éléments que nous avons conçus dans notre mise en page. Ce qui est vraiment bien ici, c'est que vous avez cette option de découverte où vous pourrez bien sûr découvrir d'autres œuvres. Mais ici, dans la zone en haut, pendant le groupe d'interaction, vous pouvez trouver tout le travail qui a été présenté dans la section Interaction. Beaucoup d'yeux peuvent voir l'œuvre qui y a été présentée. Pour vous, être créatif, être présenté sur Behance est comme la meilleure chose, ce qui peut vous arriver. Parce que beaucoup de clients vous trouvent vraiment. nombreux clients de grandes entreprises recherchent également grandes entreprises recherchent Behance des créateurs pour leur travail. Behance est une excellente option, surtout si vous voulez vous concentrer sur votre travail, que vous voulez obtenir des clients, être vu, faire connaître pour des styles spécifiques, et peut-être même ne voulez pas mettre un beaucoup de concentration ou de travail sur la création de votre propre site Web, mais commencer avec quelque chose. Behance est une très bonne option non seulement pour le début, mais aussi quelque chose qui est en cours, et même en plus de votre site Web. Comme vous pouvez le voir, j' ai un profil Behance, mais j'ai aussi mon site Web et j'ai honnêtement commencé avec Behance à télécharger mon travail là-bas pour avoir quelque chose et guider tous les sur ma page Behance, qui est gratuite. J'ai également fait beaucoup de liens via Behance. Vérifiez définitivement ça. Une autre très bonne option, surtout si vous avez adhéré à Adobe Creative Cloud, est Adobe Portfolio. Il est entièrement gratuit et vous pouvez facilement relier votre étude de cas Behance. Tout votre portefeuille Behance ou différents PDF, ou même téléchargez gratuitement vos propres études de cas UX . Vous avez différents modèles, vous disposez de différentes options de conception pour tout ajuster. C'est également une très bonne option. Vous pouvez voir ici qu'il a automatiquement intégré tous mes travaux sur Behance, donc je peux maintenant ajuster ce que je voulais vraiment montrer là-bas. Par exemple, si je veux présenter quelque chose pour un emploi spécifique et que je ne veux montrer que trois études de cas différentes, je peux le faire ici, mais aussi pour des liens spécialisés. Cela fonctionne très bien. Je peux effectuer tous les ajustements latéraux, des options de conception à l'espacement, aux différents éléments de navigation, certains modèles que vous pouvez voir ici. Vous pouvez voir de nombreux modèles différents ou vous pouvez simplement choisir ce qui vous convient le mieux et surtout apporter à votre spécialité, pourrait être comme l'UI/UX [inaudible]. Comme vous pouvez le constater, il existe un million d'options où vous pouvez héberger votre portefeuille. Cela dépend beaucoup vos objectifs et de ce que vous voulez réellement atteindre avec cela. Ma recommandation est de poser des questions, de demander à différents autres créatifs, amis ou collègues où ils hébergent leur portfolio, leurs études de cas UX et aussi de demander pourquoi vous obtiendrez peut-être quelques informations intéressantes sur des raisons spécifiques. Si vous êtes en mesure de coder, vous êtes libre de coder votre propre site Web et de vraiment personnaliser tout. Mais assurez-vous que c'est beaucoup de temps. Surtout si vous n'êtes pas le pro codeur, il faut beaucoup de temps et efforts pour ajuster les études de cas. Parce que d'après mon expérience, j'ajuste un peu mes études de cas de temps à autre, ou je veux ajouter quelque chose, ou même si je veux télécharger une nouvelle étude de cas, c'est beaucoup plus facile si vous avez un hôte, serait WordPress ou Squarespace ou même Behance. Une autre chose à considérer est que si vous utilisez l'un de ces outils que je viens de recommander, vous avez toujours quelques modèles. Vous n'êtes pas libre de réaliser le design que vous voulez réellement. Si vous avez quelque chose de très spécial en tête et si vous ne souhaitez pas utiliser de modèles, la seule option pour vous est probablement de le coder vous-même ou de payer quelqu'un pour le coder. Bien que cela soit certainement plus cher et pas si pratique dans l'utilisation quotidienne. Nous allons vous expliquer comment télécharger vos études de cas Behance dans la prochaine vidéo. 30. Behance: J' ai déjà parlé de Behance, qui est une excellente plate-forme pour les créateurs pour télécharger leur travail et se faire voir par les clients. La bonne chose à considérer si vous téléchargez sur une sorte de réseau social comme Behance est que vous seriez vu par beaucoup, beaucoup de gens ; non seulement des créatifs, mais aussi des clients ou des gens qui pourraient vous recruter pour un poste à temps plein. Ce qui est important, si vous téléchargez votre travail sur Behance, tous ces réseaux sociaux pour les créatifs, c'est que vous partagiez votre travail d'une manière spécifique. La meilleure chose qui peut réellement vous arriver si vous téléchargez votre travail sur Behance est d'obtenir en vedette. Vous pouvez être présenté dans différentes catégories, par exemple Interaction ou Adobe XD, si vous utilisez Adobe XD comme plateforme de conception. Je vais vous parler de ce qui est vraiment important si vous voulez être présenté parce qu'il y a quelques conseils et astuces pour se présenter un peu plus facilement, et cela vous donne beaucoup d'utilisation et vous aide à obtenir votre travail vu par beaucoup, de nombreux créateurs. Mon tout premier conseil n'est en fait pas de télécharger un PNG similaire avec toutes les différentes étapes du processus de conception, mais de télécharger différentes étapes, ou différents PNG, ou des animations différentes. Ce qui fonctionne vraiment bien généralement est en fait une combinaison d'animation, donc GIF et visuels ainsi, et mettre quelques animations. Les visuels peuvent être des GIF ou quelque chose qui est animé lors interactions entre les autres diapositives. Cela vous aide vraiment à vous démarquer et à être vu par plus de gens. Voici un exemple et ce que vous pouvez voir ici, c'est que j'ai téléchargé plusieurs plans de travail uniques. Certains sont animés, donc les GIF, en particulier pour la typographie ou les petites animations et d'autres sont toujours avec seulement des informations. J' ai également intégré quelques vidéos pour des animations plus longues. D' après mon expérience personnelle, c'est en fait ce que vous pouvez faire de mieux pour être mis en vedette aussi. Nous avons parlé des différents médiums. Assurez-vous de toujours mélanger entre l'animation et photos et de l'intégrer là où vous vous trouvez dans votre structure. Jetez un oeil sur la structure aussi. C' est en fait comme ça que j'ai conçu ça. J' ai fait cela dans Adobe XD, et ce que vous pouvez voir ici est tellement de plans de travail simples. Je les ai tous conçus sur des plans de travail uniques et les ai téléchargés séparément. Bien sûr, j'ai animé tous les GIF, toutes les animations d'After Effects ou Premiere, puis je les ai téléchargées via Vimeo, ou GIF normaux. Comment intégrer des vidéos maintenant ? En fait, c'est assez simple. Après les avoir téléchargés sur Vimeo, cliquez sur ce petit panneau intégré ici, puis vous cliquez sur « Copier ». Vous copiez le code entier et revenez à Behance. Lorsque vous créez vos études de cas Behance, vous pouvez cliquer sur un support intégré, puis coller simplement les éléments que vous avez copiés, puis enregistrer cela. Ensuite, il est téléchargé automatiquement dans votre étude de cas. Si vous cliquez sur le bouton de lecture, vous pouvez voir la vidéo que nous venons de créer avec After Effects et Adobe XD. Cela fonctionne assez bien, a déjà la taille parfaite, et est déjà intégré dans votre étude de cas. Quelques autres choses qui sont importantes à savoir, vous avez également besoin d'une image de couverture qui se démarque vraiment. Vous pouvez le télécharger ici très facilement. Si vous téléchargez toutes les étapes simples, cliquez sur « Couverture », puis vous voyez quel type de couverture vous pouvez télécharger. Voici quelques exemples, que vous pouvez voir qu'ils sont vraiment colorés. Ils essaient vraiment d'attirer l'attention, et ils ont l'air vraiment différents. Beaucoup ressemblent à une maquette où vous pouvez voir ce que le produit est à propos. Certains sont un peu plus simples. Assurez-vous que ces images de couverture apparaissent vraiment parce que sinon vous ne vous démarqueriez pas. Voici quelques exemples supplémentaires, alors s'il vous plaît vérifier cela également. Vous pouvez également trouver un exemple de plan de travail pour l'image de couverture, ou vous pouvez simplement l'utiliser avec déjà la taille parfaite. Ensuite, créez un design, téléchargez-le sur votre étude de cas Behance. La prochaine chose très importante sont les paramètres. Assurez-vous de sélectionner la zone. Pour moi, c'est UX/UI. L' interaction pourrait aussi être une réalité virtuelle, alors assurez-vous de sélectionner la bonne, c'est vraiment important. Sélectionnez un logiciel. Si vous choisissez Adobe XD ici, vous avez la possibilité de vous présenter deux fois : Interaction et Adobe XD. Assurez-vous d'intégrer un texte vraiment bon qui est vraiment optimisé pour cela. Intégrez des hashtags pour qu'il soit plus facile pour les gens de trouver votre travail. Quels sont les plats à emporter ici ? Si vous voulez créer un Behance [inaudible], voici mes conseils. abord, choisissez la taille parfaite bien qu'elle ait l'air vraiment croustillante, mais elle n'est pas trop grande et n'a pas besoin d'âge pour charger. Parfait est de 1 400, puis la taille est, bien sûr, ce dont vous avez besoin. Ensuite, divisez-le dans un plan de travail différent. Assurez-vous que vous divisez le plan de travail en différents plans de travail plus petits et téléchargez-les séparément. Ensuite, mon pourboire numéro trois est d'intégrer beaucoup d'animations, des animations plus petites comme un GIF et des animations plus longues comme des vidéos via Vimeo. En outre, intégrer des hashtags et une très bonne description pour le projet, cela aide à être trouvé. En outre, assurez-vous de nommer les outils Adobe que vous utilisez, car cela vous aidera à être mis en vedette sur la plate-forme d'outils, donc pour UX, par exemple, non seulement Interaction, mais aussi sur la plate-forme Adobe XD. 31. À propos: La zone à propos est quelque chose que vous devriez inclure dans chaque portfolio ou sur votre site web également. Cela vous aide à parler un peu vous-même et de ce qui vous rend unique en tant que designer. Là, vous pouvez voir mon domaine à propos où je parle super brièvement ma personnalité et ce qui me rend unique et là vous pouvez voir mes canaux sociaux et un peu sur la presse et les médias. Ce qui est vraiment important, c'est de montrer ce qui vous rend unique et de montrer votre personnalité, n'ayez pas peur de vraiment montrer qui vous êtes. Parlez aussi de passe-temps ou d'histoires ou quelque chose qui garde vraiment à l'esprit. N' oubliez pas non plus d'intégrer vos réseaux sociaux, mais seulement s'ils sont professionnels, donc pas vos réseaux personnels, c'est vraiment important. Que devriez-vous intégrer ? abord, écrivez le texte dans votre style, cela aide à créer de la sympathie et de la confiance et à attirer les clients que vous recherchez. Deuxièmement, inclure un appel à l'action. Si vos clients veulent en savoir plus sur vous, ils voudraient vraiment travailler avec vous, alors cela pourrait être un appel à l'action comme s'il vous plaît appelez-moi, ou s'il vous plaît écrivez-moi un e-mail, ou faites-moi savoir si vous avez besoin d'aide avec que, donc certainement intégrer un appel à l'action si vous savez ce qu'est cet appel à l'action. Expliquez à vos clients pourquoi vous êtes intéressant pour eux. Gardez le point de vue de votre client et n'écrivez pas de faits non informateurs. Gardez à l'esprit que la page à propos de moi est conçue pour que vos clients puissent apprendre à mieux vous connaître et développer une relation avec vous, cela crée la confiance et, espérons-le, une certaine coopération. Dans votre feuille de calcul, vous trouverez une zone contenant des informations utiles sur les éléments à intégrer et les éléments qui sont réellement utiles. Bien sûr, votre nom et une photo si vous vous sentez à l'aise avec cela, votre rôle et aussi les écoles que vous avez et ci-dessous vous pouvez en voir quelques-uns dans l'exemple. Mais assurez-vous que c'est très unique et ne copiez pas quelque chose d'autres designers, c'est la raison pour laquelle je ne montre aucun exemple ici. Assurez-vous que vous montrez vraiment votre personnalité et faites-le texte très unique à ce sujet. 32. Réseaux sociaux: Nous vivons dans un monde où tout se passe en ligne. La plupart d'entre nous sont déjà représentés sur les réseaux sociaux comme Dribbble ou Behance ou Instagram ou Twitter. Ce qui est vraiment utile, c'est de penser de façon très stratégique à la façon dont vous vous présentez sur les réseaux sociaux. Si vous publiez quelque chose sur un réseau social ou que vous téléchargez une nouvelle étude de cas, la seule chose qui est vraiment important à considérer est de diffuser le mot sur différents canaux sociaux et de guider tout le monde dans votre nouvelle étude de cas UX, il pourrait être partout. Assurez-vous de créer du contenu pour tous les réseaux sociaux ainsi que pour diffuser vraiment le mot sur votre étude de cas UX. Nous allons parler dans cette vidéo de la façon de le faire réellement. Nous allons passer par les différents réseaux sociaux et parler un peu de mes leçons apprises ou de choses que je peux vous recommander. Commençons par le premier qui est Dribbble. Dribbble est une plate-forme pour les conceptions de travail et de processus, sorte que vous pouvez y télécharger des parties spécifiques de votre étude de cas UX, pourrait être une maquette, pourrait être visuelle ou des choses comme ça. Qu' est-ce qui est important de savoir ici ? Vous pouvez voir que voici un énorme accent sur la partie visuelle. Si vous êtes un concepteur visuel, concepteur d'interface visuelle, c'est la plate-forme qui vous convient. Comme vous pouvez le voir ici, plupart des dessins sont en fait animés. Vous les téléchargez en tant que GIF et vous présentez vraiment l'animation, l'interaction que vous avez créée. C' est vraiment important à comprendre avant de publier votre design là-bas. Voici aussi une barre de recherche dans la partie supérieure. Vous pouvez simplement rechercher des éléments spécifiques. Cela pourrait être un site Web à une page ou tout ce que vous cherchez, et puis vous voyez tous ces designs. C' est une très bonne plate-forme pour l'inspiration de beaucoup de designers. Ils sont constamment en particulier faire le travail des choses à partir d'inspiration pour un des éléments de conception spécifiques. Il est probable que vous y trouverez également vos dessins, et en vérifiant ces lignes et en vous guidant dans toute votre étude de cas. Voici en fait mon côté, comme vous pouvez le voir, j'ai téléchargé beaucoup de designs pour différentes études de cas UX. C' est un que j'ai ajouté un design. Ce que vous pouvez voir ici, c'est que j'ai inclus le lien vers mes études de cas Behance en bas. Les gens peuvent simplement vérifier cela et se laisser guider dans cette zone. Vous pouvez également télécharger vos modèles M très facilement via Dribbble. Ce qui est vraiment important à garder à l'esprit, c'est que vous avez besoin d'un ratio spécifique qui est de trois à quatre. La meilleure chose est de télécharger cela en tant que GIF. Parce que c'est animé, vous obtenez beaucoup plus de vues. En fait, si vous animez cela et téléchargez cela en tant que GIF. Si vous avez un compte pro, vous pouvez également télécharger des vidéos, donc MP4s et des qualités supérieures, mais d'après mon expérience, vous n'avez pas vraiment besoin de cela. Comment pouvons-nous créer du contenu à partir de notre étude de cas UX pour Dribbble ? La meilleure chose que vous pouvez faire est de réutiliser les choses que vous avez déjà créées pour votre étude de cas sur les réseaux sociaux, en particulier tout ce qui est animé et en mouvement. Si nous regardons les vidéos que nous avons créées pour l'étude de cas UX, et nous pouvons également utiliser ces choses pour les réseaux sociaux. Jetons un coup d'oeil sur la vidéo que nous avons créée. Nous allons en créer un pour Dribbble maintenant. Nous allons juste cliquer ici sur ce petit panneau pour ajouter une nouvelle composition. La largeur doit être de 1 600 et la hauteur est de 1 200, parfait pour Dribbble. fréquence d'images dans 25 est très bien puis 32, parfait. Maintenant, nous allons renommer celui appelé Dribbble_UserFlow. Maintenant, nous allons insérer le flux de l'utilisateur vidéo dans la nouvelle composition pour Dribbble. Mais vous pouvez voir ici que ça ne va pas vraiment bien, mais que ce n'est pas un problème, nous allons l'ajuster un petit peu pour qu'il s'adapte. Comment ça a l'air ? Joli. La seule chose que nous devons juste garder à l'esprit est que nous allons créer un GIF et cela devrait durer plus de six secondes. La meilleure chose que nous puissions faire est de nous concentrer sur un seul domaine et de ne montrer celui-ci qu'à l'action. Ce que je pense est vraiment intéressant, c'est surtout cette partie où nous sommes sur l'écran d'accueil, puis cliquez sur la petite zone d'événement et puis nous pouvons voir le [inaudible] en action. Je pense que c'est vraiment cool. Avec cette petite chose de ce truc de cadre, je vais sélectionner ces choses qui seront rendues. Ce sera la dernière partie ici et comme vous pouvez le voir, c'est un peu trop, donc comme ça. Maintenant, je vais cliquer sur Export de fichier, puis ajouter à Media Encoder File d'attente. Nous allons exporter cela maintenant. Ici c'est, et puis nous allons simplement glisser et déposer ça dans Photoshop et l'ouvrir dans Photoshop, parfaitement. Cela semble bien et nous voyons que la chronologie ici est apparue ce qui est vraiment bon. Maintenant, nous pouvons cliquer sur Exporter le fichier, puis Enregistrer pour le Web. C' est ce dont nous aurons besoin. Nous devons enregistrer cela pour le web en tant que GIF. C' est en fait la seule possibilité de sauvegarder les GIF des effets secondaires, donc vous devez toujours passer par Photoshop. Un peu compliqué, c'est vrai, mais si vous savez comment ça marche alors ce n'est pas une grosse affaire. Parfois, cela prend du temps et c'est là. La taille semble bonne, pour toujours parfait, nous allons cliquer sur Enregistrer. Maintenant, il est téléchargé sur Dribbble, comme vous pouvez le voir ici. Vous pouvez ajuster la description pourrait être comme l'application coliving, puis vous pouvez également ajouter des ajustements, oups, application. Ce qui correspond vraiment pourrait être la conception minimale, concept d' application, tout ce que vous pouvez ajouter la description et ce que je peux vraiment recommander est d'inclure toujours le lien. Consultez l'étude de cas sur Behance. C' est ce que je fais habituellement et je vais le publier ici. Voilà, tu y vas. Descriptions, allons à Instagram. C' est une très bonne plate-forme pour les gens parce que beaucoup de designers sont là-bas. Ils veulent apprendre, ils veulent de l'inspiration. C' est un très bon endroit pour poster vos dessins là aussi, en particulier des études de cas. Un super intéressant pour les gens si vous présentez le processus. C' est plusieurs fois de quelques-uns de mes projets que je conçois pour des clients mais aussi pour des projets personnels et je vais vous montrer comment j'ai fait cela. C' est le projet de coliving que j'ai commencé avec une citation, puis j'ai parcouru l'ensemble du concept très rapidement avec toutes les différentes étapes des processus. J' ai également intégré quelques vidéos ainsi qu'un appel à l'action. Veuillez consulter l'étude de cas complète chez Behance, ce qui est vraiment important pour guider les gens l'artiste, la culture en fait vérifier l'ensemble de l'étude de cas sur Behance. Je l'ai fait pour un autre projet aussi, très similaire, croquis et filaires un peu sur les tests. Mais comme vous pouvez le voir, ce n'est pas tellement en profondeur. Il s'agit beaucoup d'expliquer les étapes que j'ai traversées, mais pas en profondeur. En profondeur est certainement tout ce que nous pouvons trouver sur Behance. Ce que vous pouvez faire toujours est de vérifier et de guider les gens à travers la page Behance, prouver vos histoires. Par exemple, comment vous pouvez réellement télécharger ou faire glisser une publication qui est super facile. Il suffit de faire des éléments uniques, de les exporter. Ensuite, vous pouvez cliquer sur cette petite chose là-bas en haut et sélectionner tous les éléments que vous voulez intégrer. Vous pouvez voir les chiffres 1, 2, 3 et c'est en fait l'ordre. Comme vous pouvez le voir, je sélectionne tous les différents éléments que je veux intégrer dans mon post ici. Je peux télécharger plus jusqu'à 10 et ici vous pouvez déjà faire glisser, vous pouvez faire quelques changements, et maintenant télécharger cela. Assurez-vous d'ajouter une bonne description et assurez-vous d'ajouter quelques très bons hashtags exceptionnels un peu plus gros, quelques plus petits, peut-être UX. Il s'agissait de la mobilité. Des choses comme l'étude de cas, l'UX et ces domaines spécifiques dépendent beaucoup de votre projet. Assurez-vous de vérifier cela, et peut également ajouter des personnes par exemple. Si vous téléchargez ça sur Behance, et oui, et c'est vraiment utile, je pense aussi. Un conseil professionnel est d'écrire un article médium sur le sujet. Habituellement, pour chaque étude de cas que je fais, j'écris aussi un court article moyen qui est super important pour les clients, surtout si vous mettez beaucoup de formulaires sur la partie visuelle. Vous avez fait beaucoup de recherches et vous avez eu des idées vraiment intéressantes. Vous aurez des problèmes de montrer cela dans une étude de cas parce que les gens ne lisent pas beaucoup de texte. Mais mettre cela dans une étude de cas est super utile pour les gens comprennent vraiment que vous y réfléchissez beaucoup, que vous avez eu beaucoup de leçons apprises. Assurez-vous de lier votre étude de cas ci-dessous afin que les gens puissent consulter l'étude de cas ci-dessous votre article médium. Ça n'a pas besoin d'être long, tout l'article, mais oui. Il y a un symbole pour LinkedIn car beaucoup de vos clients vont être sur LinkedIn. LinkedIn est une très bonne plateforme pour le réseautage. Assurez-vous d'intégrer votre travail dans la partie supérieure de votre profil et vous pouvez voir le mien. Ce que j'ai fait, c'est que j'ai intégré toutes les choses les plus importantes à mon sujet , des vidéos que je fais, études de cas UX que je travaillais sur certains articles dans la partie supérieure de mon profil LinkedIn. Vous pouvez simplement l'intégrer là , améliorer le signe du complément et intégré au lien. Assurez-vous également d'écrire un petit article à ce sujet, partager ce qu'il est tout au sujet et de guider les gens de LinkedIn à travers votre étude de cas Behance ou sur votre site Web également. Je pense que c'est vraiment important de le faire car beaucoup de gens le voient et sont en mesure de le partager, parce qu'il y a d'autres personnes sur LinkedIn principalement des clients qui vont probablement vous embaucher. Twitter est un peu différent. De mon expérience ce qui fonctionne bien est de présenter un vraiment cool dans l'action, quelque chose d'un peu plus sur la technologie, mettre aussi un peu d'apprentissage de test, quelque chose qui est un peu controversé sera retweeté et il y a beaucoup d'yeux sur ça. Assurez-vous de lier également l'étude de cas Behance. Pourrait être presque tout juste assurez-vous qu' il est un peu controversé et intéressant pour les gens vérifier pour voir et qu'il commence quelques conversations cool sur le sujet. J' espère que cela a été utile. 33. Derniers mots: Nous sommes presque à la fin de cette classe. Mais voici quelques derniers trucs et astuces pour moi, qui m'ont vraiment aidé à obtenir tant de clients et à me faire voir par tant de gens. Mon conseil numéro 1 et recommandation est, en plus de vous présenter sur les réseaux sociaux, est de faire du réseautage. réseautage réel où vous rencontrez des gens dans la vie réelle. Construisez des relations précieuses entre vous, les différents peuples et les clients. Parce que ce qui vous aidera en fin de compte, c'est que les gens vous recommandent vraiment un emploi ou savent ce que vous faites et vous obtiennent quand ils ont besoin d'aide et de soutien au sein de votre équipe. Comment peux-tu faire ça maintenant ? Ma recommandation est de consulter les meetups et les événements dans votre ville. Il y a un très bon site web appelé meetup.com. Vous y trouverez tous les groupes Meetups. Je suis basé à Berlin, et à Berlin, nous avons généralement un ou deux meetups design tous les jours. Vous pouvez y aller, vous pouvez poser des questions, vous pouvez parler aux gens, parler de ce que vous faites, ce que vous cherchez, ce que vous cherchez, puis nous recommençons à construire des relations parce que ces gens vont vous contacter s'ils ont besoin de votre aide, s'ils ont besoin de votre soutien. Assurez-vous toujours d'ajouter ces personnes sur LinkedIn et de suivre avec une sorte de message agréable ou une conversation de suivi, cela pourrait aussi être une question. La deuxième chose est, si vous êtes intéressé par quelque chose, un domaine spécifique, un point de vue précis où vous voulez en savoir plus, n'ayez pas peur de tendre la main à des gens qui sont déjà très professionnels ou qui sont mieux dans ces domaines. N' ayez pas peur de leur envoyer un message et de leur demander s'il serait heureux de prendre un appel ou vous pouvez les inviter pour un café ou quelque chose comme ça et leur poser quelques questions. Je l'ai fait plusieurs fois, surtout quand j'ai commencé ma carrière. Bien qu'au début, c'était effrayant, cela m'a beaucoup aidé à construire des relations précieuses et entamer des conversations sur des sujets spécifiques qui m'intéressent et que je voulais aller mieux. Les gars, je suis super, super heureux que vous aimiez finir ce cours. Absolument génial, vraiment super travail. J' ai hâte de voir vos études de cas. N' hésitez pas à les publier dans cette classe ou même à me les envoyer. Je suis super heureux de les voir. Vraiment impatient de voir vos résultats là-bas, et vous pouvez être super fier de vous-même que vous avez suivi ce cours. Apprenez toutes ces choses et n'hésitez pas à utiliser ressources que je vous envoie et vous avez des questions, hésitez pas à me contacter. Merci beaucoup.