Conception de l'expérience utilisateur de A à Z : Adobe XD UI/UX Design

1. Présentation du cours UX/UI: Dans cette vidéo, nous allons passer en revue l' interface utilisateur Learn UX de A à Z. Nous allons parcourir toutes les différentes sections principales. Je vais vous donner un aperçu de chaque section, ce à quoi vous pouvez vous attendre avant de passer aux sections du cours, je veux me présenter rapidement. m'appelle Juan, je suis l'un de vos instructeurs dans ce cours. Je suis entrepreneur depuis l'école primaire. J'ai travaillé dans le domaine de la technologie, du marketing numérique, commerce électronique, du design à la programmation. Je crois en une formation continue avec le meilleur diplôme universitaire, sans tous les inconvénients du bouddhisme, des coûts et des méthodes inefficaces. J'ai hâte de vous aider à développer vos compétences. Arthur est l'autre professeur de ce cours. Il est graphiste depuis 2002 et travaille actuellement en tant que freelance en UX UI, travaillant pour de nombreuses entreprises à travers le monde. Et il est impatient de vous aider à développer vos compétences et la conception de l'interface utilisateur utilisateur. Allons-y et entrons ici. D'accord, donc la toute première section sera l'introduction au cours. C'est là que nous allons passer en revue l'interface utilisateur UX. Quelle est exactement la différence entre l'expérience utilisateur et interface utilisateur et quelles sont exactement ces différences. Ensuite, nous allons passer en revue le marché actuel des designers en déterminer la situation actuelle, en ce qui concerne le salaire moyen, le nombre de postes ouverts, les opportunités, le potentiel de croissance pour le domaine de l'expérience utilisateur et de l'interface utilisateur, non ? Nous allons donc passer en revue cela. Nous allons donc passer en revue différents types de rôles UX dans différentes organisations, des petites organisations aux moyennes organisations, en passant par les grandes entreprises. Ensuite, dans la deuxième section, nous allons passer à l'introduction à l'industrie du Web. Et c'est là que nous allons aborder les différentes phases du développement web. Il est important que vous ayez une compréhension fondamentale du fonctionnement du développement Web, tout ce qui est impliqué, en ce qui concerne les différentes étapes de conception, vous souhaitez comprendre approche agile. Nous allons passer cela en revue en détail. Nous allons vous donner une vue d'ensemble par rapport au modèle linéaire et à l'approche Agile. Ensuite, passez également en revue le framework du projet Scrum lequel vous allez généralement travailler avec eux. Ensuite, nous avons la section 3. C'est là que nous commençons également à suivre certaines des leçons d'Adobe XD. Où vous allez faire un petit geste par-dessus l'épaule. Ensuite, nous allons discuter de la psychologie de la couleur. Nous allons examiner différentes combinaisons de couleurs, des roues chromatiques, et vraiment vous donner un aperçu des fondements du design graphique, n'est-ce pas ? Parce que vous devez comprendre le fonctionnement des couleurs, différentes combinaisons de couleurs, comment travailler avec différentes polices, comment travailler avec différentes icônes et vraiment comprendre la théorie des couleurs, comment la théorie des couleurs fonctionne, comment fonctionnent les couleurs, comment utiliser le bon type de couleurs et des situations uniques. façon dont les couleurs évoquent l'émotion et le type de couleurs que vous souhaitez utiliser, en fonction du type de design que vous souhaitez créer. Donc, une section très excitante là-bas aussi. Et puis il y a la section quatre. C'est là que nous abordons l'UX design. C'est là que nous allons également suivre quelques leçons supplémentaires sur Adobe XD, où nous allons effectuer une analyse concurrentielle. Nous allons passer en revue ce qu'est un parcours client. Qu'est-ce que c'est ? Entonnoir de vente, les différents types d'entonnoirs de vente, les différentes étapes de l'entonnoir de vente. Beaucoup plus encore. Ce sera probablement la section la plus importante de ce cours. Et c'est tellement approfondi. J'ai donc hâte que vous vous y mettiez également. Et puis la section 5, c'est là que nous allons passer en revue la conception de l'interface utilisateur. Nous allons passer en revue le processus de conception de l'interface utilisateur. Nous allons également passer en revue différentes pages de destination, différents composants de l'interface utilisateur dans différents composants de l'interface utilisateur dans plusieurs leçons d'Adobe XD, où vous allez créer différents types de designs, créer différents types d'en-têtes, travailler avec des micro-interactions et un tas d' autres types d'interfaces de conception d' interface utilisateur. Je suis très, très heureuse que vous vous y mettiez également. Et puis nous avons la section six, qui sera consacrée à l'optimisation. C'est là que nous allons passer revue la règle ci-dessus. Nous allons voir comment utiliser les analyses à des fins d'optimisation comment utiliser les cartes thermiques. Et puis nous avons quelques Adobe XD de moins que sur le site. Enfin, nous avons la section 7. C'est ici que vous allez commencer votre carrière dans le domaine de la conception de l'interface utilisateur UX. Et nous allons passer en revue travail indépendant, le conseil à la clientèle, marque personnelle, la création d'un site Web. Et nous allons passer en revue certaines des faire et à ne pas faire en matière de réseautage. Comment établir un réseau approprié pour pouvoir vous mettre en position, obtenir de nouveaux postes, de nouveaux emplois, peut-être de nouveaux clients, n'est-ce pas ? Et puis en passant en revue certains des meilleurs sites Web indépendants. Ensuite, je vais vous présenter un outil que vous allez utiliser comme centre où vous pourrez essentiellement avoir tous les projets de vos clients, toutes vos tâches, toutes vos tâches. Et c'est un modèle que j'ai créé et auquel vous allez pouvoir accéder. Enfin, vous allez trouver les différents sites pour trouver un emploi en UX et en UI. Je suis donc très heureuse que vous commenciez ce cours et nous vous verrons lors du prochain. 2. Aperçu de la section UX/UI: Dans cette vidéo, nous allons passer en revue l'aperçu de la section Learn UX UI. Donc, dans la vidéo précédente, nous avons passé en revue l'ensemble du cours. Nous avons passé en revue les différentes sections, ce que vous allez attendre de chaque sujet particulier, de chaque domaine particulier. Et puis dans cette vidéo, nous allons voir ce qui va être inclus dans cette section particulière elle-même. Ok, alors allons-y et passons ici à la vue d'ensemble de la section. Donc, ce que nous allons couvrir dans cette section est l'UX contre l'interface utilisateur. Je veux vous donner une vue d'ensemble fondamentale de ce qu'est UX, ce que cela signifie réellement, et comment cela fonctionne réellement dans le monde réel. Même chose pour l'interface utilisateur. Et puis pouvoir comparer l'interface utilisateur UX parce que vous voulez être capable de comprendre les différences, comment elles fonctionnent et comment elles fonctionnent ensemble. Ok, alors nous allons entrer dans le marché des concepteurs UX UI. Nous allons examiner certains potentiels salariaux, marché du travail, le potentiel de croissance, et vraiment vous donner un aperçu de cette industrie et du potentiel de croissance que vous offre vraiment si vous cherchez à plonger profondément dans cette industrie particulière. Parce que l'avenir est très prometteur pour le marché des concepteurs UX UI. Et je veux vous montrer quelques chiffres qui vont soutenir cela dans la mesure où vous pouvez vous attendre à faire tout juste le début et ce que vous pouvez espérer faire au fur et à mesure que vous progressez dans votre carrière. Et puis nous allons passer, comme je l'ai mentionné, le salaire moyen de l'UX et de l'assurance-chômage, le potentiel de croissance. Nous allons voir comment apprendre les compétences correctement, la meilleure façon d'apprendre ces compétences. Et j'ai une conférence qui va plus précisément sur ça. Et puis l'importance d'être un designer bien arrondi. Parce que l'une des choses que vous remarquerez lorsque vous commencez à postuler pour différents emplois. Ou peut-être que si vous obtenez un emploi dans une petite organisation, une entreprise de taille moyenne, ils vont vous demander de faire beaucoup de choses différentes et de porter plusieurs chapeaux et peut-être écrire des copies, peut-être écrire du contenu, et peut-être, vous savez, travailler sur un entonnoir de vente ou quoi que ce soit dans le sens du département marketing, n'est-ce pas ? Donc, et c'est là que vous allez pouvoir être un designer bien arrondi quand vous connaissez tous ces différents éléments et surtout la ces différents éléments et psychologie comportementale et comprendre pourquoi nous prenons des décisions, ce qui nous pousse à prendre les décisions à différents déclencheurs d'influence, élément de persuasion différent et comment utiliser la persuasion et l'influence et votre message avec des couleurs différentes, non ? Et donc, dans ce cours, vous allez apprendre à faire exactement ça. Vous allez apprendre à développer des entonnoirs de vente, différentes étapes d'entonnoir de vente, comment créer des pages de destination pour différents types d'éléments impliqués dans les jeux de couleurs. Donc tu peux être un designer bien arrondi, non ? Et puis nous allons passer en revue les différents rôles UX et UI. Parce que ce que nous voulons que vous fassiez, c'est ce cours soit un designer très complet. Donc, si vous allez dans plus de la phase de conception graphique où vous voulez construire des logos. Vous voulez créer des logos et des designs différents. Vous serez en mesure de le faire à un niveau très élevé parce que vous comprendrez différents éléments de conception, la psychologie des couleurs, la théorie des couleurs, conceptions et schémas de couleurs uniques, non ? Et donc vous allez savoir comment faire tant de choses différentes autres que le concepteur UX et UI typique, vous allez avoir un éventail de compétences et vous serez extrêmement précieux pour une organisation une fois que vous avez terminé avec cette Bien sûr. Et donc je suis excité que vous commenciez et nous vous verrons sur la prochaine. 3. UX vs UI: Dans cette vidéo, nous allons passer en revue les différences entre UX et UI. C' est une leçon très importante ici parce que je veux vous donner une vraie compréhension de base de ce qu'est UX, comment cela fonctionne, comment une fonction, les différents facteurs seraient alors UX et être en mesure de comparer cela avec l' interface utilisateur afin que vous peut obtenir une portée complète de ce que vous êtes est ce qu'est UX, et être capable de comprendre quels sont les différents éléments, composants et facteurs dont chacun d'entre eux est composé. Alors allons de l'avant et sautons dans la conception UX. Ux design implique des interactions entre un client potentiel ou actif et accompagne et s'appuie sur le design visuel, psychologie comportementale et la recherche sur les consommateurs. Maintenant, l'une des choses les plus importantes que vous voulez garder à l'esprit est la psychologie comportementale et la recherche sur les consommateurs. C' est ce que vous apprendrez également dans ce cours, qui est très important pour votre carrière UX et UI. Si vous ne comprenez pas vraiment la psychologie comportementale, l'influence déclenche la persuasion, être capable de comprendre ce qui pousse les humains à cocher et ce qui l' amène réellement à prendre une décision et comment évoquer certaines émotions, alors vous êtes vraiment va avoir un moment difficile avec la conception de l'utilisateur et l'expérience utilisateur. Ok, donc ça va être un gros élément pour l'UX. Ensuite, la partie expérience utilisateur fait référence à l'interaction entre l'utilisateur et le produit ou le service. Donc, comment l'utilisateur interagit avec ce produit particulier, ce site Web, c'est essentiellement considérer tous les différents éléments et comment ils interagissent les uns avec les autres pour façonner cette expérience. Ok, donc c'est ce que l'expérience utilisateur est. C' est tout type d'expérience qu'un utilisateur traverse pour interagir avec l'entreprise, le site Web de l'entreprise, l'application, quoi que ce soit, c'est ce que vous voulez vraiment retirer de l'expérience utilisateur. Donc interface utilisateur, c'est la conception réelle et l' aspect de la présentation ou de l'interactivité d'un produit, n'est-ce pas ? Pensez à une application web, un logiciel comme une application de service que quelqu'un utilise sur son téléphone pour jouer à un jeu ou pour être en mesure de construire le produit ou quoi que ce soit, n'est-ce pas ? Chaque type d'interface utilisateur aura une interface unique capable de faire en sorte que l'individu, le client ou l'utilisateur final puisse utiliser le logiciel, l'application réelle, le site Web, et être en mesure d'utiliser ce produit et avoir une expérience agréable de l'utiliser, n'est-ce pas ? Et puis nous avons l'interface utilisateur est le point d'interaction entre l'utilisateur et un appareil numérique ou des produits, non ? Alors pensez à comme un écran tactile sur votre smartphone chose sur Facebook, je suis sûr que vous avez Facebook sur votre téléphone. Pensez à la façon dont ces interfaces utilisateur configurent là où elles le font pour que vous soyez constamment sur votre téléphone. Vous vérifiez votre fil d'actualités, vous regardez de quoi les autres parlent, n'est-ce pas ? C' est donc essentiellement l'interface utilisateur d'une application. Et ils l'ont conçu d'une manière pour que vous ayez toujours envie d' aller dans Beyond l'application, n'est-ce pas ? Et avec les sites Web et les différentes applications, conception de l' interface utilisateur tient compte de l'aspect et de l'interactivité du produit. Et donc finalement ce que la conception de l'interface utilisateur pense toujours à ce sujet de cette perspective. C' est l'interface avec laquelle j'interagit en fait. C' est ce que je dis. C' est ainsi que j'utilise cette plateforme, comment j'utilise, disons LinkedIn ou Facebook ou n'importe lequel de ces autres types de sites Web ou d'applications, n'est-ce pas ? C' est la façon dont vous interagissez avec eux et c'est ce que vous voulez vraiment comprendre et connaître en ce qui concerne l'interface utilisateur, la conception de l'interface utilisateur. Ok, donc ça va être là pour celle-là, et on se verra sur la prochaine. 4. Marché de concepteur UX/UI: Dans cette vidéo, nous allons parcourir le marché des concepteurs UX UI. Donc, cela va vous donner une introduction sur le marché comme salaire de départ. Quelles sont les choses recherchées par les recruteurs ? Et certains des défis auxquels les recruteurs sont confrontés pour être en mesure de trouver les meilleurs talents en matière de conception d'interface utilisateur UX. Parce que vous suivez ce cours et que vous suivez ce programme, vous allez être quelqu'un qui est en mesure de combler ces postes parce que vous allez obtenir la formation nécessaire et requise qui va être attendu de pour un concepteur UX et UI. Alors, allons de l'avant et sautons dans le marché des concepteurs d'interface utilisateur UX et le potentiel de croissance est réellement présent ici. Donc, l'une des premières choses à noter ici est que LinkedIn a intégré la conception UX comme l'une des meilleures compétences à apprendre et 20-20 et au-delà. Et c'est logique, non ? Parce que vous pensez à différentes entreprises qui cherchent à avoir plus d' impact en ligne et qui cherchent à trouver plus de moyens d'impliquer leurs utilisateurs. Ils peuvent offrir un meilleur parcours client, une expérience client, et être en mesure de leur offrir une expérience incroyable avec la marque, avec l'entreprise, avec les employés, n'est-ce pas ? Et si la conception UX Marketplace a explosé dans, continuera d'avoir une quantité importante de croissance à partir de maintenant et au-delà. Par conséquent, les recruteurs ont souvent du mal à remplir des rôles UX en raison du manque de connaissances. Maintenant, comme je l'ai dit, si vous suivez ce cours, vous allez dans ce programme. Vous allez avoir les compétences nécessaires, la compréhension de ce qui est requis d'un concepteur d'interface utilisateur UX. Et donc vous allez être en mesure de remplir ces rôles très facilement, autant plus que vous apprenez beaucoup plus que les informations et connaissances traditionnelles de l'UX et de l'interface utilisateur, n'est-ce pas ? Parce que l'interface utilisateur UX traditionnelle, cela va être plus autour de l'expérience utilisateur évidemment, conception graphique et beaucoup d'autres domaines, cependant, où cela pénètre vraiment dans un facteur de différence est la psychologie comportementale, la compréhension de la persuasion de l'influence, et vraiment la compréhension de la psychologie humaine dans son ensemble afin que des produits puissent être créés qui sont réellement en mesure d'être pris à l'action par les individus parce que vous comprenez comment le fait fonctionne, ce qui motive la prise de décision, comment réellement Emotion, le plus grand facteur lorsque les individus prennent des décisions, et ils ont tendance à justifier logiquement. Donc, comprendre non seulement les rôles de l'interface utilisateur UX en ayant cet ensemble de compétences, mais aussi comprendre l'influence et la persuasion va aller beaucoup de chemin. Et donc le salaire moyen pour un concepteur UX et UI, et je crois que c'est aux États-Unis. Donc, à 85 000 par an, vous pouvez voir ici que c'est un salaire assez décent parce que vous faites tellement pour l'entreprise, n'est-ce pas ? Vous avez une valeur énorme. Vous êtes responsable de fournir l'expérience réelle chez le client, l'utilisateur final, comme ayant ce que ce produit final. C' est donc une position très importante. Et si vous demandez à la plupart des gens qui sont dans l'UI UX ressentent, ils vous diront que c'est une carrière significative parce qu'ils ont un réel intérêt pour la curiosité dans le travail qu'ils font réellement tous les jours. Parce que rappelez-vous, les professionnels de l'UX sont souvent très intéressés par la façon dont les gens fonctionnent. Comment fonctionne l'esprit humain ? Comment fonctionne la psyché humaine ? Qu' est-ce qui nous pousse à prendre des mesures pour prendre certaines décisions ? Et donc ce qu'ils ont tous en commun ici, c'est qu'ils sont motivés à comprendre leurs utilisateurs et à améliorer l'expérience globale, n'est-ce pas ? Et que tout va dans la psychologie comportementale. Donc, en fin de compte, le marché des concepteurs UX et UI est énorme. Il augmente à un rythme très élevé car il y a beaucoup d' occasions pour vous de commencer dans cette industrie particulière, surtout depuis que vous suivez ce programme, vous obtenez toutes les compétences. Vous comprenez, la psychologie des couleurs, ou aussi loin que la conception graphique, la théorie des couleurs, différents schémas de couleurs, vous comprenez comment créer différentes maquettes. Vous êtes essentiellement en train de passer par un bootcamp, un programme entier qui va vous préparer à être en mesure d'obtenir un poste d'entrée de gamme, un concepteur UI UX, ou vous pouvez commencer à faire du freelance. Vous pouvez commencer à faire des concerts et vous obtenir un profil, puis obtenir un portfolio construit et ensuite être en mesure de sortir et d' obtenir différentes positions en tant que concepteur d'interface utilisateur UX. C' est à vous de décider. Il s' agit donc de ce que vous voulez faire et comment vous voulez y arriver. Cependant, les informations sont là pour que vous puissiez profiter et être en mesure de tirer parti de votre UX et que vous êtes carrière. Et cela va être là pour le marché des concepteurs UX et UI. Et on se verra sur la prochaine. 5. Aperçu des rôles UX: Dans cette vidéo, nous allons passer en revue les rôles UX et UI. Donc, ce sont les, certains des différents rôles et vous allez voir au sein d'une organisation. Et cela peut différer un peu en fonction de la taille de l'organisation. Si vous avez peut-être une petite organisation avec laquelle vous travaillez ou une organisation de taille moyenne, vous allez constater que souvent une personne porte beaucoup de chapeaux différents et fait beaucoup de ce travail par elle-même. Donc, un individu, disons dans une startup ou dans une petite entreprise, peut faire UX et UI tout seul. Par rapport aux grandes organisations, vous pouvez avoir quelqu'un qui gère juste un UX, quelqu'un gère juste une interface utilisateur. Quelqu' un fait les recherches, non ? Et si les petites entreprises de taille moyenne, vous allez généralement trouver une personne qui gère ces deux et fait toutes les recherches et toutes les informations de base et les exigences qui sont nécessaires aussi. Donc, allons de l'avant et sauter dans les différents types de rôle d'interface utilisateur et UX. Donc le premier ici va être un concepteur visuel. Et cela peut également être connu comme un graphiste. Et ce qu'ils font est essentiellement axé sur l'image globale, le concept, la taxe sur les graphiques, la topographie, les icônes de couleurs différentes, l'aspect et la sensation de la façon dont le design ou l'application du site Web va Regarde. Et puis nous avons le designer UX, non ? C' est l'individu qui gère le parcours client. Ils gèrent l'expérience client, s' assurant que l'utilisateur final a une expérience agréable et satisfaisante avec la marque, le site Web, l'application, et que le projet a une logique afin que l'utilisateur puisse passer d'étape en étape sans se perdre, n'est-ce pas ? Pensez à un entonnoir de vente. Si vous n'êtes pas familier, nous allons parcourir cela dans ce cours dans la section Conception UX, où vous allez apprendre sur les entonnoirs de vente, les différentes étapes du processus. Comment les gens vont et réellement acheter des articles dans un micro étapes différentes qui sont impliqués dans que vous allez tout apprendre à ce sujet. Cependant, je voulais juste vous donner un aperçu rapide que le concepteur UX a tout à voir avec la façon dont les utilisateurs interagissent avec la marque et comment ils vont d'un étranger complet à devenir réellement un client payant. Et puis le concepteur de l'interface utilisateur, c'est l'individu qui est concerné par les éléments de conception graphique d'une interface, non ? Il suffit de penser à une application. Pensez à n'importe quel type d'application mobile, n'importe quel type de produit en ligne, comme un produit SaaS, n'est-ce pas ? Ça vous a là-dedans. Vous obtenez un login et vous devez interagir avec les différents types de fonctionnalités et de fonctionnalités, n'est-ce pas ? C' est ce sur quoi se concentre un concepteur d'interface utilisateur, s' assurant qu'une fois que l'utilisateur est déjà là et qu'il interagit avec le produit réel, c'est une expérience très agréable pour eux d' interagir avec cette application particulière, sites Web ou quoi que ce soit, n'est-ce pas ? Et puis nous avons un concepteur d'interaction. Ce sera généralement des organisations plus grandes où vous avez un très gros projet, n'est-ce pas ? Vous avez donc besoin de quelqu'un pour venir ici et comprendre comment un utilisateur interagit avec une application et construire différentes interactions et animations dans le design afin qu'il y ait beaucoup plus d'interactivité. Et comme je l'ai dit, ce sera généralement dans une grande organisation où les projets deviennent assez complexes et vous avez besoin de ces personnes pour travailler avec des médias différents, pour travailler avec différents types de vidéos. Et puis le suivant est l'architecte de l'information. Cela va se passer de la même façon dans une grande organisation. Et donc ces personnes traitent de la structure d'un site web, d'une application, en s' assurant que tout est structuré de manière à ce que, vous savez, les différents domaines soient couverts, les différentes sections soient couvertes, et tout a une belle structure à l'information et il est facilement accessible, non ? Et puis nous avons le stratège du contenu. Il s'agit de l'individu qui est réellement chargé d'écrire le contenu. Alors pensez juste à s'ils se lancent dans un énorme site Web qu'ils construisent, peut-être à partir de zéro, alors le stratège du contenu, C'est celui qui est en train de développer ou de rassembler ou d'écrire la copie, non ? Pour tout le site, c'est ça. Il regroupe toutes les différentes pages, le «  À propos de nous », le « Contact Us ». Tous ces éléments sont essentiellement gérés par les stratèges du contenu. Et rappelez-vous, dans les petites organisations, vous aurez généralement une seule personne qui fait tout ça, vrai, qui fait tout ça. C' est pourquoi il est vraiment important d'avoir de l'expérience. Non seulement en tant que concepteur d'interface utilisateur UX , comprendre la conception graphique, comprendre les différences entre UX et UI, mais aussi être capable de comprendre la psychologie humaine, comprendre comment structurer l'information correctement, comment écrire copie différente, comment écrire différents messages de blog. Parce que pour la plupart, dans une petite et moyenne entreprise, vous allez faire tout cela vous-même. C' est pourquoi vous voulez être bien informé et comprendre ce que chacun de ces rôles différents fait être en mesure de comprendre les implications de ces rôles dans une organisation. Et donc, lorsque vous regardez différents postes, lorsque vous regardez différentes choses qui sont nécessaires dans la mesure d'une description de poste particulière. Vous voulez être en mesure de voir ce que font toutes ces personnes et ce qui est nécessaire. Et puis être en mesure de voir où vous pouvez ajouter le plus de valeur et apprendre ces différents rôles et comprendre ces différents rôles à un niveau fondamental afin que vous puissiez en parler. Vous savez ce qu'ils font, comment ils interagissent avec l'équipe actuelle et l'objectif global du projet. Donc, et donc cela va être ici pour les différents rôles dans le type UX et UI de projet. Et comme je l'ai dit, assurez-vous que vous comprenez ce que chacun de ces individus fait pour que lorsque vous cherchez à postuler pour un certain poste ou que vous cherchez à soumissionner pour un certain emploi, vous savez ce que ces gars le font, et vous pouvez être en mesure de répondre à votre offre particulière, votre offre ou votre curriculum vitae à ces exigences particulières, n'est-ce pas ? Donc ça va être là pour celle-là, et on se verra sur la prochaine. 6. Aperçu de la section d'industrie Web: Bienvenue à la section Introduction à l'industrie Web de ce cours. Dans ce cours, nous allons parler de l'industrie du web à partir d'une vue d'ensemble afin que vous puissiez avoir une idée de ce à quoi vous allez vous attendre lorsque vous entrez dans un environnement d'équipe et quels seront vos rôles spécifiques au sein de cet environnement d'équipe ? Et quels seront les rôles de tout le monde dans cet environnement aussi. Et alors, allons-y et sautons ici. Donc, la toute première chose que nous allons aborder est les étapes du développement web. Maintenant, c'est vraiment important ici pour vous de comprendre que les étapes du développement Web seront les piliers fondamentaux que tout concepteur utilise lorsqu'il développe un nouveau produit, n'est-ce pas ? Il est important de comprendre ce qu'ils sont et comment les exploiter et les utiliser dans vos conceptions et dans votre travail, n'est-ce pas ? Et si vous travaillez dans un cadre d'équipe pour vraiment comprendre comment chacun d'entre vous qui est impliqué dans l'équipe va passer par ces différentes étapes pour développer ce produit particulier, ce site Web, quoi que ce soit, n'est-ce pas ? Ensuite, nous allons entrer dans le travail dans une équipe et des responsabilités de concepteur. Nous voulons nous assurer que vous avez une compréhension fondamentale du rôle de tout le monde au sein de cette équipe ? Quel sera votre rôle ? Quelles sont les responsabilités de tout le monde classement bien que différents rôles aient des descriptions différentes afin que vous sachiez à quoi vous attendre si vous allez travailler pour une startup, si vous allez travailler pour une petite et moyenne entreprise, ou même si vous allez travailler pour une grande entreprise, n'est-ce pas ? Ensuite, nous allons passer en revue l'approche agile de la gestion de projet. C' est quelque chose qui est très important pour vous de le comprendre car il existe plusieurs types de gestion de projet différents. Cependant, avec l'âge, l'approche Agile sera la plus couramment utilisée à moins que vous utilisiez une approche linéaire aussi. Mais cela va être le plus commun que vous voyez dans le champ UX et UI. Et puis après celui-ci, nous allons aller dans le Scrum, comprendre le cadre de ce système de gestion de projet particulier et comment cela fonctionne jusqu'à être en mesure d'accomplir diverses tâches connues sous le nom de Sprints. Et nous allons y aller en détail. Je veux juste vous donner un aperçu de ce qu'est cette mêlée. C' est un cadre vraiment flexible qui permet différentes personnes au sein d'un projet à travers le maximiser les compétences et le rendement. Et puis nous allons passer sur Trello, d'autres vont être une application Kanban facile à apprendre. quelque sorte vous donner un aperçu de ce à quoi ressemble une interface utilisateur Kanban, pourquoi elle est importante et à quoi vous attendre lorsque vous travaillez avec l'interface utilisateur Kanban. Enfin, nous allons passer en revue d'autres systèmes de gestion de projet et d'autres types d'applications d'équipe et vous donner vraiment un aperçu des différents systèmes sur le marché. Et vous donner un aperçu de ce que vous pouvez vous attendre à utiliser commençant par si vous êtes juste un freelancer ou si vous cherchez à rejoindre une équipe, quels sont les plus populaires, puis certains des avantages et inconvénients de chacun. Donc ça va être là pour cette leçon, et on se verra sur la prochaine. 7. Les phases du développement Web: Dans cette vidéo, vous allez apprendre les étapes du développement web. C' est donc quelque chose qui est très important en tant que concepteur UX UI à comprendre, où il est capable de prendre un produit du tout début à son achèvement complet et d'avoir un produit fini complet et complet. Je veux donc que vous compreniez à un niveau très élevé ici, quelles sont les étapes et comment elles fonctionnent, et à quoi vous attendre à chaque étape particulière. Allons-y et sautons ici. Donc, comme vous pouvez le voir ici, nous avons les trois étapes différentes, qui est la conception numéro un. Le numéro deux sera le revêtement. Le numéro trois va être le développement. Et comme vous pouvez le voir ici, c'est un processus assez simple. Tout d'abord, vous esquissez la conception. Tu regardes. Quel est exactement l'objectif final des clients, ou quel est exactement l'objectif final du projet en particulier, n'est-ce pas ? Comment voulez-vous qu'il ressemble à un produit fini ? Et une fois que vous concevez et regardez, accord, c'est comme ça que je veux qu'il ressemble. C' est ainsi que je voulais ressentir les schémas de couleurs qui conçoivent. Et puis nous avons la phase de revêtement. Et c'est là que vous travaillez généralement avec HTML ou CSS pour vraiment exposer exactement comment vous voulez qu'il ressemble et ressent. Et puis nous entrons dans le développement. C' est une phase finale où vous êtes à peu près en train de mettre en place la fonctionnalité. Les concepteurs front-end ont fait tout le travail, tout est maintenant sur le backend. On va parcourir chacune de ces choses en détail. Alors allons de l'avant et passons ici à la phase de conception. Donc, quand il s'agit de la conception, c'est là que le concept graphique et logique sont développés. Donc, tout le monde dans l'équipe, si vous travaillez dans un environnement d'équipe, sait comment le site Web fonctionnera , comment fonctionne la pomme , quel que soit le produit que vous concevez, n'est-ce pas ? Et c'est la partie la plus importante de ces trois étapes parce que la partie design du processus de développement web vous permet d'avoir une vue d'ensemble de ce que le public va voir, comment ils vont être connaître le produit ou l'application ou le site Web en particulier, quoi que ce soit, n'est-ce pas ? Et c'est là que vous voulez développer le produit final en ce qui concerne le filage, en ce qui concerne la compréhension de l'endroit où les boutons vont aller, où les différents éléments d'un site Web vont aller. Dans. Toute cette compréhension va vous aider à avoir une meilleure idée de ce à quoi ressemblera le projet final, non ? Parce que vous ne pouvez pas construire quelque chose si vous ne savez pas ce que vous construisez, n'est-ce pas ? Donc d'abord, tu dois prendre cette direction. Vous devez avoir cette vue d'ensemble de la conception d'image de ceci est à quoi je veux que le site ressemble. C' est comme ça que je veux qu'il fonctionne. C' est là que je veux tous les différents composants qui contrôlent toutes les différentes fonctionnalités et fonctionnalités pour aller. Ensuite, nous pouvons passer à l'étape du développement. Et donc ce que vous voulez comprendre à propos de la phase de conception est que c'est là que tout commence. C' est là que vous êtes en mesure de concevoir différentes idées, de créer différents filaires. Et vraiment exposer exactement comment vous voulez que les utilisateurs interfacent avec le produit réel. Ok, allons de l'avant et passons par un exemple ici. Donc, disons que nous développons une page de destination où nous fournissons une ressource gratuite ou que les clients fournissent une sorte de ressource gratuite en échange d'une adresse e-mail. Et c'est assez commun où vous avez une page particulière qui est ici juste pour échanger des informations avec cet utilisateur particulier. Donc, disons que nous développons une page de destination et notre objectif ultime est de rassembler une adresse e-mail, est-ce pas ? Collecter l'adresse e-mail. Donc, quand nous développons la page de destination, sont quatre choses que nous devons répondre avant de réellement Lenaro dehors dans le développement de tout le contenu et tout. Alors numéro un, quels sont les objectifs de la page ? Donc, les objectifs de la page est d'obtenir des téléchargements, éduquer l'utilisateur sur le téléchargement, n'est-ce pas ? Disons que nous avons une sorte de PDF ou une sorte d'ebook ou de tricher G qui montre aux gens comment faire une certaine chose et moins de temps, non ? Comment gagner du temps en faisant X, ou comment gagner du temps en faisant pourquoi écrire tout ce qui peut être. Il est important d'éduquer l'utilisateur et de lui faire savoir ce qu'il reçoit exactement et pourquoi il doit agir. Et donc numéro deux, nous voulons regarder les objectifs de l'utilisateur pour la page. Donc, pour eux, ils veulent obtenir quelque chose gratuitement et ils veulent comprendre ce que c'est. Répondre à ces questions et nous poser ces questions va vraiment nous permettre de créer une page de destination qui a le bon message, la bonne mise en page. Et ce sera facile pour cet utilisateur d'accomplir ces choses, n'est-ce pas ? Et puis numéro trois, quelles sont les questions auxquelles l'utilisateur doit répondre pour atteindre l'objectif. Alors qu'est-ce qu'ils ont ? Pourquoi ont-ils besoin de ça ? Que se passe-t-il ensuite ? Que se passe-t-il après avoir téléchargé l'ebook particulier ou le chichi ? Vont-ils acheter un produit ou vont-ils acheter autre chose ? Quelle est la prochaine étape droite ? Ensuite, l'étape suivante implique une sorte de développement, sorte de processus d'entonnoir de vente où vous les mettez dans un seau séparé, dans un public réel qui a déjà engagé avec le produit et le service. Et nous arrivons aux entonnoirs de vente et au parcours client. Et dans les conférences ultérieures, je veux juste vous donner un aperçu ici de la conception en ce qui concerne une page de destination qui est en train de concevoir quelque chose pour une ressource gratuite, non ? Donc la quatrième question qu'ils doivent se poser, et vous devriez vous poser, n'est-ce pas ? Est les émotions que vous voulez invoquer. Vous voulez invoquer l'assurance, le soulagement et la confiance, n'est-ce pas ? Ce que vous voulez faire, c'est chaque fois que vous concevez une page de destination pour une situation particulière, soit les questions que vous voulez vous poser. Ces questions ici ne sont pas seulement pour la conception de la page de destination. Vous pouvez prendre cela dans la conception du produit. Vous pouvez prendre ça dans, vous savez, conception d' applications, quoi que ce soit, n'est-ce pas ? Parce que les questions ici seront pertinentes, peu importe ce que vous concevez. Rappelez-vous que vous voulez être en mesure d'aider les gens à comprendre ce qu'ils reçoivent, pourquoi c'est important pour eux, comment voulez-vous qu'ils ressentent et que vous et votre équipe comprenez quel est l'objectif ultime pour cela produit particulier ou quel que soit le type d'application sur lequel vous travaillez, quel qu'il soit. Alors. Ok, alors maintenant regardons le filage. C' est la partie de la conception qui est vraiment importante ici aussi. C' est là que vous allez pouvoir regarder, disons, un filaire d'un site Web et regarder où tous les différents composants vont être, où les différents onglets, ce qui concerne le menu, disons que ont un menu dans une zone spécifique, peut-être conception spécifique, mise en page spécifique. Où allez-vous avoir vos différents textes, morceaux de contenu, n'est-ce pas ? Et donc le filage consiste en ce croquis initial qui montre vraiment où tout va être. Il vous montre également les différents schémas de couleurs qui seront utilisés dans ce projet particulier. Et si vous regardez l'image ici à droite, cela vous donne vraiment une bonne idée de ce à quoi ressemblera un filaire, où toutes les différentes parties du site Web réel, le produit, quoi que ce soit, où ils vont être positionnés, n'est-ce pas ? Et un outil que nous allons utiliser tout au long de ce cours est Adobe XD. Et c'est un outil filaire puissant qui est couramment utilisé par les concepteurs UX et d'interface utilisateur avec dx, dy, vous pouvez rapidement simuler des mises en page filaires, Créer des éléments d'interface utilisateur, défini différents organigrammes utilisateur, différentes structures de navigation. Et c'est vraiment, vraiment un bon outil pour nous de pouvoir se moquer de quelque chose très rapidement, très facilement. Et ce sera quelque chose que nous allons utiliser tout au long de ce cours. Donc je suis excité que vous commenciez avec ça. Et allons de l'avant et sautons dans l'étape suivante, qui va être le revêtement. Donc, une fois que nous avons le design présenté en ce qui concerne la façon dont nous voulons que tout ressemble. Il est temps de commencer à le créer en utilisant plusieurs types de langages de codage différents. Donc, quand il s'agit de coder ici, ce que nous allons faire est typiquement en utilisant trois langues différentes. Donc, une fois que nous avons fini avec le design et nous savons exactement à quoi nous voulons que tout ressemble. Nous connaissons les schémas de couleurs, nous connaissons la mise en page, nous filature que tout. Ensuite, nous allons transférer les fichiers vers les encodeurs avant afin qu'ils puissent commencer à créer. Cela va ressembler, et donc ils vont généralement utiliser HTML, CSS et JavaScript. Maintenant, si nous regardons les trois langues différentes ici, HTML signifie langage de balisage hypertexte, ce qui vous permet de créer du texte structuré dans des pages Web ou des applications. n'y a rien de super spécial là-dedans ou quoi que ce soit comme ça. C' est juste un langage très simple qui nous permet d'utiliser du texte. Et puis nous avons le CSS. C' est là que la magie se produit ici, où nous sommes en mesure d'entrer beaucoup des différents éléments de style dans le HTML. Et finalement, ce qu'il fait, c'est qu'il sépare le contenu de la représentation visuelle des sites. C' est là que les schémas de couleurs entrent en jeu. C' est là que les fonctionnalités de conception entrent, à droite, dans le fichier CSS, les développeurs de frontend ou les codeurs, répertorie tous les styles de votre projet. Par exemple, les styles de police, les boutons, les coins, les ombres, les couleurs, n'est-ce pas ? Donc nous donnons vraiment vie à cette page Web particulière ou à cette application parce que nous avons juste du texte là, n'est-ce pas ? Il ne va pas être très joli donc il ajoute la possibilité donner vie à une page Web ou à une application, pour ainsi dire. Et puis nous avons JavaScript. C' est là que vous pouvez prendre des éléments web statiques et les rendre interactifs. Et ainsi par exemple. Disons que vous avez une sorte de bouton qui dit maintenant ou Ajouter au panier. Je suis sûr que vous avez vu ceux sur différents sites de commerce électronique, peut-être quand vous allez acheter un produit ou quoi que ce soit qui peut être en ligne, vous pouvez rendre ces différents boutons interactifs. Tu peux les faire rebondir. Vous pouvez les faire faire toutes sortes de choses différentes avec JavaScript, n'est-ce pas ? C' est qu'interactif en substance, vous êtes capable de faire au lieu de simplement avoir ces éléments statiques et maintenant être capable d'avoir n'importe quelle interactivité. Donc, ce sera les différents langages de codage qui vont être utilisés. Généralement, lorsque les codeurs codent réellement sur le site, ils utilisent HTML pour écrire le texte. Ils utilisent CSS pour les éléments de conception réels et pour apporter la couleur et tous les différents schémas de conception. Et puis JavaScript est ce qui permet à la page Web ou à l'application de rendre différents éléments statiques interactifs. Donc très, très puissant. Bon, alors passons à la troisième et dernière étape, qui est le développement. C' est le codage back-end maintenant, donc nous avons fait la conception. Nous savons exactement à quoi nous voulons que tout ressemble. Nous avons filaire que nous savons où vont tous les éléments. On n'a pas envoyé ces fichiers aux codeurs. Ils ont tout mis en place, construit tout avec le HTML, CSS et JavaScript. Et maintenant, il est temps pour nous d'aller à la phase de développement ici où nous développons réellement tout sur le backend. Alors allons de l'avant et sautons dans le développement. Donc, quand il s'agit du développement backend, c'est ce qui le rend vraiment disponible pour que le site soit en direct sur Internet. Et c'est là que toutes les données sont stockées. Le backend du site Web se compose d'un serveur, l'application et de la base de données. Parce que si vous décomposer vraiment ce qu'est exactement le site Web dans ses termes techniques, c'est vraiment juste un tas de fichiers, un tas de codage, et une base de données, non ? Il y a donc différentes applications sur cette base de données. Vous avez un serveur, parfois il peut être partagé, parfois il peut être auto-hébergé, quoi que ce soit, n'est-ce pas ? Mais un développeur back-end a réellement construit et maintient une technologie qui alimente tous les composants qui ont travaillé ensemble dans l'activation et permettent à l'utilisateur face côté du site d'exister même en premier lieu. Les sites Web sont littéralement comme je l'ai mentionné, tout l'AR est un tas de codage, un tas d'applications dans une pluie de serveur. Et quand nous allons sur n'importe quel site Web et nous voyons tous les différents schémas de couleurs, tous les textes ou le JavaScript Tout est hébergé sur le backend dans une base de données particulière sur le serveur. Ce sont donc les trois différentes étapes du développement web. Vous avez la phase de conception où nous construisons tout. Nous construisons comment tout va fonctionner, comment tout va ressembler. On n'envoyait pas tout aux codeurs. Ils le construisent en utilisant HTML, en utilisant CSS et JavaScript. Et puis enfin, les développeurs vont réellement héberger le site Web, obtenir la configuration de la base de données et les applications afin que nous puissions poster cela en direct. Ainsi, les individus peuvent réellement l'utiliser via Internet. Donc ça va être là pour cette leçon et on se verra sur la prochaine. 8. Responsabilités du concepteur (travailler dans une équipe): Dans cette vidéo, nous allons passer en revue les différentes responsabilités de Designer au sein d'une équipe. Cela va donc vous donner un aperçu de ce à quoi vous attendre en ce qui concerne les responsabilités différentes au sein d'un environnement d'équipe. Ce que vous pouvez vous attendre en tant que concepteur UI UX vous-même. Et, mais ils vous donnent une vue d'ensemble de ce que vous pouvez vraiment espérer voir dans un environnement d'équipe. Ou si vous allez travailler au sein d'une petite organisation ou d'une grande organisation. Jetons donc un coup d'oeil à certaines des responsabilités de concepteur UX. Certaines des choses que vous pouvez vous attendre à faire, surtout si vous travaillez au sein d'une petite organisation où vous devrez peut-être porter plusieurs chapeaux différents. Vous pouvez être le concepteur de l'interface utilisateur UX et vous pouvez être la personne qui effectue la recherche. Vous êtes peut-être la personne qui développe le contenu, n'est-ce pas ? Et c'est pourquoi, en tant que concepteur UX, concepteur d'interface utilisateur UX, il est important d'être multiforme parce que, surtout maintenant il y a malheureusement beaucoup de licenciements en cours sur le marché, même s'il y a encore beaucoup de croissance et beaucoup d' opportunités et il est important d'être multiforme. Il n'avait pas beaucoup de compétences au sein de l'interface utilisateur UX et de l'espace marketing en ligne. Vous allez donc être responsable de la recherche des utilisateurs souvent pour recueillir les informations pour évaluer les différentes exigences des utilisateurs, pour travailler avec les gestionnaires, les développeurs et aussi les clients finaux. Et vous serez également responsable d'illustrer vos idées à l'aide de storyboards, flux utilisateur, de tableaux d'humeur et de sitemaps. Et vous allez également vous impliquer dans la conception graphique à l'aide de différents éléments d'interface. Vous allez être responsable du développement de différentes maquettes, de différents prototypes qui illustrent comment le site fonctionne et ressemble à cette étape de conception initiale. Et c'est là que vous allez utiliser Adobe XD vraiment filaire pour se moquer de ça. Et tu vas le faire. Vous allez apprendre comment utiliser Adobe XD, comment dans ce cours. Et vous allez également être responsable de l'identification et de la résolution des différents problèmes de UX et de la compréhension du flux de l'expérience utilisateur au Canada, n'est-ce pas ? Parce qu'avec l'expérience utilisateur, vous avez le parcours client où les gens arrivent, différents utilisateurs arrivent à différentes étapes. Mais aussi comprendre ce qu'est un entonnoir de vente, comment fonctionne un point de vente et les différents types d'entonnoirs de vente. Parce que tout ça va faire partie de l'expérience utilisateur, non ? Comment ils vont interagir avec le produit, avec la marque. Et puis vous allez également ajuster les maquettes en fonction des commentaires des utilisateurs. Vous allez faire comme MVP, des produits minimums viables, où vous pouvez pousser cela au client ou à l'utilisateur et être en mesure de revenir modifier, ajuster en fonction des informations et des commentaires que vous recevez. Et puis vous serez responsable développement et du suivi des normes et de la police, des couleurs et des éléments, OK, c'est ce à quoi vous pouvez vous attendre. Typiquement dans le champ UX UI, je sais que c'est plus de l'UX. Cependant, UX et UI sont assez interconnectés et liés. Vous ne trouverez généralement que dans les grandes organisations où l'UX et l'interface utilisateur sont individualisées, où vous pouvez avoir quelqu'un qui travaille simplement sur la phase de l'expérience utilisateur. Cependant. Pour la plupart des entreprises mod de taille moyenne, en particulier les startups, qui va être un excellent domaine pour vous de commencer à travailler pour une entreprise, n'est-ce pas ? Parce que vous allez être en mesure d'aider cette entreprise à se développer, aider à développer un produit et une application, quels qu'ils soient, et de participer potentiellement à la prise de participation parce que vous serez un membre fondateur. Et ce qu'ils doivent avoir des organisations, vous allez faire beaucoup de choses différentes au sein de l' UX et de l'interface utilisateur et ils vont être en quelque sorte fusionnés. Et donc tu ne remarqueras pas vraiment une différence, non ? Et c'est pourquoi j'ai également mentionné que si vous avez l'expérience utilisateur, non seulement avec la compréhension des différents flux utilisateur vers différents parcours client, mais aussi avec les entonnoirs de vente, comprendre comment développer une page de destination, des éléments de page de destination, comment développer copier tous ces différents facteurs qui feront de vous un utilisateur utilisateur utilisateur UX à multiples facettes. Vous allez avoir beaucoup plus de valeur pour ces organisations, pour ces entreprises. Et ils vont vouloir vous engager et vous garder autour. Parce que c'est souvent ceux qui sont les moins précieux sont ceux qui, vous savez, partent en premier ou sont licenciés, n'est-ce pas ? Parce que si quelqu'un a juste l'expérience de l'interface utilisateur ou expérience UX par rapport à quelqu'un qui a les deux UI UX, peu d'expérience marketing, comprendre la persuasion des ventes. Vous savez, les entonnoirs de vente, comment développer une page de destination, comment écrire une copie, ce que vous allez apprendre. Beaucoup de ceux qui suivent ce cours, alors vous allez être extrêmement précieux pour cette organisation ou pour n'importe quel client avec lequel vous décidez de travailler. Le pré va appeler le consultant indépendant ou le consultant client, ok. Par conséquent, d'autres choses que vous pouvez vous attendre à faire dans votre rôle sont l'analyse des données statistiques. Généralement, en utilisant comme Google Analytics ou tout autre type de logiciel analytique pour examiner différentes informations en ce qui concerne l'origine des utilisateurs, du trafic, s'il provient d'une source particulière par rapport à une autre. Et pourquoi cela regarde aussi la démographie des utilisateurs, l'âge, qu'il s'agisse d'un homme ou d'une femme, n'est-ce pas ? Différentes régions du monde à partir de la circulation, n'est-ce pas ? Faire une analyse compétitive et aussi écrire un questionnaire, une sorte d'enquête pour être en mesure de donner des commentaires afin d' améliorer les produits actuels ou l'application ou le site Web, quoi que ce soit. Une excellente façon de le faire est de pouvoir simplement interviewer le public cible réel. Peut-être le faire appeler, peut-être qu'ils remplissent une sorte de sondage comme je l'ai mentionné. Mais comprenez vraiment que le rôle UX et UI va vraiment être multiforme si vous voulez être quelqu'un qui a une énorme valeur pour une organisation, vous voulez être quelqu'un qui a toutes les compétences que vous allez apprendre dans ce cours. Vous voulez avoir plus que des compétences UI ou UX. Comme je l'ai dit, tu veux être multiforme. Vous voulez les connaître tous les deux. Vous voulez connaître les pages de vente, vous voulez connaître les entonnoirs de vente, et vous allez apprendre tous ceux de ce cours de sorte que lorsque vous décidez d'aller là-bas et de chercher un emploi, vous allez avoir une multitude différentes compétences que vous allez être en mesure d'apporter à la table. Nous allons être extrêmement précieux et il sera plus facile pour vous de décrocher un emploi ou de travailler avec le client parce que vous n'êtes pas seulement une interface utilisateur ou un concepteur UX unidimensionnel. Vous êtes aux multiples facettes et vous avez beaucoup plus de compétences, n'est-ce pas ? Donc, dans certaines des autres choses qu'on va vous demander de faire , c'est de définir différentes personnalités d'un projet, n'est-ce pas ? Il s'agit de comprendre les différents parcours client que chaque individu va traverser. Et aussi comprendre que personne individuelle comme qui est l' individu cible qui va acheter ce produit particulier en utilisant cette application particulière, utilisant ce site particulier. quoi ressemble ce personnage ? Rama démographie point de vue, et aussi la création d'un sitemap Pour comme un site Web. Et puis aussi être en mesure de concevoir l'histoire de l'utilisateur dans le flux de l'utilisateur. Et c'est vraiment important pour vous d' être un bon concepteur UX est de comprendre un genre de pari de flux que quelqu'un va passer par quand ils utilisent une application particulière, quand vous utilisez un site Web et qu'ils utilisent certains sorte de produit, non ? A quoi ça ressemble du début à la fin, non ? Et être capable de comprendre comment exposer ça. Et c'est exactement ce que vous allez apprendre dans ce cours. On s'attend également à ce que vous créiez un prototype de faible fidélité. Écrans de transition. En règle générale, vous allez pouvoir utiliser Adobe XD pour créer cela. Donc, vous devriez être en mesure de les créer. Pas de problème dans ce cours parce que vous allez apprendre à faire toutes ces choses dans ce programme de sorte que lorsque vous décidez d'aller là-bas sur le marché et réellement chercher un emploi ou, vous savez, faire certains clients consultant ou freelance. Vous allez être équipé de beaucoup plus de compétences qu'un simple concepteur UX ou UI typique. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 9. Rues et descriptions (travailler dans une équipe): Dans cette vidéo, vous allez découvrir les différents rôles et descriptions que vous trouverez généralement lorsque vous travaillez au sein d'un environnement d'équipe. Maintenant, cela va être pour typiquement une petite à moyenne entreprise, pourrait être un milieu de votre entreprise aussi bien. Cependant, vous constaterez que les grandes organisations sont au niveau de l'entreprise, et vous aurez des rôles beaucoup plus spécifiques au sein du département de création réel. Cependant, pour cet exemple particulier, il s'agira d'une petite à moyenne entreprise mature. Et alors, allons de l'avant et sautons dans ce que les différents rôles vont être et ce à quoi vous devez vous attendre. Le premier rôle est donc un gestionnaire de projet. Maintenant, c'est l'individu qui rassemble les exigences d'un projet, d'estimer le coût réel. Ils planifient tout ce qui contrôle la gestion du temps du travail qui y est fait essentiellement en dirigeant l'ensemble de l'opération là-bas, en veillant à ce que tout soit fait à temps ou en veillant à ce que tout le monde prenne des mesures et être responsable de leur côté du projet. Et ils sont donc ceux qui ont vraiment le contrôle à un niveau très élevé. Et puis nous avons le gestionnaire de contenu. C' est l'individu qui est responsable de la mise à jour essentiellement de la section de contenu d'un site Web particulier dans ce contexte, pensons-y, un point de vue de projet de site Web. Il va y avoir des textes différents. Peut-être la section A propos, peut-être le contact, peut-être, peut-être, comme un billet de blog, peu importe ce qui peut être dans la portée d'un projet, ils seront responsables de l'écriture du contenu spécifique jusqu'à ce que, disons qu'ils travaillent dans un système de gestion de contenu tel que WordPress. Ils vont être connectés et travailler sur le backend du site, connecter et écrire tous les différents post peut-être blog, en ajoutant toutes les différentes images tout au long du backend du site. Et puis nous avons l'encodeur avant. C' est un programmeur qui code et crée réellement le front visuel et les éléments d' une application d'un site Web en utilisant ces trois langages de programmation différents dont nous avons parlé précédemment, qui est le HTML pour le texte en CSS pour le conception visuelle réelle, les schémas de couleurs, puis le JavaScript pour les différents éléments interactifs qui vont être impliqués dans ce site particulier. Et puis nous avons un programmeur, c'est le développeur principal. Il y a essentiellement de travailler avec le développeur frontal qui construit réellement la mise en page, l'apparence du site Web afin qu'ils soient en mesure d'héberger le site Web sur un serveur particulier. Ils sont capables de créer une certaine base de données, ont différentes applications, quelles qu'elles soient, pour s'assurer que le backend du site Web est configuré pour héberger réellement le site Web. fin de compte, le développeur principal est ce qui permet vraiment au site Web, à l'application, quelle qu'elle soit , d'être hébergée afin qu'elle soit accessible via Internet pour que tout le monde puisse soit télécharger ou interfacer avec VHS, vous savez, en tapant l'URL, n'est-ce pas ? Donc, assurez-vous qu'il est réellement hébergé pour être en mesure d'être accessible en ligne. Et puis nous avons le testeur, C'est l'individu qui va réellement passer par l'application, fait aller sur le site Web, en s' assurant que tout est d'une manière logique très précise. Le flux de l'utilisateur est bon, que la conception est bonne, le contenu est tout logique, et tous les détails techniques sont présentés et juste en s' assurant que tout fonctionne bien du point de vue de l'utilisateur. Je veux me mettre dans le client ou les utilisateurs et l'état d'esprit et passer par cette application ou ce site Web comme si j'étais le client réel ou l'utilisateur final. Ils vont donc travailler avec toute l'équipe et faire savoir à tout le monde s' il y a des problèmes techniques ou si le contenu n'a pas de sens. S' il y a des fautes d'orthographe, si le dessin est désactivé, non ? Ils vont donc le signaler aux autres membres de l'équipe pour s'assurer que tout fonctionne bien afin qu'ils puissent avoir un excellent produit final. Ok, donc ça va être cette leçon ici. Je voulais juste vous donner un aperçu de ce que vous pouvez attendre au sein d'une petite ou moyenne entreprise quand vous allez entrer en tant que concepteur UX, concepteur d'interface utilisateur, n'est-ce pas ? Vous allez avoir ces différents individus au sein de l'équipe. Et encore une fois, comme je l'ai mentionné précédemment, si vous avez beaucoup plus de compétences qu'un simple concepteur d'interface utilisateur UX, vous comprenez les pages de destination, vous comprenez les entonnoirs de vente, vous comprenez et influencez la psychologie comportementale, que vous allez apprendre dans ce cours. Vous allez être beaucoup plus précieux pour votre équipe. Ça va être là pour celle-là. Et on se verra sur la prochaine. 10. Approche agile à la gestion de projet: Dans cette vidéo, nous allons passer en revue l'approche agile de la gestion de projet. Maintenant, ce sera l'un des types de styles de gestion de projet les plus courants que vous utilisez dans le monde de l'entreprise. Si vous travaillez sur un projet particulier au sein d'une organisation, si vous travaillez pour vous-même en tant que freelance, ou peut-être que vous avez votre propre entreprise et que vous faites des conseils gentils. Ce sera le système de gestion de projet le plus utilisé que vous allez utiliser. Allons donc de l'avant et passons dans ce qui est exactement l'approche agile de la gestion de projet. Ok, donc l'une des premières choses que je veux partager avec vous est une comparaison ici entre l'approche traditionnelle et l'approche Agile. Comme je l'ai mentionné, l'approche Agile sera la plus courante, largement utilisée. Et dans les grandes entreprises, grands types d'entreprises, ils utilisent toujours l'approche traditionnelle, qui est la cascade ou le modèle linéaire. Et au fur et à mesure de cette leçon, vous allez vous rendre compte à quel point l'approche agile de la gestion de projet est beaucoup plus puissante que l'approche traditionnelle. Parce qu'avec l'approche traditionnelle, comme vous pouvez le voir ici, tout est de manière séquentielle, linéaire, où vous avez l'analyse des besoins, vous avez la conception du système, vous avez le et vous disposez des tests, du déploiement et de la maintenance. C' est en supposant que tout fonctionne très bien. Tout se passe comme prévu. Eh bien, cela arrive rarement dans n'importe quel type de projet. Il y aura toujours des insectes. Il y aura toujours des problèmes anciens, des choses que vous devez ajuster et modifier fixées en cours de route. Et si souvent ce modèle va tomber en deçà. Cependant, vous savez, les grandes entreprises utilisent encore et elles pensent toujours que c'est important, n'est-ce pas ? Et souvent, ce que vous trouverez dans ces grandes organisations, c'est que vous trouverez différentes personnes manipulées dans un seul domaine du projet. Donc vous pouvez avoir quelqu'un qui fait juste l'assurance-chômage, vous pouvez avoir quelqu'un qui fait juste l'étude de marché, l'analyse, non ? Vous comprenez donc que ces grandes organisations ont des budgets plus importants et qu'elles sont donc en mesure d'allouer plus de ressources à ces personnes. Donc, l'approche agile est quelque chose de très, très unique et précis, qui vous permet de collecter des données et des commentaires très rapidement afin que vous puissiez modifier et ajuster sans avoir à aller plus loin. Parce que si vous développez, disons, un site Web ou une sorte d'application, vous voulez obtenir des commentaires le plus rapidement possible afin de savoir quels sont les goulets d'étranglement, quels sont les problèmes, quels sont les problèmes ? Réparez-les tout de suite. Et une autre chose à noter ici est que la cascade ou le modèle linéaire est généralement utilisé dans l'espace de l'ingénierie logicielle. Donc pas très utilisé dans l'espace UI UX. Cependant, certaines grandes organisations utilisent toujours la cascade ou le modèle linéaire. Le processus de développement web agile typique est composé d' une série de sprints ou de cycles qui impliquent la phase de découverte initiale, cette phase de conception, ce développement, puis les tests. Donc, essentiellement ce qui se passe est que chaque sprint donne un produit tangible et de nouvelles informations pour guider le prochain sprint. Et vous pouvez donc avoir des petits mini sprints dans chaque étape. Ensuite, vous êtes essentiellement capable de planifier, concevoir, développer et tester à chaque étape particulière. Et vous êtes en mesure d'obtenir ces retours rapides. Vous pouvez faire ce test tout de suite. Et donc vous n'avez pas à attendre, vous savez, en ce qui concerne le modèle de cascade, avoir à attendre aux dernières étapes pour réellement récupérer cette information où vous testez et vous voyez si les choses fonctionnent réellement correctement, s'il y a des bogues dont des problèmes, vous le faites de manière cohérente. Chaque étape du chemin ici, non ? À la planification et à la conception, au développement, au déploiement. Et donc tout est synergique. Vous recevez des commentaires très rapidement et vous pouvez modifier et ajuster sans avoir à utiliser beaucoup de ressources. Une des choses que j'aime dans cette approche agile du cadre de gestion de projet ici est qu'il prend le modèle NVP, le produit minimum viable. Et c'est le terme qui a été développé dans la région de la Silicon Valley où vous mettez constamment un produit qui n'est pas très bon, qui, vous savez, a quelques bugs, vous savez, a quelques problèmes, a quelques problèmes. Mais vous voulez obtenir ces commentaires aux utilisateurs pour vous faire savoir, hé, c'est ce que je vis, ce que le produit, c'est le problème que je vois ici. C' est ce que je crois peut être corrigé, peut être ajusté, peut être modifié pour qu'il fonctionne effectivement correctement. Vous recevez donc des commentaires constants parce que vous sortez des produits dont vous savez qu'ils ne sont pas complètement finis, mais vous le faites avec l'intention de récupérer immédiatement les commentaires des utilisateurs, user_data. Donc, vous pouvez constamment modifier, ajuster. Et alors que vous vous dirigeez vers le produit fini, vous avez traversé tant d'itérations parce que vous avez reçu ces commentaires de la part du marché, parce que vous avez passé ces données. Et donc vous avez un produit fini. Vous savez que le marché veut parce que ce sont eux qui vous ont donné la rétroaction. Et comme je l'ai mentionné précédemment, la méthode des chutes d'eau est toujours utilisée dans certaines organisations. C' est pourquoi il est important, en tant que concepteur d'interface utilisateur UX, de pouvoir rester adaptatif et de pouvoir s'ajuster et modifier à n'importe quel type d' approche utilisé dans votre espace de travail particulier. Ou si vous travaillez pour vous-même, vous êtes un pigiste. Vous allez probablement utiliser cette approche agile. Et juste pour le répéter ici, la principale différence avec l'approche Agile est qu'elle contribue à améliorer de façon permanente le produit en fonction des commentaires des utilisateurs. Alors que l'objectif des modèles linéaires est de définir les projets et la production, puis avec la maintenance. Et donc il faut y penser avec le processus linéaire, cette approche linéaire. Vous avez l'étape de maintenance, qui est à la toute fin où ils modifient et ajustent constamment par rapport à cette approche agile ou modifient un ajustement continuellement à chaque étape. Ok, alors jetons un coup d'oeil à certains des différents composants de l'approche agile de la gestion de projet. Donc, vous allez avoir un arriéré de produits, et c'est généralement comme une feuille de calcul, une charte simplement quelque chose sur le mur que vous allez utiliser, peut-être des cartes d'index ou peut-être des notes collantes. Cela vous donne vraiment l'arriéré. Dans une représentation visuelle des progrès de l'équipe. Et puis vous avez l'arriéré de sprint. Voici la liste des tâches que vous devez accomplir pendant un sprint et avant un sprint et le début, l'équipe choisit les éléments du carnet de commandes produit et détermine les tâches nécessaires pour répondre aux besoins de l'utilisateur. Et puis nous avons les réunions de mêlée. Ce sont des réunions quotidiennes pour s'enregistrer et définir le cap pour la journée de travail. Et puis nous avons le Maître de Scrum. Il s'agit des réunions de l'animateur et de la communication entre tous les membres de l'équipe. Et puis nous avons les incréments expédiables. Il s'agit de la fonction tangible dans les applications qui mettent en valeur une fonctionnalité ou le produit final. Ainsi, chaque sprint devrait se traduire par un incréments expédiables. La raison pour laquelle vous travaillez un sprint différent est parce que vous voulez avoir quelque chose de tangible, physique, typiquement à la fin de ce printemps parce que cela vous permet d'avoir progrès après chaque sprint pour être en mesure d'avoir quelque chose de tangible, pour dire, hé, c'est ce que nous avons fait, c'est ce que nous avons rencontré et c'est l'information que nous avons recueillie et ce que nous avons rassemblé à partir de ce sprint précédent. C' est donc ce à quoi vous devez vous attendre lorsque vous travaillez dans un système de gestion de projet Agile. Et maintenant, jetons un coup d'oeil à certains des avantages travailler dans un cadre de type de projet Agile. Donc, certains des avantages ici sont un retour d'information plus rapide pour suivre les changements, une productivité accrue. Et puis l'accent sur les utilisateurs par rapport au modèle linéaire où vous avez la maintenance à la toute fin. Ensuite, vous modifiez un ajustement après avoir terminé le projet. contre, dans l'approche Agile, vous pouvez obtenir des commentaires sur les utilisateurs très rapidement, très facilement, et être en mesure de modifier et d'ajuster au fur et à mesure. Ensuite, nous avons la transparence et la reddition de comptes plus tôt, livraison imprévisible, puis le coût et le calendrier très prévisibles. Jetons donc un coup d'oeil à certains des avantages pour le concepteur UX. Modifier la conception et la logique en fonction des commentaires réels des utilisateurs. Rappelez-vous, chaque chose que nous faisons dans cette approche est centrée sur l'obtention des commentaires des utilisateurs. Donc, nous saurions exactement ce que l'utilisateur veut vivre, ce que ce projet avec cette application particulière, avec cette application particulière, quoi que ce soit, juste, que les commentaires de l'utilisateur sont critiques important dès les premières étapes afin qu'ils participent à l'élaboration de cette application afin que nous sachions en fin de compte que c'est ce qu'ils veulent sur le marché. Un autre avantage ici pour le concepteur UX est d'avoir la possibilité de tester nouvelles idées en utilisant AB testing faire partie du projet tout au long de sa durée de vie. Et voici cinq questions que vous souhaitez poser lorsque vous recevez de nouvelles idées au sein de votre équipe. Parce que souvent, les gens vont avoir des idées différentes, vont avoir des questions différentes, des cadres différents, des pensées. Et vous voulez vraiment vous demander quand ils viennent avec des idées différentes, cela nous aidera à atteindre nos objectifs pour ce projet ? Est-ce conforme à notre marque ou à la marque avec laquelle vous travaillez, que vous cherchez à développer ce produit, ce site Web ou cette application, quel qu'il soit, y a-t-il une meilleure solution qui existe déjà, n'est-ce pas ? Si quelqu'un a déjà une bonne idée et que quelqu'un a une autre idée, quelle est la meilleure idée ou quelles idées fonctionnent déjà en ce moment ? Est-ce que ce sera mieux que ce que nous avons déjà et quel est le pire qui puisse arriver si nous l'essayons ? C' est probablement la meilleure question ici parce qu'il s'agit toujours de comprendre que, hé, nous voulons recueillir autant de commentaires et de données que possible afin que nous sachions finalement ce que le marché va vouloir, qu'est-ce que les utilisateurs vont en fait s'enthousiasmer. Et donc ça ne fait pas mal d'essayer des choses différentes. Cependant, s'il est pris du temps au projet, s'il n'est pas lié, n'est-ce pas ? Vous devez le regarder comme quelque chose qui va ajouter de la valeur au projet. Et puis, enfin, comment allons -nous évaluer si l'idée a été efficace ou non ? Donc tu dois avoir quelque chose à mesurer. Leur volonté se mesure, s'accomplit. Et donc si vous ne mesurez pas la sortie, les données, et que vous êtes capable de regarder, est-ce que cela a réellement fonctionné ? Ensuite, il ne sera pas très efficace dans la mesure où il suffit de prendre des pensées différentes, juste pris sur des idées différentes, des questions différentes. Et donc ce sont cinq questions très importantes à poser chaque fois que quelqu'un jette une idée ou juste quelque chose hors champ gauche, non ? C' est quelque chose qui va vous permettre, vous et votre équipe, d'être tenus responsables les uns envers les autres, où vous n'allez pas simplement jeter les choses à gauche et à droite. Vous voulez voir si cela va ajouter de la valeur à votre projet existant ou ce que vous avez déjà établi. Ok, donc ça va être là pour l'approche agile de la gestion de projet. Et on se verra sur la prochaine. 11. Scrum - Cadre flexible: Dans cette vidéo, nous allons passer en revue le framework flexible Scrum. Maintenant, il s'agit d'un cadre qui est utilisé en conjonction avec les projets de développement agiles pour rendre les choses beaucoup plus faciles, pour rationaliser beaucoup de tâches différentes et pour vraiment définir les rôles de chaque membre de l'équipe au sein du projet réel. Alors allons de l'avant et sauter ici à ce qui est exactement le cadre flexible Scrum. Maintenant, comme je l'ai mentionné, le Scrum est une utilisation de cadre avec des projets de développement agiles qui aide les équipes à travailler ensemble. En fin de compte, il vise à rendre les projets plus efficaces, plus efficients en définissant les rôles de chaque membre de l'équipe, et en fournissant une manière spécifique, organisant la charge de travail sur une série de cycles de développement courts ou sprint. Donc, si vous regardez l'image ici sur la droite, le système Kanban, c'est généralement à quoi cela ressemble jusqu'au framework Scrum. Vous avez vos choses à faire, vous avez des choses qui sont en cours. Vous avez des choses qui sont prêtes à être déployées. Et puis vous avez l'étape d'approbation, puis l'étape finale de w1. Et dans chacune de ces étapes, vous allez avoir des sprints différents, non ? Jetons un coup d'oeil à certains des éléments de Scrum. Donc, nous avons les sprints, qui sont les cycles de travail, et ensuite nous avons les histoires juste à côté que les projets sont divviés en petits morceaux consommables. Donc, quand on regarde les histoires, la petite tâche ici va être prise en charge par cet individu. petit morceau d'un projet va être géré par cette personne là-bas. Donc, il décompose les choses en petits morceaux pour pouvoir être facilement consommés, pour ainsi dire. Ainsi, chaque histoire est assignée à un membre de l'équipe et se déplace à travers la série de colonnes dans un tableau Scrum. Tout comme je l'ai mentionné, vous avez l'examen de l'équipe en cours, examen du propriétaire, et fait, puis le stand-up. Ce ne sont que des réunions de stand qui conduisent un sprint. Vous allez les avoir généralement entre cinq et dix minutes. Juste une petite réunion qui vous dit vraiment à quoi vous attendre, ce qui va être accompli grâce à ce sprint, non ? Et tout cela va être avec vous travaillant dans un environnement d'équipe. Évidemment, tu n'auras pas une norme à te mettre. Donc, tout cela est du point de vue de vous travailler au sein d'une équipe. Et puis nous avons les rangées. Donc c'est là que tout le monde de l'équipe Scrum va être membre de l'équipe, non ? Sauf le Maître de Scrum. C' est l'individu qui dirige la planche Scrum. Donc, vous pouvez essentiellement les appeler le chef de projet, pour ainsi dire. Et puis nous avons les réunions en retard. Donc c'est là que vous donnez la priorité à toutes les histoires et que vous les préparez pour le sprint à venir, n'est-ce pas ? Donc, remarquez comment tout cela est d'une manière séquentielle. Tu le fais pour que tout le monde soit sur la même page. Vous savez où est tout, et vous avez une personne au sommet, qui est le maître de la mêlée, non ? C' est vraiment diriger et guider tout le monde pour s'assurer qu'ils sont tous au bon endroit et qu'ils prennent soin du bon type de sprints, non ? Le bon type d'actions pour finalement les amener à la destination finale. Ensuite, nous avons la réunion de planification. C' est là que l'équipe choisit les histoires à prendre et à qui les assigner. Et encore une fois, c'est là que le Maître de Scrum va généralement diriger et guider tout le monde pour s'assurer qu'ils sont tous au bon endroit. Jetons donc un coup d'oeil à certains avantages du framework flexible Scrum. Donc, le principal avantage de Scrum est la façon dont il facilite l'adaptation aux besoins changeants des clients. Parce qu'on utilise des sprints, non ? Et vous obtenez des commentaires très rapidement de la réelle quel client, de l'utilisateur. Cela permet vraiment à la facilitation d'adapter différentes choses en cours de route. Si quelque chose doit être changé ou modifié, si quelque chose doit être raccourci, quoi que ce soit, juste, les commentaires constants des utilisateurs et les exigences qui sont revenir permettent aux individus de vraiment faire change à la volée et être en mesure de sortir finalement à la fin avec un produit fini, cette solution finie qui va être exactement ce que les utilisateurs veulent, n'est-ce pas ? Donc, le système des sprints encourage des retours réguliers, non ? Tout comme je l'ai mentionné, chaque petit Sprint va donner des commentaires. Cela va donner l'interaction de l'utilisateur en nous faisant savoir ce qu'il y a exactement à faire, d'être modifié en ce qui concerne les ajustements, ce qui concerne les modifications, et être capable de regarder différentes choses à améliorer pour l'itération suivante. Et puis aussi en définissant des rôles pour les membres de l'équipe et les clients. Il favorise la collaboration et la communication claire et ouverte entre toutes les parties. Quelques avantages supplémentaires ici, nous avons la capacité de nous adapter à différents cycles. Mise en œuvre plus rapide. Les tâches sont regroupées en sprints, faciles à suivre à l'aide du flux combiné. Et ce sera le principal type de framework que vous utilisez lorsque vous travaillez dans le champ UX UI. Encore une fois, si vous travaillez pour vous-même, vous êtes un pigiste. Tu fais des consultations avec les clients. C' est quelque chose que vous allez mettre en œuvre pour vous-même. Cependant, il est important de comprendre également que lorsque vous travaillez dans un environnement d'équipe, c'est ce que vous allez utiliser. Tout le monde aura ses rôles définis. Et vous allez travailler dans ces sprints pour être mesure de recueillir des commentaires très rapidement, très facilement, et finalement finir le projet et être en mesure de l'avoir prêt à être mis sur le marché. Parce que vous avez été en mesure d'obtenir les commentaires des utilisateurs. Ça va être là pour celle-là et on se verra sur la prochaine. 12. Applications de gestion de projet: Dans cette vidéo, nous allons examiner les différents outils de gestion de projet que vous pouvez utiliser dans vos projets UX UI. Allons-y et sautons ici. Donc, le premier outil de gestion de projet que je vous recommande fortement d'utiliser parce que c'est gratuit, est Trello. Et c'est une application très agréable et facile ici à utiliser soit sur votre téléphone ou sur votre bureau. Et vous permet de disposer que Kanban coule très doucement afin que vous puissiez regarder toutes les différentes sections, non ? Les ressources pour faire le travail, le fait. Et nous allons marcher à travers la façon de créer un panneau de flux Kanban simple ici dans un instant, mais je voulais juste vous accompagner ici ce qui concerne certaines des fonctionnalités et fonctionnalités. C' est très facile et simple à installer. Vous avez une excellente visualisation et un codage couleur. Vous pouvez changer l'arrière-plan, vous pouvez changer un jeu de couleurs différent. Vous pouvez avoir différentes images sur les tâches. Cela permet une collaboration d'équipe facile. Vous pouvez ajouter des membres de l'équipe et vous pouvez faire beaucoup avec les différents arrière-plans. Allons-y et allons sur mon ordinateur et nous allons faire un tour rapide du flux Kanban mis en place par Trello. Et je vais vous montrer comment créer une planche Trello. Ok, donc on est à mon ordinateur et on a un tableau Trello ici. Très facile, très simple pour nous à mettre en place. Tout ce que vous avez à faire est d'ajouter une liste ici, non ? Disons que nous voulons ajouter les ressources, tout comme nous l'avons traversé sur le diaporama là-bas. Et puis nous voulons faire ce qu'il faut faire. Ensuite, nous voulons aller de l'avant et ajouter celui-ci et ensuite nous voulons faire le travail. Ensuite, nous ajouterons le Dunn. Ok, donc nous avons ces différents tableaux ici en ce qui concerne les listes. Et disons qu'on a un truc à faire ici. Disons de construire un filaire, non ? Pour l'application de sites Web, n'est-ce pas ? Agréable et simple. Et vous pouvez voir à quel point c'est facile ici. Et une fois que vous avez configuré une de ces tâches ici, vous cliquez dessus et vous avez beaucoup de fonctionnalités différentes ici. Vous pouvez ajouter différents membres et vous pouvez inviter des gens à collaborer ici vous pouvez mettre un peu meilleure description ici, comme hey, c'est pour le projet XYZ, non ? Et comme je l'ai dit, ça va être quelque chose sur lequel vous devez généralement travailler. Si vous faites du freelance, si vous faites du conseil client, parce que Trello est gratuit et que vous avez tellement de fonctionnalités et de fonctionnalités différentes ici pour que vous puissiez gérer votre projet. On y sauve. Vous pouvez mettre une étiquette ici aussi loin qu'une couleur. Disons qu'on veut mettre du vert là, non ? Vous pouvez mettre un rendez-vous à faire ici. Disons que nous avons tout attachement ici. Vous pouvez ajouter à partir de votre ordinateur, à partir d'un lecteur, puis peut-être que vous voulez avoir une couverture ici. Disons que vous, ajoutons celui-ci juste là, OK. Et maintenant, nous pouvons changer cela et nous pouvons avoir cette couverture là juste sur la tâche réelle. Donc très beau, très beau ici que nous pouvons ajouter aussi loin que pour les tâches, pour les faire. Et la même chose ici, nous allons ajouter une tâche. Nous pouvons passer par le même processus et ensuite nous passons à l'étape suivante. Quand on fait quelque chose, on va le faire. Et puis si nous voulons inviter différentes personnes, différents membres de l'équipe. Allez créer l'équipe, mettez le nom John Smith. Ok. Et choisir ou n'importe quel département a créé l'équipe là-bas, pas vrai. Et puis vous les enverrez en véritable invitation à ce tableau particulier ici. Et c'est donc juste un outil fantastique ici que vous allez pouvoir utiliser si vous venez de commencer et l'espace de l'interface utilisateur UX. Et disons que vous avez des clients actuels de Nino avec lesquels vous allez travailler. Et disons que vous voulez entrer dans le freelance. Voulez-vous segmenter un conseil client ? Ce sera l'un des moyens les plus simples et les plus efficaces pour vous de gérer vos différents projets. Nous avons été gérés client différent. Comprenez que lorsque vous entrez dans une organisation, vous aurez différents outils, différentes applications de gestion de projet que vous allez utiliser. Mais je voulais juste vous donner un aperçu rapide et marcher à travers Trello parce que ce sera l' un de vos meilleurs paris quand vous commencez juste parce que c'est gratuit et c'est très facile pour vous. Allons de l'avant et revenons aux diapositives et nous allons examiner les autres outils de gestion de projet. Et je vais vous donner un aperçu de ceux-ci aussi. Ok, donc nous sommes de retour à la présentation ici, et nous pouvons voir ici qu'il y a plusieurs autres outils de gestion de projet différents. Vous avez le camp de base, le camp frit, le mou, Asana, et la notion. Ce premier ici, c'est du mou. Il s'agit plutôt d'un type d'outil de communication. Vous avez des capacités et des fonctionnalités de gestion de projet. Cependant, il est principalement utilisé comme outil de communication. Je l'utilise tous les jours. C' est très, très puissant. Et puis vous avez ici un sauna, qui est principalement un outil de gestion de projet. Et je crois que celui-là est un camp spatial. Revenons donc à mon ordinateur et il va parcourir ces différents outils afin que vous puissiez avoir un aperçu de leur fonctionnement, de leur tarification et de celui qui sera le plus probablement le mieux pour vous. Et quels sont les avantages et les inconvénients de chacun ? Allons de l'avant et retournons à mon ordinateur maintenant. Ok, alors jetons un coup d'oeil au camp de base ici. Le camp de base est un excellent outil, très puissant. Beaucoup d'entreprises utilisent cela et j'utilisais cela avant aussi. Cependant, l'une des choses que vous devez garder à l'esprit est que c'est quelque chose pour beaucoup de fois plus grandes organisations parce que les prix sont assez élevés. Et quand on regarde 99$ par mois, je veux dire, c'est un peu. Si vous êtes juste une startup, si vous venez de commencer dans l'espace, vous ne voulez pas que ce genre de coûts soit engagé chaque mois, n'est-ce pas ? Tu veux être aussi maigre que possible. Donc, c'est quelque chose que j'ai vu là où les grandes organisations ont parce qu'il y a une tonne de fonctionnalités, des fonctionnalités attendues, vous pouvez amener vos clients à bord pour être en mesure collaborer au sein du projet et leur faire donner différents commentaires des utilisateurs. Donc, beaucoup d'outils différents auxquels vous allez avoir accès dans le camp de base. Et vous pourriez rencontrer cela dans une agence de création plus grande. Si vous allez travailler en équipe, ils peuvent travailler avec eux dans le camp de base. Cependant, tout juste de commencer, je ne le recommanderais pas. Alors le prochain ici est libre de camper. C' est similaire au camp de base, et c'est un que je recommanderais en fait. En fait, inscrivez-vous aussi et donnez-lui un test. C' est quelque chose que j'ai utilisé aussi dans le passé, et c'est très peu coûteux. Et il fait beaucoup des mêmes choses que le Camp de Base des. Cependant, à moindre coût, vous avez votre liste de tâches ici, tableau composé, Jaeger, différentes sous-tâches. Vous pouvez obtenir une vue d'oiseau ce que le diagramme de Gantt. Et je crois que c'est très bon marché. Je pense que cinq ou dix dollars par mois. Ça revient à la tarification. Et allons-y. Ok, donc tu peux t'inscrire gratuitement. Et puis si vous voulez avoir un utilisateur qui devrait être, vous savez, juste dans notre 149 permanent pour vous. Je veux dire, ce n'est rien même si vous utilisez la version business ici, qui est l'usine $7.49, je veux dire, c'est super peu coûteux et cela vaut bien la peine parce qu' a beaucoup des différentes fonctionnalités et outils que le camp de base a. C' est juste une interface utilisateur légèrement différente. Ok, et donc c'est quelque chose à prendre en compte si vous voulez utiliser quelque chose de similaire au camp de base, toutes les fonctionnalités, toutes les fonctionnalités, interface utilisateur légèrement différente que je recommande fortement avec la liberté ne peut pas parce qu'avec une planche Trello, vous allez pouvoir l'utiliser très facilement, très efficacement, et cela ne vous coûtera rien. Cependant, il manque beaucoup de fonctionnalités et fonctionnalités que vous allez avoir ici dans le camp frit, ce qui va vous donner tout en un. Alors maintenant regardons le SLAC ici. Comme je l'ai mentionné, le slack est plutôt un outil de communication entre vous et les membres de l'équipe. Et cela va aussi être gratuit. Je crois que c'est gratuit jusqu'à un certain montant, mais vous ne devriez pas être en mesure de télécharger cela, configurer aussi loin que pour une chaîne. Et vous devriez avoir, vous savez, des milliers de messages que vous pouvez envoyer au sein d'une équipe. Et puis ils ont des paquets différents plus grands que vous pouvez ramasser si vous cherchez à avoir plusieurs membres d'équipe différents. Et ils ont d'autres paquets que vous pouvez ramasser une fois que vous utilisez l'outil réel. Cependant, je ne recommande pas que parce que cela va être quelque chose de plus pour une organisation de niveau entreprise, mais pour vous si vous avez un, peut-être deux à 345 membres de l'équipe, cette version gratuite de slack devrait être Très bien. Et donc, passons ici à la tarification et nous pouvons regarder quelques-unes des différentes fonctionnalités qui sont impliquées dans la version gratuite par rapport à la norme. Et donc nous avons la version gratuite ici. Vous avez accès aux 10 mille messages les plus récents de vos équipes. C' est quelque chose où si vous envoyez beaucoup de messages d'avant en arrière, vous n'aurez pas l'histoire complète, seulement les 10 000 derniers messages. Et vous avez différentes intégrations ici, appels vocaux et vidéo. C' est quelque chose qui peut être assez grand ici si vous regardez dans Keep records, pas vrai. Donc c'est une grosse affaire. Et puis 667 par mois ici pour être en mesure d'avoir essentiellement toutes ces fonctionnalités et fonctionnalités supplémentaires. La même chose ici avec le 1250. Vous avez beaucoup plus de fonctionnalités et de fonctionnalités, mais en général, vous devriez être libre si vous venez de commencer. Évidemment, si vous voulez utiliser la norme et que vous voulez utiliser beaucoup de fonctions différentes, beaucoup de fonctionnalités différentes et beaucoup de fonctionnalités différentes qui sont disponibles, vous pouvez également vous inscrire pour cela. Mais ce sera surtout pour un outil de communication entre vous et les autres membres de l'équipe. Et puis nous avons un sauna ici. Asana est aussi l'un des plus grands sur le marché. Et ils ont des points de vue différents en ce qui concerne le lien commun, en ce qui concerne une liste, je vais descendre ici. Nous regardons comment vous pouvez regarder différents flux utilisateur, calendriers, et c'est finalement un outil très agréable. Et en ce qui concerne la compétitivité et les prix, ils sont assez compétitifs. Ils ont une interface utilisateur vraiment agréable. Je dois dire que recommander certainement cette base hors de ce que j'ai vu dans la façon dont je l'ai utilisé précédemment et différents environnements d'équipe. Et puis aussi, regardons le prix ici. Le prix est aussi très compétitif. 1099 pour chaque utilisateur. Vous pouvez l'utiliser gratuitement et en quelque sorte le tester. Cependant, vous allez avoir quelques limites ici, mais si vous voulez essayer le sauna gratuitement, à droite, voir comment fonctionne vous, comment vous pouvez aller de l'avant et lui donner un coup de feu. C' est 1099. La chose la plus importante que je veux que vous preniez note c'est quand vous allez regarder un camp frit, non ? Vous avez 149749, une interface utilisateur légèrement différente. Cependant, vous allez avoir beaucoup de fonctionnalités et de fonctionnalités qu'Asana aura à l'exception d'une interface utilisateur différente. Donc, c'est à vous de décider, mais ce sera génial pour vous de venir ici, d' obtenir un essai gratuit, de les essayer, voir comment cela fonctionne et finalement de voir lequel fonctionne le mieux pour vous. Maintenant, le dernier ici va être la notion, c'est un tout nouveau ici. C' est en fait ce que j'utilise pour la majorité de mon travail. J' ai tout dans différents projets. J' adore les différentes fonctionnalités qu'ils ont ici, les notes , les documents, et celui-ci est un peu plus complexe. Cependant, le prix est très, très bas. Il y a beaucoup plus de choses que vous pouvez faire cela, et il y a beaucoup plus de personnalisations. Cependant, cela prend un peu d'une courbe d'apprentissage et donc je vous recommande certainement de vérifier ceci si c'est aussi quelque chose que vous voulez regarder. Je crois que la tarification est également très peu coûteuse. Vous pouvez commencer gratuitement. Il suffit de comprendre que c'est beaucoup plus de fonctionnalités et de fonctionnalités et tous les autres outils et beaucoup plus personnalisable. Et cela vient, comme je l'ai dit, avec la plus grande courbe d'apprentissage, mais je crois que c'est l'un des meilleurs, sinon le top sur le marché actuellement. Ok, donc je voulais juste vous donner un aperçu rapide des différents outils de gestion de projet. Je vous recommande vivement de vérifier tout cela, faire des essais gratuits, trouver celui qui fonctionnera le mieux pour vous si vous commencez tout de suite, d' utiliser un Trello, de vous familiariser avec ça. Et si vous voulez essayer toutes ces autres, allez-y et faites ça. Cela vaudra la peine d'essayer d'être en mesure de trouver celui qui fonctionne le mieux pour vous et votre situation. D' accord ? Donc ça va être là pour celle-là et on se verra sur la prochaine. 13. Cours XD - Introduction: Bonjour à tous, bienvenue à notre première leçon Adobe XD. Et tout d'abord, assurons que vous avez XD installé sur votre ordinateur. Pour ceux qui n'ont pas encore cette application, veuillez visiter Adobe.com slash XD et télécharger l'application. Il y a deux plans pour XD, payants et gratuits. Vous voyez que pour commencer, vous pouvez utiliser un plan gratuit qui n'a qu'une seule chemise, document actif. Pour les éditeurs de documents, un lien de chemise actif et un stockage en nuage de deux gigaoctets. Bien sûr, lorsque vous développerez en tant que concepteur d'interface utilisateur UX, vous devrez étendre votre plan. Mais pour l'instant, il n'est pas nécessaire de payer pour l'application. Une fois que vous installez le XD peut l'ouvrir. Et l'écran d'accueil de cette application ressemble à peu près à ceci. S' il y aura une différence dans les versions, les choses principales sont les mêmes. Ici, vous avez quatre priorités. Pour créer différents types de projets. Il y a une application mobile ou des messages Twitter, des messages sociaux, désolé. Messages sociaux et taille personnalisée. vous plaît noter qu'il y a un petit travail vers le bas qui vous permet sélectionner différents appareils de priorité différents. Vous pouvez également créer NO ONE, un comme la taille personnalisée, tapez la dimension nécessaire. Et allons-y. La section d'apprentissage contient de petites leçons de trois minutes de choses très utiles sur XD. Documents Cloud est la section où vous voyez vos documents cloud et respectivement le document shirt avec vous sont également une section pour document partagé avec vous. Ne pas avoir de liens gérés vous mènera vers le site Web, vers la page Web où vous pouvez gérer vos liens partagés et ainsi de suite. Ceux-ci sont supprimés. Projets supprimés. Une chose très utile. La section supprimée vous permet de restaurer vos documents et de les afficher en ligne. En outre, vous pouvez supprimer définitivement. Donc, c'est à peu près tout pour l'écran de bienvenue de x D. Maintenant, nous pouvons continuer à explorer l'interface utilisateur de cette application. Ok, il est temps de plonger dans l'interface utilisateur d'Adobe XD. Et au niveau principal, au niveau général, vous pouvez voir le prototype de conception et les onglets de partage, ainsi que les outils alignés verticalement et le panneau d'actifs. Donc, pour les outils qui vont travailler avec Photoshop ou un autre. Logiciel d'Adobe, il est très commun et naturel qui ne pensent pas qu'ils trouvent quelque chose de plus ici. Mais pour ceux qui sont nouveaux dans la famille Adobe et XD précisément, je vais donner une petite introduction rapide à chacun de ces outils. Donc pointeur nous permet de se déplacer autour des éléments, rectangle, beaucoup crée des rectangles et aussi curseur ou peut utiliser, peut déplacer les côtés, l'objet lui-même. Le LX crée LMS. Sachez que le bouton Maj enfoncé vous aide à créer, vous aide à créer la forme. Et le rectangle. Ligne. Et BC deux, ou c'est un pan, mais fonctionne aussi comme un plus occupé. Donc Text Tool et connaissait notre outil de conseils. Vous voyez que sur le côté droit, il y a quelques options pour les types de vers l'extérieur. Vous pouvez appuyer sur, et il crée l'iPad et Nexus neuf, impair acheté automatiquement. Voyons de quoi ces trois onglets sont responsables. Donc, si vous remarquez, nous sommes dans la section design pour le moment. Il nous permet donc de créer différentes formes. Donc le design réel, ouais, ne fais pas attention à mes dessins car ils sont trop mauvais. La section prototype est donc responsable des connexions entre nos cartes et leurs transitions. Vous voyez que la barre latérale change également à deux autres fonctionnalités, à d'autres options, qui sont liées au prototypage et à l'interaction entre les éléments et les écrans. Ok, nous entrerons dans plus de détails plus tard quand nous ferons un peu de conception et fabriquerons le prototype à partir de celui-là. Mais maintenant, nous allons juste nous concentrer sur les choses générales et aller partager. Bien sûr. Vous aide à partager réellement le projet. Et vous voyez qu'il y a quelques choses à noter. Donc, tout d'abord, va un paramètre de vue. Vous pouvez le partager en tant que revue de conception pour le développement, présentation, les tests utilisateur et les coûts. Personnalisé signifie que vous pouvez sélectionner une option spécifique pour votre partage de projet et inclure des spécifications de conception, afficher des conseils de hotspot ouverts en plein écran dans des commentaires allo. Juste pour clarifier ça. spécifications de conception est l'option qui généralement sélectionné pour les développeurs Web afin qu'ils puissent couper la maquette à HTML CSS lien accès est également peut être modifié un peu, donc seulement les personnes invitées de toute façon. Et quand passeport, vous pouvez créer un passeport pour votre projet si vous le souhaitez. Vous pouvez également créer un titre personnalisé. Ici, titre personnalisé. Et votre lien apparaîtra ici. Donc, une fois le projet téléchargé, lien apparaît ici et vous pouvez copier votre lien et le partager entre l'équipe ou les parties prenantes. Donc, c'était une sorte d'aperçu rapide de x Dui. Mais plongons dans les détails de la section de conception car c'est celui qui nous intéresse, OK, parce que la plupart du temps, nous allons utiliser la section de conception et il doit être analysé un peu plus précisément. Donc, nous allons ajouter début. Et nous allons créer un élément, un objet. Une fois que j'ai créé un objet, les options apparaissent sur le côté droit. Et vous pouvez modifier votre objet à votre goût, à ce dont vous avez besoin dans votre projet. Remplissons ça. D'accord ? Alors commençons par le haut. En haut, nous voyons des options d'alignement. Donc, une chose intéressante est que lorsque vous n'avez pas deux ou trois éléments à aligner, l'alignement sera appliqué selon le tableau impair. Donc, voyez, une fois que j'appuie sur ces boutons, ces icônes objet est aligné codage sur le hors-bord. Une fois que nous avons deux éléments sur un différent dans des positions différentes, ils seront alignés les uns sur les autres. D' accord ? Même pour l'alignement gauche et droit et le centre bien sûr, la fonction distribuée vous aide à, pour avoir un espacement égal entre les objets. Vous voyez. La grille de répétition crée un partisan qui pourrait être étendu verticalement et horizontalement. D' accord ? Maintenant, il semble inutile, mais vous verrez comment utile et applicable pourrait être dans votre conception web. Voyons les autres options. La largeur et la hauteur peuvent être modifiées. Ici. Il peut verrouiller les proportions afin qu'il ne soit pas pressé ou décalé. D'accord ? Une fois que j'ai sélectionné celui-ci, ce sera comme ça. Donc c'est une différence. Vous pouvez taper votre costume avec ou détester. Si nécessaire. K, x et y sont responsables du positionnement de l'élément. Points que je sélectionne. Ok. Voir ces deux icônes. Retournez l'objet ou le composant ou le groupe d'objets, horizontalement et verticalement. Le défilement vous aide à créer un défilement horizontal et vertical. En ce moment, vivez le. Parce qu'il y aura une leçon spécifique où nous discuterons. Ces deux sont les principales ou ces trois options dans un plus grand détail. Et je vais montrer comment le pourrait être appliqué dans différents domaines du projet. Position fixe lors du défilement. Faisons un échantillon ici, d'accord ? Donc, vous voyez que celui a un défilement et il a également une position fixe. D' accord ? Encore une fois, nous jetons un coup d'œil sur les fonctions de ce projet abstrait. Donc, juste pour se familiariser avec les outils et les possibilités de x d k. Si le responsive redimensionne désactivé, la mise à l'échelle des objets ressemblera à ceci. Ils seront donc libres transformés selon vos besoins. D' accord ? Une fois que vous avez sélectionné le redimensionnement responsive, ils seront déplacés. C' est pour le développement web. Si vous essayez de déplacer des choses dans votre site Web ou votre application mobile, il est préférable d'utiliser le redimensionnement réactif. Donc, ils veulent changer leur taille et seront distribués correctement les uns entre les autres. 14. Aperçu de la section de conception graphique: Dans cette vidéo, nous allons passer en revue les fondements de la vue d'ensemble de la section design graphique. Nous allons parcourir ce que nous allons traiter exactement dans cette section particulière. Et vous donnant vraiment une vue d'ensemble de ce qui est à venir dans cette section particulière. Allons-y et sautons ici. Ok, donc ce que nous allons examiner dans cette section, c'est comment la couleur fonctionne. Nous allons avoir une compréhension fondamentale de la psychologie de la couleur, comment elle joue un rôle dans le design. Nous allons passer en revue la théorie des couleurs, comment comprendre les différents facteurs, les différents composants qui entrent en jeu en utilisant les couleurs appropriées. Et puis nous allons passer en revue les deux différents types de couleurs ici. En ce qui concerne les RVB et CMJN, nous allons les examiner en détail. Et puis nous allons passer en revue la roue des couleurs et les schémas de couleurs spécifiquement. C' est très important ici pour vous de le comprendre car en tant que designer, vous voulez avoir une compréhension fondamentale de la raison pour laquelle c'est que nous utilisons différentes couleurs, sens avec d'autres. Et pourquoi nous voulons rester à l'écart de certaines couleurs, en fonction de l'aspect et de la sensation que nous cherchons à obtenir de l'utilisateur final réel, n'est-ce pas ? Nous voulons qu'ils puissent se sentir d'une certaine manière, avoir une certaine affinité ou un certain sentiment d'une marque particulière ou d'un produit particulier. Et ce jeu de couleurs est vraiment, et les jeux de couleurs vont vraiment jouer un rôle dans cela. Et puis nous allons continuer à travailler avec des polices, différents types de polices qui vont être recommandés dans certaines situations. Comment vous assurer que vous utilisez les polices aux bons endroits, que vous mélangez différents types de polices. Donc DOE a un beau look et se sentir à elle. Et enfin, on va passer en revue les icônes. Les icônes sont très, très puissants à avoir sur un site Web ou une application web particulière. Ils ajoutent beaucoup d'unicité, beaucoup de plaisir et d'excitation à l'application ou le site Web. Et il ajoute vraiment un peu de style déplaisant au design. Donc vraiment excité pour vous de commencer dans la section, et nous vous verrons sur la prochaine. 15. La psychologie de la couleur: Dans cette vidéo, nous allons passer en revue la psychologie de la couleur. Cela va être quelque chose où nous allons dans la psychologie, la théorie des couleurs derrière la façon d'utiliser la couleur correctement, comment nous regardons la couleur sous différentes perspectives, et comment nous sommes capables de combiner différents types de couleurs, thèmes et combinaisons de couleurs pour finalement arriver avec un design incroyablement beau. Alors allons de l'avant et sautons dans la psychologie de la couleur. C' est quelque chose qu'en tant que concepteur d'interface utilisateur UX, vous devez avoir une compréhension fondamentale de ceci est l'endroit où vous allez être en mesure de comprendre pourquoi il est important d'avoir différents schémas de couleurs. Ce qui est le plus logique dans la mesure où avoir une couleur particulière et faire sentir les gens d'une certaine façon. Et pourquoi certaines couleurs vont avoir plus de sens que d'autres, n'est-ce pas ? Selon la situation unique. Et donc avoir cette couleur Foundation est vraiment important pour vous en tant que concepteur d'interface utilisateur UX. Et je suis excité de commencer ici. Allons-y et sautons ici. Quand on pense à la couleur, non ? Comment cela fonctionne-t-il réellement ? Si vous regardez le côté droit ici, vous regardez les différents schémas de couleurs. Tu regardes les bleus, tu regardes les bleus clairs, le bleu marine. Remarquez comment tout ici a la combinaison parfaite. Tu regardes le violet, tu regardes le rose clair. Tu regardes le Y, avait tout ce qui se complimentait vraiment, non ? Vous regardez le vert là-bas, comment vous avez vert foncé, vert clair et le blanc. Tout est en parfait ordre parce qu'il se complète mutuellement. Et c'est ce que vous allez apprendre dans cette leçon particulière ici. Pourquoi il est important d'utiliser différentes couleurs. Comment utiliser tous les schémas de couleurs à différents designs lorsque vous regardez différents sites Web, différents logos, différentes marques, C'est là que vous allez obtenir frappé une certaine expérience émotionnelle lorsque vous êtes à la recherche d'une marque qui a un couleur bleue, vous allez vous sentir d'une certaine façon quand vous avez une marque ou un site Web particulier que vous regardez et il a les couleurs vertes, vous allez vous sentir une autre façon. Et c'est donc vraiment ce que la couleur vous donne cette expérience émotionnelle à l'utilisateur final. Et choisir la bonne couleur signifie que votre public sera en mesure de savoir instantanément qui vous êtes, vous savez ce qu'est le produit, ce que vous faites et ce que vous êtes. Donc, si vous n'avez pas les couleurs appropriées pour votre produit particulier dans la façon dont vous cherchez à le présenter et sur le marché, alors vous aurez du mal à vendre les produits, n'est-ce pas ? Et avoir le bon type d'utilisateurs utilisant réellement le produit. Chaque couleur parle à un aspect différent du consommateur. Apporte votre esprit dans l'esprit du consommateur et réfléchis à la façon dont ces différentes couleurs vous font sentir. Et chaque couleur particulière parle à un aspect différent du consommateur. Lorsque vous regardez les couleurs du fond du vert, cela suscite la paix et le bien-être. Pensez à l'application de méditation. Ce serait un bon schéma de couleurs pour avoir une application de méditation où vous êtes capable de vous détendre, vous êtes capable de vous sentir bien, vous êtes capable d'avoir ce sentiment de bien-être global. Et puis vous avez du rose au milieu ici où c'est plus féminin. Le type de couleur évidemment, non ? Et puis vous avez une touche de violet, ce qui est un peu de sentiment de luxe. Donc, vous avez le type féminin de schéma de couleurs ainsi que le type de luxe de champ ainsi que le violet. Et puis le bleu procure des émotions telles que la confiance, la sécurité et la relaxation. Pense juste à Facebook. Je suis sûr que vous avez utilisé Facebook ou que vous êtes sur Facebook. Facebook a le schéma de couleurs bleu et il a à peu près le schéma de couleurs en haut ici. Parce que chaque fois que vous vous connectez à Facebook et que vous voulez que vous ressentiez un sentiment de confiance, de sécurité et de connexion avec la plate-forme réelle parce que vous avez vos amis et votre famille là-bas. Vous avez différentes personnes avec lesquelles vous communiquez. Et comprenez donc que ces différents schémas de couleurs vont faire sentir les gens d'une certaine façon. Parlons maintenant de la vraie psychologie des couleurs ici et comment nos esprits réagissent automatiquement aux couleurs sans que nous sachions que vous regardez l'image ici à droite. Et pour obtenir un peu technique ici, je veux vous donner vraiment la compréhension de la façon dont cela fonctionne réellement d'un point de vue technique. Les moments que nos yeux perçoivent la couleur, ils se connectent avec le cerveau, ce qui donne des signaux au système endocrinien, libérant des hormones responsables des changements d'humeur et d'émotions. Si vous regardez l'image ici à droite, regardant différentes couleurs, vous remarquerez comment elles vous font sentir. Et si vous lisez la description à droite, où vous avez de la gaieté avec le jaune et l'orange, M6 où vous avez le confort avec le vert clair et puis le bonheur ici avec le bleu et le vert, non ? Optimisme là-bas avec le bleu, vous réaliserez toutes les différentes fois que vous avez rencontré ces couleurs et comment ils vous ont fait sentir. Maintenant, vous avez une compréhension de ce que les différents schémas de couleurs vont faire pour vous lorsque vous les rencontrerez. C' est quelque chose qui est intégré dans notre ADN et c'est quelque chose qui est automatique. Chaque humain qui regarde ces couleurs particulières, Il va sentir ces types d'émotions. C' est automatique. Quand vous regardez certaines couleurs, vous allez ressentir une certaine façon. Et alors pensez dans vos conceptions comment vous voulez que les gens se sentent, comment vous voulez que les gens pensent du produit, de la marque, quoi que ce soit que vous construisez en tant que concepteur UX UI et les couleurs correctement sélectionnées aident à mettre utilisateurs dans le cadre de l'esprit qui le contraint à prendre des actes comme je l'ai mentionné, si vous voulez que quelqu'un se sente en sécurité, se sent en sécurité, vous voulez aller avec le bleu. Si vous voulez que quelqu'un se sente détendu, calme, et que vous voulez qu'il s'inscrive, disons, à une application de méditation. Tu veux aller avec ce vert, non ? Donc, comprenez que vous avez un pouvoir énorme ici. Comprendre comment ces différentes couleurs fonctionnent, comment elles sont capables d'affecter les gens, de ressentir une certaine façon et de prendre certaines mesures. Et voici l'une des plus grandes choses qui gardent à l'esprit est l'application. Il ne faut que 90 secondes pour que les gens fassent un jugement subconscient sur un produit. Et entre 6290% de cela est évalué uniquement en fonction de la couleur. Alors pense juste à ça. Tout cela se passe inconsciemment. Vous regardez un schéma de couleurs particulier et votre esprit interprète déjà ce que vous ressentez. Vous vous sentez d'une certaine façon. Et beaucoup de fois se passe sans le savoir. Vous ressentez juste une certaine façon et vous ne savez pas vraiment pourquoi. Et je suis sûr que vous pouvez penser plusieurs situations différentes où vous avez vu un nouveau produit, vous avez vu un schéma de couleurs différent sur un site Web particulier ou quoi que ce soit, et cela vous a fait sentir d'une certaine façon. Ou maintenant, ce que vous pouvez faire est d'aller sur différents sites Web, regarder différentes applications et voir comment leurs combinaisons de couleurs sont configurées dans ce qu'ils essaient de vous dire, comment ils veulent vous faire sentir, comment ils vous aident à inscrivez-vous. Tout est basé sur les différents schémas de couleurs qui vous amènent à ressentir une certaine façon. Et si les gens prennent des décisions dans les 90 secondes à un niveau subconscient, alors c'est énorme parce que tout est automatique et ça arrive sans que nous en soyons conscients. Donc très puissant pour comprendre le pouvoir de la psychologie des couleurs et des couleurs. Alors maintenant jetons un coup d'oeil aux différentes couleurs dans ce qu'elles signifient réellement, ce qu'elles véhiculent, et comment vous voulez être en mesure de les utiliser efficacement. Pour ce qui est de lire ici, nous avons confiance, Jeunesse, Empower. Ensuite, on a de l'orange. Cela va être amical, chaleureux et énergique que nous avons le jaune, le bonheur, l'optimisme et la chaleur. Et pensez à cela un instant. Chaque fois que vous avez vu ces couleurs, pensez à ce qu'elles vous ont fait sentir. Tu penses juste au jaune. jaune est comme le soleil chaque fois que vous êtes dehors et que vous obtenez un peu de soleil, vous vous sentez bien, non ? Tu reçois cette énergie du soleil. Tu te sens chaud, il y a un bonheur. Et puis nous avons la croissance de la pièce verte et de l'aide. Pense juste au vert. Beaucoup de fois, cela est utilisé dans des produits qui sont de l'environnement qui sont respectueux de l'environnement. Et puis nous avons bleu, qui est la confiance, sécurité et la stabilité qu'à propos de Facebook, comment nous avons mentionné que cela veut que vous vous sentiez en sécurité et que vous vous sentiez comme un site de confiance. Et puis nous avons violet, luxueux, créatif et sage. Et puis nous avons noir, qui est fiable, sophistiqué et expérimenté. Et puis nous avons des blancs, ce qui est simple, calme et propre. Et ce sont généralement les couleurs directes. Ils ne seront pas là où vous avez un peu de rouge ou d'orange mélangé, où vous avez peut-être un peu de jaune et de vert. C' est la couleur exacte, rouge, couleur orange. n'y a pas de mélange de couleurs. C' est juste la couleur jaune. C' est ainsi que vous vous sentez vert. Et c'est donc ce que ces couleurs véhiculent. Et c'est très important à comprendre en tant que concepteur d'interface utilisateur UX afin que vous puissiez utiliser ces couleurs efficacement dans vos conceptions. Maintenant, nous allons passer en revue la théorie des couleurs ici, qui est le RVB, rouge, vert, bleu. Et cela est principalement utilisé pour les projets de design graphique numérique tels que le design, les publicités en ligne, et tout ce qui a à voir avec les fichiers numériques uniquement. D' accord ? En fin de compte, la théorie des couleurs explique comment les humains perçoivent la couleur et les effets visuels de la façon dont les couleurs se mélangent, accordent ou contrastent entre elles. Et c'est ce que nous passons essentiellement dans toute cette leçon. Mais différentes couleurs signifient comment ils vous font sentir, ont eu un mélange et match et contraste chaque couleur différente. Et pour avoir une certaine sensation de bien, une certaine émotion de cet utilisateur en particulier, non ? Parce que chacune de ces couleurs, tout comme nous l'avons traversé dans la diapositive précédente. Communique un certain message, un certain sentiment, une certaine émotion. Donc c'est important à comprendre. Et un autre facteur important ici, en termes de théorie des couleurs, est de comprendre que les couleurs sont organisées sur une roue de couleur et regroupées en trois catégories différentes. Vous avez vos couleurs primaires, les couleurs secondaires et les couleurs tertiaires. Ok, donc voici un aperçu du modèle de mélange de couleurs additives. Passons maintenant au modèle de mélange de couleurs soustractif. Et la raison pour laquelle ils sont appelés additifs et soustractifs est que ce que l'additif que vous allez ajouter différentes couleurs soustrait. Vous allez évidemment soustraire différentes couleurs. Ainsi, le CMJN signifie cyan, magenta, jaune et noir. Et donc ce sont quatre couleurs différentes dans les couleurs soustractives sont créées en absorbant complètement ou partiellement certaines longueurs d' onde de lumière, puis en réfléchissant l'autre. Alors remarquez comment dans celui-ci, vous commencez par la couleur blanche. Et lorsque vous ajoutez différents filtres avec lumière blanche comme Inc., cette lumière blanche prend une apparence de couleur. Et c'est ce qui est utilisé dans différents magazines, différents documents imprimés, tout ce qui va être tangible ou physique dans le monde réel, lorsque vous travaillez avec un type numérique de document ou un type de média numérique, vous allez utiliser RVB lorsque vous utilisez tout ce qui va être imprimé qui nécessite un type physique de produit, alors vous voulez utiliser le CMJN. Ok, alors maintenant jetons un coup d'oeil à certains facteurs clés lorsque vous travaillez avec la couleur, les attentes des clients. En ce qui concerne les attentes des clients, vous devez comprendre quelles nuances seront les plus appropriées en fonction de l'historique de la marque et de la personnalité. Et puis quand il s'agit des préférences des clients, choisissez-vous le bon schéma de couleurs ou les bonnes couleurs qui évoquent la confiance et les utilisateurs. Et puis quand il s'agit d'un message de marque, quels types d'émotions et de caractéristiques la marque essaie-t-elle de présenter ? Parfois, vous aurez des marques à vouloir remanier complètement leur marque. Ils veulent avoir tous les différents schémas de couleurs. Ils veulent représenter, vous savez, différentes choses avec leur logo, avec leur marque, avec leur application, tout ce qui peut être classé deux viennent souvent à ces scénarios uniques où les gens, où les entreprises veulent complètement remanier tout. Et donc vous voulez vraiment demander au client comment ils veulent que leurs utilisateurs se sentent. Qu' est-ce qu'ils veulent que leur marque représente ? Qu' est-ce qu'ils veulent que les gens disent sur le cerveau en ce qui concerne ce que ça va leur faire sentir ? Quel genre d'émotions et de caractéristiques est la marque qui essaie de dépeindre et le marché. Et ensuite, en regardant le concurrent, regardant ce qui fonctionne pour la concurrence et en l'utilisant comme référence. Souvent, nous ne mettons pas assez l'accent sur la concurrence. D' autant plus que, vous savez, en tant qu'individu créatif, vous aimez créer quelque chose à partir de zéro qui n'a jamais été fait auparavant. Mais souvent, il est beaucoup plus facile de regarder ce que la concurrence a déjà fait et de pouvoir modifier et ajuster et en tirer des idées, n'est-ce pas ? Et puis être en mesure de créer un design unique basé sur cela. Et ça va être là pour la psychologie de la couleur et la théorie des couleurs. Et on se verra sur la prochaine. 16. Roues de couleur et cartes de couleur: Dans cette vidéo, nous allons passer en revue la roue des couleurs et les jeux de couleurs. Maintenant, cela va être une leçon très importante ici, afin que vous puissiez comprendre comment les jeux de couleurs fonctionnent et comment ils se complètent, que différentes variations de couleurs et comment vous pouvez les utiliser comme un modèle pour être en mesure de, utilisant vos designs dans tous vos différents cadres graphiques, permettre de comprendre comment utiliser les différents schémas de couleurs et roue de couleurs va rendre vos designs plus se démarquer et avoir plus d' un flux de couleurs en combinaison qui va se complimenter avec le schéma de couleurs global et la conception du produit. Allons-y et sautons ici. Ainsi, la roue de couleur montre la relation entre les couleurs. Et si vous vous souvenez des diapositives précédentes, vous vous souvenez que beaucoup de ces couleurs ici que nous avons à côté de l'autre. Nous sommes ceux qui se complètaient. Vous avez le jaune et le genre de jaune, orange, orange et le genre d'orange plus foncé. Et puis au fond, nous avons le rose et le violet, le bleu foncé. Et puis nous avons le bleu dans le bleu clair. Donc tous ces éléments se complètent mutuellement. Et dans la roue de couleur, il y a 12 couleurs principales que nous devons prendre note. Et la roue de couleur RVB, ces teintes sont rouges, orange, jaune, véritable écran, je crois que c'est comme ça que vous le prononcez. Vert, printemps, vert, cyan, assurance, bleu, violet, agenda, et rose. Et vous pouvez les voir tous ici dans la roue de couleur. Et puis la roue de couleur peut être divisée en couleurs primaires, secondaires et tertiaires, ok, trois groupes différents. Les couleurs primaires, rouge, jaune, bleu, et les trois couleurs secondaires. Ce sont les couleurs qui sont créées lorsque les couleurs primaires sont mélangées, vert, orange et violet, puis les six couleurs tertiaires. Ces couleurs sont faites à partir des couleurs primaires et secondaires ensemble, comme le violon bleu, vert et rouge. Et donc comprendre comment fonctionne la roue de couleur et comment vous pouvez l'utiliser à votre avantage sera d'une importance cruciale. En tant que concepteur UX et UI, vous voulez être en mesure non seulement de comprendre comment la couleur fonctionne en ce qui concerne la façon dont elle fait sentir les gens et le message qu'elle transmet, mais aussi de comprendre comment nous pouvons les utiliser efficacement dans les conceptions, n'est-ce pas ? Et donc cela aide vraiment à créer différents schémas de couleurs qui vont correspondre ensemble, qui vont être très beaux, qui vont être incroyablement beaux et se démarquer. Et cela ajoute vraiment de la cohérence dans l'interface utilisateur, l'interface utilisateur. Et maintenant, jetons un oeil aux différents schémas de couleurs et combinaisons. Le premier que nous avons ici est le gratuit, qui est le violet et le jaune, non ? Vous pouvez voir comment ces deux se complètent très bien. Et puis nous avons le triadique, qui est le jaune, l'orange et le bleu. Et puis nous avons la scission gratuite, qui est le jaune, le rose, et le bleu, puis le carré. Vous avez les assemblages réels, non ? Le carré ici, vous avez le jaune, l'orange, le violet et le bleu. Et puis le rectangle, vous avez le vert, le jaune, le rose et le bleu. Et donc vous allez pouvoir les utiliser dans vos designs particuliers afin qu'ils puissent se complimenter mutuellement. Et vous avez des designs incroyablement beaux où les belles couleurs. Maintenant, jetons un coup d'oeil aux couleurs chaudes et fraîches. Évidemment, si vous regardez le haut là-bas, vous avez cool, qui est bleu. Évidemment lui, vous penseriez à chaud. Tu vas penser au soleil. Tu vas penser au jaune, à l'orange. Quand tu penses à cool, tu vas penser à plus de bleu, vert, peut-être un peu de violet. Et ainsi les roues de couleur divisée en couleurs chaudes et froides, également connu sous le nom de température de couleur. Différentes températures de couleur évoquent des sentiments différents. Rappelez-vous comment nous avons vécu dans les leçons précédentes où nous avons différentes couleurs qui vous font sentir d'une certaine façon, comme la sécurité, l'assurance de sécurité. Et un bon exemple ici avec les couleurs chaudes est qu'il est dit pour rappeler le confort et l'énergie. Et pendant que vous pensez aux couleurs fraîches, celles-ci vont être associées à sérénité et l'isolement chose sur le vert, non ? Le vert va être typiquement ce qui est utilisé pour comme une application de méditation pour comme l'isolement. Et donc comprendre la différence entre les couleurs chaudes et les couleurs fraîches et comment celles-ci jouent un rôle dans la façon dont elles font sentir les gens dans le genre de message qui veut être transmis par le client. Alors maintenant, jetons un oeil à quelques dessins ici où vous pouvez évidemment jeter un oeil à OK, je vois qu'ils utilisent une certaine couleur. C' est pour ça qu'ils utilisent certains schémas de couleurs, non ? Parce qu'ils essaient de faire passer un message à travers le jeu de couleurs seul, n'est-ce pas ? Les couleurs qu'ils utilisent. Ce sont les meilleures applications de méditation téléchargées aux États-Unis pour 2018. Numéro un, vous avez l'espace de tête calme, Insight Timer, 10% heureux, 10% plus heureux, aura. Et vous regardez tous ces heuristiques, vous pouvez dire qu'ils cherchent à transmettre un message de calme. Vous avez les couleurs chaudes ici avec le jaune et l'orange, non ? Ce qui est, rappelons à l'esprit chaud comme le soleil. Vous avez un peu de bleu ici, qui apporte de la fraîcheur, réchauffé comme de l'eau. Et puis vous en avez un en haut de cet écran. Donc, tout cela transmet certains messages avec les jeux de couleurs. Et c'est pourquoi il est important de comprendre ce que représentent ces différents jeux de couleurs avec ces différentes couleurs, comment ils font sentir les gens et comment vous pouvez utiliser différentes combinaisons de couleurs en utilisant la couleur pour être en mesure de faire ressortir le design et le look et la sensation de ce que ce produit paran dot l'application veut transmettre à son utilisateur. Donc ça va être là pour la roue de couleurs et les jeux de couleurs. Et on se verra sur la prochaine. 17. Travailler avec des polices: Dans cette vidéo, nous allons continuer à travailler avec les polices. Nous avons passé en revue la psychologie des couleurs, cette théorie des couleurs, comprenant les différents schémas de couleurs en utilisant vos designs et vous savez comment mélanger et assortir différentes couleurs pour faire ressortir une certaine sensation, certaine émotion dans le utilisateur final réel. Et maintenant, ce que nous allons examiner, c'est comment mélanger et faire correspondre différents types de polices afin que nous puissions faire en sorte que les utilisateurs se sentent d'une certaine manière basée sur l'utilisation de polices spécifiques différentes. Allons-y et sautons ici. Ok, donc voilà le truc. Lorsque nous travaillons avec des polices, il y a une certaine psychologie des polices dont nous devons être conscients. Font dire quelque chose sur vous, votre entreprise ou tout type de produit, service ou site Web d'application que vous concevez pour vos clients finaux, n'est-ce pas ? Peut-être même pour toi. Si vous développez votre propre site Web d'entreprise, vous allez le faire, disons le conseil à la clientèle, n'est-ce pas ? Vous voulez comprendre comment fonctionne la psychologie des polices afin que vous puissiez l'utiliser à votre avantage dans vos conceptions particulières, dans vos applications particulières et tout ce que vous concevez et construisez, n'est-ce pas ? Ainsi, les gens ont certains sentiments, émotions et associations quand ils voient certaines couleurs et ils ont le même type de réponse à différentes polices. Si vous regardez l'image ici à droite, vous pouvez regarder les différents sentiments qui vont être associés à diverses polices. Et si vous voulez que les gens voient les affaires comme stables ou modernes, vous devriez vous pencher vers un visage de type san serif. Et en regardant ceux-ci ici à droite, vous pouvez regarder un traditionnel, stable et un peu d'élégance là-bas avec le cursif. Et puis nous avons le moderne avec un type fort de police. Donc, en fin de compte, ce que vous pouvez faire est vraiment utiliser cette image particulière ici. Et pour vous aider à mieux comprendre quand est le bon moment pour utiliser quel type de police. Comme vous pouvez le voir ici, à partir de tout ça, ils sont tous donnés. Différentes émotions, des sentiments différents juste de l'apparence de la police, parce que vous pouvez juste avoir la police sans couleur, rien d'autre en soi ne donnera un certain sentiment, certaine émotion, et va transmettre un peu juste à partir de ce texte, n'est-ce pas ? Parce que vous voulez regarder quelle est la signification derrière le texte réel, le style. Et donc, lorsque nous regardons différentes polices, nous voulons regarder les différentes catégories. Donc nous avons le serif, c'est l'autorité de respect de confiance pour la maladie, comme nous l'avons vu sur la diapositive précédente. On a le San Serif. C' est la confiance moderne simple et sophistiquée type de technologie de pointe axée sur la pointe de la technologie. Ensuite, nous avons l'écriture manuscrite, Nous avons l'affichage, le monospace, et il y a des milliers de différents types de polices. Mais vous voulez vraiment avoir la compréhension fondamentale des différents types de polices et de ce qu'elles signifient et transmettent réellement. Parce que vous voulez pouvoir avoir le bon type de polices en tant qu' en-tête et avoir le bon type de police dans le paragraphe. Et parfois, il est logique d'avoir le même type de police et d'autres fois, il est logique d'avoir deux différentes. Donc, et si vous regardez le milieu ici, vous regardez le, oups, et vous avez les très longues lettres, non ? Et en ce qui concerne la police, puis vous descendez, vous regardez le texte du paragraphe réel. C' est complètement différent. Parfois, il peut être logique d'avoir le même type de police dans l'en-tête, puis le même type de police également dans le paragraphe. Cependant, pour Plus souvent qu'autrement, il sera préférable d'avoir un type spécifique de polices pour l'en-tête et un autre type de police pour les paragraphes réels. Donc, ils peuvent tous les deux se complimenter et ça va être plus facile à lire. Et comme je l'ai dit, tu veux t'assurer que ça va être assez facile pour toi de lire et pour n'importe qui d'autre à lire. Et parfois, il peut être logique d'utiliser le même type de police tout en haut jusqu'à l'en-tête, ainsi que le paragraphe. Et parfois ce n'est pas plus souvent qu'autrement, ça ne va pas avoir de sens. Vous voulez avoir un formulaire spécifique pour l'en-tête et un autre type de police pour le paragraphe afin qu'ils puissent tous les deux être lus facilement. Voici quelques ressources utiles. Vous pouvez regarder polices dot google.com, font paradoxe, font, joy.com. Vous pouvez également acheter différents types de polices. Et vous pouvez acheter certaines de vos propres polices si vous ne voulez pas utiliser les polices standard fournies avec tous les différents outils, comme Microsoft Office ou Microsoft Suite. Rappelez-vous simplement une compréhension ici que lorsque vous appariez des polices, vous voulez que ce soit là où le titre est toujours facile à lire et très agréable et clair, ainsi qu'un paragraphe afin qu'elles ne soient pas mélangées ensemble et qu'il est difficile de lire. Ok, alors maintenant jetons un coup d'oeil à la hiérarchie typographique. Il s'agit essentiellement d'un système d'organisation de la police qui établit par ordre d'importance, permettant au lecteur de naviguer facilement dans le contenu. hiérarchie typographique montre au lecteur quelle information se concentrer et quelle est la plus importante et qui est simplement supportée les principaux points. Si vous regardez le premier exemple ici, vous avez la tête un et ensuite vous avez les différents textes en dessous jusqu'au texte du paragraphe, et ce sera dans H1. Et puis vous avez sur le fond il H2, qui est un peu plus petit. Et puis vous avez le texte du paragraphe et ensuite vous avez le bouton là. Maintenant, dans cette situation particulière, en fonction de l'aspect et de la sensation et de la conception que vous pouvez avoir dans H 1 d'abord. Et cela est vraiment répandu dans les billets de blog lorsque vous regardez différents titres, sous-titres différents, vous allez toujours trouver chacun des meilleurs. Et puis après quelques paragraphes de ce H1 particulier, ce titre est couvert, alors vous allez aller dans H2 et il va aller plus petit en taille aussi loin que la taille du texte. Mais c'est généralement ce que vous allez voir dans un billet de blog où vous avez généralement H1, H2, H3, H4. Et il va généralement à l'endroit où la taille du texte réel que vous allez plus haut dans les en-têtes. Et donc si vous voulez voir un exemple de cela, je recommande juste de tirer tout type de blog ou, vous savez, un site Web de blog là-bas a beaucoup d'articles, articles de nouvelles, et vous remarquerez que vous aurez le H1, qui est une sorte de sujet principal du blog et de quoi il s'agit. Et puis tous les autres titres sont le sous-sujet. Et donc certains des facteurs clés à garder à l'esprit avec la hiérarchie typographique sont la phase temporelle, la taille, le poids, la hauteur de la ligne, l'espacement des lettres, les schémas de couleurs, si vous avez quelque chose dedans, le cas de lettre. Parce que si vous descendez à h3, h4, h5, alors cela signifie que les textes de titre vont devenir plus petits. Cependant, tu ne veux pas le rendre trop petit. On est, ça se mélange avec le texte du paragraphe, non ? Alors assurez-vous que vous êtes au courant de ça. Vous avez juste quelques facteurs clés à garder à l'esprit lorsque vous utilisez la hiérarchie typographique. Et donc, en fin de compte, quels sont les avantages de la hiérarchie typographique ? Une orientation plus facile dans l'information aide les trimestres, donc appliqué différents styles, n'est-ce pas ? Si vous suivez cette hiérarchie particulière, est vraiment facile à mettre à l'échelle. Il accélère le processus de conception. Et puis voici quelques ressources différentes et vous pouvez utiliser aussi archetype att.com, design systems.com et Material dot o. Rappelez-vous que c'est quelque chose que vous allez voir généralement sur un site Web ou pour la plupart, vous allez voir cela dans des billets de blog qui, vous savez, plusieurs sous-sujets différents, vous savez, avec un sujet principal. Et vous allez le voir avec plusieurs milliers de mots dans ce billet de blog. Allons donc dans les polices Web et regardez ce qu'est exactement une police Web. Il y a donc les polices sécurisées pour le Web, puis la police du système. Et en termes de polices système pensent Arial Times New Roman pour Donna ou Géorgie comme les meilleurs exemples des polices sécurisées Web. Ce sont celles qui sont des polices par défaut qui se trouvent dans la majorité des systèmes d'exploitation et des périphériques différents. Pensez donc simplement à vous extraire un document Excel ou un document Word. Ce sont ceux qui vont être personnalisés dans cette suite logicielle particulière, droite, dans cette suite Microsoft Office. Et ceux-ci vont être trouvés sur la majorité des différents systèmes d'exploitation et périphériques, à droite, en standard. Et puis nous avons les polices Web qui sont trouvés fait partie des polices par défaut disponibles sur divers appareils, systèmes d'exploitation, et sont spécifiquement conçus dans la licence pour une utilisation sur le site Web. Alors pensez à Open Sans et Rubato. Ce seront des polices spécialisées qui auront généralement besoin d'être sous licence. Il est donc important de comprendre les polices système par rapport aux polices Web, afin que vous utilisiez le bon type de polices pour votre situation particulière. Alors maintenant regardons les avantages d'avoir les différentes polices Web, la personnalisation facile pour l'implémentation front-end prise en charge par la plupart des navigateurs, n'est-ce pas ? Ok, alors maintenant jetons un coup d'oeil à la conversion des polices en courbes. Maintenant, cela va être utilisé et comme différents modèles de logo, différents types de dessins en général, peut-être que certaines applications peuvent être un site Web, n'est-ce pas ? Mais surtout pour l'image de marque ou la personnalisation des polices existantes. Et c'est donc un bon exemple ici avec le grill de campagne et la taverne. Encore une fois, c'est quelque chose qui va être utilisé et des situations uniques où vous allez pouvoir le faire dans Adobe XD. Et nous allons avoir quelques leçons de marche à travers pour vous d'être en mesure de marcher à travers et réellement regarder par-dessus l'épaule a dû le faire afin que vous puissiez créer ces types uniques de dessins ainsi. Donc ça va être là pour travailler avec des polices. Et on se verra sur la prochaine. 18. Travailler avec des icônes: Dans cette vidéo, nous allons continuer à travailler avec des icônes. Maintenant, les icônes sont l'une des choses les plus puissantes que vous pouvez ajouter à une application Web particulière, un site Web, ou tout ce qui peut être aussi loin que votre projet sur lequel vous travaillez car il permet aux utilisateurs et navigue dans le l'application plus facile et fournit également une interface utilisateur très agréable. Alors allons de l'avant et sauter ici pour travailler avec des icônes. Donc, quand il s'agit d'icônes, quel est exactement le rôle d'eux ? Eh bien, les icônes représentent une grande partie de la façon dont les utilisateurs naviguent autour des logiciels, des sites Web, des applications. Et les recherches ont montré que les icônes, lorsqu'elles sont utilisées correctement , peuvent améliorer la facilité d'utilisation, être facilement mémorisées et améliorer la conception des pages Web et des logiciels utilisés. Et l'une des choses les plus importantes ici à garder à l'esprit est que l'icône devrait toujours avoir une étiquette de texte à moins que vous ayez l'icône qui est universellement comprise ou connue, vous l'aviez été, vous n'auriez généralement pas besoin de texte avec l'icône réelle. Cependant, voici la chose que vous pouvez avoir. Comme par exemple, celle-ci ici, cette ampoule, ça peut signifier beaucoup de choses différentes dans différents contextes, non ? C' est pourquoi il est logique que, pour la plupart, vous utilisez les icônes suivies un texte afin que vous puissiez donner un contexte derrière ce que vous essayez de dire là. Quel est votre sens, non ? Et maintenant, jetons un oeil à trois icônes différentes ici que j'ai tirées de mon site Web où vous pouvez regarder l'ampoule là-bas. L' ampoule représente une stratégie de marketing, puis la présentation là-bas avec les gens. Et vous pouvez le voir dans le numéro deux, ceci représente la génération de leads, puis le numéro trois, le support commercial. Donc, comme vous pouvez le voir, souvent ces icônes par elles-mêmes peuvent laisser un peu de confusion à moins que ce soit déjà un donné quant à ce que signifie cette icône particulière. Les gens vont avoir besoin d'une sorte de texte là pour vraiment leur donner un contexte derrière ce que vous voulez que l'icône réelle représente et signifie. Ok, alors maintenant jetons un coup d'oeil à quelques ressources ici. Nous avons la plume icons.com. Il y a une collection gratuite d'icônes, puis le con.com plat, 2,5 millions d'icônes personnalisables, gratuit et payant, puis Icône finder.com, plus de 4 millions d'icônes SVG. Et ils seront gratuits et payés. Et donc voici juste un exemple d'un style différent d'icônes. Vous avez le contour typique et vous avez le champ, puis vous avez le multi-couleur. Et maintenant ce que je veux faire, c'est que je veux aller sur mon ordinateur et vous montrer un site Web qui ne fonctionne pas vraiment bien avec les icônes dans la façon dont ils les utilisent dans l'aspect général du site Web. Ok, donc on est de retour ici à mon ordinateur. Et comme vous pouvez le voir ici, ce site est pointillé clicks.com et ils ont utilisé les icônes et très bien ici. Donc, vous pouvez voir ici icône juste ici. Et vous remarquerez que chacun d'entre eux a un texte avec cela car il va être difficile de comprendre ce que cela signifie. Tout le monde comprend ce que veut dire un chariot. Cela peut signifier beaucoup de choses différentes selon le contexte. Regardons quelques uns différents ici. C' est plus de quelques graphiques ici, nous allons ici. Remontons au sommet. Ici, nous regardons le menu, les annonces Facebook, non ? Toutes ces différentes icônes ici. Voici comme une carte de crédit. Voici le marketing de contenu d'annuaire, juste ici pour l'agence, site Web, informations et quelques rapports glissent à l'éducation des outils de mer. Ils ne les ont pas ici, mais ils font du très bon travail ici avec les icônes. Et comme je l'ai dit, il est important d'avoir du texte plus souvent qu'autrement quand vous utilisez une icône, parce que la plupart du temps les gens ne vont pas savoir ce que cela signifie et il peut être ouvert à l'interprétation, non ? C' est pourquoi il est important d'avoir le texte là. Et donc ça va être là pour travailler avec des icônes. Et on se verra sur la prochaine. 19. Cours XD - Outils, manipulations d'objets et composants: Lorsque vous sélectionnez une option manuelle pour redimensionner réactif, vous pouvez voir comment mettre à l'échelle votre objet ou votre groupe d'objets et choisir si vous souhaitez avoir un Haidt fixe ou une largeur fixe. Sélectionnez les deux. Rien ne changera. Vous pouvez simplement le rendre plus petit. Si nous éliminons la haine fixe, nous pouvons redimensionner la haine k, c. Donc vous pouvez jouer avec un peu si vous le souhaitez. Parfois, il peut être utile de connaître cette fonctionnalité, de l'utiliser. ce moment, comme je l'ai dit, nous explorons simplement l'interface utilisateur afin que vous sachiez, vous saurez où trouver cette fonction et quelle est cette fonction est quatre, ok. Vient ensuite le mode de fusion. Vous pouvez sélectionner. Certains d'entre eux sont également disponibles dans Photoshop. Donc, pour ceux qui travaillent dans Photoshop, ce serait assez facile de, de comprendre à quoi cela sert ? Mais en ce moment, en termes de web design, je ne l'utilise pas. Elle n'est applicable que lorsque vous souhaitez modifier une image, une photo. Mais quand il s'agit de l'interface utilisateur, je ne pense pas que ce soit nécessaire, mais qui sait ? Ensuite va les coins ronds ou différentes radios des coins. Donc, vous pouvez, et vous pouvez le changer simultanément, pour les quatre côtés de quatre sections, quatre coins. Vous pouvez sélectionner le costume ou différentes radios pour chaque côté et l'avoir différent. D' accord. Chose cool qui est mis en évidence ici. Lorsque vous, lorsque vous vous concentrez sur l'entrée, il vous montre pour quel coin cette section est responsable. Et sentir et frontière. Vous pouvez sélectionner la couleur. Il y a des hacks, des modaux de couleur RVB et HSB. Vous pouvez tous les utiliser. Une fois que vous avez sélectionné la couleur que vous souhaitez utiliser dans l'ensemble de votre projet, vous pouvez l'ajouter en appuyant sur le bouton plus. Pour choisir la couleur du projet. Vous pouvez utiliser l'icône de la pipette, avoir un zoom, et vous pouvez cloner la couleur sur votre objet actuel. Ce pro est responsable de l'opacité de l'objet. Et vous pouvez posséder le type de la capacité précise. Dans ce domaine. L' option d'ombre a plusieurs paramètres, très utiles. Voyons voir, il a une couleur. Ainsi, vous pouvez créer l'ombre pour non seulement d'une couleur noire ou grise, mais vous pouvez créer différentes couleurs, ce que vous voulez. Ici. Vous créez, vous sélectionnez la couleur. Il y a une teinte et la capacité de la, de l'ombre elle-même comme la section de champ x, y, et b. B est en fait quatre bleus. Donc six comme d'habitude, le paramètre par défaut, mais nous allons avoir 25. Par exemple, vous voyez que c'est Bluebird, c'est très doux. X et y responsables du déplacement de l'ombre en fonction de l'accès. Gauche, droite, bas et haut. Ce n'était pas disponible dans Photoshop. Pour autant que je me souvienne en ce moment, les développeurs sont très heureux que nous puissions utiliser des évaluations précises pour les ombres. Et ils peuvent copier cela dans CSS sans problème les en CSS facilement. L' option bluer d'arrière-plan n'est pas utilisée très souvent, malheureusement, car elle n'est pas prise en charge par tous les navigateurs. Nous vous montrons à quoi ça ressemble. Voir, il y a une barre de défilement pour la quantité, la luminosité et la capacité. Donc, comme je l'ai dit, c'est très chic, mais malheureusement pas le soutenir par certains des navigateurs populaires. Espérons que certaines mises à jour obtiendront ces faits dans tous les navigateurs et le marquage pour l'exportation, en cochant cette case a conduit le XD. Notez que cet élément doit être exporté vers votre projet et peut être téléchargé en format PNG, VG ou n'importe où, dépend du format de l'objet que vous utilisez. Donc, c'est un que vous avez exporté l'image PNG, PNG ici. Et le développeur ne peut pas le télécharger. Il suffit de voir les paramètres de ces images précises, mais il ou elle ne peut pas télécharger l'image tant que vous n'avez pas marqué l'image pour l'exportation. Mais encore une fois, nous en reviendrons plus tard sur notre projet de classe peut-être en ce moment c'est juste. Pour savoir que pour l'équipe de développement, vous devez marquer pour l'exportation les éléments personnalisés que vous importez dans votre projet. Pour les objets de texte, c'est presque la même chose. Sauf pour téléphoner. Sa taille, style, l'espacement des lettres, l'espacement des lignes, espacement des paragraphes, l'alignement sur le côté droit, centrale et l'alignement à droite. Ces deux choses sont nouvelles, même pour les utilisateurs de Photoshop. Il crée un paragraphe ou un seul élément de texte. Donc, ce texte de point sélectionné par défaut. Donc, vous voyez que nous pouvons changer, nous pouvons redimensionner le texte et faire glisser cette épingle. Une fois que nous avons créé une zone de texte, avoir une boîte qui peut contenir plusieurs lignes, ligne à ligne trois. Et vous pouvez ajuster la largeur et la hauteur si nécessaire. Avec la largeur, la hauteur, vous allez ajuster la taille de la zone de texte. C' est nécessaire lorsque vous avez la taille précise d'une zone de texte. L' ajustement d'une zone de texte est généralement appliqué lorsque vous avez des colonnes égales et que vous devez conserver la même taille pour chacune des zones de texte. Une autre chose que nous avons pour le texte est le titre en majuscules, minuscules k, exposant, soulignement en indice barré. Il y a un exposant. Maintenant, c'est l'indice dit souligné et ce barré, rien de complexe. Et vous remarquerez peut-être que notre section des actifs est vide en ce moment parce que nous n'en avons pas, créons un actif. Je vais créer un bouton. Voyons voir. Choisissons une couleur. Nous avons un bouton de soumission. Et je vais ajouter, je vais créer un compétent à partir de ce bouton. Et vous verrez que nous avons un composant ici. En bas ou l'autre chose est les couleurs ici. Il est pic quelques couleurs. Et en appuyant sur le bouton droit de la souris, qui peut ajouter ces couleurs à vos ressources ? Ici, ils y vont. Voir. Aujourd'hui sera ici à temps que vous allez travailler dans ce document. Jusqu' à ce que vous les supprimiez Voyez, laissez-moi les supprimer. Vous pouvez modifier les surlignements sur le canevas, renommer appliquer le champ, mais il sera disponible lorsque vous appliquez les objets multiples. Copier renommer mon nom, sont utiles lorsque vous avez un guide de marque. Ainsi, vous pouvez ajouter ces couleurs d'abord courir dès le début. Le suivant est le composant. Oui, revenons à notre composante. C' est donc un composant parental que nous avons créé. Et nous allons demander de le copier quelque part. Voyez quand je change le titre dans mon composant parental, il change ce titre dans chacun des éléments enfants. Mais quand nous changeons l'élément enfant, une telle viande, aucun élément n'est affecté. D' accord. Imaginons que nous ayons deux écrans. Celui-ci, celui-là, et beaucoup d'entre eux. Et il est très long de changer ce bouton partout. Je peux le changer ici. Seulement. Dites que nous avons décidé d'aller avec une autre couleur. Voyez ce qui se passe. Il a changé sa couleur partout en raison de cet élément est déjà ajusté. Il ne sera pas modifié, ne sera pas affecté par les changements de l'engagement parental. 20. Cours XD - Styles de polices et paramètres d'art: Ensuite, il va les styles de personnages. Supprimons ceci pour nettoyer ces tableaux d'art et les titres. Maintenant, nous avons la direction. Nous avons notre style graphique, slogan et sous-titre. Donc, créons un boulon appelé pour le cap et faites-le majuscule. J' aime utiliser une couleur différente. Rubrique. Le paragraphe codera avec les T et les sous-titres, mais aimerait qu'il ait l'italique. Nous avons donc une ligne de balise de paragraphe d'en-tête et un partenaire de sous-titre pour 2p devrait être beaucoup plus petit. Encore une fois, c'est l'exemple. Je ne sais pas à quoi il ressemblerait dans le produit réel, donc pas de jugement. Ici. Supprimons ça. Maintenant. Soyez prudent avec elle, avec la taille de la police. Je vous suggère de vous en tenir à un nombre égal comme 80 ou 75. Donc, vous voulez masse avec les tailles avec dans votre document. Tout d'abord. Deuxièmement, les développeurs front-end aiment quand vous avez tout précis, mais si le projet nécessite d'avoir 61, par exemple, pas de soucis. Vous pouvez l'utiliser. Et juste essayé de préserver l'incision de précision, l'espacement et ainsi de suite, qui ont l'air plus mathématiquement correct. J' ai donc fini cette tuile de texte dans notre projet imaginaire. Et ajoutons ces deux-là. Étaient des acides de caractère à style. Ce style de caractère aux acides. On y va. Maintenant, nous allons même pour la ligne de détection et quatre paragraphes pour saisir le PI pour le nom plus court. Et oui, nous l'avons fait. Tout ici, nous pouvons le supprimer ou bouger quelque part. Copions du texte pour montrer comment les ressources fonctionnent. Je copie le texte à terme T, et il applique automatiquement d dernier appel que utilisé par dt. Nous devons créer une belle chose, bien belle que celle-là. Et je sélectionne le titre, le slogan. Et nous avons quelque chose comme ça. Pour la version mobile, vous pouvez probablement créer un autre style et le mettre également dans les styles de caractères. Vous pouvez l'appliquer plus tard. Ainsi, vous pouvez ajouter icône personnalisée, icônes de chargeur legis. Vous pouvez utiliser feeder icons.com pour très agréable. Je peux juste le glisser dans votre projet. C Ici, nous avons je peux, nous pouvons faire un compétent et éditer à des composés aussi bien. D' accord. Encore une fois, une fois que l'élément parental est changé et qu'il principal compétent, vous voyez que l'autre changera aussi. Si nous sélectionnons le carton en appuyant sur le nom, voir qu'il y a quelques paramètres ici. C' est donc une orientation portrait et paysage. Il a un redimensionnage réactif, défilement vertical nom. Vue d'écran. Qu'est-ce que c ? Un, l'arrière-plan de l'aperçu. Vous pouvez le rendre transparent. Et Layout Create est que nous sommes un meilleur alignement. Et encore une fois, pour un développement web meilleur et plus rapide de la maquette. Vous pouvez utiliser la valeur par défaut et la valeur par défaut. Si vous le souhaitez. Est une grille carrée est utile. Objets graphiques. Illustrations, probablement affiches, bannières. Mais l'autre. Mise en page crit, est plus pour le web et mobile. Conception. Peut seulement les données de taille de gouttière avec le nombre de colonnes, la largeur de la colonne et les marges. Donc je pense que c'est assez pour l'introduction en ce moment. Vous vous verrez sur notre prochaine leçon x et essayez d' explorer les fonctionnalités si vous ne l'avez pas encore fait. Merci beaucoup. se voit dans notre prochaine leçon. 21. Outils de conception graphique: Ok, donc dans cette vidéo, nous allons examiner les différents types de logiciels de conception graphique que vous allez généralement utiliser dans l'interface utilisateur UX. Le premier ici est Photoshop. Maintenant, Photoshop va généralement être utilisé principalement avec des images. Nous pouvons faire beaucoup d'édition différente serait des images spécifiques. Vous pouvez faire beaucoup de personnalisation. Vous pouvez ajouter des éléments indifférents. Maintenant, une chose à garder à l'esprit ici est que lorsque vous utilisez Photoshop, il sera généralement basé sur la photo et vous utilisez des pixels, n'est-ce pas ? Ce que ça veut dire, c'est que disons que tu devais zoomer sur une image, non ? Et vous deviez zoomer sur 1000%. Vous allez voir des pixels individuels qui composent l'image. Et vous pouvez souvent perdre la qualité et la clarté de cette image en fonction de la taille et de la pixellisation de cette image. Donc, par exemple, disons que nous avons cette image ici, non ? Et nous devions zoomer ici. Vous pourriez éventuellement voir les différents pixels de cette image ici, n'est-ce pas ? Vous voyez les différentes couleurs, mais vous verrez les pixels si nous devions aller assez profondément. Et donc quand vous pensez à Photoshop, il va principalement être utilisé pour concevoir un montage automatique ou une base de raster R. Ok ? Et puis quand on regarde l'autre outil ici, en ce qui concerne Adobe Illustrator, ça va être un outil différent qui fonctionne sur un vecteur, ok ? Et quel illustrateur, ce que vous utilisez un des points spécifiques. D' accord ? Et c'est quelque chose à garder à l'esprit ici parce que si nous devions prendre un vecteur particulier et être capable de zoomer 10 000 ou 100 % mille. On ne perdrait jamais cette qualité parce que ce points qui se connectent les uns aux autres, n'est-ce pas ? Et donc si on regarde une image vectorielle particulière ici, laissez-moi l'amener ici. Si nous devions zoomer 100 % mille ou quelque rang que ce soit, nous ne perdrons jamais la qualité. C' est donc l'une des plus grandes différences là en ce qui concerne Photoshop. Évidemment, il y a la photo du nom juste là-dedans. En ce qui concerne Photoshop et Adobe Illustrator, c'est un outil que vous utilisez pour créer beaucoup plus d'illustrations, les graphiques, le design, les différents graphismes que différents graphiques et souvent à l'aide de vecteurs. Ok, donc ce sont les deux outils principaux que vous allez utiliser pour la conception graphique. Adobe XD est ce que nous allons également utiliser dans ce cours. Mais ce sera plus pour l'interface utilisateur et la conception utilisateur. Ok, donc je voulais juste vous donner un bref aperçu ici d' Adobe Illustrator et d'Adobe Photoshop, et nous vous verrons sur le prochain. 22. Cours Adobe XD 4 - Icônes et graphiques vectorielles: Salut et bienvenue à nos leçons de pratique XD. Aujourd'hui, nous allons passer en revue les graphiques vectoriels et comment travailler, gérer et modifier les icônes de notre application de perspective, commençons par l'outil stylo. Et pour voir comment la forme pourrait être créée dans cet outil, vous voyez que je viens de créer une forme aléatoire. Et vous voyez qu'il y a quelques points ici. Ces points, notre travail selon la formule plus occupée, ce qui est très commun parmi les graphiques vectoriels. Et en double-cliquant, vous pouvez, vous pouvez désactiver l'angle et vous voyez que vous avez un contrôle sur ces angles. Double-cliquez donc active ou désactive les lignes courbes. Ensuite, vous voyez qu'il y a quelques paramètres pour la ligne. Nous pouvons également désactiver le remplissage, donc nous avons un objet gras. ce moment, nous allons nous concentrer uniquement sur le contour. Donc, tout d'abord, créer des icônes pour votre projet est très utile pour avoir votre allumage concret. Créons. Et pour montrer la grille carrée, vous devez sélectionner le tableau d'art en appuyant sur le, le titre de notre conseil d'administration. Cochez la case avec cupidité et sélectionnez carré. Et généralement 40 pixels suffit ou une icône. Et maintenant, nous sommes en mesure de percer des tailles cohérentes pour nos icônes. Ok, donc en termes de notre application, nous pouvons avoir quelques icônes pour les catégories de méditations que nous avons dans l'application. Voyons voir, nous avons la méditation du sommeil, la tresse, vraie vie, le progrès et la maison. Ok, réorganisons un peu. Accueil, sommeil, soulagement du stress et excite notre progrès. Et la maison représentera ensemble de méditations qui seront offertes par défaut pour l'utilisateur. Maintenant, lorsque nous définissons les icônes dont nous avons besoin lorsque nous commençons à dessiner, je peux ou pourrait être créé de différentes manières. Vous pouvez utiliser une combinaison de formes géométriques qui existent déjà dans la barre d'outils, disons triangle. Vous l'avez peut-être aussi. Vous pouvez également utiliser la brique enchevêtrement si vous avez besoin de terminer. Le dernier est l'outil de forme ou de stylo. Nous pouvons utiliser celui-ci pour plus de personnalisation de notre forme. Allons-y. Commençons donc par l'icône la plus simple, qui est l'icône Accueil. Et vous avez probablement deviné. Peut être une fusion de deux icônes. Juste besoin d'être très soigneusement aligner ici. D' accord ? On a une forme de maison. Maintenant, nous devons créer un bateau. Je ne veux pas qu'ils soient remplis. Faisons des angles un peu arrondis. Et maintenant, il est temps de relier ça à la forme avec ce bouton. Donc on a une sorte d'omicron. Ajoutons une porte. Ce ne sera pas plus semblable. Maison. Nous n'avons pas besoin que le fond soit entouré par un double-clic. Vous avez l'accès aux éléments séparés. Vous pouvez modifier votre icône où vous le souhaitez. Et nous allons regrouper ce symbole e en un élément. Et faisons les côtés de la bordure deux pixels. Je veux découper un morceau de notre élément de porte, car il semble qu'il n'a pas l'air bien. Donc, pour couper un objet d'un autre, vous pouvez utiliser la fonction Soustraire. J' ai donc supprimé la partie inférieure. Maintenant, il semble que notre icône ressemble à notre maison. Essayons de changer le rayon. On dirait une maison. Donc maintenant, je peux changer la couleur de l'icône, a un élément entier parce qu'il est groupé et je peux accéder à l'élément séparateur à l'intérieur de cette icône par double-clic terminé, peut le modifier si nécessaire. Ok, c'est plus ou moins simple icône. Essayons de créer quelque chose de personnalisé. Et ensuite, nous avons glissé la méditation. Je pense que le symbole de la lune est tout à fait approprié ici. Encore une fois, nous devons suivre le même style et cette icône ainsi que de sorte qu'ils sont tous des moyens cohérents que nous devons augmenter nos côtés de culte de la frontière, changer la couleur et désactiver le Phil. Je pense que nous pouvons exclure et avoir la, Mais vous voyez, si nous comparons ces deux icônes, Celui-ci est plus net et ne correspond pas bien à la première icône. Donc nous devons changer ce coin. Comme je l'ai dit dans toutes les icônes précédentes, nous pouvons accéder à l'autre élément par double-clic et nous devons le modifier un peu manuellement. Donc notre lune sera arrondie comme le, comme notre maison est. Donc, pour créer un nouveau point, vous devez appuyer sur un clic. Si votre jeu d'icônes doit être arrondi, pour avoir des coins arrondis, vous devez faire de votre mieux pour créer des icônes cohérentes. Sinon, il ne sera pas faible professionnel sur votre interface. S' il vous plaît éviter lorsque ce contrôle va dans l'autre sens. La meilleure façon de créer des coins lisses est d'avoir une ligne droite ici. Je vais juste réaliser que nous pouvons le faire autrement sans utiliser de formes supplémentaires. Je pense que c'est assez proche de ce que nous visons. Peut-être que j'ai besoin d'ajouter quelques points de soutien. D' accord ? Oui, on y va. Nous avons deux icônes de ce même ensemble. Son prochain est le soulagement du stress et passionnant. Eh bien, bien sûr, pour créer une icône, vous devez avoir une idée de ce à quoi elle devrait ressembler. L' autre chose est de créer l'icône elle-même. Je pense que c'est une sorte de flash ou serait approprié pour soulager le stress. Encore une fois, avoir à utiliser le même style pour chacun de nos icônes. Certaines de vos icônes peuvent être plus grandes ou plus larges que les autres de votre ensemble, car cela dépend de la forme et de l'objet que vous essayez d'illustrer. Si vous voulez avoir des coins arrondis, vous pouvez ajouter la manuellement, bien que les angoisses, chose agressive encore besoin d'avoir une belle icône. Je veux vivre un peu tourné société Qing. Ensuite, nous avons un progrès. Qu' est-ce qui pourrait communiquer un progrès ? On peut créer un drapeau. Donc, pour créer une icône de drapeau, nous devons créer un rectangle dans le rayon de coin avant notre manipulation. Parce que lorsque vous commencerez à personnaliser la forme, il n'aura plus les futures en angle arrondi une fois que vous en aurez créé au moins 1 à partir de la vôtre, d'accord ? Et j'utiliserai un outil de ligne simple qui est accessible en appuyant sur L comme touche show. Maintenant, nous avons quatre icônes pour notre application, qui sont la maison, le sommeil, l'anxiété et le progrès. Peut-être que ce n'est pas la meilleure façon de catégoriser l'application de cette façon. Mais cette leçon est juste pour montrer comment vous pouvez créer vos propres icônes personnalisées si nécessaire, au cas où si vous voulez gagner du temps et que vous ne vous sentez pas confiant en termes d'icônes de dessin, vous pouvez visiter des sites Web comme Peter icons.com, Icann.com. Je peux trouver r.com et attraper des icônes de ces sites Web. Leur professionnel il ya l'icône d'alimentation est gratuit, l'autre récupération et icônes premium à l'intérieur, sorte que vous pouvez choisir en fonction de vos préférences. Vous pouvez choisir qui l'un des différents styles qui sont disponibles pour les icônes, il y en a plus, mais je vais énumérer les trois principaux. Donc celui-ci est décrit exactement comme nous avons conçu pour notre application. Celui-ci est avec un fond solide. Donc, la même forme mais avec le fond. Et celui-ci est l'icône plate multicolore. Elle a plus de détails en elle semble plus riche que les deux jetons précédents. D' accord ? La plupart des designers qui vont avec le contour parce qu'il est à la mode, il est flexible, il est facile de recréer d'autres collections d'éléments et d'icônes que je peux définir, ils sont plus riches en termes de contours ou d'icônes audacieuses plutôt que de couleur complète, plus ou moins réaliste, je peux styler. Donc, nous sommes de retour à nos icônes d'application et mettons des icônes sur leurs places. Rappelez-vous que nous avons le f2 t, Nous avons 40 pixels zone carrée pour nos icônes. C' est, ça s'appelle conteneur. Donc, je peux être plus petit, mais le conteneur a 40 pixels. Je pense qu'on peut enlever la porte ici. A, ne se sent pas comme le même style. Maintenant, nous alignons nos icônes sur une ligne horizontale. C' est bien que nous avons pour la salutation de colonne nous aide à aligner nos icônes correctement à la mise en page générale. Une fois que je suis sur l'écran d'accueil, nous pouvons mettre en évidence cela en quelque sorte. Cette option. L' autre option est de le faire parler. S' il vous plaît n'oubliez pas de créer différentes conditions pour vos icônes car cela peut être un problème pendant le développement et la présentation aux parties prenantes. Ici, nous pouvons ajouter une sorte d'esprit de tabulation, très commun ces jours-ci. Pour maintenant, je suis écran d'accueil ou non, il est préférable de l'avoir sur le fond. Tu pourrais le faire comme ça. Vous diminuez la, diminuez la capacité de ces icônes si vous pensez qu'il est approprié à votre expérience utilisateur lorsque nous diminuons la capacité de cette icône parce que ce n'est pas tout à fait sympathique. Cela irait avec la version précédente où ce bouton est déjà appuyé. Je pense que cela devrait avoir plus de contraste. Donc, maintenant c'est comme ça un Marocains Luke sur la barre inférieure. Vous savez maintenant comment créer des icônes de la manière hiérarchique. Et la dernière chose que je voudrais souligner est que vous devez marquer des icônes pour l'exportation. Chaque fois que vous faites l'icône personnalisée, s'il vous plaît marquez-le pour expert. Parce que vos développeurs ne seront pas en mesure de télécharger le fichier SVG et de l'implémenter dans le HTML. Ok, donc merci beaucoup pour votre attention. J' espère que cette leçon a été utile. Peut-être avez-vous d'autres idées sur la façon de représenter ces sections. S' il vous plaît allez-y et essayez-le vous-même. Merci beaucoup et à la prochaine fois. 23. Aperçu de la section Conception UX: Dans cette vidéo, nous allons passer en revue l'aperçu de la section de conception UX. C' est donc la plus grande section de tout ce cours. Cela va couvrir un grand nombre de domaines différents, tels que l'expérience utilisateur, comme le processus de conception UX, que différents profils utilisateur et vraiment vous montrer ce qu'est exactement la conception UX. Cette leçon particulière ici va vous donner un aperçu général de ce qui est à venir dans cette section particulière. Il y a beaucoup à couvrir ici, et je suis excité que vous commenciez. Alors allons de l'avant et sautons dans la vue d'ensemble de la section. Donc, ce que nous allons couvrir en premier est ce que exactement la conception UX ? Qu'est-ce que ça veut dire ? Comment cela fonctionne-t-il dans le processus actuel de conception UX ? Et puis le processus d'analyse, ce qui est très important pour vous de comprendre ainsi qu'un UX Designer. Et puis nous allons aller dans les profils d'utilisateur, points de douleur d'utilisateur, développer une personnalité, un avatar. C' est essentiellement là que cela va nous permettre de vraiment comprendre qui est l'utilisateur final afin que nous puissions créer le bon type de produit qui va être en mesure de les amener à vouloir acheter parce que nous le fabriquons spécifiquement pour eux, c'est ça ? Ensuite, nous allons passer en revue le parcours client et ensuite le parcours client par rapport à un entonnoir de vente. Très important pour vous de connaître un concepteur UX, surtout lorsque vous essayez de venir à une organisation et être en mesure d'être extrêmement précieux si vous avez des compétences et des connaissances supplémentaires, telles que la compréhension de la psychologie de la vente, psychologie comportementale, entonnoirs de vente, facteurs de persuasion, non ? Vous allez être beaucoup plus précieux pour cette organisation en particulier. Et nous allons passer en trois phases d'un entonnoir de vente, les quatre étapes d'un entonnoir de vente, puis les conversions macro et micro. Nous allons passer à différents entonnoirs dans cette leçon particulière. Et nous allons passer par un entonnoir de génération de plomb, puis un entonnoir de vente de produits numériques. Et puis l'une des plus grandes choses que vous allez vouloir comprendre est la sophistication du marché. Et nous allons aborder cela beaucoup plus en détail dans les leçons. Cependant, la sophistication du marché vous donne vraiment une compréhension de l'endroit où se trouve l'utilisateur dans le voyage réel, à droite, le long de la façon dont il est effectivement acheté un produit, qu'ils soient ou non conscients d'un problème d' un point de douleur qu'ils peuvent avoir et où exactement ils sont dans le processus Holbein. Donc la prochaine chose que nous allons couvrir, ce sont les sept principes d'influence. Nous allons passer en revue le flux utilisateur. Nous allons passer en revue les storyboards, les humoristes, les filaires basse et haute fidélité, puis développer des prototypes. Ensuite, nous avons les tests et l'évaluation, puis les livrables UX. C' est donc, comme je l'ai dit, une très grande section ici. Il y a beaucoup d'informations, mais cela va faire de vous un concepteur UX complet parce que souvent, lorsque vous entrez dans une organisation, ils ont généralement une personne qui gère un seul domaine. Mais si vous allez dans, disons, une petite à moyenne entreprise, ou peut-être même comme une startup, vous connaissez tous les différents facteurs ici en ce qui concerne un entonnoir de vente, la différence entre le parcours client par rapport à un entonnoir de vente et les différents types d'entonnoir de vente. Et surtout avec l'influence et la persuasion, une fois que vous serez en mesure d' ajouter ces compétences supplémentaires à votre répertoire, pour ainsi dire, n'est-ce pas ? Et vous allez être un atout extrêmement précieux pour n'importe quelle organisation, n'est-ce pas ? Parce que la plupart des personnes qui sont des concepteurs d'interface utilisateur UX sont généralement bien renseignées dans un domaine. Mais si vous avez beaucoup de compétences différentes dans le spectre du marketing, alors vous serez extrêmement précieux. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 24. Qu'est- (UX): Et bienvenue à tout le monde. Vous êtes sur la section de conception de l'expérience utilisateur. Et dans cette vidéo, je vais expliquer les principaux concepts et méthodologies de UX. Veuillez essayer de voir l'ensemble de la situation, mais pas les produits livrables et les activités d'une manière distincte. Tout ça fait partie d'un. Vous pensez seulement que je voudrais souligner avant les poursuivre car je vais expliquer beaucoup, beaucoup de types de choses qui peuvent être incluses dans le processus UX. Cependant, votre projet peut ne pas nécessiter ou vous ne pouvez pas faire ces activités, ce livrable, ce type de recherche en raison du calendrier, où en raison d'un budget serré. Selon Don Norman, il y a quatre principes principaux que vous devez suivre en faisant une conception centrée sur l'utilisateur. D' accord ? Donc, le premier est de comprendre et d'aborder les problèmes de base lorsque vous faites le, la conception du produit que vous devez essayer de comprendre ce que les douleurs, Quelles frustrations les gens éprouvent avec un type similaire de produit. Et aussi essayer de les résoudre, mais pas à bas niveau mais à plus haut, à un niveau général. Comme je voudrais ajouter plusieurs produits dans mon panier dans une boutique en ligne k, Et je voudrais le faire, mais le système n'a pas de handicap pour le moment. Donc, vous offrez est que vous introduisez plusieurs commandes, plusieurs produits dans votre système de panier sur les étapes du père ne peut pas gérer les commandes multiples et signifie que vous réduisez la solution sur un seul niveau, mais vous n'avez pas pensé à ce qui sera l'étape suivante, comment ces deux choses vont interagir, comment elles vont se connecter et se synchroniser. Cela nécessite donc, bien sûr, travail étroit avec le développeur ou l'équipe de développement. Je dépend du projet. J' ai essayé de voir l'ensemble du tableau, pas seulement une chose, parce que probablement quand vous résolvez cette seule chose, vous changerez une chose à un endroit. Cela aura un impact sur un père, modules père et l'expérience Père de votre utilisateur. Résolvez les problèmes sous-jacents fondamentaux, pas les symptômes. Demandez pourquoi chaque problème, lorsque la réponse est l'erreur humaine, continuer par l'erreur, guérir ce qui aurait pu l'empêcher. Et le principe de base suivant, selon Don Norman, est le groupe B Sander. Eh bien, cela signifie que vous devez concevoir votre produit ou système, commençant par les besoins et les capacités d'un utilisateur qui utilisera votre produit. C' est simple parce que la plupart des procédures et des dispositifs système actuels sont des ponceuses technologiques. Ils ont conçu autour des capacités de la technologie, on a demandé aux gens de remplir les éléments que la technologie ne peut pas faire. Centrer sur les gens signifie changer les jours, commençant par les besoins et les capacités des gens. Donc, cela signifie que si vous avez déjà des exigences techniques et que vous essayez de construire l'expérience utilisateur sur les exigences techniques de votre système. Ce ne sera pas une conception centrée sur l'utilisateur. D' accord ? Cette conception centrée sur l'utilisateur place l'utilisateur au centre absolu de votre produit. Et la configuration système requise et la fonctionnalité se développent autour de ce centre central. Ok, on va essayer de donner un autre exemple. Prenons une voiture, par exemple. Il doit avoir quatre roues, et c'est une exigence pour la plupart des véhicules. Mais quand même, quand vous voulez être quand vous voulez que le véhicule prenne moins de place, que vous voulez que le véhicule passe par la, vous savez, la circulation routière. Vous allez probablement concevoir la moto ou le scooter. D' accord. Donc, Mme. Oui, je voudrais me déplacer dans la ville, mais je voudrais aussi dépenser moins d'essence, passer moins de temps dans la circulation. Je ne veux pas avoir de siège passager. Je voyage seul. Et c'est pour ça que tu viens probablement avec la moto. Et c'est un exemple large, mais il démontre vraiment l'approche centrée sur l'utilisateur, je veux dire, axée sur les personnes, d'accord, utiliser une approche système centrée sur l'activité. C' est une chose assez intéressante parce qu'une fois que j'ai commencé ma carrière UX, je n'ai pas considéré cela plusieurs fois. Mais maintenant, je vais essayer de vous expliquer en mots simples afin que vous puissiez l'appliquer dans votre travail et votre carrière UX. conception doit donc se concentrer sur l'ensemble de l'activité considérée, pas seulement sur les composantes isolées. Par exemple, disons que nous sommes sur la boutique en ligne, site Web et que nous essayons de trouver des appareils, ok. Et nous l'ajoutons à la carte. Un téléphone intelligent par exemple, nous avons ajouté et aimerions en ajouter un de plus. Ce site n'a pas cette fonctionnalité. Je ne peux mettre dans le chariot qu'un seul. Donc, u, en tant que concepteur UX, va introduire un ordre multiple. La carte sera en mesure de gérer plusieurs produits à l'intérieur. Ensuite, lorsqu'une personne essaie de confirmer la commande, il semble que le système ne dispose pas de cette fonctionnalité. Tu n'as pas planté. Donc, vous êtes parti sans considération. Père, les étapes qui sont affectées par votre solution. K que vous avez changé une chose dans un composant. Vous n'avez pas considéré l'autre qui va plus loin, vous devez essayer de voir l'ensemble lorsque vous faites votre conception utilisateur, expérience utilisateur. Utilisez des itérations rapides de prototypage et de tests. Encore une fois, voici la partie intéressante des principes de Don Norman. Parce que j'aime le prototypage et je le fais avec plaisir avec l'amour. Et quand je reçois des commentaires de l'utilisateur de l'équipe, j'aime vraiment présenter, pour résoudre le problème, pour changer mon prototype en fonction des retours, selon les suggestions. Qu' il s'agisse d'une partie prenante ou d'un utilisateur final, il est difficile de concevoir une solution parfaite dès le premier essai. Je le crois fermement et je vous encourage à me faire confiance. Il n'y a rien de mal avec les itérations libres de prototypes. À chaque itération, le prototype devient plus raffiné. En utilisable. jours de l'Indiana, vous obtiendrez tellement de satisfaction lorsque vos utilisateurs vont adorer votre prototype. Et nous n'aurons aucun commentaire. Ils vont adorer. Votre produit. Tail vous félicitera pour, vous savez, pour faire ces expériences très intelligentes, très confortables pour eux parce que vous résolvez leurs problèmes, résolvez leurs problèmes, vous considérez leurs frustrations, valeurs, et ainsi de suite et ainsi de suite. En d'autres termes, tout ce qui est fait avec un design centré sur l'utilisateur est fait pour les utilisateurs. Nous considérons leur âge, leur statut social, leurs habitudes, les lieux de travail dans les écoles, les problèmes croient peint un niveau de revenu, et ainsi de suite. Ici, l'utilisateur est placé dans le centre absolu du service ou du produit que vous concevez. C' est pourquoi cela s'appelle la conception centrée sur l'utilisateur. Et j'ai la citation de Don Norman, qui lit que la conception centrée sur l'utilisateur signifie travailler avec vos utilisateurs tout au long du projet. Merci beaucoup et à la prochaine fois. 25. Processus de conception UX: Ok, et parlons du processus de conception UX dans cette vidéo. Habituellement, je le divise en découverte, prototypage, tests et amélioration. C' est la même chose qu'une approche générale de la gestion de projet. Donc, un cycle de ces quatre étapes est un autour ou une itération. livrables sont les rapports d'audit, persona, les storyboards, les cartes de parcours client utilisateur, flux utilisateur, les tableaux d'humeur, l'architecture d'information, sitemaps, les filaires, les prototypes interactifs et les rapports de test. Ne vous inquiétez pas si vous ne comprenez pas certains d'entre eux, nous reviendrons à la description et explorerons chaque livrable plus en détail. Concentrez-vous maintenant sur quatre étapes, et explorons l'étape de découverte plus en profondeur. Eh bien, étant la première étape de votre conception UX, il nécessite le plus de livrables et le plus de travail, et c'est le travail le plus complexe et le plus difficile. En comparant à d'autres étapes, vous aurez l'analyse d'une analyse de la concurrence des produits actuels, profils utilisateur et de la persona, besoins des utilisateurs et des points douloureux, des storyboards, parcours client de l'utilisateur, la carte, les flux utilisateur, planches d'humeur, filaires tous au sein d'un, étape k. Mais encore une fois, je tiens à répéter que votre projet peut ne pas nécessiter Certains d'entre eux n'a pas besoin d'être si étendu. C' est le modèle parfait au meilleur scénario de ma découverte, j'utilise le modèle de design double diamant. Lorsque nous faisons de la recherche, de l'analyse et de la synthèse, nous élargissons les possibilités, nous élargissons nos résultats. Et nous avons beaucoup d'informations sur les mains que nous les regroupons, triés, filtrons cela et nous sélectionnons ce qu'il est nécessaire, sélectionnez ce qu'il n'est pas, sélectionnez où il est important, qui est moins important qui pourrait être mis en œuvre pour le moment et qui ne peut pas être implémenté. Ensuite, nous réduisons nos résultats. Nous les définissons, puis nous arrivons à un prochain diamant dans lequel nous développons et livrons. Et développer et livrer des moyens que vous prototypez, testez et affinez alors, et seulement alors nous avons obtenu le résultat. Il y a donc deux choses à retenir. Vous aurez beaucoup d'informations, beaucoup de variations, beaucoup d'exemples sur vos mains, mais vous devez être prudent avec tous. Vous ne pouvez pas les présenter tous au même endroit. Vous devez le regrouper trié en utilisant la manière la plus conviviale. D' accord ? Essayer de comprendre la similitude entre les choses que vous trouvez et ensuite vous les convertissez en prototype, qui peut également avoir beaucoup de révisions, puis va tester, et seulement alors vous pouvez affiner la conception et avoir des résultats. 26. Parcours client et entonnoir des ventes: Dans cette vidéo, nous allons examiner les différences entre un parcours client et un entonnoir de vente. Donc je suis excité pour celle-là. Allons-y et sautons ici. Nous avons passé en revue le parcours client dans une autre vidéo précédemment, cependant, je veux vous donner un aperçu rapide à nouveau de ce qu'il s'agit vraiment. Il s'agit vraiment d'avoir un plan détaillé. À chaque étape qu'un prospect prend, un client ou un client potentiel va jusqu'à devenir un client payant. Et ils peuvent entrer à n'importe quel moment ici. Il peut arriver peut-être en écoutant une sorte d' annonce radio ou peut-être en lisant un blogueur en ligne, peut-être une sorte de site Web qui a une bannière publicitaire avec notre promotion, peut-être une publicité sur Facebook ou LinkedIn, Google, quoi que ce soit, n'est-ce pas ? C' est le processus ultime qu' un client traverse pour devenir un client réel. La différence ici avec un entonnoir de vente réel est que l'entonnoir de vente est un modèle qui est utilisé pour commercialiser correctement ces prospects individuels à différents stades du cycle d'achat. Et donc si vous regardez cette image ici à droite, vous voyez en haut de l'entonnoir il y a des prospects, des contacts, des prospects, des finalistes, puis des ventes. Et donc c'est vraiment la plus grande différence ici, c'est qu'un entonnoir de vente peut être utilisé comme un outil dans chaque étape particulière, non ? Disons que quelqu'un entre sur le site et qu'il remplisse le formulaire là-bas, non ? Pour en savoir plus sur l'entreprise, sur le produit. Alors, après cela, ils vont être mis dans un entonnoir de vente qui va avoir plusieurs étapes différentes qui lui permettront de soumettre leurs informations. Peut-être téléchargez une sorte de PDF pour obtenir des informations gratuites, ou même peut-être acheter quelque chose à faible coût afin qu'ils puissent se familiariser avec la marque. Et donc vous pouvez vraiment penser au voyage client comme une vue de 50 mille pieds. C' est un véritable aperçu détaillé de chaque étape que je mène pour devenir réellement ce client. Un entonnoir de vente fonctionne dans le parcours réel du client parce qu'un entonnoir de vente obtenir, ont beaucoup de différentes pièces mobiles. Par exemple, disons que quelqu'un entre et le téléchargement. Et on va y aller dans les conférences supplémentaires de cette section. Mais supposons que quelqu'un vienne sur le site Web et qu'il soumette ses informations, puis qu'il soit mis dans un seau séparé, et qu'il soit mis dans un entonnoir de vente différent qui, disons, les tire sur lui. courriels une fois par semaine ou deux fois par semaine. Et puis s'ils répondent à l'un des e-mails et qu'ils téléchargent un PDF pour une feuille de triche gratuite ou un nouveau livre, peu importe ce qui peut être, ils passent à l'étape suivante. Peut-être, peut-être que la prochaine étape est de les amener à acheter quelque chose à faible coût. Et puis après avoir acheté quelque chose à faible coût, ils passent à l'étape suivante de l'entonnoir, ce qui leur permet d'acheter quelque chose à un coût plus élevé. Donc, vous obtenez l'image ici que l'entonnoir de vente va généralement avoir beaucoup de différentes pièces en mouvement, beaucoup d'étapes différentes. Et il va avoir différentes ventes incitatives vers le bas des cellules, des moments différents. C' est de donner des informations gratuitement à l'utilisateur. Mais cela va toujours être dans le parcours réel du client. Dans les prochaines conférences, nous allons passer en revue différents types d'entonnoirs de vente. Et nous allons passer en revue les différentes phases des entonnoirs de vente. Et cela va être là pour les différences entre le parcours client et l'entonnoir de vente. Et on se verra sur la prochaine. 27. 3 étapes d'un entonnoir de vente: Dans cette vidéo, nous allons couvrir les trois phases d'un entonnoir de vente. C' est donc quelque chose dont vous allez vouloir prendre conscience vous travaillez dans l'espace marketing, l'espace marketing numérique, surtout si vous commencez votre carrière UX, vous voudrez rejoindre généralement, si vous êtes à la recherche d'un emploi, une plus petite organisation, de sorte que vous pouvez obtenir une certaine expérience. Et généralement, ces personnes vont vouloir que vous ayez un ensemble de compétences différent dans différents domaines. Et donc, lorsque vous pouvez vraiment en savoir beaucoup sur le marketing, et par UX UI, vous serez beaucoup plus précieux pour ces organisations. Alors allons de l'avant et sautons dans les trois phases. Un entonnoir. Donc, les trois différents vendeurs ou phases peuvent être divisés en MAF difficile et Bob, je sais que cela semble un peu bizarre, mais c'est juste ce qui est utilisé pour représenter ces différentes phases dans un modèle de vente. Donc, le haut de l'entonnoir est tout au sujet de l'éducation. Il fournit à l'utilisateur des informations pertinentes et significatives sur un produit ou un service. Ou peut-être même dans l'image de marque. Il suffit de penser si vous voyez une annonce Facebook et que tout ce que l'annonce Facebook dit est, hey, nous faisons X, Y, et Z ou, vous savez, nous sommes sur x et y. Il ne vous vend pas vraiment quoi que ce soit. C' est juste te donner la notoriété de la marque pour que tu saches qu'elles existent, non ? Et c'est généralement ce que vous voyez en haut de l'entonnoir et des promotions très légères. D' accord. Et puis nous avons le milieu de l'entonnoir et c'est la phase de réflexion. Maintenant, comprenez que les conversions peuvent se produire à tout moment tout au long de l'entonnoir. Cependant, c'est là que vous commencez à cibler le trafic qui est déjà chaud et qui a déjà été intéressé. Ainsi, par exemple, sur Facebook, ce que vous pouvez faire est retargeted ces personnes qui ont déjà engagé et senior marque précédemment. Le haut de l'entonnoir, non ? Beaucoup de publicités sont très légères, très nonchalantes, très non salées. Juste te donner un peu de marque et te faire savoir, hé, ma marque, mon produit est là. C' est ce que nous faisons. Et si les internautes interagissent et interagissent avec cette annonce en particulier, vous pouvez les placer dans un seau séparé maintenant et les déplacer au milieu de l'entonnoir. Parce que vous savez déjà qu'il y a des intérêts là-bas. Peut-être qu'ils ont regardé une vidéo, peut-être qu'ils ont regardé une vidéo, vous savez, 30 secondes. Et ça vous donne une bonne indication qu'il y a de l'intérêt là-bas. Donc, vous voulez les mettre dans un seau séparé, les déplacer au milieu de l'entonnoir. Et c'est là que vous commencez à voir des conversions parce que ce sont des gens qui ont déjà vu votre marque. Et puis au fond de l'entonnoir. Et c'est là que vous reciblez des publics très intéressés qui ne se sont pas convertis pour devenir des prospects ou des clients plus tôt au milieu de l'entonnoir. Donc vous pouvez voir ici, le public se déplace plus loin. Et à chaque étape, le milieu de l'entonnoir est des gens qui vous ont vu en haut, puis le bas de l'entonnoir sont des gens qui sont très ciblés parce qu'ils vous ont vu en haut, le branding senior, le les annonces pour personnes âgées qui sont beaucoup, vous savez, pas essayer de vendre un produit ou un service, mais plutôt de l'image de marque. Et puis ils ont peut-être vu votre appel léger à l'action. Au milieu de l'entonnoir. Et pour une raison quelconque, s'ils sont même l'acheteur approprié convertir, alors vous les déplacez dans un autre seau, qui est le fond de l'entonnoir. Et c'est là que vous allez trouver beaucoup de convergence. Parce que souvent, surtout si un produit ou une marque, est flambant neuf, les gens ont besoin de voir le produit Medici la marque plusieurs fois pour devenir à l'aise, avoir cette confiance dans leur droit. C' est pourquoi beaucoup de conversions se produiront au bas de l'entonnoir parce qu'ils ont vu la marque plusieurs fois et qu'ils ont réellement interagi avec la marque et avec les annonces. Et maintenant, ils voient ce produit ou cette marque en particulier comme digne de confiance, et ensuite ils vont appuyer sur la gâchette. Ok, alors regardons quelques-unes des différentes choses que vous offririez à chaque étape de l'entonnoir. Donc, en haut de l'entonnoir, nous avons, disons un chichi, sorte de contenu éducatif, une sensibilisation à la douleur, la sensibilisation perte d' opportunité, ou tout type de sensibilisation comme hey, nous aidons chiens font X ou nous avons une application de méditation, nous existons, non ? Quelque chose de super simple. Vous pouvez également fournir un grand ebook téléchargeable qui lui permet de résoudre un problème particulier, point de douleur particulier. Très bien sur le côté non salé des choses, d'accord. Et puis l'entonnoir du milieu ici, c'est là que vous pouvez avoir une sorte de proposition de valeur, peut-être une sorte de guide des acheteurs, leur faire voir des études de cas , des témoignages, des mesures pour expliquer pourquoi votre produit, vous n'avez pas de sens pour ce marché particulier, pourquoi il serait dans leur meilleur intérêt par, et donc c'est là que vous commencez à voir des conversions, n'est-ce pas ? Et puis au bas de l'entonnoir, c'est là que vous allez aussi voir beaucoup plus de critiques, de témoignages. Vous allez voir beaucoup de prix qui est peut-être mis en page leurs démos. Et vraiment où vous allez voir les gens qui sont prêts à acheter, n'est-ce pas ? Et alors remarquez comment, à chaque étape où nous irons dans l'entonnoir absolu ici, cela devient beaucoup plus clair en ce qui concerne ce que nous cherchons à faire et l'offre devient beaucoup plus spécifique, non ? Au sommet étaient juste éduquer les IK, nous sommes ici, nous sommes sur le marché. Hey, nous voulons résoudre votre problème en vous donnant un ebook gratuit ou peut-être un lien vers un billet de blog sur le site de l'entonnoir médulla. Hey, nous avons ce guide ici qui peut vous aider à accomplir XY et Z. Hé, regardez quelques-unes de nos études de cas précédentes que nous avons pu réaliser. Et enfin, vous voulez vraiment, tout au bas de l'entonnoir, marteler sur la preuve sociale qui examine les témoignages, tirer parti de ce que les autres ont vécu, fournir le prix réel, toutes sortes de démos et où vous découvrirez que les gens seront pour la plupart prêts à appuyer sur la gâchette. D' accord ? Donc, ce sont les trois étapes d'entonnoir et vous devriez prendre conscience de cela est à un niveau très élevé, car à chaque niveau particulier ici, vous pouvez avoir un entonnoir de vente dans cette phase particulière. Ainsi, par exemple, l'entonnoir médullaire peut consister en plusieurs entonnoirs différents à cette étape. Même chose au fond de l'entonnoir. Disons que le, vous savez, cliquez sur l'annonce et ils sont intéressés à acheter, non ? Cela peut les amener à un certain entonnoir en fonction de leurs actions précédentes, non ? Tout dépend donc de l'information contenue dans les données collectées. Facebook est l'une des meilleures plateformes pour être en mesure d'utiliser publicité pour collecter des données et être en mesure de regarder ce que l'utilisateur fait, comment ils interagissent avec qui ajoute à l'élire un message. Est-ce qu'ils aiment ce qu'ils voient, n'est-ce pas ? Et puis être capable de les prendre dans des directions différentes en fonction de leur action précédente. Donc il sera là pour les trois phases d'entonnoir de vente. Et on se verra sur la prochaine. 28. 4 étapes d'un manteau de vente: Dans cette vidéo, nous allons passer en revue les quatre étapes de l'entonnoir de vente. Maintenant, ce sera le type le plus courant d'entonnoir de vente que vous voyez aussi loin que les différentes étapes. Et comprenez aussi que cela va être un cadre que vous pouvez utiliser lorsque vous écrivez copie, si jamais vous obtenez la tâche d'écrire copie parce que disons que vous prenez un emploi dans une start-up et qu'ils ont besoin que vous portiez différents chapeaux. Vous êtes capable de comprendre les quatre étapes de l'entonnoir des ventes, puis le cadre de rédaction qui va en conjonction avec cela sera extrêmement précieux pour vous et ensuite les organisations. Allons-y et sautons ici. Donc, les quatre étapes de l'entonnoir de vente sont numéro un, l'étape de la sensibilisation. Le numéro deux est l'intérêt. C' est là que vous leur donnez la raison de retenir leur attention parce qu'à la toute première étape que vous voulez faire est de créer cette prise de conscience, n'est-ce pas ? Faire savoir aux gens, hé, nous existons, j'existe, vous savez, nous sommes ici sur le marché avec les intérêts que vous leur donnez une raison de retenir leur attention. Disons peut-être qu'on arrête ce qu'ils font. Typiquement, comme sur un smartphone, vous voulez qu'ils cessent de défiler sur Facebook, Instagram, ou n'importe quelle plate-forme qui peut être et que vous voulez attirer leur attention. Et puis l'étape suivante est la décision que le désir. Donc, une perspective, exactement comment l'offre particulière à résoudre un problème particulier, non ? Et finalement, le public devrait être en mesure voir comment vous offrez peut améliorer leur vie. Et puis la dernière étape est l'action quand elle avait été en mesure de créer la notoriété de la marque, donc les intérêts, puis en fait créer le désir. L' étape suivante est de persuader la perspective qu' ils devraient prendre les mesures immédiates maintenant, non ? Et effectivement acheté un produit ou passer à l'étape suivante de l'entonnoir. Allons-y et disséquons ça un peu plus profondément. Donc, la phase de sensibilisation. C' est donc là que l'utilisateur prend connaissance d'un produit ou d'une marque par le biais publicités telles que les réseaux sociaux, le bouche à oreille ou toute autre forme de référence, n'est-ce pas ? C' est cette conscience qui est créée. Numéro deux, l'âge des intérêts. C' est là que le consommateur s'intéresse et s'engage en apprenant sur votre solution, produit ou service existant. Comme, disons qu'ils voient, par exemple, une annonce qui dit, saviez-vous que vous pouvez le faire ou vous l'avez fait, êtes-vous au courant ? Vous pouvez accomplir XY et Z en faisant seulement y, n'est-ce pas ? Quelque chose comme ça où vous engagez vraiment leurs intérêts. Vous les faites arrêter et vous obtenez leurs globes oculaires ? Et puis la prochaine étape ici avec la décision, c'est là que vous montrez vraiment les perspectives exactement comment vous pouvez résoudre leur problème. Et tu leur fais prendre la décision de s'engager et de prendre l'action, n'est-ce pas ? C' est là que nous voulons qu'ils prennent des mesures immédiates. Et nous voulons nous assurer que c'est écrit. Souvent, beaucoup de publicités sont insuffisantes parce qu'elles ne disent pas aux gens quoi faire. Il y a une raison pour laquelle beaucoup de boutons. Pour faire un achat, disons maintenant ou ajoutez au panier. Parce que vous devez fournir une sorte d'expérience, n'est-ce pas ? Là où vous conduisez les gens à travers l'entonnoir de vente ici et vous les faites franchir à chaque étape et vous faites en sorte qu'il soit super simple et facile pour eux d'acheter les produits avec peu de frottement. Parce que l'une des choses clés que vous devez comprendre sur la psychologie, la psychologie sociale, le marketing, la psychologie comportementale, c'est que nous prenons des décisions d'achat basées sur l'émotion et que nous les justifions logiquement, ok ? Donc, chaque fois qu'on voit quelque chose et qu'on veut l'acheter, ça va généralement être l'émotion qui nous donne envie de l'acheter ou veut nous obtenir le Byatt, non ? Et puis nous justifierions cet achat après logiquement, juste, quant à la raison pour laquelle nous l'avons fait, mais c'est l'émotion qui crée vraiment ce pouvoir d'achat. Jetons maintenant un coup d'oeil à un exemple d'ajout ici, où nous utilisons ce framework pour écrire réellement la copie et l'annonce elle-même. D' accord ? Donc, nous voyons ici avec cette offre particulière ici sur Facebook, nous avons le cadre Ada et nous faisons essentiellement la promotion d'une offre d'implant dentaire de 1000$ ici. Et comme vous pouvez le voir ici, nous avons à la première étape, l'attention. Attirez l'attention du public en abordant un point douloureux, défiez ou appelez un public spécifique lui-même, n'est-ce pas ? Où le sommet est son attention peut et de web. C' est là que vous appelez le public spécifique, n'est-ce pas ? Pour qu'ils sachent que tu leur parles. Et puis l'intérêt. C' est là que vous décrivez les avantages de l'offre, n'est-ce pas ? On dit, Hey, il y a une usine pour 999, c'est l'avantage réel. Vous obtenez quelque chose pour un rabais profond. Et puis l'étape suivante, un désir ou une décision. Vous voulez leur fournir une raison de prendre des mesures dès maintenant. Et pour cela, nous avons pour un temps limité, nous offrons dix visiteurs pour la première fois. Donc nous montrons que c'est un droit limité. Et c'est donc une raison pour eux de prendre une décision maintenant. Et puis nous avons l'action. Donc ça leur dit, hey, cliquez ici, téléchargez maintenant ou réservez maintenant, n'est-ce pas ? Peu importe ce que ça peut être. Il doit toujours être quelque chose où vous leur dites exactement ce qu'il faut faire pour qu'il y ait peu ou pas de friction sur toute cette annonce ici. Parce que rappelez-vous, tout est une question d'émotions, d'exciter les gens, d' amener les gens à agir en fonction de leurs émotions, sans qu'ils aient vraiment à utiliser le cerveau pour vraiment penser tout à travers logiquement, n'est-ce pas ? Parce qu'alors ils remettent en question leur décision de le faire entrer et Han et se demandent si oui ou non ils devraient réellement le poursuivre. Et ils ont, tu sais, le paradoxe du choix plutôt que de dire, hé, c'est ce que je veux que tu fasses. C' est pourquoi vous devriez faire est d'appuyer sur votre clic ici pour passer à l'étape suivante, n'est-ce pas ? Donc ça va être là pour les quatre étages d'entonnoir. Et on se verra sur la prochaine. 29. Conversions Macro/Micro: Dans cette vidéo, nous allons passer en macro et micro conversion. C' est quelque chose que vous allez généralement voir sur l'espace e-commerce en ligne où vous avez comme un magasin de commerce électronique qui a une sorte de produit qu'ils vendent. Et quand les utilisateurs interagissent avec ce site Web particulier, ce magasin de commerce électronique, il y a plusieurs conversions macro et micro qui se produisent tout au long tout le processus d'achat que cet utilisateur passe à travers pour réellement aller sur le site Web et effectivement acheter un produit. Donc, nous allons marcher à travers avec les conversions macro et micro sont dans cette leçon particulière. Allons-y et sautons ici. Ok, alors regardons les conversions macro et micro. Les conversions de macro sont les actions qu'un utilisateur peut effectuer et qui représentent l'objectif principal d'un site Web. Et alors pensez-y. Un site Web qui a tout type de produit à vendre. L' objectif ultime est de faire en sorte que cet utilisateur achète le produit. Et c'est donc la conversion de macro ultime. Et le long de ce processus, il y a différentes microconversions qui arrivent là en cours de route. Ainsi, les microconversions sont des actions qu'un utilisateur prend et qui sont critiques sur le chemin vers une conversion de macro. Comme quelles sont les étapes qu'un individu prend à l'utilisateur pour terminer le processus d'achat et réellement faire un achat. Et comme nous venons de discuter avec un site de commerce électronique, ce sera là où, disons que quelqu'un est sur un site de commerce électronique, ils vont à différentes pages qui disent, par exemple, que quelqu'un se dirige vers le page produit. Vous pouvez voir ici sur la première image là-bas sur la page produit. Et comme vous pouvez le voir tout en bas de cette page, il y a la quantité, il y a un prix, il y a un certain nombre de boîtes, puis il y a la possibilité d'ajouter au panier. Donc, quand ils appuient sur ce bouton là, ajouter au panier, c'est une micro conversion. Cela les amène à la prochaine étape du processus. Et comme vous pouvez le voir ici sur la deuxième page, vous pouvez le voir en haut de leur panier. Ils ont donc ajouté un produit au panier. Et puis le dernier en bas, c'est là qu'ils sont, la page de paiement. Et vous allez voir cela dans beaucoup de domaines différents, cependant, où il est surtout vu où vous voyez vraiment les différents seaux d' audiences qui sont créés à partir de chacune de ces différentes interactions est dans Facebook. Parce que ce que vous pouvez faire est de configurer un pixel de suivi avec la plateforme Facebook. Et puis vous serez en mesure de mettre un code sur chaque page individuelle qui vous indique combien de personnes ont ajouté le produit au panier, combien de personnes l'ont ajouté à une liste de souhaits ? Combien de personnes sont réellement allées à la page de paiement. Ensuite, vous serez en mesure de montrer à ces personnes le type spécifique d'annonces. Dis-lui que j'ai remarqué que tu avais ajouté des produits XYZ, des chariots, mais tu n'as pas fini. Voici une réduction supplémentaire de 10 % pour compléter votre achat. C' est très puissant ici car il vous permet de créer ces différents seaux d'audiences et de voir où les gens tombent dans l'entonnoir de vente, où ils tombent et font l'achat. Si vous voyez beaucoup de gens qui ajoutent au panier mais ne complètent pas, alors cela signifie qu'il y a quelque chose là-bas qui doit être réparé pour les aider à travers tout ce processus de réellement terminer l'achat, n'est-ce pas ? Parce que vous voulez rendre cela aussi facile, aussi lisse et sans friction pour que l'utilisateur réellement passer par l'ensemble du processus d'achat du produit. Mais il est toujours génial que vous pouvez retargeted personnes qui ont eu ces micro conversions et ont juste atterri sur la page de paiement et que les plus âgés ceux qui ont ajouté le produit à la voiture. Et il y a beaucoup de choses différentes que vous pouvez réellement créer dans la mesure où les critères de micro conversion que vous pouvez ajouter à cela également. Mais cela va être assez courant ici pour un magasin de commerce électronique, quelqu'un atterrit sur la page du produit. Ça va être un seau de public. Quelqu' un ajoute un produit au panier un autre seau de public là-bas. Et puis ceux qui sont sur la page de paiement et pour quelque raison que ce soit, distrait qu'en mettant leurs informations de carte de crédit, ça va être le public le plus chaud là-bas parce que vous arrivez à les re-cibler, leur faire savoir qu'ils n'ont pas fini leur achat. Et vous pouvez les encourager en leur donnant une certaine promotion, vous savez, 10% de réduction. Donc, en fin de compte, comprenez que la conversion macro est l'achat, n'est-ce pas ? Nous voulons obtenir l'achat réel sera terminé. C' est une conversion de macro réelle. Et puis la micro convergence sont les étapes qui sont prises pour terminer réellement cette conversion macro. Donc ça va être là pour les conversions macro et micro. Et on se verra sur la prochaine. 30. Les étapes du design: Dans cette vidéo, nous allons parcourir les étapes de la sophistication du marché. Il est vraiment important pour vous en tant que concepteur d'interface utilisateur UX de comprendre où se trouvent les différents utilisateurs dans le processus d'achat réel. Nous avons parlé du parcours client, nous avons parlé des entonnoirs de vente et avec les étapes de la sophistication du marché, C'est ce qui va vous aider à comprendre comment écrire le bon type de copie si c'est quelque chose que vous allez aussi pour être manipulé. Mais il est également bon pour vous d'obtenir une compréhension de cela afin que vous sachiez où les individus sont aussi loin que les utilisateurs, ce qui concerne la connaissance de ce produit particulier, vous voulez avoir une compréhension de l'endroit où l'utilisateur est mentalement. Ont-ils vu différents produits dans la mesure où ils voient d'autres produits sur le marché qui sont similaires, qui ont des caractéristiques similaires, qui ont des fonctionnalités et des fonctionnalités différentes similaires. Il est donc important pour vous de comprendre les différentes étapes de la sophistication du marché et ce que signifie finalement la sophistication du marché. Allons-y et sautons ici. Donc, la sophistication du marché est un terme utilisé pour décrire le niveau de connaissance du marché, ok ? Quel que soit le marché sur lequel vous entrez, disons que vous cherchez à concevoir une application ou vous travaillez avec l'entreprise qui conçoit une application pour la méditation. Vous voulez être en mesure de comprendre combien d'applications de méditation différentes existent. Qu' est-ce qu'ils font ? Combien coûtent leur marketing ? Présentent-ils jusqu'à ce que leur message soit classé ? Donc, nous allons entrer dans les différentes étapes ici dans un instant, mais je veux vous donner vue d'ensemble de ce qu'est la sophistication du marché. Et ce fut un terme qui a d'abord été inventé par un poids lourd de copywriting, L' un des meilleurs pour jamais vivre et le faire en utilisant Schwartz dans son livre révolutionnaire, la publicité révolutionnaire, que je vous recommande de vérifier si vous voulez aussi comprendre les principes du droit d'auteur. Et puis la question clé à se poser ici est combien de produits ou services similaires avez-vous déjà parlé de votre marché ? J' ai mentionné l'application de méditation. Donc, vous voulez regarder combien d'autres applications de méditation sont là-bas. Quel est leur message ? Comment sont-elles présentées ? Quelle est la saturation du marché ? Y a-t-il beaucoup de produits qui font et disent la même chose ? Comment se différencient eux-mêmes ? C' est donc ce que vous voulez vraiment savoir en ce qui concerne la sophistication du marché. Et puis, maintenant, allons de l'avant et sautons dans les différentes étapes. Il y a donc cinq étapes différentes de la sophistication du marché. La toute première étape est celle où le marché est complètement ignoré. Ils n'ont aucune connaissance d'un produit particulier, n'est-ce pas ? Disons que, pour ce qui est des applications de méditation, je ne sais pas lequel a été le premier à sortir. Cependant, lorsque cette première méditation est sortie, c'était quelque chose qui était assez facile à vendre parce qu'il était tout neuf et que le marché ignorera complètement que ce genre de choses existait. Il était donc assez facile de le vendre sur le marché. Et puis numéro deux, en ce qui concerne les étapes de la sophistication du marché, C'est là que les prospects sentent qu'ils ont un problème, mais ils ne savent pas qu'il y a une solution, non ? Donc ils veulent peut-être une sorte de service de méditation guidée là-bas qui est capable de les amener dans un état de méditation profond. Pluie. Et il n'y a rien sur le marché. C' est jusqu'à ce que je crois que l'espace de tête est entré et qu'ils ont vraiment dominé le marché en ce qui concerne la méditation guidée. Donc numéro deux, c'est là qu'ils savent qu'ils ont un problème, mais ils ne savent pas vraiment qu'il y a une solution là-bas. Et puis numéro trois, c'est là que leur solution au courant. Donc, le prospect sait exactement ce qu'il veut. Cependant, ils ne savent pas que, vous savez, votre produit est en mesure de les fournir pour qu' ils sachent exactement ce qu'ils recherchent. Ils ne connaissent tout simplement pas l'application de méditation XYZ. Et puis il y a la quatrième étape. C' est là que l'utilisateur sait qu'il y a un produit là-bas, mais il ne sait pas si votre produit est le bon pour lui. Il faut donc y avoir une certaine différenciation. Il doit y avoir des éléments convaincants, d'autres persuadés quant à ce que votre produit fait différent du reste de la concurrence. Et donc c'est facile à vendre, non ? Hey, on a une application de méditation, étape 2. Ils comprennent qu'ils ont ce problème. Et donc vous pouvez vous en sortir avec juste dire, hé, c'est le problème que vous avez et c'est comme ça que nous pouvons le résoudre. Numéro trois, vous devez vraiment être en mesure de vous différencier et de fournir une solution unique. Et puis numéro quatre, c'est là que vous devez vraiment différencier votre produit et faire savoir aux gens que, hey, écoute, j'existe. C' est pour ça qu'on va mieux. C' est ainsi que nous faisons les choses différemment. C' est pourquoi notre application est meilleure que le reste de la compétition, n'est-ce pas ? Donc, vous remarquez qu'à chaque étape, l'acheteur devient plus sophistiqué. Ils comprennent mieux et connaissent les différentes options qu'ils ont sur le marché, n'est-ce pas ? Et puis déclare cinq, C'est là qu'ils sont le plus conscients, l'utilisateur, le prospect, ils n'ont pas besoin d'être vendus sur toutes ces différentes choses uniques folles comme, hey, mon application fait cela par application fait ça. Ils veulent juste connaître l'affaire ultime. Ils veulent juste savoir, hé, quel est le résultat, n'est-ce pas ? Ainsi, au fur et à mesure que vous descendez dans les différentes étapes, l'acheteur réel, l'utilisateur, devient plus sophistiqué. Donc, le message doit changer et vous devez regarder ce que la concurrence actuelle dit et fait, et il est de les amener aux utilisateurs. Et alors vous serez en mesure de voir à quel stade du marché en ce qui concerne la sophistication du marché que, cette base d'utilisateurs est à, aux étapes de début, les étapes 12, vous pouvez vous en sortir en disant simplement : les étapes 12, vous pouvez vous en sortir en disant simplement : , nous avons une nouvelle application de méditation. L' application de méditation de cheveux vous aide à mieux méditer. Quelque chose de très simple parce qu'il va être nouveau sur le marché. Numéro trois, quand vous vous rendez compte que le marché a été assez sophistiqué au point où vous devez venir avec une solution unique, c'est différent. C' est à ce stade qui nécessite un mécanisme unique. Vous devez faire savoir aux gens que c'est pourquoi cette application est unique et différente. C' est la façon unique que cela fonctionne. C' est une façon unique de fonctionner et pourquoi il est différent de la concurrence. Donc ça va être là pour la sophistication du marché. Je vous recommande certainement de faire un peu plus de recherches à ce sujet si vous voulez en savoir plus et vraiment comprendre que la sophistication du marché va jouer un rôle vital lorsque vous créez vos designs. Parce que vous voulez comprendre quel niveau de sophistication ce marché est. Les annonces, c'est ça ? Donc ça va être là pour celle-là, et on se verra sur la prochaine. 31. Funnel de génération Lead: Dans cette vidéo, nous allons passer en revue l'entonnoir de la génération de plomb. C' est un entonnoir qui est très couramment utilisé dans l'espace marketing numérique pour générer des leads et vraiment n'importe quel type de cadre d'entreprise lorsque vous êtes une entreprise qui fait de la génération de leads en ligne, c' est-à-dire faire de la publicité en ligne, vous aurez généralement un entonnoir de génération de leads à n'importe quelle étape de votre parcours client parce que vous voulez être en mesure générer des prospects à un coût très bas, puis être en mesure de cultiver ces prospects et de les faire passer à devenir un client payant, n'est-ce pas ? Parce que souvent, vous pouvez générer une piste simplement en étant capable de donner quelque chose gratuitement, puis de les conduire vers le bas. Les prochaines étapes dans l'entonnoir et être en mesure de les amener à devenir réellement un client de la douleur à une faible quantité. Disons quelque chose comme un fil de voyage sur qui est quelque chose est très, très petit et puis être en mesure de les amener à éventuellement par quelque chose qui va être à un prix plus élevé, un billet un peu plus élevé. Alors, allons de l'avant et sautons dans l'entonnoir de la génération de plomb. Ainsi, à un niveau très élevé, l'entonnoir de génération de plomb est essentiellement une approche systématique pour générer des prospects pour un produit ou un service spécifique. L' objectif global ici est de canaliser le public cible à travers plusieurs étapes différentes jusqu'à ce qu'il décide de saisir ses informations. C' est là que nous allons avoir la formule Ada ici, le cadre de la prise de conscience, des intérêts, de la décision et de l'action. Nous voulons être en mesure de faire entrer les gens au sommet de l'entonnoir pour les sensibiliser, les amener à s'intéresser, à prendre une décision et à prendre des mesures. En général, l'entonnoir de génération de plomb comporte trois étapes différentes. Vous avez une publicité, disons sur Facebook ou Google, et il a une sorte d'offre ou peut-être une sorte de triche, de triche ebook, ou une sorte de ressource gratuite qui est précieuse pour cet utilisateur individuel, n'est-ce pas ? Et puis ils vont là-bas à la page de destination réelle et ils soumettent leurs informations. Et puis il y a une page de remerciement qui leur permet de savoir, hey, vos informations vous sont envoyées par e-mail ou vous pouvez télécharger un ici. Et puis très important ici que la page de remerciement a les prochaines étapes. Quelles sont les prochaines étapes à suivre pour eux ? Vous pouvez les inviter, disons à votre site pour lire quelques billets de blog pour peut-être vous aimer sur Facebook ou quoi que ce soit. La page de remerciement vous permet vraiment de les amener à franchir la prochaine étape de votre processus. Vous devriez évidemment les avoir automatiquement mis en place dans un entonnoir différent après qu'ils atterrissent sur la page de remerciement parce que cela devrait déclencher une autre automatisation qui vous permet de savoir, Hey, cette personne a déjà téléchargé cette offre ici. Ils sont des perspectives chaleureuses et donc ils passent à l'étape suivante. Et donc, nous allons ramasser ces trois étapes d'entonnoir un peu plus loin. Donc la première étape ici sera une annonce, non ? C' est là qu'ils vont voir une annonce Facebook, peut-être une annonce Google ou n'importe quelle plateforme que vous utilisez. Vous voulez donner une sorte de publicité qui leur permet de savoir ce qu'est l'offre, peut-être leur faire savoir, hé, vous pouvez télécharger ceci. Tout ce que tu as à faire, c'est mettre dans tes informations ou juste quelque chose de super simple, non ? Aussi, vous pouvez avoir comme une offre de rabais à bas prix, peut-être, peut-être 75% de rabais quoi que ce soit, alors ils auraient raison, c'est là que c'est le premier contact et vous voulez qu'ils prennent conscience que vous avez quelque chose à recevoir, n'est-ce pas ? Et il doit être une valeur perçue très élevée. S' il n'y a pas de valeur perçue là-bas, il sera difficile pour vous d'amener ces utilisateurs à entrer leurs informations, car c'est ce que vous êtes en fin de compte après leur nom, leur adresse e-mail dans toute autre information de contact. Et puis la deuxième partie de l'entonnoir de régénération est la page de destination et c'est là que vous qualifiez le prospect. Dites-leur exactement ce qu'ils vont obtenir. Ça explique l'offre. Il leur permet de savoir que, hé, vous allez obtenir x, y et z. Tout ce que vous avez à faire est de mettre dans votre nom et votre email ou toute autre information là-bas. Et ils seront en mesure de le télécharger et de l'obtenir juste là. Et puis puis la dernière étape est la page de remerciement. C' est là que, comme je l'ai dit, vous leur dites quelles sont les prochaines étapes. Dans beaucoup de fois, cela est utilisé dans les entreprises de brique et de mortier où dentiste chiropraticien, juste pour vous donner quelques exemples ici. Mais cela peut être utilisé dans n'importe quel type d'industrie. Mais beaucoup de fois cela est utilisé comme je l'ai dit, et l'espace de brique et de mortier où l'individu atterrit sur une page de remerciement, et ils peuvent appeler pour prendre rendez-vous ou ils peuvent fixer un rendez-vous juste là, puis sur le remerciement - Vous bipez. Voici donc un aperçu rapide d'un entonnoir de génération de plomb en trois étapes. Alors maintenant, jetons un coup d'oeil à un véritable entonnoir en trois étapes ici. Cet entonnoir ici est pour un implant dentaire. Vous pouvez voir ici que nous avons une publicité Facebook qui parle à ce marché particulier. Une fois qu'ils cliquent sur l'annonce, ils vont accéder à une page de destination, puis cette page de destination qualifie cette personne. Faites-lui savoir ce qu'ils obtiennent et leur permet de saisir leurs informations et de prendre rendez-vous. Et enfin, nous avons la page de remerciement qui lui permet de savoir, hé, félicitations, vos informations ont été reçues. Vous pouvez avoir quelques options ici pour travailler avec. Vous pouvez appeler ou utiliser le code et le calendrier en ligne, n'est-ce pas ? Donc, c'est comme ça qu'il semble à un niveau très élevé ici. Vous aurez toujours trois étapes pour la plupart, sauf si vous faites une sorte d'offre unique ou un type de situation unique, n'est-ce pas ? Il sera toujours là où il y a une annonce, il y a une page de destination, puis il y a une page de remerciement. Ok, donc ça va être là pour l'entonnoir de régénération, et on se verra sur le prochain. 32. Funnel de vente de produits numériques: Dans cette vidéo, nous allons regarder un entonnoir de vente de produits numériques. Maintenant, cela va être beaucoup différent l'entonnoir de régénération réelle parce que c' est évidemment là où nous avons un produit et nous sommes, nous cherchons des gens pour acheter quelque chose. Et il y a quelques variations différentes ici. Ce sera finalement là où nous voulons que quelqu'un fasse un achat. Et souvent va être un achat à faible coût parce que nous voulons les obtenir en tant qu'acheteur et nous pouvons leur donner comme une offre sans cervelle, quelque chose typiquement entre vingt-sept, deux cent cinquante dollars pour que nous puissions les vendre à d'autres produits à coût plus élevé sur la route. Ok, alors allons de l'avant et sauter dans l'entonnoir de vente de produits numériques. J' ai donc mentionné qu'il y a différentes variations ici. Et cela peut être quelque chose où il peut être directement à une offre de produit ou à une offre de légion avec une offre unique, la vente incitative. Donc, vous aurez différentes variantes. Vous serez en mesure de générer un droit de prospect, en obtenant les informations du client. Mais alors aussi avoir une offre unique qui est comme, Hey, tu ne reverras plus jamais cette offre. Vous obtenez cette offre pour un prix unique bas de 90% de réduction, vous savez, 997. Quelque chose de super unique et devait être une offre unique qu'ils ne seront jamais en mesure d'obtenir à nouveau, n'est-ce pas ? Cela ajoute à l'exclusivité après avoir entré leurs informations directement à travers l'entonnoir là-bas. Et cet entonnoir particulier a quatre étapes différentes. Numéro un a la publicité, puis numéro deux, il a la page de vente barre oblique de la page de destination. Donc, il pourrait être soit une page de destination qui est juste de dire aux gens, hey, mettre vos informations ici et puis après qu'ils ont mis dans leurs informations, ils seront emmenés à une page d'offre unique qui a quelque chose qu'ils peuvent acheter à un très faible coût généralement. Et il ne sera là que pour eux d'acheter juste là et ensuite ils ne pourront pas l'acheter plus tard. Et puis l'autre variante de cela est l'endroit où vous avez juste une page de vente et ils sont en mesure d'acheter le produit juste là. Et puis, puis le numéro trois, à droite, comme je l'ai mentionné, une offre unique ou une page de capture de plomb, et puis vous avez la page de remerciement sur la scène pour là. Alors allons de l'avant et marchons à travers les étapes un peu plus en détail. Donc, première étape ici, nous avons l'annonce qui montre l'offre particulière, qui est de montrer la triche, qui est de montrer le téléchargement PDF la ressource précieuse qu'ils vont obtenir. Et le plus souvent, ça va être comme une offre de rabais ou ça va être quelque chose où ils offrent quelque chose gratuitement et ensuite faire une offre unique qui sera à vendre. Et donc la prochaine étape, nous avons la page de destination ou la page de vente. Cela va qualifier la perspective. Si c'est une page de destination, cela va réellement vendre l'offre a expliqué l'offre si c'est une page de vente pour les amener à acheter réellement. Et nous allons parcourir un exemple, ventes de produits numériques entonnoir ici dans un instant. Et puis sur la troisième étape, vous pouvez avoir généralement comme une offre ponctuelle ici, si vous avez une page de destination où votre intention est simplement de capturer les informations, ou si vous avez une page de vente, alors vous n'aurez pas besoin du offre parce que la page de vente est là pour obtenir effectivement à l'achat effectué directement par l'utilisateur réel. Et puis nous avons la page de remerciement. C' est là que vous racontez la perspective et les prochaines étapes, leur expliquant comment ils peuvent en apprendre davantage sur vos autres produits et services, n'est-ce pas ? Et maintenant regardons un exemple de vente de produits numériques entonnoir ici. Donc, vous avez l'annonce Facebook juste ici, et puis ils cliquent sur cette annonce Facebook et il l'emmène à une page de destination. Will vraiment, c'est une page de vente et il leur montre exactement ce qu'ils vont obtenir. Et puis ils ont un bouton Acheter maintenant juste là pour 27$. Rappelez-vous que c'est quelque chose qui va être généralement à un coût très faible parce qu'il n'y a pas d'interaction humaine ici, il doit être inférieur à 50$. Donc c'est là que vous pouvez amener les gens à acheter des choses qui ne seront pas des cerveaux, non ? Genre d'offres que vous n'avez pas à avoir d'interaction avec les gens. C' est juste, Hey, c'est l'offre. Voici une page de vente et vous pouvez l'acheter juste là. Et puis, puis l'étape suivante, ce qu'il fait, c'est qu'il capture l'information principale. C' est un double whammy ici, sorte que mettre leurs informations, et après cela, ils passent à l'étape deux. Et puis c'est là qu'ils ont mis les informations de leur carte de crédit. Et puis ils ont une offre unique. Vous pouvez le voir sur la dernière diapositive. Vous pouvez le voir sur la dernière image, ils ont une offre unique. Ils sont mis en évidence en jaune et c'est un supplément de 7$. C' est ainsi que vous pouvez ajouter ces offres ponctuelles à la page de paiement réelle où vous rendre très simple, très facile pour l'utilisateur réel d'acheter une offre unique. Donc, comme je l'ai mentionné, il y a différentes variantes. Vous pouvez faire un entonnoir de ventes de génération de leads avec l'offre ponctuelle, ou vous pouvez faire une vente de produits numériques effectuée ici où vous avez une offre exacte que vous lancez, que vous faites la promotion, puis les amener à la page des ventes à effectivement acheter le produit. Et vous êtes en mesure de recueillir leurs e-mails et leurs informations de carte de crédit après qu'ils aient effectivement cité pour effectuer l'achat. Il va donc être là pour l'entonnoir de vente de produits numériques. Et on se verra sur la prochaine. 33. 7 Principes d'influence: Dans cette vidéo, nous allons passer en revue les sept principes d'influence. Maintenant, c'est quelque chose que vous voulez vraiment comprendre en tant que concepteur UX. Parce que lorsque vous concevez des produits différents, des applications différentes, des sites Web différents, vous voulez avoir une compréhension fondamentale de la psychologie comportementale. Et c'est ce qui a vraiment influencé parce que vous devez comprendre les différents événements, les différents facteurs qui entrent en jeu lorsque des individus cherchent à prendre une décision, à faire un achat ou à déménager dans la prochaine étape de l'entonnoir de vente, n'est-ce pas ? Et comprendre fondamentalement les différentes choses que vous pouvez faire pour amener les gens à manger ou à acheter un produit ou pour passer à l'étape suivante, n'est-ce pas ? Alors allons de l'avant et sauter dans les sept principes d'influence. Alors voilà le truc. Lorsque vous prenez une décision, vous savez, en ce qui concerne l'achat d'un produit, achat d'un service, quoi que ce soit, n'est-ce pas ? Il serait bon de penser que les gens tiennent compte de toutes les informations disponibles. Nous passons par ce processus logique, nous nous assurons de regarder plusieurs variantes du produit. Nous regardons les concurrents. Eh bien, voilà ce qui arrive rarement. Nous nous appuyons généralement sur des raccourcis dans notre esprit qui régissent la façon dont nous prenons des décisions, juste titre, dans nos capacités décisionnelles. Et donc ces sept principes d'influence permettent vraiment aux gens de prendre des décisions fonction de certaines informations et critères plutôt que d'utiliser leur propre esprit logique. Parce que penser et utiliser votre propre esprit logique nécessite du travail. Et donc nous voulons quelque chose qui nous incite à prendre une décision. Et donc nous n'avons pas à réfléchir autant. C' est donc une transition agréable, simple et facile à mettre son nom et à une page de destination particulière ou à acheter un produit, peu importe ce qui peut être, où il n'y a pas de friction parce que nous avons été influencés par l'un de ces sept principe différent. La publicité est mise en place pour vous faire sentir d'une certaine façon sur vous-même et sur le produit ou le service et la marque ainsi. Et je crois que je l'ai mentionné dans l'une des autres leçons. C' est toutes les décisions d'achat sont prises émotionnellement dans justifiée logiquement. Nous allons rester assis là et nous allons nous convaincre ou même essayer de convaincre les autres que nous avons traversé un processus logique. Nous avons suivi la formule étape par étape pour nous assurer que nous prenons la meilleure décision globale la plupart du temps. Nous prenons des décisions basées sur une motion et qu'est-ce qu'on aime l'admettre ou même le savoir, n'est-ce pas ? Donc nos émotions nous guident. Ils nous permettent de faire certains achats, de prendre certaines mesures. Et puis, après que ces produits ont été fabriqués, nous revenons en arrière et nous justifions logiquement avec nous-mêmes et avec les autres pourquoi il était le plus logique que nous prenions cette mesure pour acheter ce produit. Alors, allons de l'avant et sautons dans le principe des Seven réel. Donc, le principe numéro un ici est la preuve sociale. Ce sont donc des témoignages. Ce sont essentiellement une sorte d'étude de cas, tout ce qui permet aux autres de savoir que quelqu'un d'autre ou d'autres personnes ont eu du succès ou ont utilisé comme produit, mauvais service, quoi que ce soit, et ils ont pu obtenir un bon résultat de lui. Et c'est un de ces raccourcis, non ? Alors. Un bon exemple de ceci est disons que vous êtes là autour de la ville, que vous cherchez un nouveau restaurant. Eh bien, si vous allez et vous regardez un restaurant qui a beaucoup de gens contre un autre restaurant qui est assez vide. Votre plus souvent que de ne pas aller au restaurant qui a permis plus de gens parce que cela vous donne la preuve sociale que d'autres personnes ont aimé ce restaurant et qu'il est populaire. Et comme d'autres personnes aiment ce restaurant et ça éclate, alors je vais aussi l'aimer aussi. Lorsque le restaurant de l'autre côté est vide, ça va être une indication qu'il n'est pas si bon, pas très populaire. Parce que si elle était populaire étaient très bons, alors il y aura d'autres personnes là-bas aussi. Même chose quand vous allez à aimer une page de vente et que vous regardez pour acheter un produit, vous regardez dans un par, vous savez, quoi que ce soit. Ces pages de vente particulières auront toujours des témoignages d' autres personnes racontant leur histoire ou parlant des résultats qu'elles ont pu obtenir. Et donc cela vous donne une excellente indication que hey, ce produit fonctionne pour quelqu'un d'autre. Ça va travailler pour moi aussi. Et puis numéro deux, nous avons le principe du goût. Et pour comprendre ce principe ici, aux gens très simples achètent de ceux qu'ils aiment, qu'ils savent, qu'ils ont confiance. Et même si la qualité peut ne pas être si grande, vous pensez à quelqu'un qui est comme un influenceur ou quelqu'un qui est connu sur son marché particulier. Ils peuvent donner une sorte de promotion ou de publicité pour un produit et mangé bien que de ce produit peut ne pas être si grand. Il y a encore des gens qui achètent chez eux parce qu'ils ont le facteur d'amusement. Ils ont un public de fans de confiance qui les recherchent, qui les aiment, n'est-ce pas ? Et donc essentiellement, peu importe ce qu'ils recommandent, plus souvent, ils ne sont pas indépendamment de la qualité réelle du produit que les gens vont acheter parce qu'ils aimaient cet individu. Et puis le principe numéro trois est l'autorité. Pensez simplement à si vous êtes sur le bord de la route ou si vous roulez dans un endroit occupé. Et vous avez comme un arrêt à 4 sens ou vous avez un tas de trafic et vous avez quelqu'un qui saute de la voiture ou saute du côté de la route ou peu importe le taux, ils viennent juste sur la scène et la mise sur une construction gilets et ils ont un panneau qui dit lent et stop et ils commencent à diriger la circulation plus après le roman, ce qui va se passer là, c'est que les gens vont commencer à suivre ce que fait cette personne et dit, s'il est Il guide les gens d'une certaine façon et il le dirige, il a un gilet et il a le signe et tout ce qui les place automatiquement dans une position autoritaire, n'est-ce pas ? Parce qu'ils ont l'étoffe, le regard de quelqu'un qui serait en fait diriger la circulation, même s'il pourrait être quelqu'un de l'autre côté de la rue ou quelqu'un de n'importe où. Et pensez aux policiers aussi. Quand les policiers ont l'uniforme sous la pluie, jouent ce rôle qu'ils sont la loi et quand ils sont maintenant où en cela, ils sont juste normal, personne normale. Donc l'autorité est quelque chose qui est supposé, non ? Vous assumez l'autorité. Et quand vous pouvez assumer l'autorité dans vos publicités, dans votre copie, dans votre messagerie, que hé, nous sommes les meilleurs. Nous sommes le top et ça va jouer un grand facteur. Et vous vous positionnez comme vous êtes le top ou vous êtes le numéro un de votre marché, n'est-ce pas ? Parce que l'autorité est assumée et que vous le supposez par la façon dont vous vous positionnez, comment vous vous présentez ce message différent que vous avez partout autour de la marque. Et puis le principe numéro quatre est la réciprocité. Maintenant, c'est quelque chose qui est extrêmement précieux ici. Pensez simplement à si vous êtes aux États-Unis et que vous allez dans un magasin Costco et que vous y allez et à peu près à chaque coin de rue, vous allez voir différents stands qui vous donnent de la nourriture gratuitement. Ils ont des échantillons différents. Ils ont différentes choses que vous pouvez goûter que vous pouvez essayer avant d'acheter. Et donc souvent, ce qui se passe, c'est que lorsque vous allez là-bas et que vous obtenez ces échantillons gratuits, vous allez ressentir une sorte d'obligation d' acheter le produit parce que vous obtenez quelque chose gratuitement, n'est-ce pas ? Et donc c'est quelque chose qui est inné, c'est la psychologie comportementale, où il est enraciné en nous, non ? On a toujours l'impression de vouloir redonner parce qu'on a quelque chose gratuitement. Nous allons automatiquement nous sentir obligés de revenir en retour. C' est pourquoi beaucoup de temps vous avez l'ebook gratuit ou feuille de triche gratuite ou quelque chose qui est gratuit que vous obtenez sur un téléchargement particulier, l'autre personne va se sentir obligé de vouloir avoir quelque chose en retour et Rends-toi quelque chose parce qu'ils ont pu obtenir quelque chose gratuitement, n'est-ce pas ? Donc réciprocité et principe extrêmement puissant aussi. Et puis le numéro cinq, nous avons de la cohérence. C' est un excellent ici pour les ventes entonnoir. Donc, lorsque vous promenez les gens à travers différentes étapes et nous avons marché à travers l' un des différents entonnoirs de vente pour les produits numériques dans le, l' une des autres leçons. Et comme vous vous souvenez, nous avons parcouru l'endroit où ils avaient la publicité, ils ont cliqué sur que la page suivante les a amenés à la page de destination avec une page de vente. Alors ils ont cliqué sur le bouton là, puis ils ont été emmenés sur une autre page pour remplir leurs informations. Et puis ils ont été emmenés sur une autre page pour remplir les informations de leur carte de crédit et faire l'achat. Ces petites conversions en micro pas. Et c'est le facteur de cohérence. En les faisant faire un tas de petits pas, cela va les amener à faire un gros achat ou à prendre une grande action sur la route parce que vous les guidez et c'est presque comme un jeu. Ils ont un tas de petits pas qu'ils font. Et il ne semble pas que c'est quelque chose d'énorme ou quelque chose de massif sont grands parce qu'il suffit de penser à s'ils avaient tout ça, le tout sur une page où ils avaient la page des ventes. Sur la page des ventes, vous deviez entrer vos informations, que vous devez mettre dans vos informations de carte de crédit, puis vous deviez sélectionner une option particulière. Tout cela serait trop long, sur une page. Et cela semble être beaucoup de choses pour l'utilisateur. C' est pourquoi vous le divisez en petits pas afin que vous ayez le facteur de cohérence. Et on dirait qu'ils font de petits pas, écrivent de petites actions, et qu'ils finiront par atteindre la terre promise. Ensuite, nous avons le principe numéro six ici, qui est la rareté est également extrêmement puissant ici. C' est là que vous pouvez avoir comme par exemple, un nombre limité de places disponibles sur, disons un lancement bêta particulier ou un produit particulier, quoi que ce soit. Beaucoup de fois, cela est très bien utilisé et comme le secteur de la brique et du mortier, où vous avez un rabais spécifique pour les dix premières personnes à venir faire une procédure spécifique. Et même pour les magasins de commerce électronique où vous aimez pour les 30 prochains jours, obtenez 20% de rabais sur tout ce qui est bon pendant 30 jours, être en mesure d'avoir cette rareté, faire savoir aux gens qu'il y a une quantité limitée, une disponibilité limitée, les prix vont changer et augmenter et la prochaine fois si vous n'agissez pas maintenant, si la rareté, extrêmement puissant. Et enfin ici, numéro sept, nous avons de la curiosité. C' est aussi quelque chose qui amènera les gens à vraiment vouloir en apprendre plus sur. Vous, apprenez-en plus sur le produit, la marque, peu importe ce que vous faites la promotion ou essayez de vous présenter devant les gens. Le facteur de curiosité de ne pas pouvoir leur donner toute l'information, n'est-ce pas ? Toutes les informations à l'avance et la décomposer en morceaux leur permettent de garder la curiosité et cela ne leur permet pas de s'ennuyer. Pensez-y à partir d'un contexte relationnel où si vous, vous savez, le tout premier jour, dites à l'autre personne que vous savez tout sur vous, toute votre histoire de vie, tout ce qui vous concerne jusqu'à votre vie personnelle, votre vie professionnelle, votre famille, tout va bien ? n'y a plus d'excitation là-bas parce que ce qui est là pour attendre d'abord est si vous donnez juste des morceaux et des morceaux et rester un peu aussi loin que mystérieux et être capable d' avoir cette curiosité dans cette autre personne alors est va être beaucoup plus de synergie, beaucoup, plus de chimie, et ça va être beaucoup plus excitant pour l'autre personne et pour vous-même aussi, parce que vous avez quelque chose à attendre et que vous ne donnez pas tout à une fois. Donc ça va être là pour les sept principes d'influence. Et on se verra sur la prochaine. 34. Triggers d'influence basée sur les Age: Dans cette vidéo, nous allons dépasser les déclencheurs d'influence basés sur l'âge. Et c'est donc quelque chose qui est important pour nous comprendre parce que lorsque nous créons des personas utilisateur, points de douleur de l' utilisateur dans tous les différents avatars de personna. Nous voulons être en mesure de comprendre les différents facteurs d'âge et les différents intérêts et différentes valeurs et revenus qui vont tous entrer en jeu lorsque nous développons un produit, un site Web, des applications, quoi que ce soit, n'est-ce pas ? Donc, avoir une compréhension de la façon d'utiliser correctement les déclencheurs d'influence HBase va nous permettre d'avoir un énorme succès avec les produits parce que nous savons comment être en mesure d'obtenir le bon type de messagerie, image de marque et l'influence et le plaisir du bon marché. Alors allons de l'avant et sauter dans les déclencheurs influencés par l'âge. Alors voilà le truc. Quand nous faisons du marketing à différents groupes d'âge. Différents groupes d'âge vont avoir des intérêts différents, des valeurs différentes, des revenus différents et des habitudes d'achat différentes, n'est-ce pas ? Certains vont être sur Facebook lot, autres seront peut-être, peut-être sur LinkedIn. En ce qui concerne les générations, nous avons les baby-boomers qui sont nés entre 19461964. Ensuite, nous avons l'exercice de génération, qui sont nés entre 19651980. Et puis nous avons les millénaires, qui sont les individus nés entre 1981 et 2001. Il est donc important de comprendre ces différentes données démographiques, écrire ces différents groupes d'âge afin que nous puissions avoir le bon type d'image de marque de messagerie, et nous le mettons devant ce groupe particulier. Allons dans chacun de ces détails et beaucoup plus de détails. Donc, quand le remarketing à Gen Xers, c'est quelque chose que nous devons comprendre aussi loin que leur amour pour la technologie. Et la prochaine chose importante avec les Xers Gen, ils seront généralement plus soucieux de fournir du confort à leur famille, sécurité familiale, de la sécurité familiale plutôt que de suivre les Joneses et d'avoir les derniers objets brillants. Ils veulent s'assurer que leur famille sera en sécurité, qu'ils soient réconfortés, qu'ils soient en sécurité. Et donc avec ces gars, tu veux comprendre qu'ils n'aiment pas qu'on leur dise quoi faire. Ils veulent pouvoir prendre leurs propres décisions. Ils veulent être ceux qui prennent toutes les décisions quant à savoir s'ils achètent ou non quelque chose. Ils ne veulent pas être poussés dans une vente. Ils ne veulent pas avoir quelqu'un qui est juste salé ou qui le persuade d'une manière très inefficace, non ? Ils veulent se sentir comme, Hey, je prends cette décision et c'est ma décision seule, non ? Je ne suis pas forcé à rien. Bon, maintenant, parlons du marketing auprès des baby-boomers. Donc, ce sera l'ancienne génération. Il s'agit généralement d'individus. C' est notre fidélité différentes marques parce qu'il était avec lui depuis un certain temps et ils sont fidèles tant que ces marques répondent à leurs besoins. C' est quelque chose que vous devez comprendre ainsi que l'application, tant que les besoins sont satisfaits pour ces individus, ils vont avoir cette fidélité à la marque. À moins qu'ils n'aient laissé tomber le ballon, il y aura des problèmes là-bas et où le baby-boomer voudra peut-être trouver une solution de rechange. Parce qu'en fin de compte, ce que ces gars recherchent c'est qu'ils veulent se sentir comme ils ont le produit de la plus haute qualité de votre part. Ils obtiennent le meilleur service à la clientèle, le meilleur service global. C' est vraiment ce qui est important pour eux. Et donc quand vous pouvez le faire savoir que, hey, écoute, nous avons non seulement un excellent produit, mais nous avons un excellent service, service à la clientèle sur le backend, alors vous allez pouvoir gagner Ces gars-là. Et ils sont généralement sur les réseaux sociaux juste pour suivre leur famille, leurs petits-enfants et leurs enfants, non ? Donc ils sont toujours là. Tu dois juste que ton message soit plus sur le foin. Le produit est de la plus haute qualité, mais aussi le service sera aussi haut de gamme. Et enfin, nous avons les Millennials. Celles-ci vont jouer le plus grand facteur ici parce que c'est la majorité de la population. Et ces gars sont ceux qui ont le plus d'engagement sur les médias sociaux. Donc, comme je l'ai mentionné, ces gars vont être beaucoup sur réseaux sociaux et ils ont tendance à préférer le marketing très organique, plutôt que d'essayer de le vendre sur une vente difficile ou d'essayer de pousser un produit ou un service en face d'entre eux, n'est-ce pas ? Vous voulez leur faire sentir aussi que c'est leur décision. Et l'une des plus grandes choses ici est que depuis les millénaires sont un peu sur Internet, sur les médias sociaux un peu. Et ils posent avec leurs amis et leur famille et ils publient des informations différentes, du contenu différent, du matériel différent sur d'autres plateformes différentes, tout moment, s'il y a une sorte de petit problème ou de petit problème ces gars vont aller sur les médias sociaux et faire savoir aux gens. Cette chose est que si vous avez une grande marque, excellent produit et que vous faites tout correctement, alors vous allez avoir une bonne réputation. Cependant, quelque chose de super petit pourrait vraiment déclencher quelqu'un, non ? Et ils pouvaient commencer un post et ça pourrait devenir viral, et ça ne pouvait pas avoir de résultat positif. Il est donc très important de comprendre qu'ils vont généralement se préoccuper l'impact social et environnemental de ce produit et service en particulier. C' est aussi quelque chose à prendre en considération. Et ils assimilent aussi l'expérience d'achat avec divertissement parce que c'est pourquoi beaucoup de fois quand vous êtes sur Facebook, par exemple, vous n'êtes pas sur Facebook pour faire un achat, vous savez, sur Facebook pour acheter des choses, n'est-ce pas ? Cependant, vous êtes là, vous voyez différentes annonces, vous obtenez différentes interactions d'engagement. Vous avez différentes vidéos que vous pouvez regarder qui conduisent généralement à la vente d'un produit réel, n'est-ce pas ? Mais c'est quelque chose où ils ont une expérience unique. Et c'est donc quelque chose à prendre en considération. Cependant, les Millennials, Ces gars vont être la plus grande cible en raison de leur utilisation intensive des médias sociaux. Ça va être là pour les déclencheurs d'influence de l'âge. Et on se verra sur la prochaine. 35. Triggers d'influence Gender: Dans cette vidéo, nous allons passer en revue les déclencheurs d'influence basés sur le sexe. Maintenant, c'est quelque chose aussi d'être vraiment conscient ici en ce qui concerne quand vous êtes marketing à différentes personnes ou Lorsque vous créez un produit que vous voulez être soit pour homme ou femme, il est important de comprendre que différents déclencheurs qui vont être impliqués dans la façon dont ils prennent leur décision d'achat. Les déclencheurs d'influence qui leur donnent envie d' aller acheter en termes d'un homme ou d'une femme, n'est-ce pas ? Parce que le mâle va avoir un certain ensemble de critères, certains types de déclencheurs qui vont les influencer à vouloir acheter. La même chose pour la femelle. Ils vont avoir un certain ensemble de critères. Ils veulent se sentir d'une certaine façon. Et quand vous êtes en mesure de communiquer votre message, votre image de marque à ces personnes, qu'elles soient masculines ou féminines, la bonne façon dont elles aiment être communiquées, n'est-ce pas ? Alors ça va conduire à une plus grande probabilité de plus d'achats réels, n'est-ce pas ? Alors allons de l'avant et sauter dans les déclencheurs de l'influence du genre. Donc, la première chose que vous voulez garder à l'esprit ici est qu'il y a beaucoup de stéréotypes là-bas. Et voici le truc. Ces stéréotypes sont plus souvent vrais. Parfois, les gens sont offensés. Certaines personnes aiment dire, Eh bien, hé, et toujours le cas, et ce n'est pas toujours le cas, non ? Cependant, le plus souvent, vous savez, les hommes, les garçons vont aimer, vous savez, les voitures, le sport, tandis que les femmes vont aimer le shopping, télé réalité, vous savez, la couleur rose, non ? Des choses de cette nature qui sont féminines. C' est donc quelque chose qui est imprégné dans la conscience collective et qui s'étend à tout le monde et se reflète sur la publicité médiatique réelle et les produits que nous consommons. Et donc non seulement il est ancré et aspire les parents, nous le voyons aussi dans les médias et toutes les différentes ressources externes qui utilisaient les médias sociaux pour les plateformes sociales lorsque nous achetons quelque chose en ligne, tout va nous montrent essentiellement ce genre de stéréotypes quand la plupart du temps ils seront vrais. Évidemment, il va y avoir des cas uniques, mais pour la plupart, sont les stéréotypes vont être vrais pour les hommes et les femmes. Alors jetons un coup d'oeil à la commercialisation aux hommes, influençons déclencheurs. Les hommes sont motivés quand ils se sentent nécessaires. Pensez simplement à si vous êtes marié ou si vous êtes dans une relation, ou si vous êtes célibataire, peu importe ce qui peut être, n'est-ce pas, vous vous sentez très apprécié quand vous êtes nécessaire et quand vous êtes là pour aider les gens et les aider résoudre un problème. Beaucoup de fois dans les communications, de l'autre côté, la mesure où la femme aime les communications, ils aiment leur parler, parler de leurs sentiments. Et il n'y a évidemment rien de mal à ça. Vous devez juste comprendre que c'est de là qu'ils viennent sous dynamique. Et vous, en tant qu'homme écoutant cela, vous devez comprendre que vous êtes toujours regarder dans Comb à la situation avec une solution à ce problème particulier où les femmes sont plus susceptibles d'être juste vouloir être entendu. Ils ne cherchent pas nécessairement une solution parce que ce n'est pas vraiment ce qui les motive. Ce n'est pas vraiment important pour eux. Ils veulent juste se sentir entendus et écouter. Les hommes cherchaient à sentir qu'on résolvait un problème. Nous aimons nous sentir nécessaires. Et ce produit qui nous est commercialisé doit avoir le même type de sensation et de look, il y a un problème qui doit être résolu et le produit est capable de résoudre l'un de ces problèmes. Beaucoup de vidéos pratiques sur beaucoup de choses qui montrent comment faire x, comment faire y pour des exemples dans le monde réel, comment cela est accompli, comment cela se fait. Et donc ça va être quelque chose de très important lors de la commercialisation des Tamouls. Et il doit être concis directement au point, en utilisant un dernier mot de pouvoir et en le prouvant vraiment avec des faits. Et beaucoup de fois, quand vous êtes capable, comme je l'ai mentionné, de montrer en fait , quelqu'un le fait correctement. Donc ça va être l'une des choses les plus importantes ici. Si vous pensez à beaucoup de l'infopublicités, DAG est montré aux hommes sur différents produits pour hommes, différents outils pour hommes. Il les montre toujours en utilisant réellement le produit en temps réel et en fait comment il fonctionne d'un point de vue fonctionnel, toutes les différentes fonctionnalités, puis aussi avec l'utilisation de mots de puissance différents et effectivement avoir quelques données à sauvegarder revendication. Donc, c'est vraiment ce que vous voulez penser en termes de marketing pour les hommes. Maintenant, regardons le marketing pour les femmes. Maintenant, lorsque vous vendez à des publics féminins ici, vous voulez vous pencher vers une description et une description très détaillée. C' est quelque chose qui est inné dans l'esprit féminin et chez les femmes en général. Et évidemment, il n'y a rien de mal à ça ou juste à des différences, non ? Les femmes ont tendance à être beaucoup plus descriptives. Ils ont tendance à utiliser auditif. Ils ont tendance à utiliser tous les sens différents lorsqu'ils décrivent leurs expériences qui ont tendance à entrer dans les détails. Donc, vous voulez aussi suivre cela afin que vous puissiez être très descriptif et très détaillé dans les efforts de marketing. Et puis avec les femmes que vous voulez utiliser des mots logiciels et surtout, votre message doit se terminer de manière à lui donner le sentiment que vous les comprenez et que vous les soutiendrez. Rappelez-vous, avec les hommes, ils veulent être en mesure de résoudre les problèmes. Ils cherchent à trouver cette solution ou à trouver une solution à ce problème où les femmes cherchent à être comprises, à être entendues, reconnues et soutenues. Très important là pour comprendre les différences entre les deux. Et puis toujours donner aux femmes la capacité de se connecter et de converser. C' est donc plus facile pour eux de pouvoir faire un achat, n'est-ce pas ? Ils veulent cette connexion, cette interaction sociale. Et donc c'est ce que vous devez surveiller en termes de marketing pour les femmes, marketing pour les hommes, les différentes choses que vous devez être conscient de la mesure où le déclencheur de l'influence du genre. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 36. Marketing basé sur l'intérêt: Dans cette vidéo, nous allons parler du marketing basé sur les centres d'intérêt. C' est l'un des différents types de marketing les plus puissants que vous pouvez faire parce qu'il est vraiment ciblé, son hyper ciblé, hyper spécifique à un groupe d'individus. Et nous allons traverser le pouvoir du marketing basé sur les intérêts. Je vais parcourir quelques outils que je recommande, puis vous donner un aperçu de la façon dont vous pouvez utiliser cet avantage ici et comment vous pouvez faire des recherches initiales pour importe quel type de produit, site Web ou application que vous êtes développement. Alors allons de l'avant et sauter dans le marketing basé sur les centres d'intérêt. ciblage basé sur les centres d'intérêt, comme je l'ai mentionné, est un excellent moyen de se présenter devant votre public cible, car il s'agit d'un ciblage précis. Vous arrivez à cibler les gens qui aiment une certaine page, que comme certains produits qui ont une sorte d'affiliation serait une certaine marque. Et donc vous savez que si quelqu'un aime une certaine page ou a des intérêts similaires à ceux de votre produit, et alors ils sont très susceptibles d'être un excellent candidat pour votre produit ainsi, s'ils aiment une marque de musculation particulière, par exemple. Et vous avez un produit de musculation, des suppléments ou une application , quoi que ce soit, à droite, alors ils sont très susceptibles d'être intéressés par votre produit ainsi. Et puis les plateformes de médias sociaux recueillent tellement de données auprès des utilisateurs qu'ils ont tendance à savoir déjà ce qui intéresse les gens, n'est-ce pas ? Tout l'algorithme IA aimerait Facebook, où il peut regarder lorsque vous vous arrêtez pour regarder différentes vidéos. Lorsque vous vous arrêtez pour regarder différentes images, lorsque vous aimez différentes pages, lorsque vous avez des intérêts différents ou des goûts différents sur votre profil réel. Et donc il a pu regarder tout cela, toutes vos différentes vidéos d' interactions, combien de temps vous avez regardé les vidéos serait type de vidéos jusqu'à ce que tout soit d'apprendre le type de contenu que vous aimez, le type de choses que vous êtes intéressé et vous connaissez bien. Et ça va continuer à vous montrer le même type de produits et services, n'est-ce pas ? En ce qui concerne l'annonce. C'est pourquoi le marketing basé sur les intérêts est si puissant. Et Facebook et Instagram sont en fait les deux plus grands sur le marché parce que Facebook a cette IA machine learning où tout comme je l'ai mentionné, ils vont être en mesure de regarder quel site vous allez à partir de Facebook dirait vous venez de vous conduire à Facebook. Il a tant d'informations et tant de données. Cela vous permet donc d'aller et d'utiliser un outil spécifique que je vais vous montrer maintenant et de pouvoir créer différents publics, différents compartiments d'audiences, de personnes qui seront vos clients idéaux. Ok, alors regardons maintenant les informations de l'audience Facebook. Maintenant, c'est un excellent outil que vous fassiez du marketing Facebook ou non. C' est un excellent outil à regarder et à construire différentes cibles d'audience et des données démographiques, n'est-ce pas ? Parce que cela va vous montrer les différents groupes d'âge de personnes qui aiment une certaine page, que comme certains droits, que comme une certaine marque. Et puis vous serez en mesure de voir quel est l'âge typique de ces individus. Le mâle ou la femelle ? Utilisent-ils un appareil mobile ? Quel appareil mobile ? Est-ce qu'ils utilisent ? Un téléphone Apple, c'est ça ? Utilisent-ils un téléphone Android ? Et quel est leur emplacement ? Combien de fois achètent-ils ? Quelles autres pages aimantent-ils, non ? Et donc vous pouvez vraiment créer un véritable public solide ici, sur les personnes que vous cherchez à obtenir devant vous lorsque vous construisez votre personnalité client, lorsque vous construisez votre client, votre avatar client, C' est un endroit idéal pour venir ici et regarder aussi quels sont les groupes d'âge, quels sont les différents intérêts de la démographie ou des mariés ? Quel est le niveau d'éducation ? Toutes ces informations sont facilement disponibles sur l'outil Facebook Insights. Donc le marketing basé sur les centres d'intérêt est probablement la méthode de marketing et la stratégie de marketing la plus puissante à utiliser dans les jours d'aujourd'hui dans l'âge, parce que vous obtenez de placer le contenu hyper ciblé, matériel, les annonces devant le laser publics ciblés, n'est-ce pas ? Donc ça va être là pour le marketing basé sur les centres d'intérêt. Et on se verra sur la prochaine. 37. Comprendre le flux d'utilisateur: Salut là. Maintenant va parler de flux utilisateur. Lorsque nous avons parlé des storyboards de carte de parcours utilisateur, cette découverte était axée sur l'environnement qui entoure le produit et l'utilisateur à ce moment. Flux utilisateur, cependant, son chemin interne que l'utilisateur devrait subir pour atteindre son objectif. Flux utilisateur. C' est un chemin interne sur l'utilisateur. Du point a au point B. Le flux utilisateur peut être d'une fidélité élevée ou faible. n'y a pas d'exigences spécifiques, juste essayé de préserver le même niveau de détail. Écran. L' utilisateur quatre décrit également l'interaction. Il montre la connexion entre les écrans, modules, les éléments, et ainsi de suite. Vous pouvez utiliser des lignes, des pointeurs, d'autres formes qui affichent ces connexions. Le flux utilisateur indique le chemin d'accès de l'utilisateur via un produit. Donc, vous pouvez découvrir que vous manquez certains écrans dans votre modèle mental sur le produit. Vous pensez que le processus d'inscription nécessite un écran, mais à la fin de la journée est vous découvrez qu'il y a deux écrans ou il y avait des informations qui ne pouvaient pas être incluses ou mieux à battre séparés. Ici vous voyez l'exemple d'un flux utilisateur pour l'application de méditation. C' est fait sur la plus faible fidélité. Une chose est illustrée est la logique et les flèches montrant la direction de l'utilisateur. Donc, vous voyez l'écran de démarrage et le chargement, puis une personne doit sélectionner s'il est un utilisateur existant ou non. Et s'il n'a pas d'utilisateur existant, il va à l'inscription, puis à nouveau pour se connecter, va à l'écran principal. Ensuite, nous avons quelques onglets qui représentent les catégories. Et il y a deux types de sections, Il est catégories et progrès. Et après avoir sélectionné l'un d'entre eux, l'utilisateur est adressé à l'écran interne. Voici une liste de méditation. Ensuite, il peut sélectionner la méditation et aller à l' aperçu ou à écouter réellement la méditation, la méditation complète. Ensuite, il reçoit un écran de réussite. Ensuite, il va l'écran de succès ou pop-up et les utilisateurs sont amenés à un écran Progress, la liste des méditations terminées. Il y a d'autres interactions ainsi que pour la méditation plan, nous pouvons arrêter la méditation, retourner écouter la méditation similaire. C' est l'exemple de flux utilisateur de faible fidélité. Il montre à un niveau général, l'ensemble du chemin d'accès d'un utilisateur. Nous n'avons pas de choses supplémentaires, mais nous pouvons les ajouter dans nos prochaines itérations. Vous devez garder à l'esprit qu'il n'y a rien de final dans la conception de l'expérience utilisateur. Donc, si vous faites quelques itérations, vous obtenez un écran, donc vous en excluez certains. Vous pouvez modifier votre flux utilisateur au fil du temps. Ok, c'est bon. Nous savons donc maintenant combien d'écrans nous devons intégrer dans notre produit. C' est la première chose. L' autre chose, que faire les filaires ou faire la conception visuelle, vous pouvez découvrir que certains écrans peuvent être séparés de plusieurs écrans. Certains scripts peuvent être combinés en un seul. Peut-être que les choses peuvent aussi se passer de cette façon. Maintenant, vous voyez la logique que vous avez à faire, la connexion entre les écrans. Vous pouvez exclure certains d'entre eux et essayer de raccourcir votre flux utilisateur si nécessaire. Certaines de ressources utiles, peut-être point de débordement io. Nous allons voir le graphique qui viennent et fil de flux point co. Ces ressources qui affichent la pour la création, pour la conception de flux utilisateur. Vous pouvez les utiliser pour faciliter le processus. Ils sont fantaisistes. Vous pouvez le tester vous-même et peut-être qu'il y aura beaucoup d'utilité qu'Adobe XD, qui sait ? D' accord. Et pour ceux d'entre vous qui ne sont pas familiers avec les niveaux de fidélité, cette diapositive montre que trois d'entre eux sont bas, moyen et haut et bas niveau. Nous voyons une section assez abstraite qui n'a que des formes géométriques sans aucune définition, le niveau de fidélité moyen a l'image. A l'intérieur du conteneur, a le texte et le bouton pas plus en forme. Le haut niveau de fidélité est le design visuel en fait, et il a tous les styles. Tellement élevé est synonyme de finale. Vous avez probablement la question, comment devrais-je construire le flux utilisateur ? Quel devrait être le point de départ du flux utilisateur ? Et comment créer une expérience utilisateur fluide. Honnêtement, parmi les ressources que j'ai étudiées sur le flux utilisateur. Personne ne m'a dit comment les construire. K. Je vais vous dire les différentes étapes qu'ils peuvent prendre pour créer un flux utilisateur qui serait probablement le meilleur point de départ, puis vous le testerez et l'améliorerez sur l'itération suivante. Donc, tout d'abord, s'il vous plaît considérer l'analyse d'un produit actuel et l'analyse d'un concurrent. Parce qu'ils le sont, vous pouvez extraire une expérience utilisateur déjà familière pour votre flux utilisateur. Pour vous allez prendre le flux utilisateur existant et l'améliorer. Si vous créez quelque chose à partir de zéro, vous avez une chance qui ne sera pas claire pour l'utilisateur car il attend autre chose. Il existe de nombreuses applications pertinentes. Et c'est pourquoi, en tant qu'utilisateur, je m'attends à quelque chose avec une expérience utilisateur similaire. Vous pouvez inventer un vélo, mais je ne vous recommande pas de le faire. Le premier exemple de votre flux utilisateur serait une, probablement une copie de ce qui existe déjà. Ensuite, vous travaillerez sur l'amélioration de ce flux utilisateur chaque fois que c'est possible. Ici, je considère cela aux gens qu'ils seront familiers et tout à fait d'accord avec le flux de l'utilisateur. C' est assez simple, dites-vous. Et encore, nous pouvons exclure ou inclure certains rétrécissement de section, certains d'entre eux. Donc, mon conseil est, fur et à mesure que vous commencez votre carrière UX, vous avez une question de savoir comment créer un esprit de flux utilisateur pour commencer à partir de l'expérience utilisateur existante et essayer d'améliorer celle-ci. Et puis vos prochains essais, prochains projets, vous verrez l'image claire, vous le sentirez et vous aurez plus d'idées sur ce qui sera le point de départ de votre flux utilisateur. Après un certain temps, vous remplacerez cette section abstraite par vos filaires et Dan avec des types parallèles, capacité à l'équipe de développeurs. Et ils vont commencer la logique de forme de votre produit. 38. Projet de cours de XD 6 : Le flux d'utilisateur - Votre premier UX livrable: Ok, je viens de mettre le flux de l'utilisateur sur son pied, Panda et Strauss M D sur son, nous avons découvert qu'il y a une étape pour entrer un numéro de téléphone, recevoir du code SMS, puis à la radiation, ce qui vous oblige à entrer le mot de passe e-mail, et puis il vous permet de choisir l'adresse. Et la région paternelle est découverte par nous. Pourtant, en termes de panda alimentaire, nous avons une nouvelle autorisation de prop, prop, probablement nous allons mettre en place un profil. Il n'est pas encore découvert parce qu'il n'est pas pris en charge dans ma région. Mais ce que nous avons vu de la vidéo, qui démontre le flux de l'utilisateur, nous sommes en mesure de sélectionner l'adresse et sélectionner le type de nourriture ou restaurant sélectionner le produit que si elle est applicable, la variation réservée du produit. Et puis nous et à l'adresse et les coordonnées. Et puis nous avons la confirmation de l'OTA. Eh bien, à peu près il ressemble à ceci pour Strauss lui le flux de l' utilisateur semble presque le même que dans le cas avec la nourriture Panda, mais à l'exception de l'optimisation est placé sur la dernière étape. Ok. C'est la démonstration approximative du flux utilisateur de ces trois applications que je n'ai pas pris en compte compte étant donné que cela ne fonctionne pas dans ma région. Mais ces trois sont suffisants pour clarifier, qui est le meilleur flux utilisateur pour notre application prospective. Donc, vous voyez que j'ai marqué la séquence qui est similaire et c'est aussi très confortable pour moi personnellement. Donc, je pense que cette élection a abordé la sélection de nourriture ou type de nourriture ou de restaurant et en fait le produit, alors nous pouvons ajuster le nombre d'articles de commande. Et la confirmation de commande va plus loin avec l'entrée du numéro de téléphone et la réception du code SMS. Donc ici, je pense que nous allons mettre en œuvre ou nous allons utiliser ce flux utilisateur peut contenir trois étapes ou étapes dans notre application de perspective. Alors essayons de créer notre propre flux utilisateur pour notre application de livraison de nourriture, qui sera dans notre application, autorisations TEA, type, nos aliments livrent d'accord ? Je pense que cette autorisation sera en premier lieu. C' est bon. Théorisation via Google, Facebook, compte Twitter, peut-être, eh bien, peut-être quelques autres. Bien sûr, mais vous devez également identifier quelle est la meilleure façon d'autoriser vos utilisateurs selon persona. D' accord. John, je pense qu'on doit choisir une robe en premier lieu. Réarrangons-nous un peu et voyons ce que nous obtenons. Bien sûr, si vous envisagez de créer des applications internationales mieux placer la section treillis et après autorisation, peut-être que ce sera plus efficace parce que certains partenaires, certains restaurants, ne seront pas en mesure de livrer à votre emplacement. Mais je pense à l'application locale, qui ne fonctionnera que dans ma ville. Ainsi, l'adresse sera sur la dernière étape avec les détails de la commande. Ok, donc on a l'autorisation, on a une liste de restaurants. Nous pouvons sélectionner le produit de la, du restaurant, puis nous modifions notre commande. Il s'agit du flux utilisateur pour une livraison de livre unique. Il peut être non linéaire. Ainsi, l'utilisateur peut revenir et sélectionner l'autre produit et ainsi de suite et ainsi de suite. Modifier l'ordre, puis les détails de la commande pour voir ce que nous avons effectivement commandé, puis la conformation du titulaire. Et la dernière chose sera l'adresse de sélection. Encore une fois, vous pouvez faire que l'utilisateur coule le logiciel que vous préférez. J' utilise x D Pour la plupart des cas parce que j'y suis habitué. Je viens de réaliser que nous pouvons à notre adresse avec les détails de la commande. Donc l'adresse de livraison sera P ici. Donc, nous ignorons 11 écran, qui a les autres efforts pour l'utilisateur K. Maintenant, l'autorisation, sélection de type alimentaire de nourriture ou restaurant. Ensuite, nous sélectionnons le produit de la catégorie B ou du restaurant précis, du restaurant particulier, nous pouvons modifier notre commande, qui serait la variation de quantité du produit. Plusieurs écrans que nous avons combinés à un. Et ici, nous avons également fusionné les détails des odeurs et la tresse délibérée en un seul écran. Puis va l'écran de confirmation de commande et de réussite. D' accord. Si une personne souhaite obtenir plus de produit, elle peut aller ici. Et deux, ne prêtez pas beaucoup d'attention à ça. À mon dessin. C' est juste pour vous montrer la relation entre les écrans. L' Inde. D'accord ? Donc, et le cycle remonte une fois de plus. Nous avons donc conçu le plan, le brouillon de rôle pour notre flux utilisateur sur la faible fidélité, nous avons quelques étapes. Ils ne sont pas encore des écrans eux-mêmes, mais il y a quelques étapes que nous devons subir avant de passer une commande. 39. Projet de cours de XD 7 : Créer un planche d'histoire: Nous avons donc conçu le plan, le brouillon de rôle pour notre flux utilisateur aura une faible fidélité. On a quelques étapes. Ils ne sont pas encore des écrans eux-mêmes, mais il y a quelques étapes que nous devons subir avant de passer une commande. Et notre journal que j'ai trouvé une description du public cible pour les applications de livraison de nourriture sur heavy.com. Et ce sont les trois personnes qui peuvent être utiles dans notre cas, l'exécutif craqué du temps. Ce client n'a pas le luxe de manger au restaurant pendant l'heure du déjeuner ou même d'attendre dans la file d'attente, vérifiant pour aller. Les cadres occupés avec un TE, imbécile de réunions ont souvent seulement assez de temps pour réellement manger et nous allons nous tourner vers une application pour prendre soin du reste, atteindre ces clients en promouvant sentir des spéciaux heure du déjeuner qui fournissent cette augmentation de l'énergie nécessaire pour passer l'après-midi. La deuxième personne est le parent en déplacement. Pour de nombreux parents qui travaillent de ces enfants qui sont occupés par le sport et d'autres activités pendant la semaine, préparer le dîner à une heure décente peut être difficile quand il n'y a que 20 minutes pour obtenir un dîner équilibré sur la table pour famille. Ce client paiera une prime pour la commodité offerte par un appel d'application de livraison à ce client en offrant des repas de valeur de style familial pour servir un groupe. Le troisième est l'adaptateur air début décembre. Nous avons tous cet ami ou collègue qui est le premier à adopter le dernier gadget et utiliser une application de livraison de nourriture ne fait pas exception. Ce client était l'un des vers d'utiliser notre application d'affûtage droite comme Uber, profite des applications d'épicerie pour des économies supplémentaires dans très probablement a le dernier iPhone ou téléphone Android, suivre l'adoption précoce en leur offrant un accès VIP à offres spéciales et d'autres Burke. D' accord. Il y a des questions à vous poser. Quelle stratégie a un sens pour mon entreprise ? Quelles applications marque fœtale promesse, maman mon menu devrait changer ? Comment puis-je utiliser ces nouveaux canaux de communication ? L' utilisation de l'application de livraison de nourriture peut être une grande source de revenus pour les restaurants, même si ce client, la base de clients n'est pas un visible comme les autres, il devrait être loin d'un objet à travers pour les marketeurs intelligents. Donc, compte tenu de notre public cible, qui sera à la fois les parents et les gens d'affaires, j'ai créé un premier storyboard qui montre la séquence des activités qui seront, qu'une personne prendra avant d'utiliser notre application. Alors James rentre à la maison, tu vois, il admet sa fille, sa femme, et ensuite, il ouvre le frigo. Sa femme, elle s'occupait des enfants et elle ne pouvait pas consacrer de temps à la préparation du dîner. Donc il n'y a rien d'intéressant pour James dans le frigo ou sur une table. Donc, maintenant, nous voyons que nous pouvons faire quelques notes ici. abord, cette photo ne montre pas l'environnement réel parce que c'est généralement le soir. Alors disons que c'est le soir, alors c'est un frigo et ainsi de suite, ou coacher notre part. J' ai donc structuré la table de sorte que le format de données soit plus fiable. Ces photos peuvent être remplacées par votre dessin au stylo. Et la chose la plus importante à propos des storyboards est qu'ils sont faciles et rapides, vous élaborez. Donc, le style du storyboard n'est pas si important à moins que les informations contenues dans ce livrable ne soient claires. Ok, donc j'ai divisé notre table en deux étapes, l'environnement, l'équipement, pensée, en disant quelle est la façon la plus courante de structurer la table pour les storyboards. Certains de vos projets peuvent nécessiter d'autres types de données sur l'utilisateur. Ok, donc nous avons des étapes, qui est que James rentre à la maison, ouvre l'application de livraison gratuite et attend la livraison. Ça n'a pas changé. Sa femme, James, est un homme occupé. Il rentre à la maison. Il dit que c'était une longue journée, mon idée. Et puis il pense que j'ai faim et ouvre le frigo. Et quand il utilise l'application, il s'est demandé, ce que je veux manger et demander aux membres de sa famille, sont tout le monde d'accord avec les pâtes aujourd'hui, la tendance de la famille est l'autre personnage et peut-être l'autre storyboard. Nous avons deux membres de la famille sur la voiture et l'un d'eux utilise la livraison de nourriture supérieure. Alors ils ont terminé leur journée de travail et ils veulent commander leur dîner. Donc, l'ordre sera en cours pendant qu'ils sont sur le chemin de leur maison. Donc s'ils font un ordre, ils sont dans la voiture, ils pensent et ce que nous allons manger ça si et le dicton, décidons ce que nous voulons manger quand nous rentrons à la maison le lendemain, ils sont à la maison et ils pensent, enfin, nous sommes rentrés à la maison. Et ils décident de passer du temps ensemble. Leurs pensées sur la troisième étape, quand ont-ils lu des livres avec leurs enfants ? Peut-être jouer, regarder la télé ou autre chose. Que les pensées sont des choses que le temps avec les enfants est inestimable. D' accord ? Et enfin, ils ont reçu l'ordre et ils pensent qu'ils ont très faim. Et ils disent : Merci pour la livraison à celui qui a livré le Yehud. Liste des chemins vers cela montrera ce que nous avons déjà huit, où nous avons déjà commandé dans le passé. Donc personne 1.5 doute de ce qu'on va manger aujourd'hui parce qu'il ne sait pas. Il pense que ce pasteur va bien. Mais il sera très reconnaissant si vous lui avez montré ce qu'il déjà commandé et peut-être faire une recommandation, recommander Dacian basé sur les types de nourriture de la cellule précédente gars qui le fait, Hey, K. Donc les idées pour la famille entraînée seraient comme, jetons un coup d'oeil à cette troisième étape où les gens lisent un livre avec leur enfant. Et je pense qu'ils offrent une activité où les enfants en attendant la livraison. D'accord. C' est une bonne chose. Je pense que nous pouvons à quelques histoires, jeux de puzzle, version légère de certains jeux qui pourraient être mis en œuvre dans l'application. Nous sommes même en partenariat avec d'autres applications pour passer un bon moment en attendant la nourriture. Donc, en fonction du temps pour la commande à livrer, nous pouvons conseiller différentes activités pour les parents de passer du temps avec leurs enfants pendant qu'ils attendent la journée complète, pourrait être à des activités de développement, livres, jeux ont été des énigmes ou peut-être des quêtes. Tout cela dépend de la, ce que nous serons en mesure de développer. 40. Travailler avec des Moodboards: Hybrid, et explorons les planches d'humeur maintenant. Mood boards, des morceaux d'exemples de conception pour des inspirations qui contiennent des couleurs, typographie, des interactions, des images et de la photographie, futures, des icônes et des éléments d'interface utilisateur. Ainsi, lorsque vous surfez sur Internet, vous pouvez trouver un design qui illustre que l'idée que vous avez à l'esprit, vous pouvez emprunter et sonore des éléments ou des sections de vos concurrents. C' est bon. Vous n'avez pas besoin d'imiter l'interface utilisateur ou le style. Le tableau d'humeur aide à construire une vision Tweedledee style que votre produit perspective aura. Il est également utile de montrer à deux parties prenantes, clients, qu'avez-vous en tête ? Comment voyez-vous le projet dans ces morceaux distincts d'exemples de conception. Et vous pouvez inclure la topographie, vous ne pouvez pas, vous pouvez trouver un seul bouton. Vous pouvez trouver 10 mille boutons pour votre projet. Vous pouvez les inclure tous dans votre tableau d'humeur, mais sera-t-il utile pour vous ou non ? C' est la question. Essayé d'inclure les choses importantes parce que vous pouvez vous retrouver avec un, avec des tonnes de solutions. Vous perdrez trop de temps à les placer et à les tester tous. Ceci est un exemple de mon tableau d'humeur fait pour l'application de méditation. Je voudrais vous présenter quelques images de la nature. J' ai attrapé quelques couleurs. J' aime aussi les conceptions de ces écrans, interface utilisateur très légère et douce. Et la version sombre peut être quelque chose comme ça. Ces couleurs et dégradé. Il y a très belle. L' exemple de la façon dont les forums peuvent ressembler sur la taupe sombre est également cool. Je voudrais vraiment avoir quelque chose comme ça dans mon application, trois icônes et la barre d'outils inférieure. Très efficace. Ensuite, ok, images. Donc, ce sont plusieurs choses que je voudrais garder pour, pour mon application. J' ai pris ça de Triple et Behance. Je vais considérer le style de ceci et comment les couleurs fonctionnent ensemble. Fait très cool. Et ici, le schéma de couleurs est également très agréable. Je dois essayer de construire quelque chose comme ça. J' aime la disposition des écrans. Ils sont assez légers. Je pense qu'ils devraient être conviviaux. D' accord. Si vous remarquez, je n'ai pas de typographie. Je n'ai pas beaucoup de choses qui sont répertoriées à, n'ai pas d'interactions. Mais pour moi, à ce stade, il suffit de montrer à mon client s'il accepte que vous preniez cette direction ou non. Vous pouvez ajouter des pièces supplémentaires à votre tableau d'humeur plus tard et faire un remue-méninges. Encore une fois avec l'équipe ou le client. C' est vraiment utile parce que lorsque vous commencez à faire du visuel et du design, il sera très utile parce que vous n'utiliserez pas de mauvaises couleurs. Ça ne sera pas attendu par le client. Même si vous faites la conception de l'expérience utilisateur, vous vous concentrez sur votre utilisateur, sur votre utilisateur final. L' approbation de votre travail est sur le client. Et la planche d'humeur est très agréable chose d'avoir cette assurance, ce point médian avec la transition entre les filaires et le design visuel. Donc, encore une fois, toute la liste des choses que vous pouvez inclure à votre tableau d'humeur peut être des couleurs, typographie, des interactions, des images en photographie, des fonctionnalités, des icônes et des éléments de l'interface utilisateur. Vous ne pouvez pas inclure certains d'entre eux. Vous pouvez créer votre propre tableau d'ambiance sans aucune restriction. n'y a pas de règles, mais le résultat devrait vous aider, vous et les parties prenantes, à comprendre l'orientation que vous êtes sur le point de prendre avec la conception visuelle. 41. Projet de cours de XD 8 : Créer des modérations: Salut à tous et bienvenue à nos cours d'expérience UX aux côtés de XD. Et aujourd'hui, nous allons explorer le tableau d'ambiance, qui est introduit non seulement dans le processus UX, mais aussi dans la conception visuelle car il vous aide vraiment à comprendre le point de vue du client sur les préférences, les idées et les attentes du projet. Mais aussi vous êtes en mesure d'exprimer vos sentiments sur la façon dont ce projet peut ressembler. Il pourrait donc y avoir deux parties combinées. Vous pouvez utiliser les références que votre client ou vous avez envoyées et les combiner avec celles que vous estimez appropriées pour ce projet. Imaginons que nous ayons cinq liens vers des projets. Tu te souviens, on travaille sur la livraison de nourriture. Nous avons donc cinq références que notre client imaginaire pense qu'elles peuvent prendre en compte. Il aime le style et aimerait que nous suivions ces concepts. Ok, jetons un coup d'oeil à travers l'interface utilisateur. Lumière très spacieuse, très douce, je dois dire. Et les icônes sont également dessinées très agréable. Nous ne sommes intéressés que par la, la mise en page et l'interface utilisateur. Ce point, vous voyez qu'il n'y a rien de lourd ici et tout ce qui est placé sur l'écran est organisé par regroupement. La couleur secondaire est le bleu. D' abord, on dirait qu'il est orange, mais voyons. Oui, orange, noir, gris et rose clair. Examinons l'application ou il a un mode sombre. C' est très agréable parce que nous recherchons aussi un mode sombre. Et je pense vraiment que le mode sombre pour notre application sera plus approprié que le mode lumière. Donc, même si nous avons développé un mode lite, ils ne le seront pas par défaut. Donc, par défaut, je souhaite définir le mode sombre pour être actif. Ok, jetons un coup d'oeil sur le, un autre dans notre liste. C' est Cast Station, couleur rouge plat avec un parasol. Beau style pour l'étui. C est lu comme couleur principale. Bien sûr, bien nous pouvons extraire de là où je pense que les points forts de cette application est qu'il ne fonctionne que sur deux couleurs, principalement une qui est du pain. Et les interfaces utilisateur, bien structurées et organisées en utilisant uniquement des couleurs blanches, noires, rouges et grises. Mais je ne pense pas que dans notre application cela pourrait être plié d'une manière ou d'une autre. Pas sûr. Un monde a attrapé plusieurs captures d'écran. Nous allons essayer d'incorporer les éléments ou quelque chose d'autre à partir de ceux-ci. Mais en ce moment, c'est vraiment difficile de dire quelle est la chose cool que nous pouvons utiliser ? Ce processus d'intégration semble bon, ok, jetons un coup d'oeil et prenons un autre exemple. Et maintenant nos références, des chaussures de serpent, ok, des chaussures. Oui, vous voyez les cartes sont organisées très bien ici et trier par filtre qui pourrait être appliqué dans notre application aussi bien. Et j'aime le style des icônes. Comme je l'ai dit, la liste des cartes semble assez confortable ici. L' article ou la structure de l'écran intérieur pourrait également être utilisé dans notre application. Dans mon sac est à mon chariot. Je vois le bouton Checkout ici. Étape principale, nous avons un accord avec la commande K filtres SlideUp fenêtre de type. Je pense que ce filtre sera également l'intégrer de la même manière dans notre application car il y aura beaucoup de paramètres qui aimeraient avoir à bord, ce qui signifie le temps de livrer le type de nourriture que nous recherchons. Peut-être qu'il y aura une case à cocher pour la nourriture végétalienne ou autre chose. Voyons voir, mais je pense que c'est la façon la plus appropriée d'avoir un filtre. C' est la liste. Elle est gentille. Passons à notre prochain exemple de ceci. L' icône est très belle. Donc, notre client sera très heureux si nous pouvions utiliser des icônes similaires dans notre application. ce moment, nous avons encore une application. Laisse-moi l'ouvrir pour toi. Et voici votre loi et d'autres ressemblent à un magasin de chaussures qu'on avait. Cette mise en page me rappelle l'Instagram. Suivant va, ouais, vraiment sous-verre Instagram. Ici, nous avons une catégorie. Si belle conception basée sur le fond. La couleur principale ici est ce bleu vif. Les icônes sont basées sur différentes nuances de gris, de différentes nuances de gris et petit accent de couleur bleue est une ombre douce et douce, ce qui est très commun ces jours-ci. Ici, nous avons une carte et une sorte de filtre par mois. Vraiment difficile pour moi de comprendre ce que cette application est pour le doute en utilisant un. Mais je suis sûr que notre client aimait la partie visuelle, pas l'UX. Nous avons donc maintenant cinq échantillons à considérer en termes de conception visuelle. Et nous allons les prendre et décider quelle partie nous allons emprunter et nous allons enlever. Je viens de terminer de faire des captures d'écran à partir des références que nous avons explorées et organisées de la façon dont elles seront plus ou moins compréhensibles pour nous et pour nos parties prenantes. Encore une fois, vous pouvez créer un tableau d'ambiance très agréable et en plus de votre facilité d'utilisation des rapports ou de la zone et tout autre type de livrable, veuillez vous concentrer sur la valeur que vous livrez. Et la prochaine chose, c'est. Styling, faire une belle année. Revenons à notre bar d'humeur. Ici, nous avons des futurs, des images, des couleurs, des éléments, des icônes, des appels, des interactions et de la mise en page. Ou futures, j'ai choisi le problème de l'état invité maintenant avec le processus d'intégration, j'apprécie vraiment quand il y a quelque chose avant d'utiliser le minuteur de livraison op. Je pense que nous pouvons introduire la minuterie de livraison. Ils pensent que c'est très chic d'avoir un minuteur de livraison. Encore une fois, tout ici est à prendre en considération, discuter avec les parties prenantes, avec votre équipe et à décider si fonctionnalités que vous proposez sont acceptables ou non parce qu'il peut y avoir énormément de nécessaire pour passer sur le développement d'une telle chose comme le pack de minuterie. L' équipe de contenu peut ne pas avoir le contenu pour le processus d'intégration. Et donc, ce n'est qu'une autre étape plus proche de notre produit final. Ok, revenons à notre tableau d'humeur. Filtre. Je crois fermement que nous pouvons implémenter un filtre qui s'ouvrira dans une fenêtre séparée. Nous glissons vers le haut ou glissons vers le bas parce que tout d'abord, cela nous permet de créer un système évolutif. L' autre chose, c'est les appelants. J' ai rempli que noir ou gris foncé serait la couleur de fond principale. Icônes. Là, vous vous souvenez de ces belles icônes. C' est l'exemple de ce que le client veut que nous créions des éléments. Ce bouton est très agréable. Le reste est à peu près standard. En termes d'interactions. Je pense que nous pouvons emprunter cette approche chronologique comme chemin linéaire dans notre section des ordres passés, où les gens peuvent voir les plats qu'ils ont commandés auparavant. Donc, il y aura un calendrier, des photos et peut-être le nom du restaurant, le bouton de prix pour réorganiser, ou peut-être une note et des étoiles et ainsi de suite. Ici, il est proposé de mettre en page pour notre tableau de bord principal. Il y aura une section supérieure, bien sûr, mettre un logo avec le menu déroulant ou le menu boulgour. Nous aurons quelques onglets de fonctionnalité à côté de la barre de recherche. Peut-être que nous pouvons faire le flux d'amis qui ont des photos de leur nourriture et ainsi de suite. L' autre chose est la police, que je voudrais utiliser l'application que j'ai choisie juste, juste pour avoir quelque chose de différent de cette tendance Montserrat parce que je pense que cette police est très surutilisée. Et cela rend chaque application similaire à une autre parce qu'ils ont la même police dans leurs conceptions. Et testons maintenant à quoi ressemblera le paragraphe en utilisant cette police. abord, vous le ferez avant d'envoyer l'humeur par au client ou de le démontrer parmi les membres de votre équipe. Kay, passons à nos imageurs qui représenteront le philosophe, l'image de notre produit. Je pense que la famille assise et manger le dîner sera sympa. Et voici les membres de la famille. Dehors, l'air assez douillet, trois enfants dans le passé, autre chose ? J' aime l'environnement, l'éclairage. Donc, quand nous le ferons, l'équipe de conception visuelle et de contenu écrira des articles. Ils pourront choisir parmi des images avec les mêmes émotions, le même ton, en d'autres termes, avec les mêmes caractéristiques qui sont importantes pour notre application. D' accord ? D' accord. Donc, je pense que je vais éclaircir avec un tableau d'humeur, la conception d'origine alimentaire a déjà été expliqué. Je vous ai dit que ce n'est pas si important à quoi ressemble votre tableau d'humeur parce que l'essentiel est l'information qu'il contient. Donc, vous pouvez obtenir un peu de style si vous le souhaitez. Et on le réarrangera si tu n'aimes pas ma façon. Mais 90% de mon projet ont le même type de planches d'humeur. Minimaliste, clair, sans aucun bruit blanc sur eux. Merci beaucoup pour votre attention pour un temps, essayé de créer votre propre conseil d'administration. Peut-être que vous avez d'autres suggestions et bonne chance. se voit sur notre prochaine leçon. 42. Plan de Sitemap architecture d'information: Félicitations, vous avez l'architecture de l'information. Maintenant, nous allons parler de ce type d'activité de conception UX. L' architecture de l'information organise le contenu et la façon la plus logique et la plus efficace d'augmenter est la découverte. Il s'agit d'une combinaison de systèmes d'organisation, de nommage , de navigation et de recherche mis en œuvre dans le système d'information. Au niveau de l'ensemble d'un site Web ou l'architecture d'information d' application détermine quelles données doivent être placées sur chaque page et comment lier les pages entre elles. Afin de créer une unité d'architecture d'information conviviale pour prendre en compte les résultats antérieurs de votre analyse, du parcours client et des autres choses que vous avez faites jusqu'à présent. L' analyse vous aidera à comprendre où vous êtes, à définir des règles de conduite et des modèles d'utilisateur familiers, profil d'utilisateur et persona vous aidera à comprendre à nouveau l'avenir de ses modèles de comportement de perception, et la consommation et les points de douleur. Le parcours client vous aide à définir des points d'entrée, points de sortie et des points de décision. Un bon nombre de résultats de recherche amène l'utilisateur à la page d'accueil. Soyez donc prudent et organisez votre architecture d'information. Et la façon qui va raccourcir et faciliter le processus de prise de décision pour l'utilisateur. Regrouper en fonction des attentes des utilisateurs signifie que si vous avez plusieurs personnes dans votre projet, vous devez les considérer toutes. Et probablement cela aura un impact sur le contenu, sur la structure, les catégories et ainsi de suite et ainsi de suite. Vous devez donc rencontrer différents groupes d'utilisateurs et leurs centres d'intérêt. Vous devez garder à l'esprit la fonctionnalité du produit en listant toutes les fonctions et essayer d'aider l'utilisateur à les utiliser si nécessaire. Si vous prenez en compte les storyboards et les scénarios, ils vous aideront à établir une meilleure relation entre le contenu et ses fonctionnalités. Ainsi, l'architecture pourrait être orientée utilisateur. Donc, si votre parcours utilisateur montre que cette personne vient généralement de la recherche et gène ou les médias sociaux dans la moitié du lien sur la page spécifique que vous devez améliorer. Cette page, cette page sera probablement la page de prise de décision. Vous seriez surpris, mais la page d'accueil n'est pas la page la plus populaire sur la plupart des projets. C' était une surprise pour moi aussi. Il y a longtemps, j'ai conçu très beau, très contenu pages d'accueil lourdes. Mais à la fin de la journée, l'utilisateur prend la décision sur les pages internes et vous devez vous concentrer sur eux et aider votre utilisateur à prendre une décision en fonction d'un modèle d'affaires du projet. Dans l'architecture de l'information, vous déterminerez la relation entre le contenu et les fonctionnalités. Disons que nous l'avons mis sous le niveau de l'étude de cas dans cet exemple. Nous ne serons pas familiers ou inattendus par Euler ou nous appuyons sur le bouton de contact et il nous emmène à une page Facebook ou Linkedin. Je m'attends à visiter une page qui mettra en valeur le numéro de téléphone, e-mail ou formulaire de contact, ou autre moyen de, pour contacter l'entreprise ou la personne. Donc, cela signifie également que la relation entre le contenu et la fonctionnalité doit être claire. Que vous appuyez sur la page d'accueil, il vous emmène à une autre page qui sera fausse, ce sera inattendu. Donc, si nous avons certains services que l'entreprise offre, nous devons le prouver correctement. Donc, l'analyse, la gestion des risques, la charge financière, il ira sur le projet de services alpha, deta va sous le niveau de l'étude de cas et contactez-nous page où nous pouvons trouver des informations qui nous aideront à atteindre cette entreprise. Ainsi que d'autres livrables de votre processus de conception UX. L' architecture de l'information aide à être sur la même page avec les parties prenantes et l'équipe. L' équipe de développeurs tiendra compte l'architecture d' information et de l'ancien processus de développement, ainsi que de votre flux d'utilisateurs. Et montre également les secteurs de commentaires des intervenants, peut-être qu'il s'agit d'un contenu ou d'autres médias. Donc, vous avez découvert que nous devons inclure la section vidéo, mais vous n'avez pas de vidéos à portée de main. Si nous avons besoin d'une vidéo d'exploration, quelqu'un doit la produire. Si vous savez que cet utilisateur a 18 ans, ne comprendra probablement pas une langue que vous voulez utiliser. Et vous devez adopter cette langue à un groupe d'utilisateurs. Donc, ici, nous avons Projet bêta, financier chargé tout cela. C' est aux noms de nos sections. Vous pouvez envisager de nommer cela d'une autre manière ronde comme le portefeuille ou notre travail, notre projet, nos projets passés, ce que nous faisons, et ainsi de suite. C' est donc un langage utilisateur que vous devez garder à l'esprit lors de l'architecture d'informations. Et faites votre architecture d'information. Et de cette façon, cela pourrait être facilement modifiable, évolutif. Il y a beaucoup de logiciels en ligne. Vous pouvez le faire avec le xor, avec Adobe XD, vous pouvez utiliser Balsamic si vous le souhaitez. Ils sont tous logiciels simples et simples en termes de création d' architecture d'information et de partage entre l'équipe. 43. Cours XD - Projet de cours : Architecture d'application: Salut là. Bienvenue à nouveau à nos cours XD parallèlement à la pratique UX. Et ce que nous allons faire dans cette leçon, c'est définir la structure de notre application de livraison de nourriture perspective. En passant, les choses que nous avons déjà fait, nous avons déjà collecté jusqu'à écrans de nos concurrents. Nous avons défini les flux utilisateur de plusieurs applications et proposé une pour notre application, nous avons des descriptions de persona, aperçu très léger, mais il suffit de créer un storyboard et d'autres choses UX. Notre objectif est d'offrir des dîners pour les personnes occupées et les parents qui veulent consacrer plus de temps aujourd'hui les enfants. Commençons donc à partir de la vue d'ensemble du blog de notre architecture, qui sera à l'intérieur de notre application. Tout d'abord, nous allons énumérer toutes les fonctionnalités, tous les blocs, tous les modules ou éléments, peut-être les éléments qui seront importants dans notre liste ici. Et puis nous allons regrouper ces intersections de blocs afin qu'il y ait facilement découvrable et intuitif. Gaillard Commencez dès le début, c'est notre écran de journalisation ou de démarrage. L' écran de démarrage sera suivi d'une connexion, puis d'une inscription, puis d'un écran principal. Et l'autre est le repas du restaurant, l'historique de l'ordre du buste. Paramètres du compte, dites commentaires. Famille. Nous avons la section des repas recommandés. Donc, l'idée générale est déjà ici, mais ensuite nous devons organiser cette recherche d'enregistrement d'écran de démarrage serait au niveau suivant dans les priorités après les catégories K, nous avons défini écran d'accueil, et il est maintenant temps de définir les paramètres du compte. Vous voyez ce qui est la partie difficile ici est d' organiser ces plusieurs éléments distincts en groupe donner. On a tout ici. Essayons de créer en flux de cette architecture d'information. écran de démarrage d'origan est la première chose que nous voyons. Écran de gage nous emmène à l'hôte de l'écran d'accueil Vert a des catégories, a Recherche que les repas recommandés. Et j'ai encore des doutes sur le placement de la liste des restaurants ici sur le même niveau avec la recherche de catégorie et les repas recommandés. Mais je vais le faire parce que je n'ai pas encore d'autre idée. Une fois que je décide ou trouve un autre endroit plus approprié pour la liste des restaurants, je vais l'enlever d'ici. Ok, suivant. Catégories à la nourriture de restaurant, Khomeini, ok, puis la recherche nous emmène au résultat de recherche que les repas recommandés. Donc, l'historique de commande, quelque chose de distinct de cela, ainsi que les paramètres, les repas recommandés. Vous savez donc que l'architecture de l'information est conçue pour faciliter la navigation et la découverte du contenu. Mais depuis place sécante, il sert également une autre fonction, qui est pour nous, pour les constructeurs de l'application, nous sommes en mesure de mélanger en cinq étapes à l'avance, comment l'interface et comment l'expérience utilisateur va ressembler comme k. Alors voyons quoi avec ce qui reste ici. Ok, on a oublié de s'occuper de l'adresse. Nous allons mettre toute l'histoire en deux endroits, après un certain temps, sera en mesure de suivre et d'analyser si un placement est meilleur qu'un autre. Et vous organisez ces éléments en fonction de nos statistiques. Donc mon profil aura confiance, confiance, informations personnelles. Nous avons affaire à une livraison de nourriture vers le haut. L' adresse est donc plus importante et devrait être facile d'accès. Permettez-moi de poser tout cela et nous définirons si la robe a une meilleure place ici. La variation ira ici. Je pense que l'histoire plus ancienne n'aura pas de liste déroulante. Will, sera le menu lui-même. Avec un long crawl. Peut-être qu'il devrait y avoir un numéro de commande ou quelque chose comme ça. Donc maintenant, je veux jouer à certains que nous sommes des jeux de famille donc ils sont accessibles non seulement pendant le moment de la livraison, aimerait qu'ils soient accessibles et minuscule temps. Donc, je suis juste avoir du temps pour définir le placement de cela ainsi que l' information sur l'application dans la situation réelle sera probablement partager entre les membres de l'équipe, nous allons décider comment créer une meilleure architecture d'information, ayant tout cela. Alors laissez-nous simplement sauter ça aussi pour un moment. Et en ce moment, vous voyez que nous avons une architecture d'information pour notre application. C' est le niveau de faible fidélité. Nous avons un écran d'accueil, histoire plus ancienne et mon profil. C' est ainsi que j'ai décidé de séparer les éléments à l'intérieur de l'application. Écran d'accueil, nous aurons des catégories, fonction de recherche, les repas recommandés, et la liste des restaurants. Ensuite, nous avons les catégories seront différentes. C' est juste une place pour nous d'avoir une idée de ce que nous aurons dans les catégories. Allons être d'autres choses, des catégories. Ce prix. Et nous ne sommes pas intéressés par la distance et elle-même, mais par le moment de livraison de notre nourriture. Alors s'il vous plaît soyez prudent lorsque vous parlez à un utilisateur comme une machine. Une grande compétence pour les personnes qui font la conception de l'expérience utilisateur est de choisir langue de l'utilisateur et de l'imiter afin que les gens soient en mesure de comprendre exactement ce que vous voulez dire, par exemple, mais je comprends que chaque livraison nécessite du temps et ce temps est calculé en fonction de la distance. Mais le client ou le client final, être intéressé par combien de minutes ou d'heures lui et sa famille devraient attendre que son dîner soit livré. Encore une fois, je pense que la recherche pourrait être combinée avec un filtre, avec le même filtre. Laissez-moi commencer par filature et nous allons, nous allons essayer de connecter et de déconnecter ces deux éléments entre eux. Et nous avons des variations sur le fond. Ok, je pense que c'est assez pour l'instant pour notre architecture d'information. Nous avons divisé notre maison en trois sections principales, qui serait écran d'accueil ancienne histoire dans mon profil, qui est responsable de certaines données personnelles pour la tenue. Et peut-être qu'une personne aimerait donner un cœur de rétroaction sur l'AP. Ce n'est pas une version finale. Cela pourrait être changé au fil du temps. Après les discussions, après avoir fait des filaires, vous avez réalisé que cela ne fonctionne pas ou que cela semble mauvais, et ainsi de suite et ainsi de suite. Cela ne devrait pas être la conception finale de votre architecture d'information. Au moins, ne le prenez pas comme ça qui est rigide et ne peut pas être changé. Kay ? L'expérience utilisateur est l'utilisateur en premier lieu. Nous devons donc faire de notre mieux pour créer un flux fluide et convivial. Changer, c'est bien ici. Eh bien, merci beaucoup pour votre temps d'avoir fait ça aujourd'hui. Reposez-vous bien. Supposons la prochaine leçon. Au revoir. 44. Cours XD - Projet de cours : Se connecter à l'écran de l'image en utilisant la conception de matériaux: Salut tout le monde, bienvenue à nos cours XD. Dans cette leçon, nous allons transformer notre architecture d'information en filaires de fidélité moyenne. Commençons par l'écran de connexion le plus simple. Ok, je dois dessiner un hors-bord. Sélectionnez Samsung Galaxy comme dix par exemple. Vous vous souvenez, la section supérieure est généralement utilisée pour la notification du système, informations système comme le signal de meilleur niveau, heure WiFi et ainsi de suite. On peut le mettre ici aussi. Ainsi, les deux barres supérieures, généralement 24 pixels, quatre dimensions des téléphones comme Samsung comme dix. Cependant, vous devez être prudent et lire les instructions pour le modèle précis de trouvé ou autre appareil sur lequel vous travaillez. Parce que cela pourrait changer en fonction du modèle et ensuite faire, ok, donc j'ai déjà choisi celui-ci, préfabriqué comme vous le voyez, préfabriqué comme vous le voyez, celui qui a été téléchargé à partir de la bibliothèque de matériaux. Donc, vous pouvez visiter le matériel qui io slash ressources et nous allons voir beaucoup de morceaux utiles de conceptions, choses préfaites, Modèles, Composants, beaucoup de choses qui vont gagner du temps et vous aider à construire votre interface. Donc matériel que je coupe les ressources, vous verrez qu'il ya une bibliothèque d'icônes, outils, polices, couleurs, type, échelle, générateur, conceptions, kit de conception de base pour les kits de conception Fichman, et ainsi de suite. Beaucoup de choses intéressantes qui peuvent vous aider à construire votre interface K. Alors revenons à notre conception. Je vais le déplacer ici. Donc, ce dont nous avons besoin ici, nous avons déjà pris la barre d'outils supérieure et nous devons créer deux champs pour l'entrée. Je pense, omettez celui-là. Et comme notre thème sera sombre, nous pouvons emprunter, ils sont colorés dans des écrans sombres, des modes sombres. Nous sommes en mesure de changer la couleur de notre barre d'outils. Alors faisons-le. Je pense que c'est tout. Nous pouvons également ajouter une certaine capacité à notre barre d'outils et il est possible de la cacher en effet. Donc, si vous avez besoin de le cacher, vous pouvez y aller. On fait l'écran de connexion, d'accord ? C' est la grille qui est par défaut pour x d, quatre colonnes. Ici, nous verrons le mot de passe du nom d'utilisateur. Ensuite, nous avons besoin d'un bouton pour nous connecter. Trouvons les boutons ici. Nous avons fait cet un membre, nous devons nous assurer que cette personne peut s'inscrire ici k. Alors choisissez la ration serait juste construire pour développer prototype de notre application. Et ne prêtez pas beaucoup d'attention au style d'un. Bien que j'ai l'impression qu'il a déjà hérité de certaines statistiques de la conception matérielle, mais je vais changer la couleur à large afin qu'il n'ait pas l'impression que c'est déjà le login de conception visuelle. Rappelez-vous si vous avez besoin d'avoir les majuscules pour chacune de vos échelles, vous pouvez utiliser cette fonction en majuscules ainsi que d'autres. Aussi utile, nous avons besoin d'avoir un logo. Permet de faire cette section pour le logo. Ok, nous avons un login, nous avons l'inscription pour les personnes qui sont nouvelles à l'application. Peut-être voulons-nous avoir un petit slogan pour les inciter à s'inscrire et à les guider un peu à l'écran. Donc nouveau dans le cloud notre application, inscrivez-vous, nom d'utilisateur, mot de passe, login. Il semble que la connexion veut être de l'autre couleur, ne se sent pas comme ça. Barton secondaire. Et nous allons le rendre un peu plus sombre parce que nous voulons réellement que les gens s'inscrivent à notre Apple veut donner à un utilisateur une chance de se connecter, bien qu'avec un compte Google que Facebook. John est allé répéter le mot compte à chaque fois. Alors rappelez-vous, heureux de différencier ces trois sections parce que le haut est l'endroit pour une personne va taper les données et appuyez sur connexion. L' autre partie sera les comptes avec lesquels une personne peut se connecter sans taper les informations ici. Et la troisième partie sera la session d'inscription. Donc, en appuyant sur ces robots et va transférer l'utilisateur à un écran d'enregistrement. Ce sont donc trois parties différentes. S' il vous plaît essayer de les différencier, que ce soit une couleur, un espacement et une ligne ou autre chose. Mais soyez prudent parce que maintenant il semble comme un trois parties différentes de leurs votes, pas que convivial encore. Mais vous voyez quand même qu'il y a trois groupes d' éléments et ils sont responsables de différentes fonctions. Connectez-vous. Ici, nous allons travailler uniquement dans les couleurs que je veux utiliser d'autres éléments graphiques sur la, les nuances. Ce bouton n'est pas facile à appuyer. Si vous vous souvenez de la carte thermique, c'est quand nous arrivons à une carte thermique, vous verrez que cette zone n'est pas facile, préférable. Donc, on voudra peut-être l'aborder un peu. Ok, on rétrécit notre logo autant que possible. D' accord. Maintenant, il semble plus ou moins que l'écran de connexion utilisera espaceur pour séparer deux sections. Connectez-vous avec des comptes sociaux et connectez-vous avec le mot de passe dans l'e-mail. Ok, on a le premier écran. C' est des filaires de fidélité moyenne, pour ainsi dire. On n'a pas de couleurs. On a tous des téléphones ici. Nous n'avons pas le style final pour nos boutons. Nous n'avons pas de logo et beaucoup de choses. Je n'ai pas encore de photos ici. Mais on y arrivera plus tard. D' accord. Donc, nous voyons que vous pouvez être confus d'être avec un espace ici sous le bouton d'inscription Compte. Je trouve aussi ça assez bizarre, mais tout d'abord, rappelez-vous qu'il existe différentes détestes des appareils. Donc, ce sera une zone sûre pour, pour les cas avec le plus petit écran. L' autre chose est qu'il n'est pas très facile d'appuyer sur le côté inférieur, un tenant le téléphone avec une main. Si vous jetez un oeil aux cartes thermiques, vous vous rendrez compte que le plus compressible plus tôt est quelque part ici. Donc, à partir du coin du bouton Enregistrer Compte vers le coin gauche du bouton Connexion. Donc, c'est quelque chose de diagonale et il est préférable d'organiser les éléments lorsque votre u i, donc il y a facilement accès si vous voulez qu'ils soient accessibles. Ok, donc je pense que c'est tout pour l'écran de connexion. 45. Travailler avec des prototypes: Salut là. Dans cette vidéo, nous allons parler de prototypes. Et les prototypes sont la fusion de filaires et l'interaction. Pourquoi nous en avons besoin pour identifier les lacunes en matière de conception ? Vous découvrirez donc que vous avez une mauvaise navigation. Tu as raté la réactivité. Il se peut que certaines interactions n'aient pas inclus de commentaires après une tâche. Vous pouvez améliorer la conception de l'interface utilisateur comme le positionnement, style, la taille des éléments et la typographie. C' est la meilleure chose à tester parmi les utilisateurs de perspective pour votre public cible et considérer leurs commentaires pour améliorer davantage la scène des pères. Vous pouvez introduire les micro-itérations ici, comme des pop-ups, des alertes et des animations. Bien sûr, comme chaque chose et UX et vous devez remuer avec l'équipe, avec votre client pour entendre leurs commentaires sur le prototype. Donc, ici, je tiens à souligner que le plus de prototypes que je fais dans Adobe XD, je trouve que le moyen le plus efficace. C' est un logiciel léger, facile à utiliser et il a très convivial dans la mesure où, et comme c'est la famille Adobe, beaucoup de fonctionnalités, beaucoup d'outils et de touches courtes sont les mêmes que dans Photoshop, que j'ai utilisé il y a plusieurs années pour la conception de l'application. Il existe plusieurs alternatives pour Adobe XD, comme FISMA et sketch si vous êtes un utilisateur Mac. Mais dans ce cours, nous allons nous concentrer sur Adobe XD. Je vais vous montrer comment organiser votre prototype, comment créer de quoi commencer, et quelles fonctions vous devez garder à l'esprit. Certains peuvent appeler des prototypes filaires, autres peuvent appeler des filaires de prototype, mais je m'en tiendrais aux prototypes comme quelque chose qui a une interactivité, qui a la capacité d'être testé, quelque chose qui a des commentaires pour l'utilisateur, quelque chose qui peut être analysé. C' est plus proche du produit final que du filaire. Donc, vous pouvez avoir un filaire cliquable et quelqu'un l'appelle prototype. C' est bon. L'importance ici est de se rapprocher des meilleurs résultats possibles. Et vos prototypes comme d'autres choses que vous avez faites. Ils ont également des versions, révisions et des possibilités d'amélioration. Mais mettre h scène, ils seront plus raffinés et utilisables. Sur la scène du prototype, qui sont capables de voir quelles choses vous manquent ? Vos trames filaires peuvent être que vous n'avez pas inclus des fenêtres contextuelles qui montreront à l'utilisateur que cette opération a réussi. Ou peut-être qu'il y a des données erronées dans le champ d'entrée. Vous devez le mettre en évidence en quelque sorte, donner des commentaires de l'utilisateur. Donc, ces petites choses qui sont vraiment importantes pour l'utilisateur final sont incluses dans vos prototypes. Et essayez de glaner à travers ces prototypes par vous-même plusieurs fois et de mettre en œuvre autant d'interactivité que possible pour être plus proche du produit final qui sera utilisé par les utilisateurs finaux. 46. Cours XD - Projet de cours : Wireframe et liens: Ensuite, faisons l'inscription. L' inscription sera comme celle-ci. Vous avez déjà un compte. C' est donc le déclencheur pour les personnes qui ont déjà le compte. Donc vice versa, nous lions ceci, nous allons lier cet écran à celui-ci. Et vous voyez que je vais prototype sanction et appuyer sur ce bouton de connexion et saisir la flèche à cet écran. Ici, nous avons superposition de transition, défiler jusqu'à la lecture audio de démarrage de l'art précédent, lecture vocale, et ainsi de suite. Le déclencheur peut être tapoté. Affaire de drogue, manette de jeu. Voix. Et l'animation pourrait être glissière vers la gauche, les droits de glissement comme vers le bas Vous pouvez jouer un peu avec, mais je vais vous expliquer l'essentiel. Donc, si nous avons besoin de passer d'un écran à l'autre en appuyant sur les moyens que nous devons appuyer sur le bouton. Donc, la transition est en fait ce dont nous avons besoin. Mais je pense que l'animation automatique ou serait mieux, laissez-moi ajouter un lien vers cet écran à partir de l'écran de connexion. Essayons. Il dit que l'animation automatique est mieux utilisée. Vous voulez animer de petites choses. En ce moment, il semble un peu bizarre parce que ne pas avoir ces sentiments de différents écrans. Alors animons à la transition et voyons comment cela fonctionne. Un peu mieux. K pour l'inscription, nous avons besoin de plus de champs à remplir. C' est peut-être un nom d'utilisateur, c'est un email. Quoi d'autre ? Numéro de téléphone, mot de passe, et répétez le passeport ici nous allons mettre l'enregistrement. Je ne sais pas à quoi ressemblera le logo, mais c'est la structure de notre application. Habituellement, pour les concepteurs d'interface utilisateur, si vous travaillez sur les actes à nouveau, vous devez indiquer le contraste, le placement, peut-être la zone qui est prise par l'élément ou l'objet du groupe d'objets. Bien sûr, il devrait y avoir un texte Grande-Bretagne. Donc, une personne qui travaille après vous comprendra si cette section est pour essayé d'utiliser les vrais détenteurs de place et laissez-moi distribuer cela un peu. Ok, donc on a deux écrans. Marquons cela aussi, a fait, gardons le flux et nous irons avec l'écran d'accueil. L' écran d'accueil nous avons Filter Search, repas recommandés et la liste des restaurants. Trouvons l'icône Filtre sur les icônes de champ. Il suffit de le télécharger si l'une des icônes. Donc c'est un filtre. Nous avons besoin de l'icône de recherche pour. Je vous encourage à ne pas passer trop de temps à concevoir des icônes sur votre scène filaire, car c'est juste un filaire, C'est pourquoi je choisis généralement des icônes à partir des sources ouvertes. Donc nous avons une recherche, nous avons un filtre, nous aurons des pieds. Repas recommandés et risques des restaurants, repas recommandés. L' onglet actif où nous sommes. Alors je pense qu'on doit élargir la barre de recherche. Et en quelque sorte pour s'assurer que ces deux éléments sont liés ensemble, ressemble à des repas recommandés et juste des restaurants, peut-être votre alimentation. Et maintenant, revenons à notre kit d'interface utilisateur et attrapons la carte, quelque chose comme ça. Essayons celui-ci et voyons s'il est adapté à notre application. Trop d'espace. Tout d'abord, je pense que nous pouvons changer le contexte. Donnons un nom à ce poulet frit. Ici, nous aurons le logo du restaurant. Peut entendre la description et ne pas avoir peur de la grande image parce que la nourriture est vendue sur le, en utilisant cette approche lorsque nous avons des applications, quand nous avons des sites Web ou plutôt la promotion qui ne peut pas transférer l'odeur, je sentir que nous serons en mesure d'avoir un peu de crawl ici comme ça. Ok, laisse-moi t'expliquer. Nous sommes en mesure de créer trois types de parchemins, à savoir Panel, horizontal et vertical. Ici, nous allons utiliser le défilement vertical. Pour celui-ci, vous devez sélectionner l'élément, développer les bordures. Donc j'ai un groupe, je l'ai groupé, et maintenant vous voyez que nous sommes capables de faire défiler. Facile. Donc la prochaine chose que nous allons faire est d'avoir quelques boutons ici, bien sûr, action 1. Et il y a une action à nous aurons l'ordre ou lire plus. Oh, vous voyez ces voitures, DR dynamique et on y va et maintenant on a la fonction de recherche. Il veut toujours se libérer de ce titre pur. Donc, nous avons un écran d'accueil que nous allons lier à notre login. Oui, on a oublié quelques réglages. Mon profil dans l'historique des commandes. J' ai donc choisi trois icônes pour la liste ordonnée et le profil utilisateur. Je ne suis pas sûr que c'est la meilleure option pour l'historique des commandes. Je mettrais horloge de sable trop de temps passé sur le placement. Je sais que c'est moi qui va faire les dessins visuels et essayer d' aller plus loin et de réfléchir à la façon dont ils seront arrangés. Donc, en plus de l'écran d'accueil, nous devons filtrer qui aura des catégories et ainsi de suite. Quand il recherche que nous avons des résultats de recherche, nous avons besoin de repas recommandés et liste des restaurants. Ici, il est préférable d'utiliser l'animation automatique car nous verrons ce mouvement de lumière. Et encore une fois, nous passons à la section d'un prototype pour relier les écrans. Je vais mettre OTO animation quand vous voyez qu'ils bougent. Nous avons donc deux sections déjà conçues. 47. Cours XD - Projet de cours : Ajouter une interaction à Wireframes: Ensuite, créons l'écran pour le repas. Peut-être que nous voulons aider les utilisateurs à revenir à partir de cette page, alors nous n'avons pas besoin de barre de recherche et de taper plus. Donc ici, nous devrions indiquer le nom de Neil. J' ai trouvé très beau nom de pied et photo. On a besoin de restaurants où il est cuit. Les descriptions comptent aussi, mais toujours pas comme photographie. Donc je n'aime pas lorem ipsum. Oui, on n'a rien d'autre. Donc si nous avons une variété, nous avons besoin d'un autre élément appelé bouton radio, véhicule, poisson, Turquie. Nous avons un prototype rho de la page. Maintenant, nous avons besoin que le bouton pour il est préférable pour nous de réorganiser notre mise en page à cette grille afin d'opium cohérent. Je ne sais pas si la carte est le nom approprié ici, mais laissez-le pour l'instant. Et maintenant, nous devons ajuster le nombre de nourriture que nous commandons. Et ainsi, vous pouvez créer votre propre ensemble d'éléments préconçus comme celui-ci. Donc maintenant, nous avons le repas est de voir que nous avons un grattage caché ou description qui nous permet d'avoir une zone fixe sur le fond. Et nous avons une variation, poisson végétalien, dinde, et il y aura plus moins. Maintenant, connectons nos écrans à nouveau. Ainsi, la liste de courrier sera connectée à une page de repas. Nous devons tous nous souvenir du bouton Précédent, qui nous dirigera vers l'écran précédent. Essayons notre application. Variation n'était pas l'écran, donc nous allons l'enlever beaucoup plus facilement sans pop-up supplémentaire ou fenêtre de transition le tout sur un seul écran. Pensez maintenant que nous pouvons faire l'historique des commandes, commander lui-même. Lorsque vous voulez dupliquer des éléments horizontalement ou verticalement, vous pouvez utiliser la cupidité répétée. Donc, une fois que vous avez regroupé et appuyez sur la cupidité répétée, pouvons-nous l'enlever vers le bas ou à droite, à gauche. Vous voyez qu'il est facile de créer des tables, des choses qui se répètent et changent simultanément. Pasteur pois du sud et son coût. Mettons-le ici. Le délai total de livraison n'est probablement pas le meilleur à indiquer ici parce que nous voulons toujours savoir où livrer cette nourriture. Créons à emporter et quatre, à emporter ou à la livraison. Nous aurons deux onglets. Très pratique. Peut-être. Notre famille a un itinéraire spécifique et le restaurant est à proximité, donc nous sommes en mesure de leur donner une autre option, qui est à emporter. Et pour un restaurant, c'est quelques économies en termes de livraison. Maintenant, nous allons définir quelles sections nous avons besoin plus de confiance ville, bloc. Il sera déjà prédéfini dans le téléphone. Et l'adresse sera empruntée aux données de mes profils. Bien que nous serons en mesure de changer votre K Une fois que nous appuyons sur les entrées sur les données déjà tapées texte, nous pouvons le modifier si nécessaire. C' est l'idée. Une fois que nous avons sélectionné la livraison, nous entrons les coordonnées et l'adresse. Ensuite, nous serons amenés à un écran de confirmation qui nous montrera combien de minutes ou d'heures par devrait attendre. Donc, il montre la côte totale, il montre le délai de livraison, il montre leur robe et mais non confirmé, mais je vais également ajouter un autre bouton modifier l'ordre. Parce qu'une fois un utilisateur ou changer d'avis, ils devraient être en mesure de revenir à l'écran précédent. Même si nous avons cette flèche toujours pas si claire que nous pouvons éditer ordonné. Alors, nous devons créer un écran de succès. Félicitations. Votre nourriture est sur le chemin de votre maison, numéro de commande et une sorte de minuterie ici. Ajoutons les liens. On se connecte. Nous avons notre alimentation de repas. Appuyez sur le pasteur avec la salmonelle et les pois. Nous pouvons faire défiler la description. Rappelez-vous le défilement vertical et horizontal. Nous pouvons sélectionner la carte Modifier confirmée et la minuterie continue. Tout est pour l'instant pour une partie d'un prototypage de fidélité moyenne. Merci de comprendre comment les écrans doivent être organisés. Vous pouvez sélectionner un autre kit d'interface utilisateur si vous le souhaitez. Il y en a beaucoup ici. Obtenez du matériel du kit d'interface utilisateur, des trames Microsoft, plus encore. Vous êtes des enfants, vous pourriez récolter une année. Ce n'est pas important. Sur la scène du filage. Vous n'avez pas à penser beaucoup au style de votre u. J'essaie de tester le flux pour trouver des lacunes de conception, des lacunes de flux, des écarts UX et ainsi de suite, ainsi que des lacunes de rétroaction. Le temps de concevoir Girl by frame devrait expulser très précisément. Parce que le filaire est le point central entre la recherche que vous avez faite auparavant et la conception visuelle qui doit gagner du temps sur la conception visuelle. Alors n'en faites pas trop en essayant de rendre les choses parfaites sur cette scène. D' accord ? Merci beaucoup pour votre aéroport et toute sa longue leçon. C' est dur. C' est ennuyeux parfois, mais vous savez, à la fin des jours, vous avez ces écrans, vous pouvez appuyer, vous pouvez expérimenter le design n'est pas là ? Vous avez fait un très, très agréable sentiment quand vous pouvez partager votre prototype à vos amis, à vos amis et parties prenantes qu'ils vous donneront un feedback. Espérons que je bonne rétroaction. Et la prochaine leçon, nous allons essayer de définir et de le rendre parfait. Merci encore et passez un bon moment. Rendez-vous sur notre prochaine leçon. 48. Tester et évaluer: Une fois vos prototypes terminés, vous pouvez commencer à tester. Et les tests font l'objet de cette vidéo, accord, c'est la conclusion de votre travail accompli jusqu'à présent. Et il y a plusieurs façons de faire des tests utilisateur. Tout d'abord, passe des entrevues en personne, et il y a des services de tiers, puis des questionnaires de suivi. Le moyen le plus efficace, bien sûr, est face à face chose à utiliser. Vous devez trouver votre public cible, le représentant de vos utilisateurs. Posez-leur des questions, demandez-leur d'effectuer une tâche. Vous devez prendre des notes, essayer d'aider les utilisateurs à penser à haute voix, et vous serez en mesure de mettre des notes sur ce qu'ils pensent. Vous pouvez utiliser un équipement spécial comme moi ou des caméras de suivi des doigts. Ensuite, vous préparez vos rapports et extrayez les points nécessaires pour les changements dans l'itération suivante. Une autre façon de faire des tests utilisateur est d'utiliser des services tiers. Il y en a beaucoup comme les tests de l'utilisateur, plug-in pour XD, chirurgies, forme de type pyro, enquête, singe, rapport de l'utilisateur obtient satisfaction, réponse énorme. Les clients sont sûrs, demandez gentiment. Il y a beaucoup, beaucoup, beaucoup d'autres que vous pouvez utiliser pour vos tests utilisateur. Et ils ont des rapports intégrés. Certains d'entre eux ont des essais gratuits limités à des versions. Bien sûr, ils sont des fonctionnalités payantes. Vous pouvez choisir le service en fonction des exigences de votre test. Les fonctionnalités qui sont nécessaires pour le test. Probablement prix sera également considéré. Et l'autre chose, c'est d'avoir des questionnaires de suivi. Vous pouvez également le faire à distance ou en personne. Vous pouvez utiliser Google Forms pour créer vos années de questions si vous indiquez les tâches et posez des questions de suivi à la personne après l'utilisation du prototype vous répondra. Nous remplirons le questionnaire et vous serez en mesure d'analyser une fois le test terminé. E-mail, bien sûr, c'est la façon traditionnelle d'obtenir des commentaires des utilisateurs dépend du type de questions que le type de test utilisateur que vous faites. Il y en a plusieurs. Pour travailler avec un large public, vous devez probablement sélectionner quelque chose qui est offert par des services tiers. Comme je l'ai déjà dit, oui, ils sont payés, mais ils ont cette audience et vous pouvez spécifier les critères nécessaires pour filtrer les personnes qui ne sont pas votre public cible. Jetons donc un coup d'oeil aux types de tests. D' abord. Il peut être en laboratoire ou sur le terrain, UMass Carson, pour venir à votre bureau ou aux genoux et y mener une entrevue. Ou vous pouvez le faire dans un champ comme l'extérieur et le café dans l'environnement naturel pour le produit. Peut être modéré. Sur modéré, quand vous vous asseyez près de la personne et vous surveillez tout, est-ce qu'il ou elle fait dire mettre des notes comme des questions. C' est un test modéré. Vous pouvez faire un test non modéré. Demandez à la personne d'utiliser le site Web ou l'application et attendez une réponse. Peut être en personne ou à distance. D' accord. Votre rapport doit inclure un résumé de base. C' est l'environnement, les outils, le jour, heure, peut-être si vous utilisez ces téléphones mobiles, s'il vous plaît mettre cela aussi, parce qu'il est important pour une méthodologie de conception d'applications mobiles que vous utilisez la liste des scénarios et des tâches et description des participants. Étant donné que vous avez des scénarios, vous demandez à l'utilisateur d'effectuer une tâche qui doit figurer dans votre rapport. Donc, je vais vous donner un exemple de rapport de test utilisateur plus tard. Alors va ensuite les résultats des tests. Vous devez l'inclure. C' est un retour d'utilisateur. Il est un certain nombre de succès par rapport à accomplir avec succès des tâches. Nombre de participants, temps nécessaire à la réalisation de chaque scénario. Et vos conclusions et recommandations comme pour et contre et conclusion. Donc, vous trouverez quelque chose d'intéressant dans votre test. Bien sûr que tu dois le poser. C' est le but de ce test de trouver des choses intéressantes, d'obtenir ces informations, d' éviter les frustrations à améliorer, définir plus tard le Product_Type. test ou un rapport de convivialité typique de l'utilisateur comprend un résumé général, méthodologie, des résultats de tests et des informations. Résumé du contexte. C' est l'environnement du test où il prend, quel était l'espace, l'équipement, si c'est spécifique pour modal, vous devriez le poser aussi. L' heure et la date doivent également être indiquées dans votre arrière-plan. L' été. La méthodologie signifie que vous incluez dans vos rapports des listes de scénarios et de tâches, ainsi que la description des participants. Vous avez donc des tâches spécifiques que vous êtes un participant doit effectuer. Veuillez l'inclure. Parce que sinon, vous ne serez pas en mesure d'analyser la situation après le test de l'utilisateur. Ok, c'est ensuite les résultats des tests. Bien sûr, sans résultats de test, vous pouvez aller n'importe où. Et les résultats des tests incluent les commentaires des utilisateurs. Donc, vous demandez à vos participants de penser à haute voix s'il remplit un peu confus avec la navigation. Ok, vous avez posé, essayé d'obtenir autant d'informations que possible de l'utilisateur. Et c'est agréable d'avoir le nombre de participants car vous serez en mesure de comparer les résultats et de voir l'image complète indiquer le temps nécessaire pour réaliser chaque scénario dans votre rapport utilisateur. Bien sûr, les informations sont également importantes dans le rapport. Vous trouverez peut-être qu'il y a des avantages et des inconvénients. Peut-être qu'un participant vous donnera quelques idées. Qui sait ? Bien mener l'entrevue, essayez de demander au participant une conclusion. Ce qu'il ressentait bien dans l'exécution de ces tâches. Et écrivez aussi votre propre conclusion sur le test. Compte tenu de toutes les informations que vous avez en main, qu'il s'agisse d'un taux de réussite élevé ou de son faible taux de réussite, que les gens souffrent de la recherche de l'objet spécifique ou qu'ils soient faciles à trouver. Un. Qu' il soit facile de naviguer sur l'application ou qu'il soit difficile de le faire. Vous pouvez tester un module spécifique ou une nouvelle fonctionnalité ou un nouveau service qui a été introduit lors du projet en cours ou vous pouvez tester tous les projets. Donc, ici, vous pouvez étendre ou réduire vos tests utilisateur si nécessaire. Une fois que vous avez terminé les tests utilisateur, vous êtes en mesure d'analyser les résultats. Et il pourrait être utile de regrouper les résultats en problèmes de conception et de non-conception et de commencer à les implémenter dans vos filaires et votre architecture d'informations. Il y a probablement d'autres résultats qui nécessitent des changements dans d'autres étapes de la conception UX. Voici l'exemple de formulaire de rapport de test utilisateur. Et vous verrez qu'il y a, vous verrez qu'il ya une description d' une personne qui a été interrogée pour effectuer une action. Et la table et la conclusion, vous pouvez demander une conclusion, vous ne pouvez pas. Cela dépend de votre sur votre format de test. D'accord. Donc, ici, nous avons date sept Août lieu, équipement de bureau , Samsung, un sept, outils, pont lodge, webcam, inscription scénario, succès à droite de 0 à cinq, intérieur, avantages, inconvénients, et le temps de prendre pour effectuer l'action. J' ai répertorié si trois scénarios que l'utilisateur devait effectuer. Il s'agit de l'inscription, dont l'utilisateur a marqué quatre sur cinq. C' est donc le taux de réussite. Nous découvrons que nous avons besoin d'ajouter le compte Vimeo pour l'authentification et temps requis pour cette action était de 35 secondes. L' autre activité que nous avons demandé est de les trouver annotation pour soulager le stress. Et il a reçu cinq étoiles. Mais nous devons limiter le nombre de méditations à cinq dans chaque catégorie. Parce que avoir beaucoup de méditations, peu déroutant, parfois augmenté le temps qui nécessitent, qui a besoin d'effectuer cette action était d'une minute et 14 secondes. Ensuite, nous demandons à l'utilisateur de sentir les informations de profil. Il a reçu trois étoiles sur cinq parce qu'il existe de nombreux types de données à remplir par un utilisateur. Et nous avons décidé de diviser les données personnelles et portrait psychologique en deux sections ou deux étapes. A2, utilisateur, deux minutes et deux secondes pour remplir toutes les informations et la conclusion des participants est la suivante. Je me suis senti très averti en utilisant cette application, il est facile de s'inscrire et de commencer la méditation. Cependant, je préférerais avoir un compte de messagerie pour l'autorisation et le questeur de profil semblait un peu long. D' accord. Ainsi, vous collectez ce type d'information auprès de chacun de vos participants et vous pouvez avoir d'autres, le formulaire de rapport général où vous incluez les faits saillants de vos tests. 49. Aperçu de la section Conception d'UI: Dans cette vidéo, nous allons passer en revue la section conception de l'interface utilisateur, aperçu de l'interface utilisateur, n'est-ce pas ? Cela vous donne un aperçu des différentes interfaces sur différentes plates-formes, différents sites Web, vous donnant vraiment l'autre côté de l'UX, où UX sera généralement plus concentré sur l'expérience utilisateur. Entonnoirs de vente, parcours client où l'interface utilisateur est l'interface réelle avec laquelle les utilisateurs interagissent, n'est-ce pas ? La mise en page, le plan du site, l'interaction, l'interactivité qu'ils vont avoir en ce qui concerne l'utilisation d'un site Web particulier, l'utilisation d'une application particulière, donc allons de l'avant et passons en revue l'aperçu de la section U-I. Donc, dans cette section, nous allons passer en revue la vue d'ensemble de l'interface utilisateur. On va passer en revue ce que tu es, c'est comment fonctionne. Vous pouvez voir ici évidemment à partir de l'image sur la droite, ce sera l'interface utilisateur avec laquelle nous allons travailler dans cette section particulière. Il s'agit de vraiment comprendre l'interactivité des utilisateurs, comment ils utilisent le produit, comment il est conçu, comment il est facile pour eux de naviguer dans l'utilisation de votre produit, la facilité d'utilisation et tout type de hoquet ou de barrages routiers le long du chemin. Et puis nous allons passer en revue les types communs d'interfaces. Nous allons parcourir plusieurs types de sites Web, différentes plates-formes, et sorte de vous donner un aperçu des différents types d'interfaces là-bas sur le marché. Ensuite, nous allons passer en revue la vue d'ensemble des pages de destination. Nous allons examiner différents types de pages de destination, comment elles sont mises en page, leur but, pour ce que vous voulez qu'elles soient utilisées en fin de compte, comment vous voulez les mettre en page. Ainsi, il est très facile et simple pour l'utilisateur d'entrer et de prendre toutes les mesures que vous recherchez pour qu'il prenne. Et puis les composants de l'interface utilisateur, les éléments. Et puis enfin les contrôles de l'interface utilisateur, non ? Donc je suis excité que vous commenciez ici sur cette section U-I. Cette section inclut également une tonne de leçons différentes dans Adobe XD, nous allons passer en revue différentes conceptions d'en-tête, mises en page courantes, mobiles et ordinateurs de bureau. bouton de conception de pied de page, conception d'entrée conception déroulante, et tous les différents types de conçu pour les fonctions mobiles et de bureau. Donc, nous avons un peu de leçons pratiques dans Adobe extrême dans cette section particulière ainsi que les autres. Et je suis excité que vous commenciez et nous vous verrons sur la prochaine. 50. Aperçu du design UI: Dans cette vidéo, nous allons passer en revue la conception de l'interface utilisateur. Nous avons donc parcouru la conception UX et toutes les autres leçons de la section UX. Et la conception de l'interface utilisateur va vraiment être sur l'interface utilisateur des produits réels, non ? Comment les utilisateurs l'utilisent, comment ils naviguent à travers elle. Et puis être capable d'avoir quelque chose qui est agréable et facile pour eux d' accomplir n'importe quelle tâche qu'ils cherchent à accomplir avec l'interface utilisateur, n'est-ce pas ? Parce qu'en fin de compte, c'est ce qui est le plus important, non ? Vous penseriez à une interface utilisateur pour Facebook. Facebook veut que vous ayez une grande expérience. Facebook veut qu'il soit facile pour vous de pouvoir connecter avec vos amis et votre famille, être capable de regarder des vidéos, être en mesure de publier différentes choses sur votre fil d'actualités. Et donc cette interface est en train de le faire. Donc c'est facile et simple pour quelqu'un de le faire, non ? C' est donc de cela que nous allons parler ici dans la conception de l'interface utilisateur. On va parler de ce que c'est, comment ça marche. Et nous allons entrer dans des détails très précis. Et puis nous allons regarder UX versus UI. Allons-y et sautons ici. Ainsi, avec la conception de l'interface utilisateur, l'interface utilisateur, c'est le processus que les concepteurs utilisent pour construire des interfaces et logiciels ou tout type de périphériques mettant l'accent sur l'apparence, la sensation et le style. Et comme je l'ai mentionné précédemment, les concepteurs cherchent à créer des interfaces que les utilisateurs trouvent aisément agréables. Ils veulent pouvoir revenir sur la plateforme, n'est-ce pas ? Alors pensez à Facebook à nouveau. Lorsque vous êtes sur Facebook, c'est une expérience agréable. C' est très facile de naviguer. Oui, ils ont un peu de mises à jour, mais pour la plupart, ces mises à jour améliorent la plateforme, améliorent l'expérience, non ? C' est pourquoi ils ont des milliards d'utilisateurs. Et donc, en fin de compte, avec la conception de l'interface utilisateur, tout dépend de l'utilisateur et de la façon dont il peut facilement naviguer dans l'interface. Nous voulons le rendre super simple, super facile. Avoir une belle expérience, à droite, pour tous les utilisateurs. Et quand nous regardons UX versus UI, les concepteurs UX se posent comment les questions, comment le flux utilisateur peut-il être beaucoup plus rationalisé ? Comment cela peut être beaucoup plus structuré ? Comment cela peut-il être un processus plus facile pour l'utilisateur réel ? Et puis les concepteurs d'interface utilisateur posant les questions. Quand vous pensez à la conception UX, pensez à la psychologie, au comportement et à la prédiction, n'est-ce pas ? Dans cette section, nous avons passé un peu de psychologie comportementale. La psychologie déclenche beaucoup de mesures d'influence différentes, beaucoup de déclencheurs d'influence différents. Et nous cherchons à amener les gens à agir, non ? Découvrez quel est le processus, quel est le flux. C' est plus facile pour eux de devenir réellement un client par rapport à l'interface utilisateur que nous voulons que les gens soient en mesure de lire les informations, d'y accéder, de pouvoir y travailler et de l'utiliser et qu'ils aient une expérience très agréable pour l'utilisateur final. Et les prochaines leçons, nous allons passer sur différents types d'interfaces. Et nous allons également passer en revue la conception de la page de destination. Donc, cela va être là pour la différence entre les concepteurs UX et UI. Et on se verra sur la prochaine. 51. Types de conception UI: Dans cette vidéo, nous allons passer en revue les différents types de conception d'interface utilisateur. Allons-y et sautons ici. Il existe une tonne de différents types de conception d'interface utilisateur. Et donc ce que je vais vous guider ici aujourd'hui, ce n'est que quelques-uns des différents types d'interfaces que vous allez rencontrer que vous verrez sur le marché. Allons-y et sautons ici. Donc, le premier type d'interface va être un site Web d'entreprise. Les sites Web d'entreprise vont jouer un rôle important dans ce domaine parce que c'est l'un des premiers domaines où quelqu'un peut regarder une marque ou une entreprise, n'est-ce pas ? Ou peut-être même un produit. Lorsqu' ils accèdent au site Web, ils sont en mesure de voir comment cette entreprise se représente directement sur le marché. Tellement important. Et puis les ventes dans les pages de destination. Et nous allons passer en revue quelques exemples de ça aussi. Et évidemment, vous savez ce que sont les ventes et les pages de destination. Nous avons la page des ventes qui entraîne le trafic réel pour effectuer un achat. Et la page de destination est généralement là pour conduire le trafic et réellement connecter les informations, droit, collecter cette piste. Et puis nous avons différentes pages promotionnelles où il y a sorte d'offre de rabais ou une promotion qui dit aux gens, hé, 20% ou 30% de rabais. Et c'est très bien le cas pour des types de ventes spécifiques. Et puis nous avons le commerce électronique. E-commerce types de sites Web sont très uniques et les clients bien, grand joueur dans le jeu, un Shopify, cependant, beaucoup de sites Web sont également construits sur mesure ainsi et ils sont conçus avec l'interface utilisateur dans la mienne, n'est-ce pas ? Comprendre que le faible de l'utilisateur, façon dont il utilise le site Web et la facilité d'utilisation va être très, très important. Donc, le commerce électronique, vous allez aussi le voir un peu. Aussi dans le logiciel basé sur SAS en tant que service, vous allez voir cette interface un peu. Vous regardez différentes sociétés de logiciels qui sortent de la Silicon Valley, de la région de Seattle aussi. Et puis vraiment n'importe quel type de société de logiciels en général, il va avoir généralement une interface utilisateur très unique. Et puis nous avons des sites web mobiles. Lorsque vous regardez des sites Web particuliers sur votre téléphone, il va généralement avoir une interface différente que si vous le faites en ligne directement sur votre bureau à une tablette. Donc, il est vraiment important que, surtout sur les sites mobiles, vous soyez capable de le rendre super simple, super facile pour l'utilisateur, parce que si vous avez trop de choses en un seul endroit ou tout est mélangé, alors c'est va faire en sorte qu'ils ne veulent pas interagir avec l'entreprise ou le site Web en utilisant leur téléphone alors le téléphone est à peu près utilisé la plupart du temps maintenant, n'est-ce pas ? La majorité du trafic provient du mobile direct. Donc très important de comprendre les sites Web mobiles, l'interface utilisateur de cela, et comment s'assurer qu'il est facile à utiliser pour l'utilisateur final. Ok, alors jetons un coup d'oeil à certaines des différentes interfaces utilisateur ici. Nous avons donc des portails et des médias sociaux. Donc, comme vous pouvez le voir ici, la hiérarchie de contenu dans la mise en page ici est très simple, design très minimal ici, très lourd de contenu. Ceci est optimisé. Vous avez différentes langues, vous avez généralement comme une fonction de recherche. Ainsi, vous pouvez trouver différents articles, différentes vidéos. Cela va généralement être le même pour Facebook, aussi pour comme Pinterest ou n'importe laquelle de ces plateformes de médias sociaux ainsi. Et puis nous avons les sites web de l'entreprise. Et ça va être très personnalisé ici. Cependant, cela va être cohérent avec la marque, les schémas de couleurs, n'est-ce pas ? Et puis un très puissant au-dessus du pli. Et nous allons entrer dans ça dans une autre leçon exactement ce que c'est en puissance de ça. Et puis représente des domaines d'expertise, n'est-ce pas ? Vous devez aimer entendre parler de section. Vous avez vos services. Et cela peut aussi être juste une page. Vous pouvez avoir tous vos services, vos informations sur nous, vos coordonnées sur une seule page. Cependant, les grandes organisations sont là où je dirais que même les organisations modernes et les entreprises en général vont avoir des sites Web multi-pages, n'est-ce pas ? Comme vous pouvez le voir avec Honda, ils ont une interface utilisateur très facile ici. Ils ont la recherche en haut à droite, puis ils ont le menu à gauche. Et aussi Sony a une très belle interface utilisateur. Pour obtenir très facilement le logo en haut. Vous avez également le menu en haut à droite. Et c'est super facile à naviguer. Tu dois faire une vidéo là-bas. Donc, quand vous regardez les différents sites Web d'entreprise maintenant, ce que vous allez remarquer est une grande image ou une vidéo au tout début, non ? Et puis en dessous que vous allez avoir le contenu différent. C' est donc généralement ce que vous pouvez attendre avec les sites Web d'entreprise. Et puis nous avons les ventes dans les pages de destination. Les pages de vente et de destination seront généralement, vous savez, en vous assurant que vous naviguez facilement sur la page. Il y a un bon flux à elle et il y a de la cohérence avec la mise au point de l'action de marque vous amenant à prendre une action soit pour acheter ou pour mettre vos informations et va généralement être une page défilerait droit ? Vous allez faire défiler cette page de haut en bas. Typiquement lourd sur le contenu d'une page de vente parce qu'il doit y avoir beaucoup de convaincants pour que vous preniez des mesures ou pour acheter, n'est-ce pas ? Il y a donc beaucoup d'éléments d'engagement. Et surtout si vous avez une page de vente, vous voulez avoir la sécurité et la sécurité là où vous voyez ici sur red facts.com. Ils ont Norton sécurisé. Ils ont la garantie ou la garantie. Ils ont autorisé .net parce qu'ils veulent que vous vous sentiez en sécurité en faisant un achat via leur plateforme, n'est-ce pas ? Et puis la prochaine que nous avons est les pages promotionnelles. Cela va être typiquement pour les nouveaux produits, pour tout type de promotion spéciale. Ils vont généralement être beaucoup d'animations différentes, graphiques lourds, technologies web de pointe généralement. Et ça va vraiment vous donner une expérience mémorable, non ? Tu vas venir sur cette page. Ça va sortir que Jim, ça va t'amener à t'en souvenir pour que si tu n'agis pas quand tu atterris sur cette page ou que tu n'achètes pas ou quoi que ce soit que cette page veut que tu fasses, n'est-ce pas ? Il va être rappelé, vous allez vous en souvenir, il va être dans votre esprit à cause du design unique et de la façon dont il est aménagé. Et puis nous avons les différents sites de commerce électronique utilisent. Vous allez être très axé sur les produits, aimeriez une requête de recherche avec très peu de texte, non ? Parce que vous n'essayez pas d'avoir un blog ici ou quoi que ce soit comme ça où vous le pouvez. Et le fait est que nous n'essayons pas vraiment d'avoir beaucoup de texte ici parce que votre intention principale ici. Pour vendre un produit, n'est-ce pas ? C' est un bon produit à la porte et vous voulez que les gens viennent ici acheter. Et donc c'est beaucoup va être plein de différents produits. Il va être facile pour les gens de pouvoir acheter le produit sur les cartes et de passer par ces différentes microconversions, non ? Pour finalement faire la conversion macro, qui est un achat, n'est-ce pas ? Et puis nous avons le SaaS, qui est le logiciel en tant que service. Cela va être un peu plus unique et complexe. Cependant, cela va le rendre de sorte que c'est très facile et simple pour l'utilisateur. Ils ont beaucoup de simplicité dans notre navigation. Beaucoup de différents schémas de couleurs basés sur la marque. Et ça va être mobile amical et la majorité va être au-dessus du pli, n'est-ce pas ? Et gardez simplement à l'esprit, ceux-ci seront généralement beaucoup plus sophistiqués, beaucoup plus complexes architecturaux. Cependant, l'interface va être très importante ici parce que les gens vont généralement payer pour comme des frais mensuels ou peut-être payer sur une base annuelle ou peut-être vous acheter une seule fois, mais généralement des frais mensuels pour pouvoir pour utiliser le logiciel. Il y aura des centaines de milliers, voire des millions de personnes qui utilisent le logiciel selon ce qu'il est. Et il va être important qu'il soit facile à utiliser et il a une belle palette de couleurs, ce que la marque et c'est finalement une expérience agréable, travailler dans l'interface. Et puis on a des sites mobiles, non ? C' est quelque chose où vous devez être très, très conscient lorsque vous construisez un site ou si vous avez fait n'importe quel type de développement web, vous voulez vous assurer que vous avez la possibilité regarder comment le site va regarder dans un version mobile. Parce que beaucoup de fois les sites Web seront construits et, vous savez, les pages de destination seront construites, vous savez, des pages de vente. On va chercher Bill et tu les regardes sur le portable et ils sont complètement éteints. Donc, vous devez regarder et vous assurer que la taille des marges des éléments sont toutes correctes, que tout s'adapte sur le téléphone, s'adapte à l'écran. Nous voulons regarder la taille de la police, les différentes orientations, que les différences dans l'appareil, n'est-ce pas ? Si vous avez un téléphone Android par rapport à un téléphone mobile, avez-vous une tablette, n'est-ce pas ? Comment ces Rog justifié regard sur ces appareils est crucial parce que vous voulez être en mesure de le faire de sorte qu' il ya très peu de différence entre eux aller sur le bureau ou le téléphone réel est juste, le téléphone va être un peu plus d'un type de vue condensé, non ? Type d'interface. Donc très important de garder ça dans votre esprit. Et quelques autres choses à se méfier en ce qui concerne les fonctionnalités mobiles. Vous voulez regarder les fonctions de balayage, les différentes fonctions multi-touch supplémentaires, ainsi que le toucher et maintenir à droite ? Beaucoup d'applications différentes, beaucoup de logiciels différents là-bas. Différents sites Web ont maintenant ces fonctionnalités déjà configurées dans eux, ou ils sont en cours de création en gardant ces fonctions et fonctionnalités à l'esprit. Donc, c'est juste quelque chose à prendre en compte, surtout sur les appareils mobiles. Donc, cela va être ici pour la conception de l'interface utilisateur, les types de conception. Et on se verra sur la prochaine. 52. Aperçu des pages d'accueil: Dans cette vidéo, nous allons passer en revue les différents types de pages de destination et les différents types d'interfaces utilisateur que toutes ces pages de destination ont. Donc, ce sera quelque chose où nous allons parcourir plusieurs modèles de page de destination différents. Je vais vous montrer comment ils sont piégés et pourquoi ils sont mis en place d'une certaine manière. Et les différents facteurs d'interface utilisateur qui entrent en jeu avec chaque type de page de destination. Alors allons de l'avant et sautons dans la leçon. Donc, les types les plus courants de pages de destination sont ceux-ci juste ici. Vous avez votre page Squeeze, qui est un type de page de génération de leads. Ensuite, vous avez votre page de capture de leads, qui est évidemment là pour collecter des informations et des pistes, puis votre page de vente là pour vendre un produit ou un service, peu importe ce que cela peut être. Et puis la page de remerciement pour vous faire savoir que vous avez commandé avec succès le produit ou les informations que vous avez demandées ont été envoyées à votre e-mail ou vous pouvez télécharger le produit ou quoi que ce soit. Écrivez une page de remerciement. Souvent, c'est idéal pour être en mesure de diriger le public vers la prochaine étape de votre entonnoir. Et puis la page de destination de l'erreur 404. Ceci est une page où si quelqu'un va à l'une des pages de votre site et qu'il n'existe plus. Vous voulez y avoir une page de destination 404. Et vous voulez avoir un contenu spécifique pour pouvoir l'utiliser à votre avantage. Et puis nous avons enfin ici la page d'inscription au webinaire, surtout maintenant où beaucoup de la formation et beaucoup de réunions ont lieu en ligne. L' inscription au webinaire va être quelque chose que beaucoup d'entreprises vont commencer à mettre en œuvre un peu. Alors passons à travers chacun de ces individuellement. Alors serrez les pages. Ceux-ci sont souvent plus courts, plus simples et contiennent très peu de texte et très peu d'images, juste quelque chose de court, doux au point. Et souvent, ils vont être des pop-ups où vous allez sur un site Web, peut-être que vous lisez un blog ou quoi que ce soit, ou vous atterrissez sur la page d'accueil, vous verrez une pop-up qui apparaîtra sur la page réelle. Et il vous donnera l'option là-bas avec peu de super x. Vous pouvez voir par le texte de poids, celui-ci ici vous dit d'attendre de ne pas partir parce qu'il est remarqué que vous essayez de quitter le site Web. Et donc ça te dit, hé, attends, tu vas avoir ça ici gratuitement. Tout ce que vous avez à faire, c'est de mettre des informations. Ce sont donc les pages de compression qui vont généralement être très courtes et douces. Souvent, il n'a même pas beaucoup de texte est juste hey, obtenir votre copie de ceci ou Hey, obtenir cet ebook particulier ou télécharger ou quoi que ce soit. Et ça va être typiquement dans une fenêtre pop-up. Ok, alors passons en revue la page de capture des pistes maintenant. Les pages de capture de leads sont les plus utilisées dans l'entonnoir marketing parce qu'elles sont un peu plus longues qu'une page de compression parce qu'elles vous montrent et vous disent ce que vous allez obtenir, n'est-ce pas ? Ce que vous allez obtenir jusqu'à un téléchargement d'ebook. L' avantage de cela, peut-être d'autres personnes qui ont bénéficié de l'ebook réel ou les produits, non ? Mais ils ne sont pas Islam comme une page de vente où vous devez avoir un tas de copies de vente différentes, beaucoup de témoignages, cadre de preuve sociale. Et ainsi de suite avec une page de capture de plomb. Il est vraiment important d'avoir un bon équilibre entre la demande et la récompense sur la page qui vous est demandé est juste d'être Prénom, Nom, puis un email beaucoup de fois différents selon le type de pages de destination que vous êtes la construction. En ce qui concerne la page de capture de plomb, vous voudrez peut-être collecter des informations sur l'utilisateur en ce qui concerne son numéro de téléphone, peut-être son adresse, non ? Il suffit de penser à l'immobilier comme, vous voudrez peut-être essayer d'obtenir leur cote de crédit, des choses de cette nature qui seront pertinentes pour ce marché spécifique. Et donc vous pouvez voir sur cette page particulière ici, ils font un peu de vente en ce qui concerne la raison pour laquelle vous devriez télécharger cet ebook, pourquoi vous devriez maintenant connaître cette liste de contrôle ici, n'est-ce pas ? Ils te disent que tu vas avoir ça. C' est pour ça que c'est important. C' est pourquoi vous devriez le télécharger. Et ils te donnent un petit spiel, non ? Alors regardons une page de vente maintenant. Maintenant, ça va être celui qui est en train de conduire les ventes, les achats, n'est-ce pas ? Celui qui va nécessiter beaucoup de copie, va être typiquement très long ou en fonction du temps que vous voulez faire. Mais il va certainement avoir beaucoup d' éléments différents tels que la preuve sociale, non ? Les témoignages, vous allez avoir beaucoup de copies. Vous allez avoir beaucoup de points de balle différents. Tu vas vraiment vendre le produit, non ? Parce que c'est là que tu veux vraiment dire aux gens ce qu'ils obtiennent exactement, pas vrai. Et sur une page de vente, vous pouvez avoir une vidéo et tout dépend de la taille de l'offre, n'est-ce pas ? Donc, vous pouvez vendre un produit pour jusqu'à 50$ avec une page de vente agréable et simple, n'est-ce pas ? Mais si vous essayez de vendre un produit pour plus de 1000$, à droite, alors vous allez avoir besoin de faire une sorte de webinaire ou lettre de vente virtuelle où vous avez une vidéo qui leur montre ce qu'ils vont obtenir. Et puis vous les emmenez à une autre page, qui est la page de vente finale pour qu'ils puissent réellement appuyer sur la gâchette. Mais pour la plupart, vous allez voir une page de vente qui va vous persuader d'acheter le produit et il doit vous convaincre, écrire tout à travers les mots, écrire la copie. Pourquoi vous devriez acheter le produit, pourquoi c'est dans votre intérêt et pourquoi votre vie sera meilleure après avoir acheté le produit, n'est-ce pas ? Et donc la longueur va généralement varier, n'est-ce pas ? Vous pouvez en avoir quelques-uns qui sont courts, vous pouvez en avoir il y a plusieurs pages différentes, et tout est généralement basé sur la quantité d'informations dont vous avez besoin pour être en mesure d'expliquer la valeur à l'utilisateur final comme je l'ai dit, juste sur la raison pour laquelle il est logique pour eux d'acheter, pourquoi leur vie va s'améliorer en ayant votre produit, à droite. D' accord. Alors passons en revue le truc. Q pages de confirmation. Alors merci. Les pages de confirmation vont être géniales parce qu'elles permettent à l'utilisateur de télécharger le produit, obtenir tout ce qu'il a réellement choisi et de mettre dans ses informations. Mais alors aussi ça vous permet de leur dire, hey, allez ici, regardez ça, allez sur mon site web et regardez cet article particulier, ou allez voir ce lien, cette vidéo, n'est-ce pas ? Quoi qu'il en soit, vous pouvez facilement le diriger vers une autre source d'information à partir de votre site Web, peut-être un autre produit, quoi que ce soit, juste. Une fois que vous les avez arrivés à la page de remerciement, vous savez qu'ils ont acheté quelque chose ou qu'ils ont téléchargé un produit ou téléchargé. Une sorte de guide de chichi ou ebook. Et il y a donc du plomb chaud. Ok, alors passons aux pages d'erreur 404 maintenant. Ceux-ci sont également extrêmement puissants ici. Évidemment, vous ne voulez pas vraiment en avoir beaucoup, mais, souvent, vous aurez un lien particulier ou vous avez un article particulier ou une page, peu importe ce qui peut être sur votre site Web et il n'est plus là. Cependant, quand vous avez des gens sur ces pages, vous voulez qu'ils puissent travailler pour vous et non contre vous, n'est-ce pas ? Tu veux avoir une sorte d'humour là-dedans. Vous voulez leur faire savoir, hey, écoute, cette page n'est plus là, ou pour une raison quelconque, ils se sont perdus dans le cyberespace. Mais je sais que tu es toujours intéressé à faire X, Y, et Z. Hé, regarde cette ressource ici, ou regarde cette ressource là-bas, non ? Donc vous voulez être en mesure de reconnaître que, hey, cette page n'est plus là, mais hey, voici une autre page que vous pourriez trouver intéressante, non ? C' est donc un excellent moyen de le faire pour que vous compreniez que cette page n'est plus là, mais voici une alternative que vous pourriez trouver utile aussi. Et puis, enfin, nous avons les pages d'inscription au webinaire. Maintenant, ils sont de plus en plus populaires sur le marché parce que beaucoup de formation a été faite en ligne maintenant, même avec des équipes, beaucoup de produits et services différents sont vendus en ligne, tout grâce au zoom en ligne présentations et vidéos, n'est-ce pas ? Il s'agit donc généralement de pages où les utilisateurs s'inscrivent pour une formation gratuite, généralement de 45 à 90 minutes. Et dans cette formation, les utilisateurs ou marchent à travers un processus, une histoire, un type de scénario qui lui montre, hé, vous pouvez le faire aussi, non ? Et cela va dans l'histoire de l'individu. Peut-être que c'est l'entreprise, ça leur montre ce qu'ils peuvent faire et c'est essentiellement une valeur de 45 à 90 minutes, n'est-ce pas ? Si vous vous souvenez du principe de réciprocité, n'est-ce pas ? Vous obtenez toutes ces connaissances gratuites, toutes ces trois valeurs pour une heure et demie, vous allez vous sentir obligé de faire quelque chose en retour parce que vous avez l'information gratuite sans frais, non ? Et ils seront les meilleurs pour les produits ou services numériques allant de 497 à 1997. Et à la fin de la présentation, ils ont généralement une page de paiement de commande où vous pouvez réellement faire l'achat. Cependant, pour différents produits qui sont billet haut, je dirais plus de 2 000$. Alors c'est là que vous avez cette présentation ici. Et puis à la fin de la présentation, vous avez la possibilité d'être en mesure de réserver un calendrier, de réserver des créneaux horaires, de parler à l'un des commerciaux. Et puis ils vont généralement vous obtenir sur l'appel et chercher à vous avoir et investir dans quelque chose généralement plus de 2 000$, ce qui va être comme un programme individuel ou un type de coaching de groupe, à droite. Où ils vous guident à travers tout pas et ils vous tiennent la main. C' est pourquoi ils sont généralement à un prix plus élevé. Il s'agit donc de certains des types de pages de destination les plus importants que vous rencontrerez au cours de votre carrière. Et comme je l'ai dit, la page d'inscription au webinaire est l'une des plus populaires sur le marché aujourd'hui. Donc ça va être là pour les pages de destination et on se verra sur la prochaine. 53. Cours XD - Utiliser des grilles dans XD: Salut là, les artères ici. Et aujourd'hui, on va parler de grilles. grilles sont très importantes. Ils sont importants pour la conception de bureau et mobile dans plus de soudures et nous avons deux options. La première option est mon choix. Donc, c'est une grille de 124 colonnes. Pour les mobiles et pour les ordinateurs de bureau utilisent généralement une grille de 12 colonnes. Alors discutons de la mise en page mobile. Tout d'abord, nous avons ici deux options, comme je l'ai dit, et une à gauche, qui est la ligne de 12 colonnes als nous pour ajuster les éléments plus soigneusement que dans la grille de la quatrième colonne, qui est plus rigide pour ainsi dire. Et vous voyez la plupart des tailles sont assez ok ici cependant. C' est un pour deux secondes, tiers, et ainsi de suite. Vous pouvez utiliser les deux 1214 U convenu, j'utilise généralement une grille à 12 colonnes car il est plus facile pour moi d'organiser des éléments à l'intérieur de petites zones. Nous avons juste cette zone comme pour aligner plusieurs éléments, comme les icônes, par exemple, voir, vous pouvez avoir plus d'options pour attacher ces deux. La cupidité. Bien que ici, le quatrième cône avidité, vous avez aussi cette chance, mais vous aurez plus de difficultés. Ici vous voyez, vous pouvez discuter du premier développeur front-end mature avec votre intervenant, quelle cupidité sera meilleure pour ces conceptions. Mais la plupart des cas, les concepteurs sont ceux. Nous décidons quelle avidité sera utilisée dans ce projet K. Alors, à quoi sert la grille ? Tout d'abord, c'est d'aligner les éléments correctement. Disons que nous avons un formulaire de contact. Permettez-moi de saisir quand, disons que nous avons plusieurs sections que nous aimerions avoir sur notre écran, le tableau de bord. Vous voyez que nous avons la possibilité de rendre la capacité plus grande. Et si nous voulons, avoir la création, nous pouvons organiser des modules. Et comme nous aimerions, mais ce ne sera pas correct. Donc, vous voyez que la cupidité nous permet de créer une maquette correcte. Il est donc plus facile de lire un C ici. Nous ne serons pas d'accord. Nous serons en mesure d'organiser nos blocs sont aléatoirement. ce moment, lorsque nous utilisons Creed, nous pouvons avoir le même espacement, mêmes marges entre les objets horizontaux et verticaux. Alors, à quoi sert la grille ? Encore une fois, le but de la cupidité est de créer une maquette correcte, correcte, en termes de positionnement, d'alignement, de distribution. Donc vous voyez que nous avons décalé un peu plus bas ici, espacer là. Et nous avons la barre latérale, qui. Près de deux colonnes. Chaque bloc prend trois colonnes et l'espacement est égal entre elles. Donc, il nous permet de trouver l'objet approprié, de lire le titre, et de commencer à interagir avec le module, nous avons besoin de voir liquide jusqu'à lui, celui-ci. Et c'est plus facile pour les développeurs frontaux lorsque vous avez une grille et que vous travaillez avec le grand correctement. Vos éléments sont donc alignés correctement, directement sur la ligne. Encore une fois, en termes de conception mobile, comme je l'ai dit précédemment, vous pouvez choisir entre ces deux options, bien que les offres pour la grille de colonne par défaut, je ne suis pas sûr que ce soit la bonne façon. Je n'avais pas l'habitude de grille à 12 colonnes. Et j'essaie de travailler dans les 12 colonnes sur la mise en page mobile aussi. Ok, passons aux ajustements de la credo en x D. Donc, vous voyez que vous pouvez avoir le carré ou disposer carré montre que vous juste grille de pixels. Vous pouvez ajuster la taille des pixels carrés. Donc, un carré prend 15. Ok, revenons au credo d'art. Vous pouvez sélectionner la couleur de votre convenue et la capacité. C' est très utile lorsque vous ne voulez pas que cela interfère avec votre design. Abaissez la capacité à 0. Vous voyez qu'ils ne sont que des guides, montré fonctionnalité très utile. Et les ajustements suivants sont le nombre de colonnes, largeur de la gouttière colonne avec et les marges. Donc gouttière sera l'espacement entre les colonnes, colonne avec elle est la taille de la colonne. Les marges sont les espaces à gauche et à droite respectivement. Encore une fois, vous pouvez ajuster votre grille à votre projet en déplacement, mais soyez prudent, ne la modifiez pas une fois que vous avez commencé d'autres pages parce que vous n'êtes pas autorisé à avoir des mises en page différentes sur les pages. Ainsi, vous pouvez créer différents avec votre zone de contenu. Peu de gens souhaitent dire que vous avez du contenu contenu contenu site lourd comme moyen. Vous voulez que cette section soit au centre de l'écran. Supposons que vous vouliez avoir plus d'espacement entre les éléments lorsque vous travaillez sur un tableau de bord complexe ou sur son site Web astucieux. Vous pouvez donc les ajuster à vos besoins. Donc, pas de soucis si vous modifiez les valeurs par défaut ici. K, encore une fois, essayez de faire de votre mieux pour ajuster le, nous montrons juste les couleurs afin qu'il soit plus facile pour vous de voir. Essayez d'éviter un tel placement quand rien n'est attaché à convenir. Donc, le, votre bloc sort de la colonne, a essayé de rétrécir l'élément. Et les éléments intérieurs pourraient également être alignés sur le Read Me. Maintenant, vous voyez que nous avons une interface utilisateur plus organisée et quand vous voulez en créer un autre qui aura d'autres données ici. D' autres données ici, peut-être un but différent. Mais vous aurez déjà les mesures qui vous aideront à créer un design cohérent, exactement comme dans les autres blocs comme ici, ici, ici. D' accord ? Essayez d'accorder plus d'attention à l'alignement car il est vraiment difficile pour les codeurs frontaux de deviner ce que vous vouliez dire exactement, soit son erreur ou sa conception. Alors essayez de garder votre maquette attachée à vos colonnes, à votre avidité. Merci beaucoup pour votre attention. se voit sur notre prochaine leçon. Au revoir. 54. Cours XD - Conception de cartes d'une carte unique: Salut là. Aujourd'hui, nous allons travailler sur la conception de la carte. Donc, pour la conception de la voiture, nous devons savoir plusieurs choses qui sont nécessaires pour la carte. C' est la spécification de la carte. Donc, si vous travaillez avec le commerce électronique, si vous travaillez avec lui pour la livraison, la livraison de fleurs, tout autre design basé sur le catalogue ou projet, vous pouvez demander. Nous avons déjà reçu des spécifications concernant les cartes de votre client. Nous avons photo ou description de l'image, prix, bouton Ajouter au panier, étiquette spéciale. Et tout cela est pour la livraison de nourriture. Donc vous comprenez, d'accord, j'ai déjà trouvé une pizza très savoureuse avec du salami et de la salsa ici. Tout d'abord, décidons de l'espace sur lequel nous allons prendre notre chariot, notre disposition et nous avons la cupidité. abord, décidons quel espace nous prendrons nos voitures, k, combien grand ou petit avec la carte. Alors commençons. Le point de départ ici sera l'image comme vous l'avez déjà deviné, K. Donc, les produits, les articles qui sont vendus via Internet, vous déciderez de la taille de l'image de la photo parce que parfois il ya de petites choses qui vous devez luke quatre pour zoomer étaient la petite photo est suffisante pour un objet spécifique ? Disons que nous voulons utiliser la petite photo de pizza parce que nous ne pourrons pas voir ce que c'est. Ce n'est pas savoureux pour nous, en d'autres termes, d'accord. Donc, je vais commencer à partir de trois colonnes ici, mais vous voyez qu'il y aura un large énorme cartes si nous allons faire comme ça. Ok. Donc maintenant, vous voyez qu'une carte avec une telle photo énorme, presque 400 pixels. Soyez très belle et des sommes d'image et la capacité de voir le contenu exact arrêté la pizza. Alors essayons de rétrécir un peu nos cartes et de voir si nous pouvons utiliser pour les colonnes et voir. Pas si bon que je suggérerais d'avoir. Peut-être que je vais le diminuer comme ça. Je pense que trois rangées suffisent pour nous comme ça. Voyons ce qui est le plus approprié ici. Peut-être que nous pouvons ajuster le Creed afin qu'il corresponde à notre o à k. Notre photo est à 324 pixels. Et essayons d'ajuster le taux. J' ai ajusté la grille pour qu'elle soit plus proche de ce dont nous avons besoin. Les paramètres sont les suivants, donc il a toujours. Grille de 12 colonnes, largeur de colonne 73186, marges de gauche et de droite. Et maintenant, nous pouvons supprimer la poitrine des photos. Vous voyez que la distance entre les colonnes est presque la même que la colonne elle-même. Donc, nous avons très bel espacement et différenciation entre les blocs entre les cartes que nous sommes sur le point de concevoir. Bon, maintenant passons à la description ou on a oublié le titre, titre, le nom, le nom. Permettez-moi de supprimer les chiffres. Parfois, la quantité en stock est également indiquée. Cela rend le processus de conception de ces cartes plus difficile. Parce que plus d'éléments, c'est plus, plus de questions, plus de problèmes, et ainsi de suite. Mais je vais vous montrer quelques astuces que vous serez en mesure d'appliquer dans la conception simple du panier. Et puis ils sont très utiles pour vous dans vos autres défis que vous allez relever et votre expérience utilisateur par an. Donc, le nom, écrivons le nom description salami. Selon le type de produit que vous pouvez ajouter ou ne pas ajouter. La description dépend parfois du type de produit que vous vendez. Vous montrez K. Je pense que c'est tout à fait approprié d'avoir. Quoi d'autre, nous avons nommé le prix de la description au bouton Panier sur spécial étiqueté. Faisons un prototype de frère. Essayez d'éviter de telles valeurs comme 218. Donc, c'est le bouton de la carte et simple. Parlons donc un peu de la mise en page. Tout d'abord, pourquoi j'ai mis ces éléments de cette façon. Nous ne sommes pas l'inverse ou comme ça ou d'une autre façon. Ça arrive pour moi organiquement comme automatique. Donc, parce que j'ai déjà stocké et fait face aux problèmes qui se produisent lorsque le contenu est fait peut changer votre panier et vous faire face à beaucoup de problèmes. Tout d'abord, l'espace pour votre nom doit contenir deux lignes, car votre contenu peut changer. D' accord ? Donc, et ici vous avez l'alignement. Une fois que votre nom change à une ligne, une seule ligne, ce sera parfait pour vous parce qu'il est très bien conçu, équilibré, ok, le prix peut augmenter, disons que nous avons 9099 et il va plus près du centre. D' accord. Donc, si vous avez 5, $0.05 euros, cinq dollars, il a ces espaces pour se développer. Donc, il a ces zones pour l'expansion c, celui-ci, le nom, il a l'expansion à cet endroit. Et essayez de ne pas interférer ces deux-là, laissez-moi le changer pour celui-ci parce que ce n'est pas nécessairement. Donc, nous allons réduire la section de prix un peu k. Donc vous pouvez voir les prix ici, titres ici, et le reste sera transféré à la ligne suivante. Bien sûr, vous ne pouvez prédire aucun cas, aucun scénario. Mais ici, vous pouvez ajouter deux ou trois lignes pour un échantillon de description et mettre ici et ajouter une ligne pour chaque cas pour voir à quoi ressemblera le panier. Lorsque les descriptions plus longues, Gary, il suffit d'ajouter une zone sûre qui vous permettra de tuer une autre ligne dans votre description. Bien que la plupart des descriptions aient deux lignes, soyez prudent et essayez de prédire certains scénarios en suspens et d'ajouter un petit espace pour une autre ligne supplémentaire. Dans les cas où la description est beaucoup plus longue que celle-ci, vous pouvez utiliser des effets de survol. Ainsi, l'effet de vol stationnaire vous aidera à développer votre description si nécessaire. S' il vous plaît rappelez-vous que, gardez à l'esprit, c'est simple. Essayons un autre contenu. Deuxième carte. Disons que c'est o Salomon et d'un chat ou d'une pizza. Vous devez montrer différents états de votre voiture, tout contenu et général. K. Le prix. Si ça va à gauche. La même chose ici. Si vous voulez opter pour le bouton lorsque le contenu a manquant, je suis dans quand il y a deux lignes de la description, Voir il y a dynamique et aussi s'il vous plaît rappeler à propos de 0 état ou 0 cas. Parce que parfois il n'y a pas de description ici, peut prédire ce scénario et créer le design pour le produit qui n'a pas la description. Parce que parfois a l'air très bleu, on dirait. Ça dérange vraiment mes yeux. Et revenons à notre cahier des charges. Nom de l'image photo, description , prix, Ajouter au panier étiquette spéciale. Nous devons créer une étiquette spéciale. Donc, ici, vous pouvez utiliser une sorte de suivi. Diagonale. Le suivi diagonale vous aidera à trouver un meilleur endroit pour les étiquettes. Les étiquettes seront une sorte de points de contrôle pour l'utilisateur i pour l'amener à. Tout d'abord, au prix à côté du bas, en ajoutant au panier. moment, je vois que cet endroit est plus approprié que cela, ce coin parce que la traction sera tout à fait plateau ici par diagonale. Mettons la vente. Peut-être navigué m'a fait savoir, peut-être best-seller, il peut être en rupture de stock, besoin d'être frais et respectueux de l'environnement, ainsi de suite et ainsi de suite. Jusqu' à ce que ça. C' est un prototype de fidélité moyenne avec, vous savez déjà que toutes ces choses seront définies. Vous allez changer la police ici. Vous allez ajouter une boîte autour de l'extérieur, connecter la zone de texte avec photo. Donc ça ressemble à la seule chose. Vente. S' il vous plaît créer plusieurs étiquettes comme Best, best seller. Donc, dans un scénario parfait, vous aurez la carte par défaut, la carte avec l'étiquette, et le panier avec une étiquette sans description. D' accord ? S'il vous plaît considérer ces différents états, différents cas. Le contenu est flexible, les candidats dynamiques. Préparez les éléments de conception de vos maquettes pour ces étuis. Parce que parfois, lorsque vous avez déjà poussé votre conception à la production, vous constaterez ces lacunes. Ils se produiront sur la scène de la gestion de contenu lorsque les gens ajouteront le contenu réel que nous verrons ces lacunes et vous serez en mesure de celui qui sera responsable de corriger ces erreurs. Ok, donc on a été prudents. S' il vous plaît garder à l'esprit est que le concept est dynamique et essayer de tester la longueur différente de votre titre, la longueur différente des descriptions, images peuvent offrir une échelle différente, des proportions différentes, mais juste essayer considérer un cas qui peut se produire et être préparé pour cela parce qu'il sera moins douloureux de le faire sur cette scène plutôt que faire sur la scène de la conception visuelle et lors du décodage de propagation. Ok, merci beaucoup et à la prochaine leçon. Au revoir. 55. Composants de navigation d'UI: Dans cette vidéo, nous allons passer en revue les différents types de composants de navigation. Maintenant, c'est quelque chose que vous allez généralement voir en haut d'un site Web ou en haut d'une application où vous avez, disons, différents composants de barre de recherche, différents types de barres de menu, non ? Alors allons de l'avant et sautons dans les composants de navigation. Ok, donc les différents types de composants de navigation les plus courants que vous allez voir soit sur un site Web, une application ou tout type de logiciel que vous utilisez sera la barre de recherche. Vous avez des chapelures, des balises de pagination, curseur, différentes icônes et le carrousel. Alors allons de l'avant et plongons dans ceux-ci un peu plus loin. Donc le premier ici est la barre de recherche, non ? Et c'est généralement là que vous avez la possibilité de rechercher sur n'importe quoi sur le site, si vous voulez trouver, disons un individu, si vous voulez trouver un certain article, certain billet de blog, ou un certain morceau de de l'information. C' est là que vous allez pouvoir utiliser la barre de recherche ici. Et cela fournit une tonne de valeur pour l'utilisateur final parce qu'il est capable de trouver quelque chose très rapidement, non ? S' ils sont sur, disons YouTube, n'est-ce pas ? Ils veulent être en mesure de trouver une vidéo spécifique en allant là-bas et en tapant certains mots clés, certains noms n'est-ce pas ? Dans. Ce sera souvent très simple et facile pour eux de trouver ce qu'ils recherchent. Le prochain que nous allons couvrir ici, c'est la chapelure. Il s'agit essentiellement d'une sorte de ligne qui montre le chemin actuel vers l'emplacement réel. Donc vous verrez ici, nous avons la maison, puis nous avons une barre oblique à propos de nous. Et la barre oblique avant est vraiment la chapelure parce qu'elle vous montre la hiérarchie, n'est-ce pas ? Vous avez au sommet, vous avez à la maison, et ensuite vous avez à propos de nous sous ça. Et puis sous About Us, tu as de l'histoire, non ? Et il montre tous les différents niveaux dans cette section particulière. Et puis la pagination ici. C' est là que vous pouvez regarder tout en bas, disons, un blog ou d'un type particulier de publication de nouvelles de site Web où vous pouvez regarder toutes les différentes pages et même les pages actuelles sur lesquelles le site a du contenu, n'est-ce pas ? Il s'agit donc d'un type de navigation très simple à créer et à configurer. Il suffit de regarder le post précédent et d'être en mesure de se tenir au courant du post le plus récent, non ? Et puis nous avons les étiquettes ici. Et ce sera généralement le niveau de hiérarchie le plus bas pour trouver un contenu précis. Parce que vous pouvez facilement aller à la barre de recherche, en tapant ce que vous cherchez là. Vous pouvez taper comme différentes balises comme la conception UX, l'image de marque, quoi que ce soit. Cependant, pour la plupart, le moyen le plus simple et ce que les gens vont utiliser généralement et couramment est juste la barre de recherche et aussi la navigation d'en-tête dans le menu pour être en mesure de rechercher exactement ce qu'ils recherchent. Et puis nous avons le curseur. Et cela est utilisé pour définir la valeur de l'arrangement ou des valeurs et en particulier l'ensemble donné. Donc ça va généralement te montrer comme, hé, c'est le public cible entre, vous savez, 25 à 45, ou ça te montre, tu sais, ce que tu préfères. Ou ici en haut, il vous dit de fixer le poids de vos animaux. Vingt-cinq, jusqu'à, disons quelques kilos ou quoi que ce soit. Ou si vous êtes en kilogrammes, évidemment, ça va être différent. Mais cela va généralement être quelque chose qui est montré horizontalement. Parce que si vous le faites verticalement, il va prendre beaucoup de place et ça ne va pas très bien paraître. Donc, c'est mieux disposé sur un type horizontal de mise en page. Et puis nous avons les icônes ici. Icônes ou l'un de mes préférés ici parce qu'ils vous donnent vraiment une indication de ce qui est ce domaine particulier, non ? Comme si vous regardez tout en bas, vous avez un e-commerce, juridique et de conformité. Vous avez une belle petites icônes là avec les textes sous ceux-ci. Et ils vous donnent vraiment une bonne idée de ce qu'il s'agit de cette section. Donc je les aime beaucoup. Il y a évidemment un os à différents types d'icônes et différentes mises en page. Et la grande chose à ce sujet est aussi que vous pouvez les disposer d'une manière verticale ou horizontale aussi. Et ils vont tous les deux avoir l'air fantastiques. Évidemment ce que la verticale, vous voulez avoir des icônes plus petites afin que vous ne prenez pas trop de place, trop de place. Cependant, ce que les horizontaux, vous pouvez les rendre beaucoup plus grands, tout comme nous l'avons ici tout en bas avec la communication électronique, juridique et de conformité, puis la finance et la banque. Mais ils fonctionnent fantastiques. Ils ont fière allure aussi. Et puis on a le carrousel. C' est généralement là que vous allez voir un portefeuille où vous avez beaucoup de projets différents que vous avez réalisés dans le passé. Peut-être des œuvres d'art différentes, des photographies différentes. Ça va être le meilleur pour. C' est là que vous pouvez le faire. Donc c'est cliquable. Et disons que quelqu'un est sur votre site web et qu'il cherche votre portfolio. Vous pouvez avoir un carrousel là qui lui permet de voir différentes images si je suis des projets sur lesquels vous avez travaillé et puis ils peuvent cliquer sur ceux spécifiquement et se faire prendre à une page spécifique qui leur donne plus d'informations à ce sujet projet particulier. Ok, alors jetons un coup d'oeil à certains des différents facteurs quand il s'agit des spécifications mobiles ici. Ok, alors rappelez-vous, quand vous concevez une application web, il est important que vous compreniez les différences entre les différentes polices, les différents éléments, et la taille qui va être requise sur un ordinateur de bureau par rapport à un mobile, n'est-ce pas ? Parce que ce sera évidemment complètement différent type de mise en page, interface utilisateur pour un téléphone mobile. Et vous devez être en mesure d'être conscient de la différence là-bas. Donc, si vous avez une application très belle qui fonctionne bien sur le bureau, mais il peut être en deçà de la conception sur les spécifications mobiles. Tu dois garder ça à l'esprit en tout temps. Et certains des facteurs clés que vous voulez garder à l' esprit ici sont évidemment la taille de la police, différents éléments, les différentes formes. Si vous avez comme les gens qui remplissent des applications et dans l'ensemble la mise en page et la conception ainsi que vous êtes en mesure de maximiser la quantité d'espace que vous avez et que vous ne portez pas tout mélangé. Il est donc facile pour la personne de naviguer. Parce que rappelez-vous, les téléphones mobiles sont essentiellement les leaders en ce moment dans les sources de trafic. Et c'est là que la majorité du trafic va venir pour les applications de sites Web. C' est pourquoi nous voulons que ces personnes naviguent sur l'application, le site Web, tout ce qui peut être juste à travers leurs téléphones mobiles. Jetons un coup d'oeil aux spécifications mobiles un peu plus loin. Quelle est la taille de la police ici ? Nous voulons nous assurer que nous avons au moins 16 pixels, puis aussi augmenter l'espacement des lignes. Vous pouvez voir ici sur cette image à droite, c'est un type fantastique d'interface utilisateur. Ils sont beaux, design, gentils et simples. Tu n'en as pas trop, ils vont continuer. Et puis aussi la taille d'un élément, au moins 44 par 44, sorte qu'il ne soit pas trop grand, pas trop petit, mais il est très facile de regarder et de naviguer à travers. Et puis la carte thermique, c'est là que vous allez évidemment regarder où les gens cliquent, où les gens passent leur temps, s'ils tournent à la fois sur, disons, lire des articles par rapport à une page en particulier, vous voulez être en mesure de voir ce que font ces personnes sur leur téléphone mobile lorsqu'elles utilisent mon application, quand elles sont sur mon site Web, n'est-ce pas ? C' est très important là. Et puis les forums, non ? Si vous avez une sorte d'application qui permet aux gens de remplir leurs informations, vous êtes en train de recueillir ou vous faites que des gens s'inscrivent en tant qu'utilisateur, n'est-ce pas ? Créer un nom d'utilisateur, avoir un mot de passe là-bas. Vous voulez également envisager d'avoir une carte thermique ici et faire en sorte que ce soit agréable et simple, non ? C' est là qu'ils ont la page entière essentiellement comme la forme réelle sur laquelle il se concentre réellement, non ? Parce qu'il suffit de penser à avoir un formulaire sur un site Web particulier, page de destination ou autre, n'est-ce pas ? Et vous avez cette forme qui est juste sur un petit morceau de ce site particulier sur cette disposition pour le téléphone portable, n'est-ce pas ? Ça va être très distrayant pour l'utilisateur. Donc vous voulez qu'ils cliquent sur un bouton et les emmènent à s'inscrire pour que c'est tout ce qu'ils ont devant eux pour qu'ils puissent se concentrer sur le fait juste et s'inscrire, non ? Moins de distractions. Et puis jetons un coup d'oeil à quelques grilles de mise en page ici. Vous voulez préserver la lisibilité. Tu veux avoir plus d'air dans l'espace, non ? Tu ne veux pas que les choses se brouillent. Vous voulez avoir trois manuels pour une colonne, cinq éléments par ligne. Pensez à avoir un cadre spécifique et personnalisé à ce que vous cherchez à accomplir ici. Mais celui-ci ici, vous pouvez voir de ce téléphone mobile ici est génial parce qu'il n'y a pas trop de choses qui se passent là-bas. Il est très facile de regarder ce qui se passe là-bas et ce que vous pouvez choisir, ce que vous pouvez sélectionner. Alors pensez vraiment aux différentes grilles de mise en page et aux spécifications sur cela. Ok, alors jetons un coup d'oeil aux spécifications mobiles ici pour un téléphone Android, non ? Parce qu'ils vont être un peu différent d'un IOS, téléphone Apple et divers autres fabricants de téléphones là-bas. Donc, pour le portrait mobile, ce sont les différentes spécifications que vous voulez garder à l'esprit. Même chose pour le paysage mobile, un portrait pour les tablettes, puis un paysage pour une tablette aussi bien. Donc, quand vous concevez différents éléments, différents composants, n'est-ce pas ? Vous voulez garder ces à l'esprit pour Android. Et puis voici pour l'iPhone, vous voulez vous assurer que vous avez la colonne et la marge 16. Et puis pour l'iPad, vous voulez avoir une colonne et 16 marge aussi. Et puis évidemment, vous allez avoir une orientation différente pour le paysage de l'iPad, puis aussi pour la mise en page du bureau. Alors assurez-vous de bien comprendre les différentes mises en page, les spécifications, n'est-ce pas ? Lorsque vous créez des applications différentes, parce que pour la plupart du temps, lorsque vous concevez ou créez différentes applications qui vont être utilisées à peu près exclusivement sur le téléphone ou sur des appareils portables. Donc, vous voulez vous assurer que vous avez les bonnes spécifications, les bons types de colonnes par type de marge, afin qu'elles apparaissent bien sur les appareils appropriés. Et voici quelques spécifications pour le Bootstrap. Vous voulez regarder les téléphones à nos 768 pixels ou les tablettes. Vous voulez regarder 768 pixels, 15 pixels de chaque côté de la colonne. Encore une fois, c'est quelque chose que vous voulez être en mesure de regarder , d'utiliser et de naviguer par vous-même. Je vous donne juste quelques spécifications différentes que vous devriez garder à l'esprit. Et ce que vous pouvez faire. Beaucoup de fois, il est juste aller sur différentes applications, différents sites Web, et regarder quelles sont les tendances actuelles, n'est-ce pas ? Regardez les différents rapports et essentiellement être capable d'émuler comment ces gars ont exposé leurs conceptions actuelles et être en mesure de regarder, ok, quelles sont certaines choses que je suis des idées, quelques cadres différents que je peux enlever de ces individus, à partir de ces différentes applications, ces différents modèles. Et puis je peux l'utiliser dans mes propres designs aussi. Et puis enfin ici, nous avons le guide de l'utilisateur. Et c'est génial pour les nouveaux utilisateurs introduisant une nouvelle fonctionnalité mise à jour dans une interface utilisateur. Et donc c'est généralement ce que vous allez voir quand quelqu'un arrive sur un site Web qui a différents contenus, différents types d'informations où vous voulez que les gens s'inscrivent, n'est-ce pas ? Ou c'est peut-être un service qui est gratuit ou peut-être payé, ou peut-être qu'ils ont une version gratuite et ensuite vous pouvez mettre à niveau. Vous voulez qu'il soit agréable, simple et facile pour eux de s'inscrire, d'entrer leurs informations, et de pouvoir s'inscrire en tant qu'utilisateur et faire partie de ce site Web ou application logicielle en particulier. Et donc cela va être ici pour les composants de navigation de l'interface utilisateur. Et on se verra sur la prochaine. 56. Contrôles UI: Dans cette vidéo, nous allons passer en revue les différents types de contrôles d'interface utilisateur. Donc, ce seront des choses différentes, comme le champ déroulant en haut de la navigation d'en-tête, choses comme différents boutons, différentes cases à cocher, différentes bascules, et un tas d'autres types de contrôle différents. Alors allons de l'avant et sautons dans ça ici. Donc, les types les plus courants de contrôles d'interface utilisateur vont être les champs de texte, la liste déroulante, peut-être un bouton radio si elle inclut cela aussi. Différents boutons en général, une case à cocher bascule, puis le sélecteur de jour dans le temps. Donc, vous pouvez jeter un oeil à ceci ici sur le côté droit, un peu avoir une idée de ce que cela ressemblerait. Cela va généralement être avec différents logiciels ou différents types de programmes. Où, disons par exemple, vous avez comme un logiciel d'enregistrement audio ou un programme. C' est généralement là que vous allez voir beaucoup de ces différents boutons là-bas, comme la radio, peut-être pas de mise sous tension ou de mise hors tension. Donc, c'est ce que vous pouvez attendre beaucoup de fois dans les différents types d'applications de programme. Si vous êtes intéressé à jeter un oeil à peut-être une interface utilisateur vraiment agréable pour une application de création audio, alors je vous recommande fortement de consulter Fruity Loops. C' est en fait un programme. Vous pouvez faire des perles, vous pouvez faire de la musique, et il a une interface utilisateur vraiment agréable. Et vous donnent-ils une bonne idée de ce que je fais référence ici, en ce qui concerne le contrôle. Donc, la prochaine chose que vous devriez garder à l'esprit ici est le champ de texte. Et cela va être sympa et simple pour juste avoir votre texte là et va souvent juste avoir un porte-place. Si agréable et simple ici pour le champ de texte. Et puis la liste déroulante. Disons que lorsque vous êtes sur un site Web et que vous voyez dans le menu là-haut en haut, vous pouvez voir portefeuille par exemple. Sous cela, vous allez voir la liste déroulante et vous allez voir que, disons, un portfolio de photographie, portfolio de web design, portfolio de différentes applications, non ? C' est comme ça que tu peux penser au boulot. Il va être là où vous avez comme une navigation d'en-tête. Vous avez un sujet particulier. C' est comme des services, disons ? Et puis vous allez avoir en dessous différents types de services dans ce label particulier. Le prochain que nous allons regarder est le bouton radio. Et cela va généralement être sur une application logicielle où vous travaillez dessus et vous créez différents types de produits numériques, différents types de médias numériques, tels que des vidéos, comme l'audio. Et c'est là que vous allez avoir la capacité qui suffit de cliquer sur le petit bouton là. Et il va pouvoir être activé, activé ou désactivé. Et jetons un coup d'oeil à certains des plus courants, qui sont les boutons que vous allez généralement voir sur la majorité des sites Web, la majorité des applications différentes. Nous sommes plus souvent qu'autrement, les boutons vont avoir une sorte d'appel à l' action où ils vous disent d'acheter ici, Ajouter au panier, en savoir plus, Obtenir un devis, n'est-ce pas ? Et dans les boutons, vous pouvez parfois avoir comme un emoji. Vous pouvez parfois avoir comme une icône qui va vraiment faire ressortir le bouton, ainsi que d'avoir un peu de JavaScript sur le bouton ainsi, faire ressortir plus en étant également capable d'avoir un interactif, avoir des schémas de couleurs différents à certains tableau d'ombres à 2 voies. Il y a beaucoup de choses différentes que vous pouvez faire avec les boutons. Et j'aime travailler avec les boutons parce que c'est vraiment ce qui permet l'utilisateur de passer à l'étape suivante dans votre page de destination ou votre page de vente, n'est-ce pas ? Parce que lorsqu'ils sont sur cette page de vente, par exemple, ils cherchent à acheter votre produit et vous voulez y avoir ce bouton. C' est super facile, super simple pour eux de cliquer dessus, non ? Et il se démarque. Et c'est vraiment leur faire savoir qu'ils doivent cliquer sur ce bouton. Et ça capte vraiment leur attention, non ? Voici quelques types de contrôles supplémentaires. Nous avons les cases à cocher ici. Ceux-ci vont généralement être dans différentes interfaces utilisateur aussi. Vous allez généralement les voir comme dans une sorte de questionnaire, peut-être comme une sorte de logiciel d'enquête. L' un des logiciels que je peux imaginer en haut de ma tête est comme le Survey Monkey, où vous pouvez essentiellement recueillir les commentaires de vos clients ou où les entreprises peuvent effectivement envoyer des sondages à leurs clients réels et obtenir ces commentaires. Souvent, vous allez voir ça dans ces types de questions où c'est choix multiples ou vraiment juste à chaque fois qu'il y a une sorte de questionnaire, ok ? Et ceux-ci seront toujours mieux disposés verticalement. Vous ne voulez pas les avoir horizontalement, n'est-ce pas ? Parce que ça n'a tout simplement pas l'air bien. Et alors assurez-vous que lorsque vous les ajoutez, vous les avez disposés de manière verticale, d'accord ? Ensuite, nous avons les autres ici qui est le bascule. Ceux-ci vont également être fantastiques pour les jambes sur et hors. C' est là que vous allez surtout voir ça. Encore une fois, cela va être comme dans le type de production musicale des applications logicielles. Beaucoup où vous allumez quelque chose, éteignez quelque chose, peut-être comme une radio en ligne aussi. C' est là que vous allez généralement voir ça. Et puis l'interface utilisateur contrôle aussi loin que le sélecteur de date et d'heure. C' est une belle mise en page ici. Vous pouvez voir qu'il y a souvent sur différents blogs. Vous pouvez l'avoir sur, vous savez, des sites Web particuliers. Cependant, cela va surtout être vu dans différentes applications de gestion de projet, n'est-ce pas ? Parce que vous êtes en mesure d'avoir une vue à vol d'oiseau du mois réel ou même de l'année réelle dans celui-ci va généralement être comme une liste déroulante. Cependant, comme je l'ai mentionné, c'est là que vous allez vraiment voir que c'est dans l'espace d'application de gestion de projet. Une autre chose à garder à l'esprit ici quand il s'agit contrôles d' interface utilisateur est vraiment de comprendre les grilles car cela va vous donner une très bonne idée en ce qui concerne la lisibilité et l'accessibilité d'une application particulière ou site web, n'est-ce pas ? Vous voulez penser en termes de grille afin que vous ayez le contenu mis en page d'une manière précise qui suit ces grilles. Donc, il est plus facile à digérer, plus facile à consommer, et c'est une expérience agréable où les choses ne sont pas partout, ne sont pas, vous savez, mélangées. Tout est d'une manière très précise qui le mène. Ainsi, les utilisateurs sont en mesure de consommer l'information d'une manière agréable et ont une grande expérience. Donc ça va être là pour les contrôles de l'interface utilisateur, et nous vous verrons sur le prochain. 57. Cours XD - Mobile et bureau : Conception d'en-tête: Et cette leçon explorera le composant de la plupart des interfaces utilisateur où les interfaces utilisateur qui grond en-tête et nous allons discuter des types de mises en page, également explorera un peu la version mobile pour l'en-tête. Ok, commençons. Tout d'abord, pourquoi l'en-tête est important ? Son importance est due aux éléments de position fixe qui seront présents sur chacune de vos pages, écrans, ou d'autres types de fenêtres et l'utilisateur le verra tout le temps. C' est pourquoi l'en-tête correctement pris est très utile pour l'expérience utilisateur et la conception de l'interface utilisateur. K, avec l'aide de l'en-tête, nous sommes en mesure de guider l'utilisateur. Nous allons donc servir un but de navigation, comme une sorte de navigation supérieure. Et nous pouvons également guider une personne vers son compte personnel, vers le panier, mettre en valeur le numéro de téléphone par exemple, ou mettre en évidence certaines actions culturelles spécifiques ou d'autres éléments importants et importants pendant tous les session de visite du site Web ou de l'application mobile. Ok, alors décrivons les types de navigation. Imaginons que c'est le logo. Habituellement, le logo est placé ici ou au centre, au milieu, selon la disposition que vous choisissez. Mais commençons par une manière plus traditionnelle. Et le logo est généralement là. Donc tout est venu des journaux là-bas, où les gens lisent le journal en haut à gauche. Ces règles sont venues de la cellule d'impression de journaux, c'est pourquoi nous utilisons généralement le logo sur le côté gauche. C' est une approche plus traditionnelle, mais parfois nous pouvons voir le logo centré pour l'en-tête. Ok, créons une notification. Les services et les contacts à propos de nous . Ok. Donc, dans ce cas, l'en-tête servira la fonction de navigation et de broyage, ok, ou l'orientation. Donc, parfois, la première approche mobile réactive donne aux appareils l'apparence de cette façon. C' est un menu de hamburgers. Placé d'habitude ici. Il y a un mentor. Il transmet un menu déroulant qui sert la même fonction de navigation. C' est-à-dire, cachez-le derrière l'icône. À mon avis, si vous avez l'espace pour placer votre menu, dans ce cas pour aider l'utilisateur à trouver son chemin facilement. Ok. Cela nécessite donc des efforts supplémentaires comme cliquer sur la recherche d'une catégorie d'article spécifique, puis y aller. Il est donc beaucoup plus facile de cliquer ici, et c'est tout. Donc, pour Mobile, je vous suggère bien sûr d' utiliser quelque chose comme ça. C' est la façon traditionnelle. Rien de fantaisie. Parce que nous n'avons pas beaucoup d'espace comme nous l'avons sur le bureau pour placer divers éléments. Donc, d'habitude, nous pouvons casser ces sections en quatre parties. Et quand il s'agit de quatre ou plus 56, il devient très difficile pour les gens de lire. Donc, je vous suggère de vous en tenir à trois maximum pour les groupes d'éléments. Il peut s'agir d'un logo qui est également regroupé. menu Burger et la section Compte peuvent être placés ici à côté du panier. Ils sont donc un peu plus proches les uns des autres plutôt que le logo du menu. Ok, essayons d'ajouter deux sections pour le compte et pour la carte. Voyons comment ces pages, ces liens pourraient être mis en œuvre dans un si petit écran. Ok, je dessine une ligne. Habituellement, nous avons un contraste ici, nous ajoutons le contraste par nous, je veux dire les designers. Ces éléments sont là, C'est Kerala catégories ou pages Web. A aller ici. Veuillez faire attention à la taille de la police en utilisant sur les petits appareils. Donc, si vous n'en avez que trois, vous pouvez ajouter les sept éléments ronds dans 27 pixels Police. D' accord ? Donc, c'est juste pour vous de prédire un scénario si de nouvelles pages se produiront, comment allez-vous gérer la façon dont le système va gérer cette mise à jour ? ce moment, vous pouvez avoir trois placer sur le haut centré, bit inférieur peut faire comme ça. Juste raccourcir le menu. Essayons de voir à quoi ressemblera notre prototype avec le menu déroulant. L' omble. C, assez facile. Et dans d'autres ont demandé d'ajouter plus d'éléments si nécessaire, parce que généralement des sites Web, des applications, le changement et vous devez être prêt pour cela. Ok, revenons à nos groupes. Nous avons donc trois groupes ici. Une servant la fonction de navigation, logo, c'est la marque. Et ici, nous avons aussi la fonctionnalité, un groupe, ces deux ensemble parce que c'est une composition plus ou moins équilibrée, juste la couleur un peu et la taille. Et l'en-tête parfait. Outre le menu, la navigation, les paramètres du compte, le panier ou d'autres paramètres ou d'autres sections. Il peut également y avoir une fonction de recherche. Une fonction de recherche peut également être cacher derrière l'icône. Une fois que vous avez appuyé sur l'icône de recherche, le port d'entrée est développé et vous êtes en mesure de taper votre requête de recherche. Parfois, la barre de recherche est déjà là. Vous pouvez donc concevoir une barre de recherche comme celle-ci. Ici, vous pouvez considérer le travail est fait pour la barre de recherche parce qu'une fois qu' une personne va cliquer sur le champ de recherche, désintégration Bard va étendre à Android ou système IOS, montrera que les lettres à côté du bouton Entrée. Donc ici, nous n'avons pas besoin d'autres éléments. Et plus que cela, nous remplacons un élément ici, comme Go ou bouton comme ou flèche qui montre un processus de père pour procéder. L' information signifie que nous allons faire des réactions, ce qui est d'abord, nous cliquons sur la barre de recherche. Ensuite, nous tapons le chœur ici quelque part sur le clavier, puis revenons en arrière et appuyez sur ce bouton. Cette transition n'est pas si difficile, mais nous pouvons toujours éviter cette action supplémentaire en implémentant un bouton timide pour Android ou iPhone. Ok, laisse-moi, on y va. Vous voyez ce bouton dont j'ai parlé. Ces jours-ci, les gens commencent généralement à partir de la conception mobile marmonne mise en page parce que plus de gens utilisant des téléphones mobiles pour servir Internet. C' est pourquoi l'approche Mobile-First est très importante et très réelle à la demande. Ces jours-ci, c'est plus facile quand vous avez plus petite surface pour la conception, transférez-la dans une zone plus large et vous ne trouverez pas problèmes avec l'espace une fois que vous avez trouvé à nouveau l'espace sur un écran de dimension plus petite, ici, je suggère également de coller à un nombre inférieur de groupes, mais encore nous pouvons intégrer une chose supplémentaire comme le nombre. Par exemple, mignon comme ça. Ne me prends pas mal. C' est un prototype, c'est le filaire qui vous montre la structure de l'en-tête, ok ? Et vous voyez sur cet écran, c'est plus ou moins fiable que si, par exemple, nous mettons ce numéro ici. Ça a l'air lisible. Mais encore une fois, ce n'est pas l'approche parfaite. Si vous placez votre numéro de téléphone, s'il vous plaît essayer de trouver des moyens plus esthétiques faire plutôt que de faire comme je l'ai montré sur l'échantillon. Ok, autre chose qui est intéressant dans la rubrique, il pourrait y avoir un niveau supplémentaire de navigation ou d'autres informations. Ça pourrait être un téléphone, peut-être des termes légaux. Utilisez donc toutes les informations. Oui, des informations utiles. Merci beaucoup pour votre attention. J' espère que cette leçon sera utile. 58. Cours XD - Mobile et bureau : Conception déroulante: Dans cette vidéo, nous allons apprendre à créer une liste déroulante. Pour la liste déroulante, nous devons créer deux états. Le premier est par défaut et le R1, qui est déjà étendu menu ou quelque chose. Donc, nous allons graphique je vais créer un menu abstrait. C' est notre état par défaut. Nous devons maintenant faire un composant à partir de ce groupe d'éléments. Donc, en utilisant le contrôle k, maintenant nous avons la possibilité d'ajouter des états supplémentaires à notre élément, et c'est un état de survol. Donc, nous voyons cet état par défaut et l'état de survol dans l'état de vol stationnaire, nous concevons le visuel de notre liste déroulante. Essayons. Ok, on a oublié de changer de triangle. Voir. Vous pouvez également utiliser l'événement onclick, mais pour cela, vous devez créer un autre tableau d'art et prend plus de temps. Mais dans certains cas est inévitable parce que l'interaction fonctionne sur l'onclick. Ainsi, l'expansion de votre travail vers le bas ne sera disponible qu'après avoir cliqué sur l'élément. Pour ce faire, vous devez créer des tableaux supplémentaires à bord et les connecter entre eux. Je vais vous montrer un exemple à quoi il ressemble. J' ai supprimé l'état de vol stationnaire, donc on interfère avec notre prototype. Donc, une fois que j'ai cliqué, je vois un élément supplémentaire. Vous pouvez intégrer l'effet de survol pour chacun d'entre eux qui est nécessaire car votre utilisateur doit comprendre quel élément ici elle est sur le point de sélectionner. Donc, ce serait bien si vous pouviez ajouter un peu de surbrillance ici pour les éléments qui seront sélectionnés dans la liste. Je minuscule point culminant est notre portage. Cette approche, cette méthode pourrait être utilisée dans les menus mobiles. Encore une fois, pourrait être survolée, pourrait être onclick Royaume-Uni présumer qu'il y aura quelques fonctionnalités supplémentaires, un menu supplémentaire que vous utilisez. Donc, dans ce cas est dans le plus probable, nous utilisons des tableaux d'art séparés parce que l'interaction sera basée sur le clic. Donc, il y aura deux écrans différents montrant l'effondrement fermé dans un menu réduit. Ok, laisse-moi te montrer un exemple. Donc je dessine deux rectangles, les relie entre eux, créant une sorte d'arrière-plan qui devrait être contrasté. Ces éléments seront changés en x, pour ainsi dire, ou l'icône de kilo ne prête pas beaucoup d'attention sur les blocs énormes. Bien sûr, vous devez être plus précis, design plus récent. D'accord ? Et là, nous avons Vout. On y va. Ma position est différente. Ce n'est pas le cas ici. Essayons. Donc, je clique et nous avons une légère animation ici, ce qui est bon. Cette approche est généralement utilisée pour une première mobile siestes sur le site Web. Permettez-moi de vous présenter le bouton tactile de cette manière. Maintenant. Maintenant, vous avez ces connaissances sur la façon de créer des menus interactifs, des listes déroulantes. Vous pouvez appliquer ces connaissances aux listes déroulantes de votre kit d'interface utilisateur, qu'il s'agisse d'un système complexe ou simple, 1er mai l'appliquer lorsque vous concevez la navigation pour votre site Web et bien sûr le menu de votre application mobile. Essayez quelques fois par UNE chose sur les domaines d'application et les composants comme celui-ci où ils peuvent être utiles. Merci de votre attention. se voit dans notre prochaine leçon. 59. Aperçu des mises: Ok, donc dans cette vidéo, nous allons passer en revue quelques-unes des mises en page les plus courantes pour contenu d'un site Web ou d'une application en particulier, peu importe ce que cela peut être. Nous allons donc parcourir plusieurs exemples différents ici. Et puis Arthur va vous expliquer comment configurer ça et créer ça et Adobe XD. Donc, comme vous pouvez le voir ici, nous avons ce site Web particulier que nous regardons. Et ce que nous examinons ici, c'est comment le contenu est présenté, non ? Et j'aime vraiment cet exemple particulier ici, parce que vous pouvez voir ici qui ont comme un H1 ici. Et puis ils ont le texte du paragraphe juste en dessous de cela. Et j'aime vraiment comment il y a beaucoup d'espaces ici parce qu'il attire vraiment l'attention sur le texte, à votre image, arrive aux utilisateurs vraiment prêter attention à cela. Et donc on descend ici. C' est là que ça se mêle un peu ici. Il y a un peu de choses, cependant, vous pouvez vous en sortir parce que cela a l'air bien. Cependant, pour moi, je pourrais diviser cela en deux ou trois sections différentes. Je pense qu'il y a beaucoup de choses ici et que ça peut être un peu brouillé ici. Maintenant, c'est une bonne mise en page ici aussi. J' aime cela aussi loin que l'icône , puis un peu de texte et puis un peu de texte de paragraphe sous cela. Et puis il y a un bouton juste ici. Mais j'ai vraiment adoré ce blanc ou cet espacement ici. En ce qui concerne le texte ici, le contenu du bouton. Et il y a cet énorme écart ici parce qu'il veut vraiment que vous attiriez les yeux sur ce contenu particulier. Et ils font aussi du bon travail ici aussi. C' est aussi assez bon ici. Ils ont juste édité le texte ici avec le paragraphe et ensuite ils ont les entreprises avec lesquelles ils travaillent. Mais j'aime bien celui-ci ici aussi, où ils ont l'icône, puis le texte de titre, puis un court paragraphe, puis le bouton réel. C' est ce que je crois est l'un des meilleurs types de mises en page où vous avez beaucoup d'espace qui est ouvert. Vous avez une icône, puis vous avez du texte d'en-tête, puis le paragraphe. Et ce sera le plus souvent qu'autrement, le meilleur type de mise en page car il vous permet d'être facilement dirigé vers ce contenu ici et réellement prendre toute action que ce site Web veut que vous preniez. Maintenant, si nous allons ici, pas trop mal, et puis le reste du site semble assez bon et voir comment ils ont leur blog ici. Ok, donc leur blog est partout. Je pense que c'est trop ici. J' aurais peut-être eu des images plus petites. Voyons voir ici. D' accord. Donc leur contenu de blog ici n'est pas pour Matt aussi. Ils ont les titres. Donc, ce serait comme un H1, H2, H3 et ainsi de suite et ainsi de suite. Alors maintenant jetons un coup d'oeil à mon site Web ici et je veux vous montrer comment cela est présenté ici en ce qui concerne le contenu. J' ai donc ici les trois domaines principaux. J' ai les trois icônes différentes et j'ai le contenu sous cela. Et puis il y a quelques références, et puis il y a du contenu ici avec le titre. Et la même chose ici aussi. Et c'est assez simple, non ? Et puis il y a des témoignages différents ici aussi loin que les clients. Et puis laissez-moi vous montrer comment le service est mis en place. Et c'est mon préféré parce que c'est très précis et c'est très attrayant pour l'utilisateur de venir ici et de pouvoir regarder les différents services et comment cela est mis en page est très, très précis pour que cela soit séduisant pour l'utilisateur. Donc, comme vous pouvez le voir ici, il y a l'image à gauche et il y a du contenu à droite. Et il y a comme une liste déroulante ici, juste où vous pouvez voir le livrable complet. C' est donc un rapport complet ici, examen. Ensuite, ils peuvent consulter l'ensemble des livrables et, sous le bouton En savoir plus, même chose ici, les PME et la sensibilisation de l'entreprise. Il y a une photo sur la droite, puis où vous pouvez voir le livrable complet. J' aime donc ce type particulier de mise en page car il permet de fournir un contexte à ce que le contenu est. Mais aussi il est aménagé d'une manière très agréable et accrocheur, non ? Alors maintenant, jetons un coup d'oeil à quelques autres exemples ici. Regardons ce site d'avocat particulier que nous avons vu dans une autre vidéo. Et voyons comment ils sont disposés ici. Je pense que c'est trop. C' est tout gâché ici. Ensuite, beaucoup de choses qu'ils font pour comme SEO, où ils ont tous ces liens différents ici. Donc c'est peut-être pourquoi aussi, mais je les aurais généralement en bas ici. Alors regardons leur place ici. Ok, donc le blog n'est pas bien disposée juste mise en page de blog simple ici. Vous avez vos titres. D' accord ? Donc, ces types de sites Web, vous n'allez pas vraiment voir beaucoup de conception de l'interface utilisateur parce que leur intention principale est juste vous amener à venir sur ce site et faire un appel téléphonique ou de les contacter. Donc pas le meilleur type d'interface utilisateur ici. Mais regardons un autre ici. Ceci est Ignite visibilité. C' est, je crois, une agence de marketing. Et une des choses que je n'aime pas sur ce site, c'est qu'il y a trop de choses ici. Il y a beaucoup de contenu. Donc, ici, vous pouvez voir qu'il y a une agence de marketing haut de gamme et qu'il y a un nom d'entreprise là-bas, comme si nous étions juste en train de regarder la rentrée scolaire. Il y a donc le moteur de recherche numéro un. Et puis aux États-Unis, au Royaume-Uni et au Canada. Et puis il y a tellement de choses qui se passent là-bas. Comme trois couleurs différentes. Droit ? Et je pense que ce serait beaucoup plus facile d'avoir plus clair et pas autant de choses qui se passent ici. Alors peut-être que j'aurais aimé le texte vert ou peut-être juste un texte blanc et que je mettrais cela aussi loin que l'entreprise fait, non ? Au lieu d'avoir tout ça ici parce que, tu sais, il y a tellement de choses à lire et ensuite aller et descendre ici. Tout cela est à peu près mélangé aussi. Je pense que ça pourrait être un meilleur design. Cependant, il permet toujours la facilité d'utilisation parce que tout est en un seul endroit. C' est donc un avantage aussi. Je viens ici, pas trop mal aussi. Et puis voyons ici. Je pense que c'est trop embrouillé aussi. Je pense qu'il devrait y avoir quelques textes au-dessus de cela qui disent, nous sommes capables de faire XYZ. Nous pouvons vous aider à accomplir, vous savez, ABC et ensuite avoir un bouton là. Un peu comme si j'étais là quand on va à la maison en bas, comment c'est prêt pour plus de projets de sécurité, non ? Oui. Elus En savoir plus. Donc, je pense quelque chose comme ça ici où il dit prêt pour plus de clients ou quoi que ce soit. Je pense que cela pourrait vraiment profiter cette année. Mais dans l'ensemble, c'est assez bon aussi. Je pense juste qu'il y a beaucoup de choses qui se passent ici pour la plupart, je chercherais vraiment à rendre cela beaucoup plus facile, à naviguer, beaucoup plus facile dans la mesure où ne pas avoir autant de choses toutes mélangées en un seul endroit. D' accord. Comme je l'ai dit tout à l'heure, je pense que celui-ci était probablement le meilleur parce qu'ils ont beaucoup d'espace blanc, non ? On n'a pas assez d'espace blanc sur l'autre. Parce que beaucoup de son brouillé ici. Vous avez un peu d'espace blanc juste là, un peu juste là, pas juste ici. Et juste un peu ici, non ? Très, très peu par rapport à celui-ci. Avoir une tonne d'espaces. Whitespace ici, rang, tout ce qu'il est, c'est le contenu et le bouton. Et puis juste ici aussi, avoir ça, tu sais, juste être au milieu ici. C' est un meilleur type de conception, meilleur type d'interface utilisateur. Il est beaucoup plus facile pour l'utilisateur et permet plus agréable pour eux de venir sur ce site Web et, vous savez, accomplir toute action qui est nécessaire. Donc ça va être là pour la mise en page commune. Donc, vous allez voir Arthur va vous guider dans une autre leçon dans Adobe XD sur la façon de les créer et comment les configurer. Donc ça va être ici dans cette vidéo et on se verra sur la prochaine. 60. Cours XD - Mise en page commune: Salut là. Cette leçon, nous allons parler des types de mises en page, différentes mises en page pour vos pages. Et nous aimerions commencer par une approche plus traditionnelle comme l'image plus le titre de texte. Donc rien de fantaisie. Je vais vous montrer un degré comment il est intégré dans créer deux. Nous avons une marge ici et une marge sur le côté droit semble spacieuse. Ici, vous voyez que le contenu peut prendre moins ou plus. Vous pouvez ajuster la largeur et Haidt en fait vous pouvez ajuster seulement la largeur du contenu parce que Haidt habituellement calculé lorsque vous avez du contenu réel à l'intérieur de la boîte k. Donc, disons que nous avons seulement des prolines et cela semble agréable. Ça n'a pas l'air si agréable. D' accord ? Donc, si vous avez moins de contenu, essayé de réduire votre zone de texte, sorte qu'il semble compact, véritable. Ton a essayé de répandre tes mots sur toute la page. On ne travaillera pas. La même chose ici. Laisse la version miroir de celui-ci et j'ai juste augmenté la taille de l'image sur la droite et diminué la taille du nombre de mots à l'intérieur du conteneur. Alors découvrez quel type de contenu le site aura dans les sections et essayez d'ajuster vos blogs à sa longueur afin qu'il semble composition plus équilibrée. L' autre façon est de le faire étape par étape. Donc, il y a un titre avec une zone de texte, il y a une image par ces éléments, je suppose que non seulement les balises de titre et l'image pourrait être différents éléments se combinent de différentes manières. Essayez donc d'appliquer cette approche à votre conception et pensez non seulement à l'image et aux balises. Pour être un formulaire opt-in pourrait être un curseur, peu importe ce qu'il peut être, essayez juste de l'organiser de manière appropriée afin qu'il semble très confortable pour l'IA et aimé par les utilisateurs de nos jours, plus de conceptions sont faites en utilisant la première approche mobile dans le ici Je vais suggérer d'avoir cette mise en page comme étape par étape, donc c'est une approche cohérente, kay ? Donc il y a un élément dans l'autre, et le troisième, laissez-moi montrer à quoi il ressemblait ici. Avoir un titre d'image. Donc, cette approche fonctionne mieux ici. Même si nous réduisons la taille à son acier minimum, nous pouvons utiliser quelque chose comme ça pour la grille de colonne ici. Un mot aussi bien, comme dans la conception de bureau. Alors s'il vous plaît tenir compte de cette différence lorsque vous faites la conception de bureau en premier, s'il vous plaît penser à la version mobile que nous allons regarder. Je pense que ce sera cohérent, comme ici. L' image continue du côté gauche, signifie que l'image sera en haut. Si l'image va sur le côté droit comme ici que dans le téléphone biliaire, va regarder de cette façon. D' accord. S'il vous plaît noter que dans chacune de ces mises en page, vous devez envisager d'attacher vos éléments à la salutation de mise en page k. Rappelez-vous, vous pouvez utiliser ces blocs et ce bloc, ce bloc, puis l'autre, juste pour avoir une variation afin que les gens ne va pas schématiser, vous êtes taxé en essayant de déclencher l'œil pour lire un texte à l'intérieur et appuyez sur le bouton. Ok, je vais montrer le juste les barres et pour référence. Ok, alors maintenant tu vois comment ça marche. Avec le pair d'appel à l'action. Vous pouvez placer un bouton comme ceci, mais vous devez travailler sur la partie visuelle. Donc, ces zones seront ensemble avec cela, où vos éléments devraient être alignés sur quelque chose parce qu'une fois qu'il sort de la croyance, vous, en tant qu'utilisateur remarquerez. Ok, ce sont les mises en page les plus courantes, les plus populaires et les plus faciles que vous pouvez intégrer et utiliser votre design. Bien sûr, pour les systèmes complexes qui ne fonctionneront pas parce que vous devez penser à la structure. Il existe différents types d'éléments et il y en a beaucoup plus que sur le site Web de l'entreprise. Donc, il nécessite une analyse supplémentaire et d'autres recherches sur ce qui serait le meilleur moyen, dans lequel sera la meilleure structure pour votre contenu sur le tableau de bord, sur les systèmes complexes, sur les autres contrôles et ainsi de suite. Je vais vous dire que ce sont deux types parce que c'est la version miroir de celui-ci et l'autre est plus adapté aux téléphones mobiles. Et bien sûr, avec les systèmes SAR complexes, vous aurez besoin d'une analyse plus approfondie du contenu de la fonction et ainsi de suite et, et de structurer votre écran et les contrôles dans l'inverse. Donc, cela est plus applicable pour les sites Web qui ont certaines pages, jusqu'à cinq pages, différentes mises en page que vous pouvez vous souvenir de ces deux pour l'instant pour commencer il suffit. Le second est plus approprié à la conception mobile. Le premier est plus adapté au bureau, et celui-ci est juste une version miroir de la deuxième mise en page. Donc ces jours-ci, le plus souvent j'utilise celui-ci, même si d'un point de vue statique, j'aime celui-ci de plus, beaucoup plus. Mais quand je fais la première conception mobile, bien sûr, doivent s'en tenir à une mise en page cohérente. Merci beaucoup de votre attention et de vous voir dans notre prochaine leçon. Au revoir. 61. Aperçu du pied de pied de bureau: Ok, donc dans cette vidéo, on va regarder le dessin du pied de page. Maintenant, la conception du pied de page est l'endroit où vous allez avoir votre logo sur l'endroit où vous allez avoir différents types de liens. Pour différentes pages. Vous aurez généralement comme votre solde, votre contact, votre adresse. Parfois, vous pouvez avoir comme une carte de votre emplacement si vous avez comme une entreprise locale et où les gens viennent réellement à votre emplacement, ainsi que plusieurs types de liens pour les villes ou les endroits. Et c'est vous, monsieur. Et puis aussi typiquement comme un formulaire de contact et comme vous pouvez le voir ici, chacun de ces beaucoup de fois pourquoi ils font cela aussi loin que pour cette géolocalisation et les services à des fins de référencement, parce que lorsque vous avez un lien, en particulier avec le texte d'ancrage, qui est le texte ici, vous pouvez le voir dit Search Engine Optimization ici. Et puis en bas à gauche a Services avant slash SEO. Donc, si nous ouvrons cela ici, vous pouvez voir que l'URL est Ignite visibilité avant slash services, avant slash SEO. Mais quand on descend ici, le texte, le texte ancrage est l'optimisation des moteurs de recherche. Donc, ils font vraiment cela à des fins de référencement, pour qu'ils soient en mesure de se classer sur Google. Et évidemment, c'est extrêmement intelligent. C' est la bonne façon d'y arriver. Et donc ils ont différents types de liens ici pour les services. Et donc c'est ce que vous allez généralement trouver sur un type de pied de page bien conçu où vous avez les liens pour les services et puis ils utilisent ce référencement, jus et puissance, les industries ici, je ne suis pas vraiment nécessaire. Mais puis le service fièrement clairsemé pour les endroits. C' est une grosse affaire parce que les emplacements, je dis qu'ils essaient de se classer sur Google pour, vous savez, publicités Facebook ou les services de marketing numérique dans un endroit particulier, alors c'est exactement comme ils le feraient. Ils ont ces liens ici et ils ont les emplacements. Et puis si vous allez sur la page, il a comme le marketing numérique de San Diego, non ? Vous pouvez regarder l'URL ici. Ça dit le marketing numérique de San Diego. Donc, tout cela est fait stratégiquement pour s'assurer qu'ils sont en mesure de se classer pour ces services particuliers dans ces régions. D'accord. Et puis ici, vous avez l'équipe, vous avez les valeurs clients, et comme ces choses particulières ici, comme les valeurs et peut-être quelques critiques, peut-être des outils et des ressources, non ? Vous ne le trouverez pas ici sur l'en-tête. Il va généralement se trouver tout en bas du pied de page où vous allez trouver comme des pages de politique de confidentialité, où vous allez trouver des pages Like Termes of Services, n'est-ce pas ? C' est donc là que vous allez généralement avoir ces informations sur le pied de page. Et puis vous avez l'adresse ici pour le lieu, le numéro de téléphone. Et puis un peu sur la compagnie ici. Et donc c'est fantastique ici. C' est un excellent type de pied de page pour avoir le logo ici. Et pour celui-là qui ont le logo sur la droite, à droite. Donc, ce n'est qu'un pied de page. Rappelez-vous sur le pied de page, il y a différentes règles que vous jouez. Et peu importe si vous aviez un logo à gauche ou à droite. Pour le pied de page. Et puis ils ont un bon appel à l'action ici. Et pour ce qui est de leur faire soumettre leurs informations. Et puis le social et moi aimons comment le texte est comme gris clair ou argent clair parce qu'il ne sort pas comme le titre réel ici. Et donc il est vraiment là juste pour avoir comme référence. Et donc j'aime vraiment ce design. J' aime comment cela est aménagé. Jetons un coup d'oeil à d'autres ici aussi loin que le menu photon. Et c'est le site de l'avocat ici. Vous pouvez voir qu'ils ont leur social ici. J' aurais ce Social ici plus loin. Et l'une des choses que je remarque ici est ce témoignage que vous pouvez à peine voir. Et donc je ne sais pas pourquoi ils ont ça comme ça. Je voudrais avoir cette caractéristique plus ou faire cela en texte blanc réel. Et puis ils ont le sitemap et ensuite ils ont le texte juste ici, ce qui est comme je l'ai mentionné quatre. Le plus souvent, ce sera à des fins de référencement. Remarquez comment ils ont ici, avocat criminel de San Diego, c'est le texte d'ancrage qui donne le jus et le pouvoir à ce site. Et puis ils ont la politique de confidentialité ici aussi. Et puis ils ont les instructions ici. Je suis sûr que si tu cliques dessus, ça t'emmènera à une carte, non ? Parfait. D' accord. Oui, c'est génial. Et puis voici le lien vers la page de l'avocat de la défense criminelle d'Escondido. Donc, il y a un peu plus de puissance SEO qui va là-bas. Et puis ils ont le social comme je l'ai mentionné. Mais il devrait y avoir un appel à l'action ici. Il devrait y avoir comme un bouton ici qui permet aux gens d' envoyer un message ou même d'appeler s'ils voulaient bien entendre, il suffit de cliquer sur ce numéro ici, mais c'est pour la plupart aller bien. Vous allez généralement voir ce genre de mise en page et beaucoup de sites Web d'entreprise locaux. Maintenant, jetons un oeil à un autre ici, qui est z F7 créative. Celle-là est beaucoup plus simple, non ? Ils n'ont pas un tas de trucs qui se passent ici, comme les autres. Ce n'est qu'un numéro de téléphone ici, adresse, puis des informations différentes sur le partenariat. Ils ne font pas vraiment beaucoup de choses de référencement ici parce que ces gars sont plus d'une agence créative. Et donc ils ont encore que le partenaire Google ici, ils ont la marque ici. Le service est à propos, mais ils n'ont pas vraiment comme le particulier, vous savez, San Diego ou XYZ services marketing type de liens parce qu'ils ne vont pas vraiment pour le SEO parce que cette société est plus d'un type créatif d'agence. Peu importe, ils pourraient encore utiliser une partie de ce jus de référencement ainsi. Le pied de page, dans la mesure où il y a quelques liens. Cependant, il s'agit d'un type plus agréable et simple de mises en page InDesign. Et puis ils ont le social ici. Et donc ils n'ont pas le logo ou quoi que ce soit comme ça. Ils ont juste des liens simples. Et puis être en mesure de vous amener à les appeler ou à visiter leur emplacement. C' est donc les différents types de pieds de page que vous allez voir. Évidemment, il y a beaucoup de variations entre eux, selon le type de sites Web, ce que le client veut réellement et ce que vous ressentez semble le mieux basé sur votre expertise dans ce que vous voulez que le pied de page obtenisse finalement accompli. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 62. Cours XD - Mobile et bureau : Conception de pied de page de pied: Bonjour encore, Arthur est là et parlons de pied de page. Pied de page, c'est la partie la plus basse de votre maquette. Et ici, nous incluons tout ce que nous ne pouvons pas inclure dans l'en-tête. Habituellement, nous dupliquons les informations de l'en-tête, serait dupliquer ici si nécessaire. Donc, je vais vous expliquer quelques choses ici. Lorsque nous avons de longues pages sur le site, nous pouvons oublier cette notification et ces navigations le cachent, pas corrigé, alors nous pouvons dupliquer cette modification dans le pied de page K. Lorsque les bébés ne sont pas si longs, vous avez un assez peu de rouleaux. Je ne pense pas qu'il soit nécessaire de dupliquer pour inclure la navigation principale à partir de l'en-tête et du pied de page k. Habituellement, il sert ces larges. Lorsque vous avez de petits morceaux de contenu nécessaire, peut utiliser cette section. Ils sont des droits d'auteur. Laissez-moi vous montrer la chaîne de copyright. Droits d'auteur par notre visite. 2020. En outre, vous pouvez voir que certains pieds de page peuvent avoir des réseaux sociaux. Pour mobile, je recommande d'utiliser une conception de colonne. Parfois, vous pouvez mettre deux menus ici si nécessaire. Si cela fonctionne, je suggère de placer les icônes de cette façon. Ok. Et bien sûr, n'oubliez pas de différencier par espacement ou une sorte de séparateur entre les sections, entre les groupes. Il est donc plus facile de reconnaître l'information. Laisse-moi mettre le logo ici. Vous pouvez changer l'enregistreur en version noir et blanc ou inverser les couleurs. Tu trouves que c'est cool ? Bien sûr, vous pouvez avoir une autre couleur de l'arrière-plan, mais généralement ils sont plus foncés que le reste du contenu. Parfois, le pied de page peut inclure une feuille de route. Restructurons le débat. N' oubliez pas non plus si l'utilisation de la carte sur mobile. Souviens-toi que c'est pressant sur la carte. Si une personne à faire défiler en appuyant sur la foule initiera l'interaction avec la carte elle-même. J' utilise le groupe ici. Essayons où dire, et j'appuie sur l'appel et ça s'appelle la carte. Soyez prudent avec ça. Parfois, nous pouvons utiliser certaines marges pour permettre à une personne de toucher cette zone, ne pas interférer avec la section de la carte. Si nous sommes considérés comme la quantité de quatre éléments de menu, c'est correct d'utiliser une mise en page centrée. Peut-être comme ça. Eh bien, PSAP à vous. Peut-être comme ça, mais avec quelques indices, une balle montrant que deux sections différentes. Même chose vaut avec la conception de bureau parce qu'il est plus facile de créer un bureau quand vous avez beaucoup d'espace ici, k Et va généralement dB comme ça. Créez une carte plus large. Droit d'auteur. Encore une fois, ce n'est pas une règle, mais toute votre équipe de projet appréciera si vous utilisez le vert. Donc, il peut ressembler à l'endroit où vous pouvez déplacer des éléments à différents. Pour cela, utilisons la même largeur que la section Contenu. Passez du temps à jouer des éléments d'aile de 1 à l'autre et à trouver l'endroit idéal pour les éléments. La cupidité vous aidera dans ce domaine car elle vous montre où votre élément ou groupe d'éléments pourrait être touché. Le placé. Ok, c'est tout pour les pieds de page. Merci beaucoup pour votre attention. À la prochaine fois. 63. Aperçu de la conception du bouton Mobile et bureau,: Ok, donc dans cette vidéo, nous allons passer en revue les différents types de conception de boutons. Dans la leçon suivante, Arthur va vous expliquer les différents types de boutons dans Adobe XD. Et il va vous montrer comment créer le. Donc, pour celui-ci ici, je vais juste passer en revue quelques différents types de conceptions de boutons sur différents sites Web qui vous donnent un aperçu rapide ici. Alors allons de l'avant et sauter ici, nous pouvons voir les premiers types de boutons ici sur ce site particulier. Vous pouvez voir qu'ils ont les services ici. Et puis notre travail, vous pouvez remarquer ici. Et ce que j'aime vraiment ici, c'est qu'ils ont le bouton ici avec la boîte blanche ordinaire avec le texte blanc réel au milieu. Et puis une fois que vous pointez dessus, vous voyez qu'il devient bleu. Donc, j'aime vraiment ce genre de boutons ici parce qu'ils vous permettent de l'avoir se démarquer, mais aussi être en mesure d'envoyer encore plus une fois que vous passez la souris sur et écrivez toute la fonctionnalité dynamique de ceci et puis celui-ci ici. Ils ont en fait une fonctionnalité où il soulève réellement le bouton ici et il le rend un peu plus léger. Donc j'aime ce genre de boutons ici. Et puis passons ici et regardons d'autres types de boutons différents ici aussi. J' aime bien celui-là aussi. Un lorsque vous passez la souris dessus, il se transforme en une flèche ici dans sa dynamique. En outre, vous remarquerez qu'il y a aussi un peu d'ombre en arrière-plan. Quand vous pointez dessus et que vous pouvez voir l'ombre qui l'entoure, cependant, vous n'avez pas vraiment d'ombre quand c'est juste qu'elles sont statiques, n'est-ce pas ? Mais l'ombre est aussi une autre grande caractéristique. Et puis en descendant ici, voici son bouton aussi. Même chose. Vous avez l'ombre qui apparaît là-haut, puis la flèche. D'accord ? Et puis ce bouton ici est fantastique. J' ai adoré son bouton ici. C' est très, très unique. Une fois que vous atterrissez sur cette section entière ici, ce bouton à droite se transforme en un carré d'un cercle, puis un arrière-plan change réellement la couleur aussi bien. Donc, ces types de boutons dynamiques sont très, très gentils aussi. Et donc allons de l'avant et regardons d'autres types de boutons que nous avons ici dans cet exemple. Donc ce bouton ici est pour le site de l'avocat dans, comme vous pouvez le voir ici, ils ont la soumission et puis ils ont comme un type d'or de bouton ici. Et puis ils ont un peu d'ombre plus foncée là-bas sur le fond aussi. Donc ça donne un peu le genre de look de trois D, juste là où il est soutenu, pas vrai ? Vous avez ce type de look 3D. Et quand tu pointes dessus, ça change en texte blanc, non ? Et puis il devient un peu plus sombre ici jusqu'à un bouton. Et alors, allons-y et jetons un coup d'oeil à ce bouton juste ici. Donc, j'aime comment ce texte est ici juste au-dessus du bouton. Vous voulez toujours avoir des textes au-dessus d'un bouton particulier qui a aidé les gens à quoi il s'agit. Et puis celui-ci, il devient un peu plus sombre une fois que vous prêtez et vous aurez généralement comme un bouton qui est une sorte de bords arrondis comme celui-ci, ou un carré plein, ou vous avez un bouton comme un cercle, non ? Et donc ce sont les différents types de boutons que vous allez généralement voir. Vous pouvez voir celui-ci ici a un peu d'ombre là-bas avec l'œil noir comme cette ombre était vraiment fait sortir et se démarquer. Et puis celui-ci, juste là, juste un autre bouton de symbole. Et puis allons sur mon site web particulier ici. Et ce bouton ici est un bouton carré pur, et puis il devient en fait plus sombre une fois que vous avez réellement survolé un bouton particulier ici, puis cliquez sur cela, et il vous emmène au bouton Contactez-nous. Et celui-ci va essentiellement être un bouton de soumission. Ça ne va pas être quelque chose de fantaisie. Tu peux le rendre fantaisie. Cependant, c'est assez simple. Remarquez comment celui-ci, il devient un peu plus sombre quand vous passez la souris dessus. Donc, pour la plupart, vous allez remarquer que différents types de boutons auront différents types de fonctions dynamiques pour eux. Certains d'entre eux seront mis en évidence dans différentes couleurs. Certains d'entre eux auront différents éléments sur eux. Et j'aime bien celui-là. En ce qui concerne ce type de bouton ici, en ce qui concerne sa vidéo de lecture, vous pouvez voir comment il met en évidence autour. Et c'est très différent parce que c'est pour une vidéo ici. Ce n'est pas pour un bouton particulier, a comme un design de cercle. C' est, Hey, jouez cette vidéo ici, et c'est un design très joli et unique. Et puis en descendant ici, comme celui-ci ici aussi, où vous avez juste un contour blanc clair ici pour le bouton. Et puis vous avez le texte blanc au milieu. Et quand vous le mettez en surbrillance, il apparaît vraiment. Vous devez blanc texte avec les reflets bleus autour d'elle jusqu'à ce qu'il apparaisse vraiment. C' est donc une leçon rapide ici sur les différents types de boutons que vous allez voir. Typiquement les carrés ou ceux qui sont généralement un peu arrondis, non ? Ou un type de bouton arrondi complet de conception que vous allez voir. Donc, dans la prochaine leçon va vous expliquer comment créer ces boutons. Et ça va être là pour celle-là. Et on se verra sur la prochaine. 64. Cours XD - Mobile et bureau : Conception de boutons: Dans cette courte vidéo, nous allons parler des bonnes affaires et comment les concevoir dans XD. Allons-y. Vous voyez trois boutons ici. L' un a les coins arrondis, l' un avec les coins carrés et l'autre avec un coin légèrement arrondi. Cette fonctionnalité est donc facilement contrôlée. Est-ce que cette fonction de x D Très belles nouvelles pour l'avenir. Quelqu' un qui travaille dans Photoshop sait que vous pouvez également avoir tre coins sans aucun rayon et légère réduction ici. En outre, pour différencier votre cours de fardeaux, vous pouvez utiliser différentes couleurs. Habituellement, ce sont les couleurs principales, vert, bleu, rouge pour une certaine attention. Ok, ensuite, où vous pouvez faire, c'est de faire le titre toutes les majuscules ici. En outre, vous pouvez également appliquer l'espacement des lettres. Je veux dire, vous pouvez augmenter l'espacement des lettres pour une meilleure cohérence si nécessaire. Le bouton d'ombre récemment introduit, qui n'a que le contour P2. Et ce type de biden, généralement connu sous le nom de bâton d'ombre ou bouton K. Donc, en plus de ces manipulations, vous pouvez ajouter l'ombre si nécessaire, s'il vous plaît ne pas utiliser les ombres pour tous les éléments. Si l'embouteillage transporte le pressage, en cliquant sur certaines diapositives, l'ombre est correcte. La couleur peut être dégradée. Essayez est c cube p un dégradé à votre kit d'interface utilisateur, qui est la combinaison de ce qui est la collection de vos éléments d'interface utilisateur sur le projet doit avoir un schéma de couleurs cohérent, comme nous avons déjà parlé ça. Et vous devez définir des règles pour vos boutons comme cette couleur et cette forme sera utilisée pour cela et que, cette couleur sera utilisée ce type de fonctions, boutons rouges généralement utilisés pour supprimer des opérations qui peuvent être annulées. Et bien sûr, vous n'utiliserez pas fond carré et arrondi sur un écran à aura l'air terrible. Moi, je te montre. Donc, par exemple, nous avons acheté maintenant éditer ou je changerais. Voici donc l'échantillon de la combinaison, comment les couleurs en équilibre fonctionnent ensemble. Alors montrer maintenant est la fonction qui nous intéresse tous transmet quelque chose de positif, la couleur verte, la couleur bleue transmet quelque chose d'autre. Quelque chose de différence en moyenne entre le bien et le mauvais peut-être. Et il est utilisé ici pour l'édition. Et le conseil signifie que vous allez sauter ce script d'écran, cette fenêtre, et revenir en arrière. Nous venons de la parole. Vous pouvez l'utiliser pour supprimer un élément et des données de ligne, n'importe quoi. Pour appliquer cette approche sur tous vos projets, principalement utilisés dans des systèmes SaaS complexes, des tableaux de bord, etc. Peut-être pourriez-vous mettre en œuvre cette approche dans le panier ou dans la section de mon panier sur certains e-commerce. L' idée est donc d'attribuer des couleurs et probablement des formes à un groupe de boutons. Donc, vous n'aurez pas un écran où vous avez magasiner maintenant et modifier, respectivement, les couleurs vertes et bleues et les conseils avec le rouge. Et puis tout d'un coup, l'écran suivant sera net. Ici, éditez Brad et conseil. Ok. Maintenant, vous voyez la différence. Si vous voyez une telle combinaison, vous serez peut-être confus d'enchérir parce que vous êtes habitué aux couleurs rouges, couleur d'avertissement. La couleur bleue est plus ou moins acceptable pour la boutique maintenant, mais la couleur rouge pour l'édition comme quelque chose ne convient pas. Donc, cette approche est appelée codage par couleur. Lorsque vous avez des fonctions similaires et que vous appliquez les mêmes couleurs, deux boutons qui sont dans votre projet. Il est également appelé bouton primaire, secondaire et troisième. D' accord ? Donc, le bouton principal est tourné maintenant, secondaire est ajouté. Ma carte. Et le troisième bouton va a conçu ce style. C' est donc facile lorsque vous commencez à le faire, lorsque vous avez des fonctions primaires et secondaires, c'est ainsi que vous appliquez ce codage couleur à vos éléments d'interface utilisateur. Et peu importe si vous avez des coins arrondis si nous sommes copropriétaires. Vous avez juste besoin d'avoir la cohérence sur toute votre interface utilisateur. Donc, lorsque l'utilisateur est habitué à vos couleurs, il ou elle va déjà s'attendre, va changer après avoir cliqué sur le bouton rouge, après avoir cliqué sur le bouton vert ou bleu, ok. Donc, en plus de l'attribution des priorités à vos boutons, s'il vous plaît considérer les différents états de la valeur par défaut du bouton. Comme celui-ci. Désactivé. Habituellement désactivé ont couleur grise sur le vol stationnaire. Et pressé. Ou actif. Active signifie que le bouton a été enfoncé. Hey, ce sont des dates de base du bouton que vous pouvez considérer. Mais dans x D, Vous pouvez créer sur les deux de ces, si normal et sur Hoover. Et je pense que c'est assez pour que les entraîneurs travaillent sur votre maquette, le bouton désactivé sera peut-être le même style pour tous vos boutons solides. Le style désactivé va généralement, le style désactivé va généralement, en plus de ces deux. Mean, bougez-le un peu. Donc le style désactivé est généralement vient comme un ajout à vos états inférieurs, mais ces deux ou trois états, s'il vous plaît illustrer comment vos charges Luke sur le survol comment ils regardent quand ils sont pressés. Il ne s'agit pas seulement de fardeaux sur vos casques interactifs qui ont une certaine interaction, même la micro-interaction est très utile pour l'illustrer, pour mettre en valeur, pour faire face à l'équipe afin qu'ils soient en mesure de mettre en œuvre vos pensées de conception et le balisage et le projet en plus des états raison autre chose qui a appelé saluer. Et ce sera cool si vos boutons vont s'adapter à la crète k, que ce soit trois colonnes, que ce soit deux colonnes ou quatre colonnes et ainsi de suite. Vous pouvez même concevoir plusieurs tailles, petits et grands boutons si nécessaire. Je pourrais vous dire que vous pouvez préparer une clé d'interface utilisateur parfaite avant de passer sur le projet. Et heureusement, la plupart du temps, c'est impossible parce que vous n'êtes pas sûr de quelles fonctions, quels éléments vous aurez besoin et combien ils doivent être résolus. Vous avez assez de compréhension sur la façon de concevoir non seulement des boutons beaux mais aussi significatifs, Comment acheter des appelants pour créer une gradation entre primaire, secondaire et tertiaire. Et vous pouvez également ajuster le style, affiner les coins à l'ombre, gradient de rayon et le niveau de parcours à différents états. Et la dernière chose, c'est la cupidité. La cupidité passe sur toutes vos pages, fenêtres, peu importe. Donc, vos éléments précisément boutons doivent être les mêmes avec non seulement le même, mais aussi avoir le nombre précis de colonnes afin qu'ils correspondent à votre cupidité C, Donc trois colonnes, cinq colonnes, six colonnes, K. Essayez d'éviter une telle taille que celui-ci ou celui-ci, k, je serai beaucoup plus facile de travailler avec votre maquette. Merci beaucoup pour votre attention. J' espère que cette leçon a été utile. se voit dans notre prochaine leçon. 65. Cours XD - Mobile et bureau : Conception d'entrée: Bienvenue de retour. Dans cette leçon, nous allons concevoir la zone de texte, qui est l'élément de la plupart des kits d'interface utilisateur et de l'interface utilisateur en général. Donc, ce ne sera pas si difficile que cet art. Conception, la zone de texte ou d'entrée, mais certaines choses que vous devriez considérer afin de créer une interface utilisateur cohérente. Kid, d'accord, d'après notre leçon précédente, vous savez comment créer des boutons et quels types y a-t-il ? Quelles sont leurs priorités ? Je veux seulement ajouter. Une chose que vous pouvez faire dans Adobe X-Y est de créer un effet de survol sur le bouton. Donc, une fois que la personne se déplace avec le curseur sur le bouton, il a changé d'apparence. Kay, disons, tu dis, on y va. Gardez ça à l'esprit. Ok, alors revenons à nos entrées. Tout d'abord, en termes d'entrées, vous devrez commencer par la haine de votre contribution. Et c'est intéressant parce que vous devez savoir quelle taille de la police sera utilisée sur votre interface. C' est OK si vous travaillez avec des chars standard et votre taille de police est en fait comprise entre 1624 pixels. Ça ne va pas faire autant de différence. Mais quand il s'agit de certaines interfaces utilisateur exceptionnelles pour faire face à d'énormes téléphones chauves, il est parfois nécessaire de tamponner la zone de texte à cette taille et à l'apparence Sasso, vous savez, comme une maison unique. Ok, donc chaque fois que vous commencez à concevoir l'entrée, s'il vous plaît taper l'espace réservé de texte à l'intérieur. Donc d'habitude, c'est le nom ou le nom complet. Ok. Donc, la taille de cette police est de 27 pixels, et cette zone est trop grande pour une telle taille de téléphone, même si elle semble spacieuse, mais nous pouvons quand même déduire un peu du Haidt, Donc, il, oh, look plus compact. On peut en déduire un peu plus. Essayez de garder ces dimensions de vos éléments claires. Soviétique pas 6163. Et maintenant, nous voyons qu'avec presque 30 taille formée, nous avons 60 pixels de hauteur entrée. L' autre côté de cet élément est qu'il fonctionne généralement avec le bouton. Donc, si nous prenons le bouton et le placer ici, aura l'air un peu déséquilibré car ces deux hauteurs sont différentes. Même si nous faisons comme cela, nous voyons que cet élément prend beaucoup moins d'importance par rapport au bouton d'annulation. Et c'est le problème. Parce que les éléments doivent être égaux, vous pouvez donc les assembler de différentes manières. Donc, nous avons deux façons ici. Rendez notre bouton plus petit ou ils couvrent l'entrée plus grande. Donc ici, je vais diminuer la taille du bouton. Mais lorsque vous concevez votre kit d'interface utilisateur, vous devez commencer par la taille de la police. Que vous fassiez textblock, que vous fassiez Barton, que vous fassiez entrée, textarea, cocher, boutons radio, liste déroulante de décalage et ainsi de suite. Vous devez commencer à partir de la taille du texte. Et une fois que vous avez la bonne taille de police , vos éléments seront enroulés autour de cela. Le point de départ est la taille de votre téléphone dans votre interface utilisateur. Nous avons donc 24 pixels, ce qui est tout à fait suffisant pour la lisibilité. Et notre haine de l'entrée est de 60 pixels. Donc, la même chose sera quatre bouton. En ce qui concerne le style de ces éléments simples, je dois souligner que si vous faites un coins arrondis pour votre parcours Barton, vous devez maintenir un style préservé ici. Utilisez le même rayon radial de coin, rayon border-rayon pour vos entrées ainsi que dans le bouton, votre entrée peut avoir trois états. premier est l'état par défaut, l'autre est l'état désactivé et l'autre est actif ou non focalisé. Donc, une fois sur la mise au point, peut-être que vous aurez le curseur ici sur vos désactivations. Peut-être qu'il aura plus lumineux. Et je pense qu'il est utile d'inclure l'utilisateur. Un autre état en tant que texte tapé, ok, car il y a une différence entre le texte utilisateur et l'espace réservé. Alors, nous allons le décrire à nouveau. Laissez-moi le réorganiser un peu. D' accord ? Voici donc la condition par défaut qui représente l'entrée avec le texte de l'espace réservé. Une fois que vous avez cliqué sur cette zone, votre espace réservé disparaît généralement et vous voyez le curseur ou la saisie, puis vous tapez votre texte. L' état supplémentaire pour l'entrée est désactivé. Désactivé est utilisé lorsque quelque chose n'est pas disponible pour vous de changer pour le moment, et l'état du survol sera celui-ci. Gardez à l'esprit que parfois même sur l'espace réservé Hoover et reste là jusqu'à ce que vous commencez à réellement taper quelque chose. Ok. reste donc là que jusqu'à ce que vous commenciez à appuyer sur n'importe quelle touche de votre clavier. Vous savez maintenant comment combiner ces éléments de base dans votre interface utilisateur. Prochaines leçons, nous discuterons des éléments supplémentaires qui vous aideront à créer votre kit d'interface utilisateur. Merci beaucoup pour votre attention par. 66. Vue d'ensemble de la conception de filtre de filtre mobile et bureau,: Dans cette vidéo, nous allons passer en revue les différents types de conception de filtres dans les différents types de conception de recherche. C' est donc généralement ce que vous allez voir sur un magasin de commerce électronique où vous magasinez pour un produit particulier , un article particulier, et où vous pouvez choisir différentes variantes. Et puis aussi sur la barre de recherche où vous pouvez essentiellement l'utiliser pour rechercher différents produits, différents articles sur un magasin particulier. Allons-y et sautons ici. Donc ce premier site ici. Donc, ce premier site ici vous pouvez voir est partake foods.com. On dirait qu'ils vendent un tas de différents types de cookies. Et donc ce que je veux vous montrer ici, c'est comment ils ont leur conception particulière de filtre. Alors allons de l'avant et regardons l'un de ces produits particuliers. Nous avons donc les biscuits croquants aux pépites de chocolat. Vous pouvez voir ici. Ils ont les critiques ici, ce qui est génial parce qu'il permet une preuve sociale, n'est-ce pas ? Pour que les gens puissent voir que c'est en fait un bon produit. Et puis ils ont les différents types de tailles. Ou tu veux trois boîtes ou six boîtes ? Et puis vous pouvez voir ici les changements de prix, n'est-ce pas ? Ensuite, vous pouvez vous inscrire sur un abonnement pour qu'ils livrent toutes les deux semaines, toutes les quatre semaines. Et donc c'est une sorte de différents types de filtres que vous allez voir sur différents sites Web. Maintenant, le design va différer, n'est-ce pas ? En fonction de l'aspect et de la sensation de ce site Web particulier. Je veux juste vous montrer quelques exemples ici de différents types de boutique e-commerce en ligne. Donc d'accord. Alors, juste ici, vous pouvez changer la quantité et ensuite vous pouvez ajouter au panier ici. Donc, ce sera un type de conception de filtre ici. Et maintenant, montons ici à la barre de recherche. Vous pouvez voir, vous pouvez simplement taper ici, disons que nous recherchions un type particulier de cookie. Alors allons-y doux Bates. Ok, alors allons de l'avant et tapons ici des biscuits doux cuits au four. Ok, alors ça ramène ici les différents types de biscuits aux pépites de chocolat. Maintenant, cette barre de recherche, la conception de la recherche va être assez simple. Vous allez voir cela en haut des sites Web souvent, dans aussi, comme je l'ai mentionné précédemment dans d'autres vidéos, vous allez avoir le logo soit au milieu ou sur le côté gauche. Donc, cela semble aussi est une bonne chose pour les magasins de commerce électronique, où vous avez au sommet comme un code promo ou un coupon, non ? Cela permet aux gens d'être plus enclins à vouloir faire un achat, n'est-ce pas ? C' est donc une conception de filtre de recherche très simple ici, ainsi que le type de filtre pour le produit. Alors maintenant regardons un autre type de site Web ici. Allons sur ce site particulier, qui est le paquet appreciate.com. Et disons que nous cliquons sur ce produit particulier ici. Et vous pouvez voir que cela a un type très standard de conception de filtre. Vous avez le style ici, noir, sable et brun. Et puis vous avez la quantité, droit qui se met à jour automatiquement ici. Et puis vous pouvez ajouter ceci à votre panier réel. Allons à d'autres ici. Allons à un kit de marché. Et donc pour ça, on dirait qu'il n'y en a qu'un ici, non ? Ceux-ci sont tous épuisés et voir si nous pouvons trouver différents types de produits ici qui sont réellement disponibles. Allons à la trousse de voyage ici. Dans celui-ci aura généralement des couleurs différentes. Cependant, pour celui-ci n'est qu'un. Mais vous pouvez voir que c'est assez simple. Et ici, vous avez la quantité, rien de trop spécial à ce sujet. Si nous allons ici, nous pouvons voir que ce n'est qu'un autre type de couleurs. Et c'est ce que le, ce que vous allez remarquer dans les conceptions de filtres, vous allez voir généralement le prix, la quantité, différentes variations de couleur, différentes variations de taille. Amazon.com fait est très bien où vous avez différents types de fonctionnalités, comme je l'ai mentionné, telles que la taille, la conception, la mise en page, non ? Et puis la tarification. Et puis voici un site web de café qui est l'ampoule noire. Et jetons un coup d'oeil à certains d'entre eux ont aussi une conception de filtre. Alors regardons celui-là. Donc celui-ci, vous pouvez filtrer par taille, ont généralement différentes tailles ici. Et puis vous pouvez avoir comme des haricots entiers ou goutte à goutte ou de la presse française, n'est-ce pas ? Et puis vous avez la possibilité d'avoir un achat unique ici et un abonné. D' accord. Et donc ce n'est qu'une courte vidéo très rapide. Ce que j'ai fait, c'est que je suis allé et j'ai cherché les meilleurs magasins Shopify, puis je suis passé par les trois premiers et les ai sélectionnés ici parce que je veux vous montrer ce que certains des meilleurs magasins utilisent quatre types différents de modèles de filtres, puis mise en page de conception de recherche, n'est-ce pas ? Donc très, très simple ici. Celui-ci a une recherche en haut. Le plus souvent, vous allez voir les magasins Shopify où ils ont une barre de recherche très simple ici. Ou ils ont comme ce petit cadre de loupe. Vous allez voir que même sur celui-ci, tout en haut, vous allez voir la loupe. Ensuite, vous pouvez rechercher n'importe quel produit que vous recherchez. C' est juste un type très simple de filtre et de mise en page de recherche. Ici, dans la prochaine vidéo, Arthur vous guidera à travers d'autres variantes et d'autres types de conception de filtres et de barres de recherche. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 67. Cours Adobe XD - Mobile et bureau : Conception de filtre: Dans cette vidéo, nous allons parler de conception de filtres. Commençons donc par une description simple de ce qu'est le filtre. Filter est un moyen d'économiser de l'espace sur votre interface utilisateur en même temps pour fournir la commodité de l'utilisateur. Donc, l'approche qui est utilisée dans la conception du filtre est généralement simple comme menu déroulant que nous avons discuté sur la leçon précédente, mais une certaine différence. Donc, généralement, nous voyons une icône de filtre. Ensuite, nous appuyons sur l'icône de filtre et voyons du contenu original. Ce contenu est en fait la représentation des paramètres de filtre ou des critères selon lesquels d'autres éléments d'interface utilisateur seront travaillés. Ou ce sera la façon de réduire nos résultats de recherche de contenu sur la page sur laquelle nous sommes déjà sur. Donc, disons que vous êtes à la recherche de chaussures pour 18$, alors vous voyez choisir cela, avoir les différentes couleurs. Et tu n'aimes pas le rouge, le vert ou le bleu, tu veux un simple Brown. C' est l'endroit où les filtres peuvent être utiles. Dans notre cas, nous aurons les paramètres suivants. Maintenant, nous avons quatre paramètres que nous pouvons filtrer ou filtrer. L' approche ici est utilisée en incluant ceux-ci une fois qu'ils sont sélectionnés. Et si je veux des chaussures marron seulement isoler la couleur brune et peut-être que j' ai besoin d'un autre contrôle qui vous aidera à fermer cette fenêtre après que je viens de sélectionner. Donc c'est comme ça que nous pourrions trier les chaussures de couleur brune. L' autre chose est le filtre et le curseur qui vous aident à trier la valeur numérique précise de votre catalogue ou d'autres contenus. Habituellement sur les écrans plus grands, vous pouvez ajouter curseur, ce qui vous aidera à sélectionner une donnée numérique précise, ce soit un prix, la taille, quantités de quelque chose, et ainsi de suite. Prenons un prix ici. Donc, cela vous montrera la gamme de prix que vous recherchez. Aussi pourrait être comme si nous parlons de certains critères sélectionnables. J' utiliserais une illustration plus simple. Une fois qu'une personne a décidé de sélectionner une gamme de prix, il y a plusieurs approches à cela. On peut choisir ce prix bas, le prix moyen ou le prix élevé. Donc, il est également peut être applicable dans votre filtre. Il y a beaucoup d'éléments modernes qui sont entrés en u i au cours des deux dernières années. Donc, ils ne sont généralement pas inclus dans les kits d'interface utilisateur de base de la plupart des frameworks, mais des balises, des curseurs. Donc, un, rendre la vie de l'utilisateur plus facile, représentant la même fonctionnalité. Ils ont un meilleur style, ours visuel de sorte qu'il s'adapte aux besoins des utilisateurs et aux tendances récentes des petits écrans. Il est donc plus confortable de sélectionner l'un de ces trois éléments. Ici, nous avons de k. Dans notre cas, cet utilisateur de cas doit se concentrer sur cet élément, le prix le plus bas, puis penser au prix le plus élevé et ensuite appuyer sur quelques boutons. Alors comptons. D' abord, nous avons sélectionné, c'est la première interaction que petite. Donc, comme vous le voyez, ce n'est pas le changement des interfaces utilisateur, en passant à l'approche des données. Nous savons que les machines sont assez précises dans ce cas, mais ici nous voulons faciliter la vie de l'utilisateur. Nous devons changer la langue de l'utilisateur en langue de l'utilisateur, pas la langue de la machine. Donc, une fois que je vois cette abréviation, signe dollar, je comprends automatiquement ce que l'on entend par ces trois icônes, ok, et par le contexte de cette application, nous comprenons que tous les produits le divisent en trois catégories. Parfois, cela ne serait pas applicable, mais quand même, il y a beaucoup de choses que vous pouvez repenser et expliquer aux utilisateurs d'une manière différente. Revenons à ses filtres. Donc, vous voyez que nous pouvons utiliser plusieurs types d'éléments, ainsi que des éléments traditionnels comme les boutons radio. Donc nous avons du cuir ou une lettre égale, l'un ou l'autre. Et une fois que nous avons sélectionné le cuir, nous ne serons pas en mesure de sélectionner la lettre écologique ou vice versa. Impossible de les sélectionner tous les deux. Donc c'est une seule option. Vous pouvez même implémenter des icônes, votre filtre pour sélectionner certains critères. C' est aussi la langue de l'utilisateur. Vous ne montrez pas une liste énorme de catégories qui est ennuyeuse, qui sont ennuyeuses, mais vous leur montrez la représentation, le support visuel. Donc, ils ne devinent pas ce qu'ils veulent commander de manger, en leur montrant simplement des icônes. Et cela semble plus facile que de lire entre toutes les listes d'options. Et il y en a un de plus qui a également été utilisé dans notre application. Disons que nous voulons montrer seulement des produits spéciaux. Donc, on peut utiliser un bascule sur ici. Et maintenant on voit que celui-ci est désactivé, ok ? Et celui-ci est activé. Nous ne voulons donc pas voir seulement des produits partiels. Nous voulons voir seulement en stock avant. Ils sont disponibles dans le stock immédiatement. Quelle autre hauteur annonce va cacher et prix, par exemple, j'ajouterais sans salaire quelques fonctions très agréables et confortables qui sont vraiment apprécier sur certains résultats de recherche ou certains catalogues, peut-être certains systèmes, des systèmes complexes. Pensez à ce que vous apprécieriez comme fonction de filtre sur vos sites Web préférés et pensez à la façon dont vous avez obtenu cela à l'intérieur. Selon vous, qu'est-ce qui serait apprécié dans vos applications mobiles préférées ? Quelles choses pourraient être réarrangées. Ces observations vous aideront beaucoup. Ok, à la prochaine leçon. 68. Cours Adobe XD - Mobile et bureau : Conception de recherche: Salut là. Bienvenue à nos cours de travail. Donc, aujourd'hui, je voudrais parler de la recherche et de la recherche, qui est assez simple recherche de chose. Mais comme vous pouvez le voir à l'écran, j'ai illustré trois parties de recherche qui ont complètement différent visuel seulement à cause du remplacement des éléments à l'intérieur de cette boîte. Donc, ici, nous avons l'icône de recherche, qui est le zoom. Je peux alors petit espacement et mot clé ou IT, alors vous n'avez rien parce qu'il est prévu d'appuyer sur Entrée visuellement cet élément et ce regard tout à fait différemment. Et je dirais que c'est à cause de nos habitudes. On avait des recherches ici par partout. Si nous voulons chercher quelque chose, nous aimerions avoir ce modal, parfois aussi utiliser comme ceci, mais ces éléments à mon avis, placés très loin les uns des autres. Donc, si vous souhaitez que les utilisateurs lisent facilement et rapidement la fonction de votre élément, veuillez essayer de placer les éléments plus près du coin gauche, surtout lorsque vous travaillez avec des polices et utilisez un langage plus traditionnel qui est la recherche, non mot clé spécifique ou ID. Dans certains dit, je comprends qu'il pourrait y avoir certaines choses, mais ces recherches pour nous, pour beaucoup de gens semble plus naturel plutôt que ces deux, seulement en raison de changer le texte dans ce petit champ de texte, recherche pourrait être techniquement recherche en direct. Vous commencez à taper, puis quelques options peuvent apparaître. Ensuite, vous sélectionnez à partir de l'option et peut-être aller. L' autre est quand vous utilisez une donnée précise comme sourd 25. Je voudrais maintenant chercher ces idées. La plupart des éléments de l'interface utilisateur ont les états et ses états sont plus semblables, les états de l'entrée de texte habituelle. Rappelez-vous donc que c'est l'état par défaut. L' autre raison focalisée, troisième est le texte de l'utilisateur et désactiver la recherche peut également être désactivé parfois. Donc, vous pouvez considérer ceci et les autres cas pour les textes utilisateur et le survol. Veuillez tenir compte de ces conditions dans votre UIKit, afin que votre interface utilisateur soit plus interactive. Les développeurs auront moins de questions sur la façon dont vous pensez que le vol stationnaire ressemblera à un ancien développeurs américains ont été celui qui a stylé ces icônes, qui a conçu ces interactions ? Parce que les petites animations, les petits éléments d'interactivité, ils n'étaient pas disponibles dans Photoshop, étaient assez difficiles à créer des états différents pour les éléments. Vous en avez créé un autre à bord pour chaque état et ainsi de suite et ainsi de suite. Dans x D, nous avons la chance de mettre en évidence facilement l'interaction de l'élément et de créer facilement à gérer, à passer et à maintenir ces objets parmi tous les projets. Merci beaucoup, organisé un 69. Aperçu des équipements UI: Dans cette vidéo, nous allons passer en revue les kits d'interface utilisateur. Donc, les enfants de l'interface utilisateur sont essentiellement différents types de composants, différents types de fonctionnalités et de fonctionnalités qu' une application ou un site Web particulier aura généralement. Et dans la prochaine conférence, Arthur va vous guider dans la façon de les créer. Mais dans cette conférence vidéo ici, je vais vous guider à travers où vous pouvez les trouver si vous ne voulez pas les créer vous-même et où vous pouvez obtenir des idées différentes. Donc, les kits d'interface utilisateur, comme je l'ai mentionné, ce seront des choses que vous créez pour un site Web particulier, en particulier une application, en ce qui concerne les conceptions de boutons, différents types de textes, différents types de police, différents types d'icônes, n'est-ce pas ? Alors allons de l'avant et regardons certains de ces différents types de kits d'interface utilisateur ici. Donc vous pouvez voir ce premier ici. Il a un tas de différents types de fonctionnalités et de fonctionnalités déjà intégrées que vous pouvez utiliser pour une application particulière où vous n'avez pas besoin de les créer à partir de zéro rang. Vous pouvez les utiliser et les mettre dans votre portefeuille. Et comme vous pouvez le voir ici, les différents types d'écrans que différents types de vues, non ? Ces types de vues ici sont très, très agréable et simple. Et ils le font pour qu'il soit facile pour l'utilisateur de naviguer dans un seul, un achat, non ? Et voici quelques-uns des faits saillants. Couche bien organisée, personnalisation super facile, différents types de police Google, conception moderne de l'interface utilisateur, non ? Et vous pouvez acheter ça pour, je crois $20. Et donc vous pouvez aller sur la force du thème, tous ces différents types de sites Web et vraiment juste taper dans le kit de l'interface utilisateur sur Google et vous trouverez beaucoup de ressources différentes. Alors passons ici maintenant et allons à la conception de points de magasin de l'interface utilisateur. Et nous pouvons en regarder d'autres ici aussi. Ceci est pour la conception de modèle de page de destination dans Adobe XD, The Seagull. Regardez ça, vous pouvez voir tous ces différents types de modèles de page de destination, non ? Et comme je l'ai dit, vous pouvez les acheter ou vous pouvez les télécharger gratuitement en fonction du site Web particulier sur lequel vous êtes. Et puis allons à labs.com. Voici une autre ressource où vous pouvez acheter quelques lectures faites pour vous modèles. Regardons ce bleu ici. Celle-ci a l'air plutôt sympa. Donc celui-ci ici, vous pouvez acheter pour 99 par mois pour un coût mensuel réel, ou vous pouvez l'acheter à des frais uniques pour 29$. D' accord. Et je crois que c'est plus pour un type de chat de messagerie là-bas et voir si nous pouvons en trouver quelques différents ici. Conception de l'application éducative. Ceci est pour les modèles de page de destination de mode qui voient ici l'application quiz. Regardons ce commerce électronique ici. Donc, c'est une très belle mise en page ici. Encore une fois, ce sont différents modèles, modèles interface utilisateur enfants que vous serez en mesure d'acheter et avoir ces conceptions déjà configurées et prêtes à être en mesure d'utiliser. Et vous pouvez également les utiliser et les ajouter à votre portefeuille, n'est-ce pas ? Mais vous n'aurez pas besoin de les créer à partir de zéro si vous ne le voulez pas, parce que vous pouvez prendre différentes idées à partir de cela. Vous pouvez utiliser certains des différents éléments, non ? Et les composants, et peut-être les a changés un peu. Sauf si vous voulez créer un kit d'interface utilisateur à partir de zéro, vous savez, cela va être quelque chose que vous faites vous-même où vous développez, disons un site Web ou une application. Et vous voulez créer un kit d'interface utilisateur pour les codeurs et pour d'autres concepteurs qui peuvent être en train de travailler sur cette application ou site Web en particulier. Mais ce n'est qu'un aperçu rapide ici de vous montrer différents types de kits d'interface utilisateur, conceptions d' interface utilisateur qui sont déjà faites et disponibles pour vous d'utiliser, n'est-ce pas ? Comme c'est un bon ici aussi bien pour un magasin qui vend des chaussures ou peut-être n'importe quel type de produits de sport, n'est-ce pas ? Cela va être quelque chose que vous pouvez utiliser comme un type de conception typique. Et puis aussi ici sur un éléments Varro, vous pouvez acheter un peu prêt fait pour vous, modèles d' interface utilisateur ainsi. Donc celui-ci est ici pour un magasin de commerce électronique, années pour le site de construction. En voici un autre pour une société de marketing. Regardons celui-là. Profitez de la puissance du marketing par e-mail. Donc, il est livré avec juste cette offre de page de destination particulière ici. D' accord ? Donc, oui, ça va être une ressource ici que vous pouvez regarder quand vous cherchez des kits d'interface utilisateur, n'est-ce pas ? Vous pouvez simplement taper dans les kits d'interface utilisateur Google et vous allez être amené à beaucoup de ressources différentes. Vous pouvez utiliser ces kits d'interface utilisateur et les acheter et les utiliser comme références ou peut-être les utiliser pour une conception particulière. Vous devez rarement créer des modèles d'interface utilisateur à partir de zéro, sauf si vous le souhaitez, sauf si vous avez quelque chose de très unique et de classement client. Et puis Arthur va vous guider dans la prochaine vidéo comment mettre en place un kit d'interface utilisateur. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 70. Cours Adobe XD - Bureau et mobile : Kit UI: Salut là. Parlons du kit d'interface utilisateur. Uikit est la collection d'éléments qui peuvent être utilisés dans l'ensemble de votre projet. Uikit est lié à l'interface utilisateur. Il peut inclure des couleurs, des icônes, topographie, des barres de contrôle, des boutons , des cartes, des contrôles, des curseurs, des étiquettes, etc. Donc, une fois que vous avez besoin de créer une page supplémentaire pour vous, il sera facile de choisir la couleur primaire, secondaire ou tertiaire. Choisissez la taille de police et le style de police nécessaires, l'icône si nécessaire, le bouton et ainsi de suite, et créez une nouvelle mise en page pour votre interface utilisateur. Donc, disons que nous avons un système qui a eu une mise à jour et que nous devons implémenter cette mise à jour d'une manière ou d'une autre afin qu'elle ne se démarque pas comme séparée de ce concept de conception. Donc, nous allons choisir la carte, nous allons choisir le même curseur si nécessaire, bouton et ainsi de suite et ainsi de suite. Nous serons donc en mesure de préserver le même style sur tous les projets sur lesquels nous travaillons. Dans. Autre chose est UIKit Jesus, pour quand votre projet est passé à l'équipe de développeur. Et ces gars seront en mesure de créer, générer de nouvelles pages, nouveaux écrans sans aucun effort de votre part. Donc ils ne vous dérangeront pas. Et ils n'auront pas beaucoup de questions comme la couleur que je devrais utiliser si j'ai besoin créer la barre de recherche pour la page de quatre catégories , par exemple, ici vous aurez les règles pour les couleurs, aura l'icône T définie. Vous allez certainement inclure la hiérarchie typographique, les styles de paragraphe, les éléments et ainsi de suite. Donc, ils choisiront la couleur nécessaire, les polices, les barres si nécessaire, cartes d'étiquettes de Barton, et nous allons créer l'interface nécessaire. De plus, ils pourraient implémenter cette fonctionnalité dans le système dans lequel vous travaillez. Donc, ces nouveaux modèles seront générés automatiquement sans aucun effort, ni de vous, ni de développeurs frontaux. D' accord ? Donc, pour les petits projets, une page, plusieurs pages. sites Web, comme les sites Web d'entreprise, ne pensent pas qu'il soit nécessaire de créer un kit d'interface utilisateur, mais il serait bon de passer l'UIKit avec votre maquette aux développeurs. Ils seront donc en mesure d'ajouter des fonctionnalités à l'avance en utilisant votre kit d'interface utilisateur en utilisant les éléments que vous suggérez. Mais pour des choses plus complexes comme SAS, réseaux sociaux, Tous les autres types qui ont de nombreux écrans. Bien sûr, il est presque nécessaire d'avoir ce kit d'interface utilisateur parce que beaucoup de changements pourraient se produire pendant le développement, tandis que la conception, le cadre de conception devrait être flexible. Il s'adapte donc aux besoins du projet, que ce soit son évolutivité ou sa réactivité ou autre chose. Mais vous devez maintenir ces choses principales à l'intérieur de votre kit d'interface utilisateur. Et une fois que vous aurez ce système qui a 40-50 écrans à l'intérieur, bien sûr, vous utiliserez le même élément, le même style sur tout votre projet. Essayez donc de créer un kit d'interface utilisateur pour les projets complexes car vous en aurez besoin vous-même. Parce qu'il pourrait y avoir des mises à jour, pourrait y avoir quelques mises à jour. Et une fois que vous avez tout à portée de main, vous avez déjà défini des règles. Ils ne sont pas rigides, ils sont flexibles. Vous allez créer une nouvelle page avec ces sans casser le travail des codeurs féminins. Nos autres gars à l'intérieur du kit d'interface utilisateur de l'équipe de projet est très similaire au livre de la marque ou au guide de la marque parce qu'il a la plupart du temps les mêmes éléments. Mais dans ce cas, c'est plus technique et vous pouvez simplement emprunter l'icône d'ici. Copier coller dans votre fichier de travail. Certains UIKit peuvent ne pas avoir certains éléments qui sont illustrés ici. Certains peuvent avoir quelques éléments supplémentaires. Plus vous aurez d'éléments à l'intérieur de ce fichier, moins vous aurez d'efforts pour créer de nouveaux écrans. Dans une autre fonctionnalité utile de UI Kit est qu'il aide à transmettre votre projet à un autre concepteur dans les cas où vous n'êtes pas en mesure de continuer le travail pour certaines raisons. Disons que vous avez fait le travail, terminez le projet, mais parfois des mises à jour ont eu lieu. Votre client peut travailler avec un autre concepteur sans vous déranger l'élément que nous devons utiliser ici ou là. Encore une fois, c'est comme le guide de branding pour l'interface utilisateur et vous encourager à passer du temps et à créer ces bibliothèques d'éléments pour des projets qui sont complexes, qui peuvent nécessiter une nouvelle mise en page, de nouvelles fonctionnalités, et seront très utiles pour vous et votre équipe. Ok, merci beaucoup pour votre attention. J' espère que cela a été utile. Merci beaucoup pour votre attention. J' espère que cela a été utile et j'aime vraiment créer UI Kit et j'espère que vous allez adorer vous voir sur notre prochaine leçon. 71. Présentation des microinteractions: Dans cette vidéo, nous allons passer en revue les micro-interactions. Maintenant, les micro-interactions sont très, très fréquentes sur différentes plateformes de médias sociaux, sur différents sites Web, non ? Vous les utilisez probablement tout le temps, surtout si vous êtes comme sur Facebook où vous êtes constamment engagé avec les messages des gens, avec le contenu des gens et leur donner un pouce vers le haut, peut-être Harding, un commentaire ou quoi que ce peut l'être. Tout cela va être des exemples de micro interactions. Et dans la prochaine leçon vidéo, Il va vous montrer comment créer différentes micro-interactions et comment elles fonctionnent dans Adobe XD. Cependant, pour cette vidéo, cela va être plus un aperçu. Donc, comme vous pouvez le voir ici, les micro-interactions sont vraiment ces types d'engagements qui font que c'est une expérience très agréable pour l'utilisateur d'interagir réellement avec cette application ou ce site Web. Et comme vous pouvez le voir ici, les micro-interactions ont quatre parties. Le premier étant le déclencheur, qui va être l'initiation, qui va initier la micro interaction, ce soit comme un genre ou un cœur que vous faites sur un poste particulier sur Facebook. Et puis il y a des règles qui déterminent ce qui se passe. Une micro interaction est déclenchée, par exemple, une fois que vous aimez un commentaire particulier ou un post, n'est-ce pas ? Cela passe automatiquement du gris au bleu. Une fois que vous aimez ça, alors vous avez les commentaires, les gens savent ce qui se passe, puis les boucles et les douves, n'est-ce pas ? Il s'agit essentiellement de déterminer les minéraux de l'interaction hyperfréquences. Et donc, ce qui est vraiment les micro-interactions dues à l'utilisateur réel, c'est qu'elles rendent excitant et attrayant pour l'utilisateur de naviguer et d'utiliser le site, n'est-ce pas ? Parce que lorsque vous avez un site Web qui est juste statique et qu'il n'est pas très unique et qu'il n'y a vraiment aucun type de composants dynamiques, alors cela peut devenir assez ennuyeux. Donc, ici, nous avons quelques exemples d'un balayage. Vous pouvez également penser à différentes applications de rencontres là-bas comme Tinder qui ont cette fonctionnalité blanche ainsi. Ce seront toutes des micro-interactions. Et allons en bas et regardons d'autres ici. Voici une entrée de données ici, où vous entrez les données ici. Et puis il vous donne un compteur de force là-bas en fonction de la force du site, beaucoup de sites Web auront ceux-ci où vous devez vous inscrire en tant qu' utilisateur et vous devez créer un mot pour que vous puissiez passer la création vos informations de connexion réelles, n'est-ce pas ? Vous devez être en mesure de définir un mot de passe qui est fort et qui n'est pas très facile et simple à comprendre réellement. Et donc ces types d'interactions macro sont géniaux parce qu'ils dynamiques et ils fournissent également à l'utilisateur le sentiment de sécurité de genre, Hey, nous voulons que vous créez un mot de passe qui va garder vos informations personnelles en sécurité. Et puis en descendant ici, c'est comme un type de chargement ou l'état actuel du système, non ? Juste un autre type de comme une micro interaction ici. Et puis celui-ci va être comme télécharger vos designs ou télécharger un fichier particulier a fait très, très agréable et très attrayant ainsi. Et puis c'est plutôt un appel à l'action ici, où vous invitez essentiellement les gens à prendre une action spécifique. Ceux-ci sont très importants sur un site Web ou application où vous voulez que les gens s'appuient sur là et prennent une action spécifique, pour cliquer sur un lien ou un bouton particulier pour pouvoir, vous savez, les amener à faire ce que vous voulez qu'ils fassent, n'est-ce pas ? qu'ils puissent accomplir tout ce que vous essayez de leur faire faire, n'est-ce pas ? Plus souvent qu'autrement, ce sera vous d'acheter un produit ou de planifier un rendez-vous ou un appel téléphonique, n'est-ce pas ? Et puis nous avons ici les boutons animés ici où ils viennent de la droite. Souvent, vous trouverez les boutons animés ou comme les aumôniers. En bas à droite d'un site Web. Tu les verras un peu. Vous verrez comme la fonction de chat apparaît ou même comme un chat Facebook Messenger que vous pouvez intégrer sur un site Web. Et c'est là que vous allez voir ceux sur un site web aussi. Et puis le bouton de téléchargement animé ici. Cela va être une autre interaction micro-ondes ici, mais les micro-interactions vont généralement être celles que vous voyez sur différents sites de médias sociaux, sur différents sites Web où ils cherchent à ajouter un peu de fonctionnalité dynamique, n'est-ce pas ? Et l'interactivité à l'aspect réel du site Web ou de l'application. Et alors, comment concevez-vous des micro-interactions ? Les artistes vont aller dans une vidéo de ça dans la prochaine leçon. Cependant, voici quelques-unes des choses que vous voulez garder à l'esprit. Vous voulez vous mettre à la place de l'utilisateur. Nous voulons nous assurer que vous le regardiez toujours du point de vue du client et que vous vous amusez avec le bon. Donc, ce n'est pas comme être intrusif. Ce n'est pas ennuyeux. Et où c'est comme ne pas correspondre à ce que l'utilisateur essaie de faire. Vous voulez en faire une expérience de dégustation très agréable. Et c'est donc essentiellement ce que sont les micro-interactions. Il suffit de penser aux goûts Facebook. Pensez à chaque fois que vous aimez le poste de quelqu'un ou que vous interagissez avec un site Web ou une application spécifique, n'est-ce pas ? Ce seront des exemples des micro-interactions et de la façon dont elles sont de plus en plus répandues dans les applications et les sites Web d'aujourd'hui. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 72. Cours Adobe XD - Microinteractions: Bienvenue sur les micro-interactions dans XD. Aujourd'hui, nous allons explorer les éléments essentiels étaient défiler pour modifier les types de transition d'animation sur le vol stationnaire et ainsi de suite. Par une bonne interaction est quand vous pouvez modifier le processus de transition entre ses tableaux d'art et dans d'autres tableaux d'art. Donc vers l'extérieur pourrait être pop-up, j'ai acheté, pourrait être page écran, page web, et ainsi de suite. Commençons par l'animation O2. Vous voyez, j'ai créé deux graphismes presque similaires, mais à l'exception des vagues de chauffage ici. Et j'ai sélectionné cet élément aussi fait seulement en interaction avec un type d'action, même ici. Donc ces deux écrans sont reliés entre eux et ils vont et viennent. Et commençons par le second. Donc, vous voyez qu'il y a une légère animation sur cette balle molle. Notez que les couches doivent avoir le même nom et la même position. Ordre du calque. Parce qu'ils sont là, cache-le derrière le bol. Si je supprime cela, nous ne verrons pas cette animation telle que nous la voyons actuellement. Essayons. Oui. Voyez que ces calques apparaissent instantanément comme s'estompent et s'estompent. Mais ça ne nous donne pas un sens du mouvement comme ici. Notez donc que l'autre type d'interaction est la transition. Transition signifie que nous allons juste aller à ce bateau bizarre sans aucun effet. Eh bien, il y a une petite décoloration, mais c'est comme presque rien. Même chose pour nos cartes, qui ont des éléments d'interface utilisateur. Ici, nous avons l'animation automatique. Laissez-moi essayer à nouveau parce que le logo a le même nom, le même calque. Il monte et descend. Qu' arrive-t-il si je sélectionne la transition ? Donc aucun effet n'est appliqué. Overlay est le type d'interaction qui est utile pour les contextuelles ou pour d'autres fenêtres qui sont plus petites que vos tableaux d'art de base, comme dans notre cas, nous avons une icône de filtre sélectif et la sélection de superposition pour le filtre pop-up. Et voyons comment ça marche à nouveau. Juste pour le rappeler. Vous voyez qu'il superpose la maquette principale avec cet écran. J' ai également ajouté une petite teinte pour l'arrière-plan, donc il ajoute plus concentré au filtre de recherche. La chose extérieure que je voudrais expliquer est de faire défiler vers, faire défiler trop, est utile lorsque vous avez une longue page. Et un autre, un fait utile est en vol stationnaire, généralement utilisé sur le Barton, rarement utilisé sur les icônes. Tout d'abord, vous devez créer un composant à partir de votre bouton. Et vous verrez qu'il y aura un état par défaut. Vous pouvez ajouter un autre état, qui serait l'état de survol. Et dans les états de vol stationnaire à l'intérieur du conteneur, vous pouvez ajuster la partie visuelle de votre fond et voyons, Même pour vos autres boutons. N' oubliez pas de créer un effet de survol pour tous vos éléments qui peuvent être enfoncés ou survolés dans l'application mobile, veuillez créer un état Cliqué pour votre bouton. Vous pouvez nommer que c'est un conflit. Faites-le un peu plus sombre. Ok, je créerais un état de vol stationnaire. Veuillez noter que ces effets devraient être très légers car ils doivent être naturels. Encore une fois, vous pouvez changer la taille de vos robots et détester la couleur du texte. Sur le parcours inférieur, nous ne verrons pas l'effet de vol stationnaire sur l'appareil mobile. Il est plus pertinent pour les interfaces de bureau, cependant, vous devez créer les états supplémentaires. Donc, vos développeurs veulent du gaz, comment ces boutons vont regarder quand il est pressé ou déplacé ou glisser et ainsi de suite. Donc, je pense que le CCS assez pour que vous expérimentiez avec des micro-interactions dans XD. Et le dernier est le tableau d'art précédent, qui reprend généralement l'utilisateur comme ici, nous avons le bouton de retour. Vous pouvez convertir cet élément en composant et affecter le type de tableau d'art précédent et le copier aux endroits où vous avez sauvegardé la maquette. Mais, et chaque fois qu'un utilisateur clique sur ce bouton, il le ramènera. C' est utile pour une telle chose comme ici pour le filtre. Le filtre sera utilisé sur au moins deux écrans, les repas et les restaurants. Donc, au lieu de créer une icône de vêtements et de l'assigner, ok, imaginons que nous ayons ce filtre. Je voudrais avoir la transition ou il précédent bateau impair et j'ai affecté la superposition pour la section restaurants et les repas. Donc, vous voyez le filtre de recherche est apparu avec un bouton Cause. Et je retourne aux repas. Une fois que je suis dans les restaurants et que j'appuie sur Filter, ça me ramène aux restaurants. Vous pouvez donc ajouter ces deux éléments réutilisables dans votre application, comme des pop-ups, qui apparaissent ici et là à quelques endroits. Si nous n'avons pas cette fonction, vous devrez créer l'autre filtre qui pop-up, apparaît à partir de la section restaurants et assigner, ceux-ci ne sont pas nés avec des courses déprimées. Même ici. Eh bien, avoir un filtre de recherche séparé pop-up, qui aura l'icône de fermeture pour les repas. Il est plus facile de créer ces éléments qui pourraient être utilisés à plusieurs endroits dans votre application. Je pense que c'est tout pour l'instant par expérience d'interactions micro-ondes, essayez-le vous-même et vous souhaite bonne chance avec cette chose aussi intéressante à explorer et avoir une belle par. 73. Les composants de navigation: Dans cette vidéo, nous allons passer en revue les différents types de composants de navigation. Maintenant, c'est quelque chose que vous allez généralement voir en haut d'un site Web ou en haut d'une application où vous avez, disons, différents composants de barre de recherche, différents types de barres de menu, non ? Alors allons de l'avant et sautons dans les composants de navigation. Ok, donc les différents types de composants de navigation les plus courants que vous allez voir soit sur un site Web, une application ou tout type de logiciel que vous utilisez sera la barre de recherche. Vous avez des chapelures, des balises de pagination, curseur, différentes icônes et le carrousel. Alors allons de l'avant et plongons dans ceux-ci un peu plus loin. Donc le premier ici est la barre de recherche, non ? Et c'est généralement là que vous avez la possibilité de rechercher sur n'importe quoi sur le site, si vous voulez trouver, disons un individu, si vous voulez trouver un certain article, certain billet de blog, ou un certain morceau de de l'information. C' est là que vous allez pouvoir utiliser la barre de recherche ici. Et cela fournit une tonne de valeur pour l'utilisateur final parce qu'il est capable de trouver quelque chose très rapidement, non ? S' ils sont sur, disons YouTube, n'est-ce pas ? Ils veulent être en mesure de trouver une vidéo spécifique en allant là-bas et en tapant certains mots clés, certains noms n'est-ce pas ? Dans. Ce sera souvent très simple et facile pour eux de trouver ce qu'ils recherchent. Le prochain que nous allons couvrir ici, c'est la chapelure. Il s'agit essentiellement d'une sorte de ligne qui montre le chemin actuel vers l'emplacement réel. Donc vous verrez ici, nous avons la maison, puis nous avons une barre oblique à propos de nous. Et la barre oblique avant est vraiment la chapelure parce qu'elle vous montre la hiérarchie, n'est-ce pas ? Vous avez au sommet, vous avez à la maison, et ensuite vous avez à propos de nous sous ça. Et puis sous About Us, tu as de l'histoire, non ? Et il montre tous les différents niveaux dans cette section particulière. Et puis la pagination ici. C' est là que vous pouvez regarder tout en bas, disons, un blog ou d'un type particulier de publication de nouvelles de site Web où vous pouvez regarder toutes les différentes pages et même les pages actuelles sur lesquelles le site a du contenu, n'est-ce pas ? Il s'agit donc d'un type de navigation très simple à créer et à configurer. Il suffit de regarder le post précédent et d'être en mesure de se tenir au courant du post le plus récent, non ? Et puis nous avons les étiquettes ici. Et ce sera généralement le niveau de hiérarchie le plus bas pour trouver un contenu précis. Parce que vous pouvez facilement aller à la barre de recherche, en tapant ce que vous cherchez là. Vous pouvez taper comme différentes balises comme la conception UX, l'image de marque, quoi que ce soit. Cependant, pour la plupart, le moyen le plus simple et ce que les gens vont utiliser généralement et couramment est juste la barre de recherche et aussi la navigation d'en-tête dans le menu pour être en mesure de rechercher exactement ce qu'ils recherchent. Et puis nous avons le curseur. Et cela est utilisé pour définir la valeur de l'arrangement ou des valeurs et en particulier l'ensemble donné. Donc ça va généralement te montrer comme, hé, c'est le public cible entre, vous savez, 25 à 45, ou ça te montre, tu sais, ce que tu préfères. Ou ici en haut, il vous dit de fixer le poids de vos animaux. Vingt-cinq, jusqu'à, disons quelques kilos ou quoi que ce soit. Ou si vous êtes en kilogrammes, évidemment, ça va être différent. Mais cela va généralement être quelque chose qui est montré horizontalement. Parce que si vous le faites verticalement, il va prendre beaucoup de place et ça ne va pas très bien paraître. Donc, c'est mieux disposé sur un type horizontal de mise en page. Et puis nous avons les icônes ici. Icônes ou l'un de mes préférés ici parce qu'ils vous donnent vraiment une indication de ce qui est ce domaine particulier, non ? Comme si vous regardez tout en bas, vous avez un e-commerce, juridique et de conformité. Vous avez une belle petites icônes là avec les textes sous ceux-ci. Et ils vous donnent vraiment une bonne idée de ce qu'il s'agit de cette section. Donc je les aime beaucoup. Il y a évidemment un os à différents types d'icônes et différentes mises en page. Et la grande chose à ce sujet est aussi que vous pouvez les disposer d'une manière verticale ou horizontale aussi. Et ils vont tous les deux avoir l'air fantastiques. Évidemment ce que la verticale, vous voulez avoir des icônes plus petites afin que vous ne prenez pas trop de place, trop de place. Cependant, ce que les horizontaux, vous pouvez les rendre beaucoup plus grands, tout comme nous l'avons ici tout en bas avec la communication électronique, juridique et de conformité, puis la finance et la banque. Mais ils fonctionnent fantastiques. Ils ont fière allure aussi. Et puis on a le carrousel. C' est généralement là que vous allez voir un portefeuille où vous avez beaucoup de projets différents que vous avez réalisés dans le passé. Peut-être des œuvres d'art différentes, des photographies différentes. Ça va être le meilleur pour. C' est là que vous pouvez le faire. Donc c'est cliquable. Et disons que quelqu'un est sur votre site web et qu'il cherche votre portfolio. Vous pouvez avoir un carrousel là qui lui permet de voir différentes images si je suis des projets sur lesquels vous avez travaillé et puis ils peuvent cliquer sur ceux spécifiquement et se faire prendre à une page spécifique qui leur donne plus d'informations à ce sujet projet particulier. Ok, alors jetons un coup d'oeil à certains des différents facteurs quand il s'agit des spécifications mobiles ici. Ok, alors rappelez-vous, quand vous concevez une application web, il est important que vous compreniez les différences entre les différentes polices, les différents éléments, et la taille qui va être requise sur un ordinateur de bureau par rapport à un mobile, n'est-ce pas ? Parce que ce sera évidemment complètement différent type de mise en page, interface utilisateur pour un téléphone mobile. Et vous devez être en mesure d'être conscient de la différence là-bas. Donc, si vous avez une application très belle qui fonctionne bien sur le bureau, mais il peut être en deçà de la conception sur les spécifications mobiles. Tu dois garder ça à l'esprit en tout temps. Et certains des facteurs clés que vous voulez garder à l' esprit ici sont évidemment la taille de la police, différents éléments, les différentes formes. Si vous avez comme les gens qui remplissent des applications et dans l'ensemble la mise en page et la conception ainsi que vous êtes en mesure de maximiser la quantité d'espace que vous avez et que vous ne portez pas tout mélangé. Il est donc facile pour la personne de naviguer. Parce que rappelez-vous, les téléphones mobiles sont essentiellement les leaders en ce moment dans les sources de trafic. Et c'est là que la majorité du trafic va venir pour les applications de sites Web. C' est pourquoi nous voulons que ces personnes naviguent sur l'application, le site Web, tout ce qui peut être juste à travers leurs téléphones mobiles. Jetons un coup d'oeil aux spécifications mobiles un peu plus loin. Quelle est la taille de la police ici ? Nous voulons nous assurer que nous avons au moins 16 pixels, puis aussi augmenter l'espacement des lignes. Vous pouvez voir ici sur cette image à droite, c'est un type fantastique d'interface utilisateur. Ils sont beaux, design, gentils et simples. Tu n'en as pas trop, ils vont continuer. Et puis aussi la taille d'un élément, au moins 44 par 44, sorte qu'il ne soit pas trop grand, pas trop petit, mais il est très facile de regarder et de naviguer à travers. Et puis la carte thermique, c'est là que vous allez évidemment regarder où les gens cliquent, où les gens passent leur temps, s'ils tournent à la fois sur, disons, lire des articles par rapport à une page en particulier, vous voulez être en mesure de voir ce que font ces personnes sur leur téléphone mobile lorsqu'elles utilisent mon application, quand elles sont sur mon site Web, n'est-ce pas ? C' est très important là. Et puis les forums, non ? Si vous avez une sorte d'application qui permet aux gens de remplir leurs informations, vous êtes en train de recueillir ou vous faites que des gens s'inscrivent en tant qu'utilisateur, n'est-ce pas ? Créer un nom d'utilisateur, avoir un mot de passe là-bas. Vous voulez également envisager d'avoir une carte thermique ici et faire en sorte que ce soit agréable et simple, non ? C' est là qu'ils ont la page entière essentiellement comme la forme réelle sur laquelle il se concentre réellement, non ? Parce qu'il suffit de penser à avoir un formulaire sur un site Web particulier, page de destination ou autre, n'est-ce pas ? Et vous avez cette forme qui est juste sur un petit morceau de ce site particulier sur cette disposition pour le téléphone portable, n'est-ce pas ? Ça va être très distrayant pour l'utilisateur. Donc vous voulez qu'ils cliquent sur un bouton et les emmènent à s'inscrire pour que c'est tout ce qu'ils ont devant eux pour qu'ils puissent se concentrer sur le fait juste et s'inscrire, non ? Moins de distractions. Et puis jetons un coup d'oeil à quelques grilles de mise en page ici. Vous voulez préserver la lisibilité. Tu veux avoir plus d'air dans l'espace, non ? Tu ne veux pas que les choses se brouillent. Vous voulez avoir trois manuels pour une colonne, cinq éléments par ligne. Pensez à avoir un cadre spécifique et personnalisé à ce que vous cherchez à accomplir ici. Mais celui-ci ici, vous pouvez voir de ce téléphone mobile ici est génial parce qu'il n'y a pas trop de choses qui se passent là-bas. Il est très facile de regarder ce qui se passe là-bas et ce que vous pouvez choisir, ce que vous pouvez sélectionner. Alors pensez vraiment aux différentes grilles de mise en page et aux spécifications sur cela. Ok, alors jetons un coup d'oeil aux spécifications mobiles ici pour un téléphone Android, non ? Parce qu'ils vont être un peu différent d'un IOS, téléphone Apple et divers autres fabricants de téléphones là-bas. Donc, pour le portrait mobile, ce sont les différentes spécifications que vous voulez garder à l'esprit. Même chose pour le paysage mobile, un portrait pour les tablettes, puis un paysage pour une tablette aussi bien. Donc, quand vous concevez différents éléments, différents composants, n'est-ce pas ? Vous voulez garder ces à l'esprit pour Android. Et puis voici pour l'iPhone, vous voulez vous assurer que vous avez la colonne et la marge 16. Et puis pour l'iPad, vous voulez avoir une colonne et 16 marge aussi. Et puis évidemment, vous allez avoir une orientation différente pour le paysage de l'iPad, puis aussi pour la mise en page du bureau. Alors assurez-vous de bien comprendre les différentes mises en page, les spécifications, n'est-ce pas ? Lorsque vous créez des applications différentes, parce que pour la plupart du temps, lorsque vous concevez ou créez différentes applications qui vont être utilisées à peu près exclusivement sur le téléphone ou sur des appareils portables. Donc, vous voulez vous assurer que vous avez les bonnes spécifications, les bons types de colonnes par type de marge, afin qu'elles apparaissent bien sur les appareils appropriés. Et voici quelques spécifications pour le Bootstrap. Vous voulez regarder les téléphones à nos 768 pixels ou les tablettes. Vous voulez regarder 768 pixels, 15 pixels de chaque côté de la colonne. Encore une fois, c'est quelque chose que vous voulez être en mesure de regarder , d'utiliser et de naviguer par vous-même. Je vous donne juste quelques spécifications différentes que vous devriez garder à l'esprit. Et ce que vous pouvez faire. Beaucoup de fois, il est juste aller sur différentes applications, différents sites Web, et regarder quelles sont les tendances actuelles, n'est-ce pas ? Regardez les différents rapports et essentiellement être capable d'émuler comment ces gars ont exposé leurs conceptions actuelles et être en mesure de regarder, ok, quelles sont certaines choses que je suis des idées, quelques cadres différents que je peux enlever de ces individus, à partir de ces différentes applications, ces différents modèles. Et puis je peux l'utiliser dans mes propres designs aussi. Et puis enfin ici, nous avons le guide de l'utilisateur. Et c'est génial pour les nouveaux utilisateurs introduisant une nouvelle fonctionnalité mise à jour dans une interface utilisateur. Et donc c'est généralement ce que vous allez voir quand quelqu'un arrive sur un site Web qui a différents contenus, différents types d'informations où vous voulez que les gens s'inscrivent, n'est-ce pas ? Ou c'est peut-être un service qui est gratuit ou peut-être payé, ou peut-être qu'ils ont une version gratuite et ensuite vous pouvez mettre à niveau. Vous voulez qu'il soit agréable, simple et facile pour eux de s'inscrire, d'entrer leurs informations, et de pouvoir s'inscrire en tant qu'utilisateur et faire partie de ce site Web ou application logicielle en particulier. Et donc cela va être ici pour les composants de navigation de l'interface utilisateur. Et on se verra sur la prochaine. 74. Aperçu de la section d'optimisation: Dans cette vidéo, nous allons passer en revue l'aperçu de la section d'optimisation. Donc, cela va être une section ici où nous allons examiner différentes choses comme comment obtenir des commentaires revendiqués, différentes questions qui demandent comment optimiser une application particulière ou un site Web après qu'il a été créé. Comment utiliser les analyses, comment utiliser les données et différents outils pour optimiser et optimiser les performances de l' application Web ou de tout type de projet que vous avez développé. Allons de l'avant et sautons dans l'optimisation. Donc, l'une des premières choses que nous allons examiner est les commentaires des clients. Comment donner des commentaires du client. Obtenez également des références et être en mesure d'obtenir de nouveaux clients, de nouveaux clients. Et puis ce qui précède la règle de pliage, l'importance de cela, comment cela fonctionne, comment cela va rendre le site beaucoup plus facile à lire et à naviguer à travers. Ensuite, nous allons voir comment utiliser les outils d'analyse. Comment utiliser différents outils pour être en mesure de recueillir des données, pour être en mesure de regarder d'où vient le trafic, pour être en mesure d'analyser une démographie et être en mesure d'utiliser ces données pour optimiser plus efficacement les performances du site Web ou l'application elle-même. Et puis nous allons passer en revue l'utilisation de cartes de chaleur et de différents emplacements d'éléments. Il cartes sont une bonne chose à avoir sur un site Web, surtout quand vous cherchez à savoir où tout le monde interagit avec votre site à quels sont les différents éléments sur lesquels ils sont en train de cliquer ? Quelles sont les différentes zones qu'ils visitent le plus, où ils passent le plus de temps sur les cartes thermiques dans les placements d'éléments sont très importants là. Ainsi que les outils d' optimisation vont passer sur différents outils que vous pouvez utiliser si dans les ressources pour améliorer la performance globale du site, n'est-ce pas ? Parce que vous avez développé un site Web là-bas, vous allez avoir du trafic entrant et vous voulez être en mesure de voir d'où il vient, quel type de trafic il s'agit, quelles sont les différentes sources ? Leurs campagnes publicitaires sont-elles également menées ? Donc, vous voulez être en mesure d'analyser vraiment ces données, optimiser l'application ou le site Emacs. Et puis nous allons passer en revue quelques lignes directrices sur l'interface humaine, certaines choses que vous devriez garder à l'esprit. Et puis, enfin, aller vous fournir quelques liens utiles que vous pouvez utiliser pour être en mesure de regarder les différents outils et ressources sont fournis pour vous dans cette section. Donc, nous sommes vraiment excités que vous commenciez et nous vous verrons sur la prochaine. 75. Examen des commentaires et l'obtention de parrainages: Dans cette vidéo, nous allons passer commentaires et les recommandations de votre clientèle existante. Cela va être un facteur très important ici quand il s'agit de vous faire du freelance ou tout type de consultation client parce que vous voulez vous assurer que vos clients sont heureux, insatisfaits des résultats en ce que vous pouvez obtenir un type supplémentaire de clients de la relation actuelle que vous avez déjà établie. Parce qu'obtenir des clients est un défi en soi. Et donc, lorsque vous pouvez tirer parti des clients existants avec lesquels vous avez travaillé, que vous avez été en mesure de fournir différentes conceptions d'applications pour différentes conceptions Web pour juste ? Vous voulez en tirer parti et être en mesure d'obtenir des renvois de ces clients particuliers. Donc, nous allons entrer dans les commentaires et obtenir des références, d'accord, donc une des premières choses que vous voulez faire ici après avoir terminé un projet, c'est que vous voulez demander des commentaires et un avis. Tu veux leur demander, hé, comment était ton expérience ? Êtes-vous satisfait des résultats finaux ? Quelles choses auraient pu être améliorées ? Y a-t-il quelque chose qui aurait pu être mieux fait, non ? Vous voulez toujours être en mesure de récupérer cette information ou votre propre préférence personnelle et ensuite toujours demander des références. Hey, connaissez-vous quelqu'un d'autre ou toute autre société là-bas qui pourrait bénéficier de mes services aussi. Et ce sont les moyens les plus faciles d'obtenir des clients supplémentaires, n'est-ce pas ? Et l'une des meilleures façons de recueillir les commentaires des utilisateurs et les commentaires clients est d'avoir une sorte de questionnaire de sortie juste après avoir terminé un projet, envoyer cela à un client et de leur faire savoir, hey, écoutez, comment a été votre expérience ? Vous avez des questions telles que la conception à la hauteur de vos normes, ce qui aurait pu être amélioré ? Et une bonne chose à utiliser est les formulaires Google. C' est très simple à utiliser. Vous les envoyez simplement via un lien que vous avez créé dans Google Forms. Et c'est très facile pour eux de répondre aux questions. Ou souvent, vous pouvez simplement les envoyer par e-mail et juste avoir une liste de questions et leur faire savoir, hey, écoute, c'est une question dans ou que nous avons et que nous envoyons à tous nos clients parce que nous voulons obtenir le bon type de commentaires. C' est très important ici. Et quand vous travaillez en freelance, lorsque vous travaillez avec des clients, vous voulez avoir une sorte de sortie, peut-être une entrevue ou un questionnaire de sortie pour savoir ce que vous pouvez améliorer. Vous commencez à voir des tendances sur certaines des choses où vous pouvez peut-être améliorer que vous avez laissé tomber la balle sur. Et je dirais probablement que la chose la plus importante ici à garder à l'esprit est que demander des références sont beaucoup de fois que les gens ne veulent pas déranger les clients ou ne veulent pas demander de références parce qu'un, vous savez, pour une raison quelconque ont quelques une sorte de peur derrière elle. Cependant, ce sont les meilleures personnes pour parler à de nouveaux clients parce qu'ils ont déjà expérimenté travailler avec vous. Ils vous ont déjà payé, vous êtes payé pour vos services. Et au moins, ce que vous voulez obtenir de ces gars est une sorte d'étude de cas ou une sorte d'e-mail qui dit, Hey, travailler avec tellement et ainsi était une expérience agréable. Ils ont pu concevoir, c'est à la hauteur. Et le design était incroyablement beau. Des choses de cette nature où ils peuvent fournir une sorte de recommandation de recommandation, écrire une étude de cas qui leur permet de savoir que vous avez fait un excellent travail en ce qu'ils vous recommanderaient à d'autres clients, car alors vous pouvez utiliser cela est sur votre sur vos différents profils, sur différents sites web freelance. Et vous pouvez vous en servir pour obtenir d'autres clients. Mais rappelez-vous toujours, demandez des renvois à quelqu'un d'autre qu'il envisagerait ou s'il connaît quelqu'un qui bénéficierait également de vos services. Donc il sera là pour l'examen des commentaires et nous vous verrons sur le prochain. 76. Règle « “Above le pliage »: Dans cette vidéo, nous allons couvrir la règle de pliage ci-dessus. Maintenant, c'est quelque chose qui est très important à comprendre lors du développement de différents sites Web, même avec des applications elles-mêmes. Cependant, les sites Web seront les plus importants ici parce que c'est ce qui va généralement être affiché en haut de ces sites Web. C' est le premier type d'interaction ou d'information que l'utilisateur final réel va être vu sur ce site Web. Il est donc très important de le disposer correctement, avoir le bon type de choses là, et de s'assurer que c'est super simple et facile pour l'utilisateur de naviguer à travers. Mais ils ont aussi une vue d'ensemble et une idée de ce qu'est le site Web ou l'application. Mais surtout pour le droit du site, parce qu'avec le site, vous voulez être en mesure d'avoir le tout premier au-dessus des informations de pliage là-bas. Vous dire exactement ce que ce site Web, où est cette affaire, ou comment ils peuvent vous aider, n'est-ce pas ? Alors allons de l'avant et plongons dans la règle ci-dessus du pli. Donc, comme je l'ai mentionné, c'est la première image ou écran que l'utilisateur voit. C' est le contenu prioritaire ici. Dès qu'ils atterrissent sur votre site, vous voulez qu'ils sachent exactement qui vous êtes, ce que vous faites, et pourquoi c'est important pour eux, n'est-ce pas ? Tu veux qu'ils puissent voir, d'accord. Je suis sur ce site. Je sais exactement ce qu'ils font vs. Si vous remarquez que vous allez à certains sites Web qui ne sont pas très bien disposés mais ont toutes sortes de choses différentes sur la page d'accueil, à l'écran. Et vous ne savez pas vraiment de quoi il s'agit du site. Et vous devez passer par le site pour savoir ce que cette entreprise ou cette marque ou quoi que ce soit qui peut être ou application, à droite, est à peu près très important de l'utiliser à bon escient jusqu'à la zone de pliage ci-dessus et utiliser différents mots puissants. Faites-leur savoir exactement ce que vous faites, comment vous les aidez ou comment vous servez le marché. Si vous travaillez avec les clients, vous voulez prendre note de leur clientèle particulière, leur marché, des cibles qu'ils ciblent, et vous assurer qu'ils répondent à ce marché spécifique. Vous ne voulez pas avoir de nombreux types de fenêtres contextuelles ou tout type de distractions. Vous voulez qu'il soit droit au point, souvent comme une image ou vous avez une image avec un fond sombre et puis vous avez comme texte blanc vraiment faire ressortir le texte réel qui a également l'image en arrière-plan. Donc aussi considérer différents types d'appareils, les tailles, non ? Et partout où vous pouvez utiliser l'interaction, l' interactivité pour engager l'utilisateur dans la mesure du possible. Donc, souvent de nos jours, où vous avez comme un site de design moderne, vous verrez, généralement quand vous atterrissez sur le site, tout apparaîtra et il sera interactif. Ainsi, les mots viendront comme un glissement ou du haut, du bas. Même chose pour l'image. Assurez-vous donc d'utiliser certains de ces types d'éléments également. Et ceci est une capture d'écran ici pour mon site web particulier pour une de mes entreprises. J' ai la règle de pliage ci-dessus ici que j'implémente Où j'ai en haut, j'ai le menu, et puis c'est la page d'accueil. Vous pouvez y voir qu'une image en arrière-plan, c'est essentiellement un type d'image de sécurité, puis il y a un calque sombre derrière elle aussi. Et quand vous atterrissez sur mon site, vous pouvez voir ici à partir du texte et du bouton là, il vous indique exactement ce que nous faisons et comment nous aidons les entreprises. Et puis il y a un bouton là pour être en mesure d'en savoir plus. Nous aidons donc les entreprises de sécurité à réserver des réunions et à sécuriser les contrats. Donc si quelqu'un qui a atterri sur mon site, c'est vrai, tu as raison. De toute évidence, dès la première seconde où ils atterrissent ici, sauraient pas exactement ce que je fais de l'entreprise, comment cela aide, vous savez, différents clients et finalement ce que l'entreprise est accomplie, n'est-ce pas  ? Donc, il est important de savoir là dans les notes que chaque fois que vous concevez n'importe où au-dessus du pli et que vous utilisez cet espace pour le rendre afin qu'il interagisse avec l'utilisateur et qu'il leur dise exactement de quoi il s'agit. Donc, ça va être là pour le, au-dessus du pli et au-dessus de la règle du pli. Rappelez-vous que vous voulez faire en sorte que lorsque quelqu'un atterrit sur cette zone particulière, il sache exactement de quoi il s'agit et qu'il comprenne pourquoi il devrait rester ici ou prendre les mesures que vous voulez qu'il prenne dire, c'est ça ? Donc ça va être là pour celle-là, et on se verra sur la prochaine. 77. Cours Adobe XD : concevoir un puissant dessus du dossier: Salut là. Dans cette vidéo, nous allons concevoir au-dessus de la section chutes pour les mises en page mobiles et de bureau. Commençons par une description de la valeur par défaut ci-dessus. Au-dessus de la faille se trouve la première zone vue. Ces pointillés en x D nous montrent où se trouve cette section. Laissez-moi vous montrer un exemple. C' est le niveau auquel la maquette d'une scène. C' est donc le premier écran sans défilement. Idem pour mobile. Commençons à concevoir quelque chose de beau. Je vais créer la navigation supérieure pour l'instant. Laisse-moi mettre un logo ici. J' ai le logo. Quelques liens pour la navigation. Tout d'abord, vous devez placer un texte puissant. Je ne prétends pas être un meilleur CodeWriter au-dessus du pli peut n' avoir aucun appel à l'action ou avoir un appel à l'action ou plusieurs traction d'appel. Comme moi, vous montrer le Bob par défaut avec deux CO, deux actions. Définissons la taille du BALTAM. Ceux-ci, que celui-ci sera la priorité principale. Je pense que le bon serait l'appel à l'action hautement prioritaire. L' autre sera le bouton secondaire. Maintenant, nous avons une structure des deux que nous aimerions inclure dans notre ci-dessus le pli. Maintenant, il est temps de définir l'arrière-plan, qui bien sûr être accrocheur, fascinant, remarquable. Un que je vais utiliser sur splashing Paxos.com parce qu'ils ont des actifs gratuits. Voici l'image. Bien sûr, l'image devrait être émotionnelle. Le processus de cueillette de l'image est le plus difficile. Maintenant, il est temps de rendre le texte lisible. Ici, nous avons le bouton Ghost. Et nous pouvons sous friands que nous voulons. Donc, nous avons utilisé tous les défauts du système d'exploitation. Maintenant, il est temps de teinter un peu l'image pour que le texte convienne. Ou nous avons menti à des options sombres pour les balises. On va créer une autre couche avec une capacité avec un filtre. Bien, mieux que moi, mais toujours pas parfait. C' est de la récolte. Certains cas où vous avez la chance d'inverser votre logo en blanc au lieu d'être noir. Vous pouvez le faire afin de créer une section transparente sur la section par défaut. Et donc ça ressemble à ça. Veuillez vous assurer que votre marque prend en charge les couleurs inversées dans le logo. Donc, je vais travailler sur fond sombre, semble mieux. Donc, je voudrais ajouter un peu d'accent ici sur ces boutons, donc plus attrayant et à la mode. Même terme. Je pense que c'est tout. Vous pouvez le terminer en créant le composant à partir de ce bas. Contrôle plus K, n est petite animation. On peut déplacer la flèche un peu vers la gauche. Peut-être qu'un passage est trop ici, peut aller sans. Essayons. Et pour les fonctionnalités, nous pouvons ajouter une certaine capacité sur le port. Juste cette légère capacité en vol stationnaire. Ça se sent comme interactif. Peut-être qu'on a besoin de plus de capacité. D' accord. Vous pouvez faire des effets similaires pour deux d'entre eux. Ok, maintenant, ce qui reste est d'attacher le lien à vos boutons afin de prendre votre utilisateur dans la bonne direction. J' espère que cette vidéo a été utile. Merci beaucoup pour votre attention. se voit dans notre prochaine leçon. 78. Utiliser des analyses pour l'optimisation: Dans cette vidéo, nous allons passer en revue la puissance de l'analyse. Donc, vous concevez un site Web, vous avez conçu une application particulière, sorte de logiciel. Et maintenant, vous obtenez du trafic grâce à la publicité payante ou à n'importe quel type de recherche organique ou quoi que ce soit, n'est-ce pas ? Vous avez des visiteurs là-bas, vous avez des utilisateurs interagissant avec la plate-forme, l'application. Donc, ce que vous voulez faire maintenant, c'est que vous voulez commencer à analyser ces données et commencer à analyser ces utilisateurs tels que, d' où vient-ils ? Combien de temps restent-ils sur les sites Web qui avaient été des sources de trafic, n'est-ce pas ? Donc, c'est là que nous allons sauter, être en mesure d'analyser tous ces utilisateurs, tout ce trafic, et comment vous pouvez regarder différents points de données clés. Vous pouvez donc utiliser ces données à votre avantage. Alors allons de l'avant et passons à l'utilisation de l'analytique. Donc, avec l'analyse, vous allez être en mesure de découvrir tant de choses différentes sur votre trafic, sur le site Web en ce qui concerne la proportion de nouveaux utilisateurs par rapport aux visiteurs revenant. points de données supplémentaires tels que la page un taux de rebond, ce qui signifie que combien de fois quelqu'un va aller sur un site Web ou une page d'accueil, n'est-ce pas ? Et la proportion ou le pourcentage de personnes qui quittent juste après avoir consulté ce site Web parce que ce n'est pas ce qu'elles recherchent. Vous voulez que ce taux de rebond soit très faible parce que vous voulez que les se rendent réellement sur votre site Web parce qu'ils vous ont trouvé lors de la recherche, ou qu'ils ont cliqué sur votre annonce ou n'importe quel type de méthode qu'ils ont choisie ou qu'ils ont utilisée pour aller sur votre site Web et que tout soit pertinent, n'est-ce pas ? Parce que disons que vous avez comme un entonnoir de vente, vous avez une annonce qui parle une offre spécifique ou d'une fonctionnalité spécifique ou quoi que ce soit, n'est-ce pas ? Votre intention est de les amener à votre site Web, à votre page d'accueil. Maintenant, s'ils passent par l'entonnoir des ventes et qu'ils cliquent sur certaines pages. Et finalement, après quelques étapes différentes, ils atterrissent sur votre site Web, puis ils partent rapidement parce que les informations que vous avez présentées sur l'annonce et sur la page de destination ne sont pas pertinentes par rapport à ce qu'ils recherchent. C' est là que vous allez avoir un taux de rebond élevé. Un bon exemple de cela est disons que vous avez comme une entreprise qui est une brique et un mortier. Ce n'est qu'un exemple ici. Et vous avez un dentiste qui offre une offre d'implants dentaires 4909, non ? Un des autres exemples que nous avons fait dans l'entonnoir des ventes et les pages de destination. Donc, si cette personne clique sur la publicité réelle et sur la page d'accueil, disons qu'elle parle peut-être de nettoyage ou qu'elle ne parle rien des implants dentaires. Eh bien, ils vont sortir de cette page très rapidement parce que ce n'est pas pertinent pour ce qu'ils ont choisi de faire, ce qu'ils ont cliqué aussi loin que ce qu'ils ont vu dans l'annonce. C' est pourquoi il est hyper important que le taux de rebond soit réduit. Et vous avez les publicités, vous avez vos requêtes de recherche là-bas. Ils sont tous pertinents par rapport à ce que les individus recherchent. Les deux prochains morceaux de données sont la source de trafic. Et puis aussi comprendre si vous êtes n'importe quel type de langues, vous savez, parfois vous pouvez avoir besoin d'ajouter une langue différente si vous remarquez que des gens de différents pays vont là-bas comme évidemment ce que les gens utilisent la majorité de l'époque. Et c'est juste un excellent moyen de regarder le mobile par rapport au bureau, mais aussi de regarder quel type spécifique d'appareils utilisent. Et une autre chose que vous pouvez découvrir avec l'utilisation de l'analytique est de regarder les audiences et de regarder l'utilisateur Pat. Alors, quel type de chemin empruntent-ils pour atterrir sur votre site Web ? Est-ce qu'ils proviennent d'un lien externe ou viennent directement sur les sites Web ? Est-ce qu'ils viennent d'une publicité spécifique, à droite, sorte que vous pouvez vraiment suivre comment cet utilisateur a fini sur le site, informations très importantes. Et puis aussi être capable d'exécuter des tests AB, n'est-ce pas ? Le test AB est essentiellement l'endroit où vous avez deux annonces différentes qui ont essentiellement un type de contenu similaire. Mais il y a un petit composant qui est modifié dans l'une des annonces de sorte que vous testez, disons un titre, disons une image. Cependant, pour la plupart, vous allez les avoir les mêmes avec un seul composant particulier qui est modifié. Un bon exemple de ceci est, disons que vous avez deux types d'annonces différents, euh, vous testez et vous avez le même message de copie sur ces deux annonces. Cependant, le seul composant que vous testez est l'image. Donc vous voulez voir quelle image est en fait celle qui a le plus résonné avec les gens. Donc, c'est ce que vous considérez comme un type AB de tests divisés, n'est-ce pas ? Là où vous testez un seul composant et où vous allez pouvoir trouver toutes ces données se trouve avec Google Analytics, ce qui est fortement recommandé. C' est gratuit tous les sites Web ou application web. Si c'est la santé en ligne, vous pouvez y joindre Google Analytics et être en mesure de regarder toutes ces différentes données. Ainsi, vous pouvez vraiment regarder quel type d'utilisateurs sont vraiment engageants et interagissant avec le site Web ou l'application. Donc ça va être là pour l'utilisation de l'analytique. Et on se verra dans la prochaine. 79. Cartes de chaleur et éléments: Dans cette vidéo, nous allons passer en revue l'importance d' utiliser des cartes de chaleur et un tas d'autres ressources différentes vous aurez besoin afin de vous assurer que vous analysez le site Web ou quel que soit le type de produit que vous développé où vous avez un trafic constant, vous avez une interaction constante avec différents publics. Alors allons de l'avant et passons à l'aide de cartes de chaleur et de quelques ressources supplémentaires. Maintenant, quand il s'agit de l'expérience utilisateur et de l'interface utilisateur, les cartes thermiques sont l'un des moyens les plus puissants que vous pouvez vraiment mesurer la conception globale de cette application ou site Web en particulier. Parce que vous pouvez regarder où les gens passent leur temps. S' ils passent leur temps sur la navigation d'en-tête ou le temps de passer réellement, vous savez, jouer avec les différents facteurs sur le site Web tels que le corps du texte ou sur la barre latérale, ou sont-ils en cliquant sur un bouton spécifique sur lequel vous voulez qu'ils cliquent afin qu'ils puissent passer à la prochaine étape de votre entonnoir de vente, est-ce que l'achat d'un produit, n'est-ce pas ? Disons qu'il y a un magasin de commerce électronique. Vous voulez vous assurer et regarder où vont les gens. Est-ce que la sélection en fait l'ajout au panier, est-ce que la vérification en fait ? Pourquoi ils ne vérifient pas ? Où passe-t-on la majorité de leur temps ? Et donc ce que vous pouvez faire est d'utiliser le regroupement pour différencier u, iv et sections, non ? Vous pouvez utiliser l'en-tête et voulez vous assurer, hey, combien de prêts leur temps sur l'en-tête, comment nouveau passer leur temps sur le pied de page, Holman, vous êtes en fait cliquer sur certains boutons. Donc, vous voulez vraiment que cela soit très précis. Et l'une des choses que vous pouvez faire est également d'utiliser les espaces un peu là pour préserver la lisibilité, en particulier sur les appareils mobiles, vous voulez faire en sorte qu'il y ait beaucoup d'espaces. C' est donc facile à lire, c'est facile de naviguer dans une expérience agréable, non ? Parce que si vous avez tellement de choses sur une page particulière, il suffit de penser à cette image ici. Évidemment, ce n'est pas un site Web ou une application, c'est juste vous montrer différents éléments. Cependant, imaginez juste si vous avez atterri sur un site qui avait tous ces boutons différents, tous ces différents composants et mélangé comme ça ensemble, n'est-ce pas ? Ce ne serait pas une expérience très agréable ou passionnante. Vous seriez confus. Ce serait trop de choses en même temps. Ils sont très importants pour vous assurer de préserver les espaces blancs pour meilleure lisibilité et vous augmentez l'espacement des longueurs sur les appareils mobiles. Et l'une des choses que vous pouvez aussi faire est de chercher à utiliser des morceaux de textes plus courts, non ? Donc, si vous regardez cette image juste ici, vous avez juste de petits morceaux de texte tels que l'inscription, la connexion. Vous avez, disons, babillard ou dernier message, choses qui vont être de très courts morceaux de textes ou qui ne mangent pas beaucoup de place. Et vous voulez toujours vous souvenir des fondamentaux de l'interface utilisateur, n'est-ce pas ? Vous voulez vous assurer que vous avez assez d'espace pour tous les différents composants, tous les différents éléments. Et vous les utilisez de manière appropriée et vous n' écrasez pas un utilisateur lorsqu'il utilise les sites Web, lorsqu'il se trouve sur le site Web ou lorsqu'il utilise une application spécifique. Ok, donc maintenant jetons un coup d'oeil à quelques outils de recherche que vous allez pouvoir utiliser. Comme je l'ai mentionné précédemment, un Google Analytics va vous donner un excellent aperçu de l'origine du trafic. Types, trafic que la démographie que les emplacements, les âges et les appareils. Même chose avec l'index i, cependant, Google Analytics est probablement le plus fiable en ce qui concerne la source, car vous pouvez simplement le connecter au site Web et il va être mesure de tirer dans tous les différents types de sources. Donc, la prochaine chose que vous voulez regarder est la ligne directrice de conception de l'interface humaine, en vous assurant que vous avez les bonnes directives configurées pour les différents appareils iOS, non ? Sur un ordinateur portable, sur une tablette réelle, la montre réelle aussi, non ? Et c'est quelque chose qui est assez nouveau sur le marché, ainsi que sur les téléviseurs Apple. Et puis voici quelques liens utiles que vous pouvez également utiliser. Donc, nous avons n un matériel de point com dans le groupe, point au slash design, je conçois inspiration.com, puis un tas d'autres ressources différentes ainsi que vous pouvez vérifier aussi loin que pour l'amélioration globale de l'optimisation de la l'application ou tout autre produit que vous avez développé ou construit. Donc, ce sera là pour les cartes de chaleur, emplacements et les ressources supplémentaires. Et on se verra sur la prochaine. 80. Établir un rapport d'utilisation: Dans cette vidéo, nous allons passer en revue l'élaboration de votre rapport d'utilisabilité. Ce genre de rapport sera donc idéal pour une vérification. Disons que vous avez un client potentiel qui veut faire du travail et qu'il voulait avoir un aperçu de son site actuel et de ses fonctionnalités. Une des choses que vous pouvez faire est de créer un rapport d'utilisabilité pour les montrer et identifier différentes opportunités, différents types de conceptions qui les aideraient vraiment et leur montrer différents problèmes techniques, différents problèmes de vitesse du site, différents problèmes de référencement, et vraiment parler de différents types d'amélioration. Deuxièmement, vraiment améliorer ce site Web ou l'application. Et cela va aller beaucoup, surtout dans la phase initiale des enchères où disons que vous enchérissez sur ce projet particulier et que le client veut que vous mettiez en avant votre meilleur pied, n'est-ce pas ? Mettez votre meilleur pied en avant. Eh bien, vous pouvez leur envoyer un rapport d'utilisabilité particulier et leur montrer, hé, c'est ce que j'ai trouvé sur votre site. Ce sont les problèmes, les problèmes, vous savez, les opportunités que j'ai trouvées. Et puis ça vous met vraiment en avance sur la courbe. Et cela vous place dans un niveau différent de celui votre concurrence parce que vous êtes prêt à fournir valeur avant d'être payé pour l'un des services réels. Donc, une fois de plus, le rapport sera pour un client et certains des objectifs les plus communs ici que vous allez passer par et réellement inclure est d'identifier les opportunités, rechercher différents changements de conception qui peuvent facilement augmenter leur expérience utilisateur, interface utilisateur, puis également identifier les différents problèmes techniques que j'ai mentionnés. Et puis numéro quatre, vous pouvez discuter différents types d'amélioration. Donc, lorsque vous examinez les objectifs commerciaux ici, ce sera la toute première chose que vous devez comprendre. Vous devez comprendre ce qu'ils tentent finalement de réaliser ou essayent-ils de vendre un produit ? Essaient-ils de vendre un service ? Ou ils essaient simplement d'obtenir des inscriptions par e-mail, ou ils essaient simplement d'amener les utilisateurs à s'inscrire à une application particulière. Tu sais, qu'est-ce qu'ils cherchent à accomplir ? Je veux vraiment être capable de comprendre ça. Et une fois que vous avez cet objectif final de vos clients, et alors tout le reste peut simplement suivre. Vous comprenez donc les objectifs commerciaux, le but ultime que vous cherchez à atteindre. Maintenant, vous voulez comprendre les flux de persona et d'utilisateur. Est-ce qu'ils ont le bon type de marché cible qu'ils recherchent ? Comprennent-ils leur marché cible ? Comprennent-ils les besoins, les besoins, non ? Et ont-ils un flux spécifique ou un parcours client ou même un entonnoir de vente, à droite, pour qu'ils suivent et passent réellement à travers pour devenir un client payant ou pour réellement s'inscrire à une liste e-mail ou quoi que ce soit, quelle que soit l'action ils veulent qu'ils prennent. Ainsi, vous pouvez dessiner cela ici dans Adobe XD, et nous allons l'avoir dans Adobe X z. Dans la leçon suivante, Arthur va vous expliquer comment créer un rapport de convivialité à partir de zéro. Vous n'avez pas besoin de le créer à partir de zéro. Vous pouvez obtenir un modèle. Il suffit de modifier vous-même certaines informations, cependant, vous allez pouvoir voir comment créer cela dans Adobe XD à partir de zéro. Dans ce dessin particulier ici est créé en tirage que I0. C' est un excellent outil qui vous donne vraiment la possibilité mettre en page et de cartographier un flux utilisateur spécifique, n'est-ce pas ? Et puis en descendant ici, en travaillant avec des données, c'est là que vous avez pu accéder à peut-être à leur Google Analytics ou à tout type de logiciel analytique qui leur montre quelles sont les caractéristiques démographiques de ce trafic ? Quel type d'appareils utilisent-ils ? Vous pouvez utiliser des sites comme SEMRush qui vous donnent vraiment une bonne indication des visiteurs du site Web réel combien de trafic provient, qu'ils aient ou non un trafic ainsi. Et donc vous n'avez pas besoin d'avoir accès à leur Google Analytics moins qu'ils ne vous aient réellement donné accès à cela, n'est-ce pas ? Et puis en descendant ici, examen de la convivialité, le regardant marcher à travers, peut-être disons acheter un produit ou s'inscrire comme un email opt-in, n'est-ce pas ? Quoi qu'il en soit, vous voulez parcourir vous voulez parcourirl'expérience de convivialité et passer par l'expérience comme si vous étiez un client afin que vous puissiez avoir une bonne compréhension de la façon dont cela fonctionne dans différents domaines pour améliorer cela, n'est-ce pas ? Et puis les voyages des utilisateurs, n'est-ce pas ? Vous voulez comprendre d'où ils viennent réellement, combien d'informations vous leur fournissez. Vous voulez vous assurer que le design est cohérent sur toutes les pages différentes, qu'il n'y a aucun problème avec l'alignement, qu'il y a de bons schémas de couleurs, qu'il n'y a pas de problèmes hiérarchie de pages ou taux de hiérarchie de contenu. Et puis s'assurer qu'il est mobile responsive en ce qu'il montre aussi sur le bureau à un très beau viol. Et cela montre évidemment très bien sur le bureau aussi. Et voici une chose que vous n'avez pas besoin d'inclure tout ici. Je pense que le plus important, comme je l'ai mentionné au tout début, est de leur donner une analyse de swot, des forces, des faiblesses, des opportunités et des menaces, n'est-ce pas ? Et puis leur donner finalement une stratégie ou un plan de référence comme, hey, c'est ce que vous pouvez améliorer pour réellement augmenter et améliorer votre UX, à droite, votre UX vers une nouvelle interface utilisateur. Et puis juste ici, c'est la performance d'un site Web que vous pouvez facilement aller, je pense que c'est Google phare, ou vous pouvez simplement taper dans Google, outil de recherche Google SEO ou quelque chose comme ça. Et vous pouvez tirer vers le haut et vous pouvez mettre dans l'URL du site dedans. Et cela vous montrera à quelle vitesse le site se charge. Vitesse de référencement, problèmes avec des problèmes techniques avec le site Web. C' est donc une excellente ressource. Et puis ici, c'est pour différents schémas de couleurs. Et puis la revue technique, j'ai mentionné la performance du site, en m'assurant qu'il optimise réellement son chargement assez rapidement, non ? Parce que souvent, ils ont tellement de choses qui se passent, sur un site Web ou il y a tellement de données et peut-être que les images sont très grandes. Les vidéos prennent beaucoup de place ou quoi que ce soit, que cela coûte beaucoup de temps au site Web réel, vous savez, pour qu'il se charge. Et donc vous voulez qu'il soit généralement dans un à deux secondes, le chargement du site Web. Vous voulez donc vous assurer que vous effectuez également un type d'analyse de vitesse de site Web. Et puis descendre ici et aux meilleures pratiques et leur faire savoir à quoi ils devraient s'attendre, ce qu'ils devraient avoir sur leur rubrique particulière, s' assurant que suivre le bon type de spécifications pour mobile sur différents types d'appareils mobiles, n'est-ce pas ? Et puis SEO, n'est-ce pas ? S' assurer qu'ils ont une bonne optimisation des moteurs de recherche et qu'ils l'utilisent à leur avantage, n'est-ce pas ? Et finalement, les opportunités ici que vous voulez leur montrer, hey, c'est ce qui vous manque. C' est ce que vous pouvez faire pour améliorer et c'est combien un améliorerait votre site Web particulier. C' est donc une vidéo agréable et simple ici, juste pour vous donner un aperçu d'un rapport de convivialité. Vous pouvez les trouver à peu près n'importe où. Vous allez, littéralement juste rapport de convivialité Google et ils peuvent devenir assez complexe, mais vous n'avez pas besoin d'eux pour être super-duper complexe. Bien. Cinq à dix pages devraient être très bien. Je pense que l'une de ces pages ici, c'est l'une des 43 pages ici. Ceci est une expérience utilisateur ADI ici, exemple de rapport. Tu n'as pas besoin d'aller aussi loin. Cependant, vous pouvez regarder ce que cela a ici, n'est-ce pas ? Vous avez une table des matières et voyez ici la page d'accueil. Et puis il y a ici la navigation et la recherche, n'est-ce pas ? Et puis l'analyse de la recherche. Et puis il montre la page la plus axe, n'est-ce pas ? Donc, il vous montre essentiellement ce que vous pouvez attendre. Et c'est comme je l'ai dit, beaucoup plus en profondeur. Tu n'as pas besoin de cinq à dix pages. Vous n'avez pas besoin de 40 pages. Vous avez juste besoin que ce soit, vous savez, bonnes pages 5-10 et leur donner un aperçu de ce que vous avez pu trouver , puis les opportunités qu'ils manquent et comment ils peuvent améliorer l'expérience globale sur le site Web. Donc ça va être là pour celle-là. Comme je l'ai dit, Arthur va vous expliquer comment créer un rapport d'utilisabilité dans la prochaine vidéo. C' est tout pour cette vidéo, et on se verra sur la prochaine. 81. Cours Adobe XD : Créer des rapports dans XD: Bienvenue de retour. Et ce sera la dernière leçon où je vais vous montrer comment créer votre rapport d'utilisabilité ou tout autre rapport pendant votre processus UX. Et tout d'abord, je voudrais commencer par une structure de données ou une structure d'information sur le canevas. Je préfère créer une mise en page de solution de problème avec une capture d'écran si celles-ci sont disponibles. Alors commençons et présentons l'exemple de capture d'écran. Donc, votre problème de canevas et de type. Alors solution. Désolé, il est important d'en trouver un. Et ceci devrait être la liste des problèmes que vous avez trouvés. Permettez-moi de changer un peu l'arrière-plan. Donc, il a un petit contraste. Donc, la conception en ce moment n'est pas un delta important, comme vous pouvez déjà le réaliser. Et d'abord ira mal ou, ou la qualité de l'image principale, alors la mise en page n' est pas réactive. C' est juste par exemple, Adobe.com n'a rien. Avec ça. Surge vous montre les exemples. Et le troisième sera trop petit. La police est utilisée dans le corps. Donc, si votre lecteur, les gens qui liront votre rapport, il est agréable d'avoir ces points de puces à être reflétés sur la toile également. Donc, pour que celui-ci le fasse, vous devez choisir une couleur contrastée. Habituellement orange. Et c'est agréable d'avoir et petit contour afin qu'il ne se mélange pas avec le, avec le contenu. Et nous avons un point ici. Ce sera un code PIN numéro un. Et la mauvaise qualité de l'image principale ira ici. Ok, imaginons que ce n'est pas SVG à ça. C' est quelque chose de très comprimé. D' accord ? Couleur fine, plus brillante, ok. Vous pouvez ajouter de l'ombre si nous voulions nous démarquer un peu plus. C' est la balle numéro un. La puce numéro deux, la mise en page n'est pas réactive. Vous pouvez le mettre quelque part ici. Parce que c'est un truc général. Des polices trop petites sont utilisées pour le corps. Et voici le troisième. Ok. Maintenant vous voyez, nous pouvons lire, nous pouvons regarder, voir ce que l'on entend par ces trois points. Bien sûr, vous devez trouver des solutions parce que sinon il sera chargé sans analyse. Vous devez donc proposer des solutions. Et imaginons que tout ce que j'ai écrit est réel et que l'image devrait être tracée dans SVG. Ok, donc nous devons utiliser l'image originale de genre, imaginons que c'est une image JPEG. Construisez le fichier vectoriel et exportez-le vers SVG afin qu'aucune perte de qualité ne se produise. La mise en page n'est pas réactive. Ok, c'est simple, créer à sur handicap à la mise en page. Ok, trop petites polices sont habituées au corps. Et le corps utilise au moins 60 pixels. Sans serif. Ok, donc maintenant, non seulement vous pointez sur le problème, mais vous fournissez aussi une solution. va de même pour une fenêtre, chaque écran ou chaque page que vous examinez et comment vous pouvez l'envoyer à votre client. Si une personne les examine sur l'ordinateur, il est préférable d'utiliser la mise en page du paysage. Si vous souhaitez imprimer ce rapport. Peut-être pourriez-vous envisager la mise en page du portrait. Bien qu'il soit légèrement plus difficile de mettre en œuvre la structure dans le paysage. Mais si nous parlons de format A4 ou de format lettre, je pense que c'est quelque chose de proche de l'endroit où j'ai, le ratio est proche de ce que je viens de concevoir. Une fois que vous avez découvert tous les problèmes, il a trouvé, vous pouvez commencer à trouver des solutions. Vous pouvez créer un document texte distinct pour les trouver, mais aussi, veuillez garder à l'esprit que vous devez le faire. Tu dois faire des captures d'écran. Donc tu veux faire le double travail. Vous pouvez créer un document texte distinct où vous le trouvez. Vous posez des problèmes et des solutions. Nous avons également deux captures d'écran afin que vous puissiez facilement les copier sur vos bateaux impairs en XD. D'accord ? Et bien sûr, vous pouvez ajouter un peu de style. Choisissons un logo pour nous. On a un logo. Maintenant, faisons un peu de style. Laisse un peu de style à notre police. Vous pouvez utiliser Layout Create pour créer des diapositives cohérentes. Ajoutons notre date actuelle pour obtenir A propos du numéro de page. Et une chose que j'ai manquée est la section ou la page que vous examinez. d'accueil devrait être écrite ici. Maintenant, nous avons quelques difficultés avec ici est venu à une petite icône qui apportera une certaine diversité à votre diapositive. Vous pouvez ajouter votre courriel. Et le fond si on veut. L' autre chose est que vous devez avoir une introduction Larry Page, qui montrera votre introduction, expliquera quels facteurs vous avez pris en compte pendant que vous avez conçu votre facilité d'utilisation lui devait. Essayons de faire quelques choses. Tout d'abord, j'ai besoin de créer une autre page. Appelons ça l'intro. Vous pouvez ajouter votre nom personnel ou votre nom d'entreprise selon la façon dont vous vous présentez ici. Par. Et les femmes mettent un léger fond pour le rendre plus graphiquement intéressant. Alors ajoutons une image. Ici. Je veux juste garder ces lumières style. Maintenant, vous pouvez exporter votre document dans, voyons, exporte tous les bateaux. Ici. Sélectionnez PDF. Vous voulez que ce soit un fichier pdf multiple. Donc, chaque page serait un fichier PDF séparé. Vous sélectionnez plusieurs fichiers PDF. Si tu veux. Votre rapport serait tout dans un seul fichier, mais avec les multiples pages à l'intérieur, vous venez sélectionner un seul fichier PDF. Et j'ai ouvert ce document et je vois qu' il y a deux pages de texte qui peuvent être sélectionnées, peuvent être copiées, collées, et bien sûr, peuvent être imprimées. Encore une fois, si vous voulez que cela soit imprimé initialement, juste sans montrer sur les écrans numériques, il est préférable de préparer. La mise en page du portrait pour format A4 ou lettre dépend de la région, du pays, plus de la couverture et des pages de contenu, il est agréable de créer une autre page qui indiquera de quoi s'agit-il de ce rapport ? Quelle est sa capacité ou et ici j' ai le texte que j'utilise sur tous mes rapports juste pour faire savoir au client ce que vous faites et pour quoi. L' autre chose que vous pouvez utiliser est d'ajouter une section où vous comparez la bonne et la mauvaise expérience utilisateur. Faisons-le. Si bon vous agissez est quelque chose qui repose sur dix détectés inaperçus. Il fournit aux utilisateurs le remplissage de la simplicité et l'élégance qui existent dans les coulisses dans les petits détails. Mais ça, mais c'est essentiel pour votre entreprise. Et les gens qui utilisent vos produits. Par UX passe également inaperçue et inaperçue. Cependant, cela entraîne une frustration d'encombrement, des sentiments de dégoût. Les gens vont sauver ce produit est déroutant ou quelque chose n'est pas juste, ou je suis perdu, une mauvaise expérience et la facilité d'utilisation peuvent ne pas immédiatement chasser les clients, mais au fil du temps, il le fera. Alors lisons la description. Une expérience utilisateur, oh, fait, est une évaluation de la facilité d'utilisation du site Web ou de l' application logicielle par une expérience utilisateur ou un concepteur UX. Nous concentrons vos objectifs commerciaux et vos objectifs d'audience cible afin d'évaluer s'il y a quelque chose sur votre site qui vous empêche ou vos utilisateurs d'atteindre ces objectifs. Tout, de la typographie, de la mise en page et du flux, est évalué en fonction des principes de convivialité établis, recherche scientifique, des pratiques et des tendances actuelles pour créer sites Web intuitifs qui correspondent à la façon dont votre utilisateur. Merci. Donc, quand une personne ouvre votre audit, donc nous avons le titre, nous avons des informations. Quelle est l'expérience utilisateur ? Oh, est-ce que c'est une bonne et mauvaise expérience utilisateur ? Et le contenu va sur chaque page que vous examinez aura la solution du problème et cette fin captures d'écran comme support visuel pour vos résultats. Une autre chose que je vous suggère d'inclure est la note globale ou la conclusion dans votre rapport en dernière page. J' ai la même mise en page que vos pages de texte précédentes, mais j'aurai la conclusion. Vous pouvez écrire ici. ensemble, le site Web semble bien, mais il empêche les utilisateurs d'atteindre leurs objectifs. Pour ces raisons, les raisons suivantes. En raison de l'absence de polices ou de graphiques appropriés, peu importe. En raison de l'interaction complexe, en raison de la structure complexe, en raison de l'absence de navigation conviviale. Nous sommes la navigation doit être repenser et ainsi de suite et ainsi de suite. Et l'autre chose est de décomposer certaines catégories de produits numériques. Et vous pouvez avoir un score de groupe pour Overview. Et avoir une note de recherche comme les trois premiers commentaires et erreurs. 19 à 10, orientation des tâches. 90 à dix. Donc 90, c'est bon, dix, c'est mauvais. Je veux dire, 90%. Forums et saisie de données. Pourrait être que la page principale, le score global de la page principale, Mise en page et conception visuelle, navigation, niveau de confiance, contenu, qualité. Et nous pouvons inclure Page Speed. Donc, selon le sujet de votre recherche, vous pouvez ajouter ces sections votre score global dans le laboratoire à la dernière page de votre rapport. Laissez-moi vous expliquer un peu. Je pense que cela doit être expliqué plus en détail. Ok, j'ai pré-conçu cette section. Donc la recherche est l'endroit. Recherche correspond à la position de ce site dans les moteurs de recherche en utilisant les mots-clés qui sont pertinents, commentaires et erreurs est quand un utilisateur comprendre quand le système communique avec l'utilisateur et fournir des commentaires sur certains événements. Que ce soit une erreur, si tout va bien ou ainsi de suite et ainsi de suite. Forums et entrée de données est le score de l'interaction de travail avec les formulaires et la saisie des données. Eh bien, je pense que ça parle de lui-même. Quel confort, quelle est la facilité de la structure des forums que IQ test sur ce site sont ? Système. Le score de la page principale est juste le score global de la page principale et c'est abstrait, vous pouvez le mesurer. Bien sûr, tout dépend de votre expérience et de vos connaissances, de votre jugement, de votre mise en page et de votre conception visuelle. Il s'agit également de la note abstraite pour la modification globale de la conception. Comme il est facile de naviguer sur un site Web. Et je pense que j'ai raté l'orientation des tâches. Ce paramètre est l'indication de combien il est facile de comprendre ce que je dois faire pour aller du point a au point B. Imaginons que je voudrais acheter des billets pour le concert et que je dois savoir où commencer mon processus d'achat, où je dois appuyer sur, où doivent cliquer. Imaginons un voudrait acheter des billets pour un concert. La bonne orientation de la tâche est quand il y aura une recherche de bouton très claire pour les billets, par exemple, et il y aura une liste de filtres facile et ainsi suite afin de faciliter le processus de recherche et d'achat de billets. Donc, fondamentalement, l'orientation de la tâche est le chemin que je dois suivre du point a au point B. Il devrait être clair, si ce n'est pas le cas, signifie que le score sera plus bas. Le niveau de confiance des sites Web peut être étendu à plusieurs catégories, comme vous pouvez vous fier à ce site Web pour partager vos informations personnelles, vos informations financières ou des informations commerciales sur d'autres informations confidentielles. Et il nécessite également d'avoir des protocoles supplémentaires tels que SSL ou d'autres protocoles qui sont requis pour traitement des transferts d'argent ou d'autres transactions financières. Et si vous avez trouvé des preuves que ce site était soupçonné de fraude ou quelque chose comme ça ou les autres commentaires négatifs. Cela signifie que le niveau de confiance sera plus bas. qualité du contenu reflète la note globale de l'ensemble du contenu, ce qui inclut les balises et le contenu multimédia. Qu' il soit intéressant de savoir si imagerie Ford utilisée est faite sur mesure, pas des images stock. Que les textes de la Grande-Bretagne est intéressant, si l'article a une image de couverture pertinente et ainsi de suite et ainsi de suite. vitesse de la page est le service apporté par Google et il calcule la vitesse globale de la page et suggère d'améliorer certaines parties du site afin d'augmenter la visibilité. Il pourrait y avoir des choses techniques. Il pourrait y avoir des choses de conception, fixer un code ou de remplacer une image, ou de convertir des images au format plus moderne, en citant quelques mots clés méta de pages. Et il montre clairement comment ce site est vu par Google. Donc, vous voulez que votre site Web soit convivial sur Google. Vous devez corriger ces erreurs qui pulpy trouvé sur votre site Web par la vitesse de la page. Donc la conclusion de vue d'ensemble est la, disons une sorte de version étendue du rapport. Et encore une fois, vous allez exporter cela comme tous nos tableaux et un seul fichier PDF. Et nous aurons toutes les pages dans un seul PDF pour examen par vos parties prenantes. Donc je pense que c'est tout pour l'instant. Merci beaucoup pour votre attention. Je vous souhaite bonne chance avec l'élaboration de votre expérience utilisateur de visibilité, rapports. 82. Des carrières dans l'aperçu de la section UX/UI: Dans cette vidéo, nous allons commencer une carrière dans le domaine de l'interface utilisateur UX. Maintenant, cette section particulière va être assez intensive. Ici, nous allons avoir beaucoup de contenu, beaucoup de matériel. Parce qu'on va y aller un peu. Je vais parcourir plusieurs choses différentes comme la façon de construire une marque, l'image de marque personnelle, comment mettre en place un site Web, avoir un réseau, toutes ces choses formidables que vous devez comprendre et savoir quand vous commencez une carrière dans le champ UI UX. Une des choses que j'ai mentionnées précédemment dans l'une des autres conférences et, et tout au long de ce programme en général est que vous voulez être multifacettes lorsque vous entrez dans l'interface utilisateur UX, surtout si vous allez être travailler pour les petites entreprises, les petites et moyennes entreprises, ou même les startups, n'est-ce pas ? Vous voulez être quelqu'un qui comprend non seulement l'interface utilisateur UX, mais comprend également les entonnoirs de vente. Psychologie comportementale, psychologie de l'utilisateur, non ? Pour que vous puissiez non seulement comprendre vos rôles, mais aussi comprendre les rôles des autres dans la phase de conception réelle dans l'organisation en ce qui concerne la conception, sorte que vous puissiez être beaucoup plus précieux pour une organisation. Et pour une raison quelconque, s'il y a des licenciements à tout moment que vous allez être la personne qui colle à cause de votre valeur en dehors de simplement avoir l'interface utilisateur UX, n'est-ce pas ? Vous comprenez comment écrire la copie, cadre de copie, les entonnoirs de vente, le parcours client, tous ces types supplémentaires de compétences et connaissances qu'un concepteur d'interface utilisateur UX typique ne saurait connaître. Alors allons de l'avant et sauter à la vue d'ensemble de la section de début de carrière dans UX UI. Donc, certaines des choses que nous allons couvrir ici sont le consultant indépendant et client. Nous allons parcourir plusieurs sites web freelance différents. Je vais vous expliquer comment mettre en place votre site web. Je vais vous expliquer comment commencer aussi avec Clang Consulting. Je vais vous donner quelques exemples d'Arthur et son profil particulier sur Upwork, puis aussi plusieurs autres plateformes différentes. Et vous donner quelques conseils à ce sujet. Et puis je vais marcher à travers quelque chose qui est extrêmement puissant, qui vaut probablement plus qu'un cours entier en soi. Et ce sera mes modèles particuliers que j'utilise sur la notion qui est pour votre vie personnelle et votre entreprise réelle et votre travail. Et avec ces modèles particuliers, vous allez être en mesure d'exécuter toute votre vie hors de cela ainsi que tout type de projets clients travaillant au sein d'une équipe ou autre, puis a b, vous allez voir à quel point c'est puissant. Il s'agit d'un modèle préfabriqué où vous avez différentes sections. Vous avez différents domaines pour les projets, vous aurez différents domaines pour les clients. J' ai différents domaines pour vos affaires personnelles et ça va être quelque chose que vous pourrez utiliser pour toute votre vie ou aussi pour votre projet. Donc, je suis très excité de pouvoir vous le présenter et vous montrer juste le vrai pouvoir de celui-ci. Et puis nous allons parler de la construction d'une marque, de l'image de marque personnelle, de la compréhension de ce qu'est une marque, l'importance de celle-ci. Et comment vous pouvez développer et comment tirer parti marque personnelle pour obtenir votre nom en tant que concepteur d'interface utilisateur UX. Et c'est extrêmement important, surtout si vous allez aller à route freelance et que vous voulez obtenir vos propres clients. Vous voulez être en mesure d'être sur le web, n'est-ce pas ? Dans autant d'endroits différents que possible. Surtout aussi si vous cherchez un emploi. L' une des premières choses que les employeurs feront maintenant lorsqu'ils recevront une demande est d'examiner l'expérience et ce qui ne l'est pas. Mais ils seront aussi à la recherche de Google. Il y aura Googling le candidat à regarder, sont-ils en ligne ? Quel genre de, vous savez, quoi ressemblent les profils en ligne ? Ont-ils une page Facebook sur laquelle ils ont une page d'affaires, n'est-ce pas ? Toutes ces choses différentes sont, les employeurs vont prendre en compte parce qu'ils veulent dans l'individu réel là qui est unique, qui est différent, qui va se démarquer du reste de la concurrence, qui a juste, disons, une demande, écrire un curriculum vitae avec une certaine expérience, n'est-ce pas ? Ensuite, nous allons examiner l'importance d'avoir un site Web et un blog et comment vous pouvez vraiment mettre en valeur votre portfolio. Montrez peut-être quelques témoignages de travail avec les clients. Donc quelqu'un, ton travail, d'accord. Cela va être quelque chose d'extrêmement puissant pour vous d'avoir, surtout si vous passez en mode freelancer puis en réseau. Cela va également être extrêmement important pour obtenir des clients, mais aussi pour obtenir des emplois corrects ? Être capable de comprendre comment vous pouvez tirer parti de votre réseau existant, mais aussi être en mesure d'aller là-bas et de réseauter avec d'autres et être en mesure de les faire vous présenter à notre mettre en position pour être en mesure de trouver certaines positions, certaines personnes qui peuvent se transformer en client ou en employeurs potentiels. Et puis nous parcourrons certains des meilleurs sites de freelance. Certains des meilleurs que je recommande, certains de ceux sur lesquels vous devriez être, d' autres de ceux sur lesquels vous ne devriez pas être. perte passera à travers certains des différents sites afin que vous puissiez mettre votre portefeuille sur et vous pouvez effectivement obtenir des emplois et obtenir des clients. Et puis nous passerons en revue certaines des questions que vous voulez avoir en ce qui concerne la portée d'un projet pour UX et UI, n'est-ce pas ? Vous voulez être en mesure d'avoir un ensemble de questions que vous posez votre client potentiel ou lorsque vous commencez et que vous travaillez en équipe. Ou peut-être que vous faites vous-même une interface utilisateur UX dans une organisation plus petite. Vous voulez que ces types de questions soient configurés pour que vous puissiez démarrer le projet réel et entrer dans la phase de conception, n'est-ce pas ? Et puis enfin, nous allons finir avec les meilleurs endroits pour trouver un emploi UI et UX. Donc ça va être une ressource ici. Je vais vous montrer sur l'épaule différents sites et vous pouvez aller chercher des positions ouvertes. Certaines des choses à prendre en compte, certaines des meilleures façons d'ouvrir vos messages, n'est-ce pas ? Et donc ça va être une grande section ici. Je suis excité que vous commenciez. Et cela va être là pour commencer une carrière dans la vue d'ensemble de la section UI UX. Et on se verra sur la prochaine. 83. Votre produit Daily: Ok, donc dans cette vidéo, nous allons examiner votre outil de productivité quotidienne, qui va passer par la notion. Maintenant notion ici est un outil de productivité fantastique similaire à un sauna Trello. Certains des principaux grands noms là-bas, cependant, notion a une tonne de plus de fonctionnalités qui sont disponibles pour vous et il est 100% gratuit. Et comme vous pouvez le voir ici, vous pouvez créer différents types d'espaces de travail. Vous pouvez garder une trace de vos projets, de votre liste de choses à faire. Je vais avoir tellement de choses différentes que tu peux faire. Et ce que j'ai été en mesure de mettre en place pour vous est un fait pour vous des modèles où il a votre vision, vos objectifs et vos résultats, vos différents projets, votre productivité quotidienne dans vos objectifs et vos résultats, vos différents projets, la mesure de vos tâches, puis votre CRM pour vos clients. Donc, vous allez être en mesure de tout gérer via ce hub. Vous allez pouvoir gérer vos clients, votre liste de tâches, regarder vos différents projets avec vos clients. C' est juste un outil fantastique pour pouvoir venir ici tous les jours. Et au lieu de vos tâches, mettez à jour votre CRM, vos différents jalons. Alors allons de l'avant et connectez-vous ici. Tout ce que tu as à faire, c'est de t'inscrire et d'utiliser ton inscription par e-mail. Alors passons à la connexion ici. Ça va continuer. C' est à peu près clignotant. Il y a beaucoup de choses différentes que nous pouvons faire. Cependant, nous allons installer le modèle fait pour vous que j'ai créé pour vous. Laisse-moi aller de l'avant et prendre ça ici. Donc, vous allez avoir accès à un lien spécial. Vous devez donc copier ce lien, le mettre ici. Donc c'est le modèle réel ici que nous allons mettre en place. Alors passons à dupliquer. Et cela est ajouté à votre hub actuel particulier ici. Nous pouvons donc voir ici qu'il a été ajouté. Et c'est là que nous allons travailler tous les jours. Donc, chaque jour, quand vous venez ici, vous voulez regarder vos différentes tâches. Vous voulez regarder votre CRM. Et comme vous pouvez le voir ici, il parle de décrire votre vision et vos objectifs, puis votre résultat. Donc, vos objectifs sont essentiellement ce que vous voulez faire et les résultats sont essentiellement le résultat de ce que vous allez faire, n'est-ce pas ? Comment vous allez réellement accomplir ça. Ensuite, nous avons les projets, puis nous avons les jalons, puis les tâches, puis un CRM, et ensuite nous avons les objectifs et les résultats. Donc, comme vous pouvez le voir ici, nous avons les résultats. C' est donc le résultat réel de ce que nous voulons de notre objectif. J' ai donc un objectif ici pour être plus organisé. Eh bien, quel est le résultat direct de ça ? droite. Eh bien, je dois planifier chaque semaine en fonction d'une journée de travail de huit heures. D' accord. Et puis juste ici B en plus de mes finances, gardez une trace quotidienne de mes finances en créant des budgets mensuels juste ici. Créez 350 vidéos YouTube pour cette année. Et puis comment vais-je accomplir ça ? Eh bien, je vais enregistrer des vidéos par lots le samedi et publier des vidéos YouTube quotidiennes. Et puis nous irons ici. Je veux peser 225 livres. Alors comment je vais faire ça ? Eh bien, aller à la salle de gym le matin et ensuite se concentrer sur les salades et les légumes verts. C' est ainsi que vous allez configurer vos résultats. Rappelez-vous, les résultats sont le résultat direct et la façon dont vous allez y arriver, n'est-ce pas. Il est donc important pour vous d'avoir vos objectifs ici, puis vos résultats juste là, et vous verrez tout est attaché. Donc, nous allons ici au résultat réel ici. Alors planifiez chaque semaine en fonction de huit heures par jour de travail. Et c'est lié à cet objectif particulier. D' accord. Et vous pouvez ajouter ici une date spécifique si vous voulez faire un jour réel spécifique dans le temps, date de début et l'heure. Et là, vous pouvez mettre le statut ici. Vous pouvez mettre sur la bonne voie, puis nous pouvons également l'affecter à un trimestre spécifique. Donc, disons que vous vouliez faire tous les trimestres ici toute l'année. Donc on va aller de l'avant et ça va vous montrer tous les quartiers ici, d'accord ? Donc vous voulez que cela soit fait et toute l'année, donc vous avez tous les quatre trimestres ici. Si vous voulez juste en avoir un ou deux, vous pouvez le faire aussi. Et puis vous pouvez lui assigner différentes tâches. Vous pouvez venir ici et ajouter des informations supplémentaires, quoi que ce soit, n'est-ce pas ? C' est un très, très bon outil pour que vous puissiez définir vos objectifs, vos résultats, à droite, dans ce domaine particulier ici. C' est ainsi que vous définissez vos objectifs, vos résultats, très simple à mettre en place. Allons-y et revenons ici. Je veux te montrer encore une chose. Ils ont des emojis différents. Tu peux aller au hasard ici et je mettrai ce que tu veux. Ou vous pouvez juste passer par ici et trouver importe quel emoji avec lequel vous voulez cette configuration, n'est-ce pas ? Et alors, allons-y et sortons de là. Et puis, allons par ici. Alors, nous avons des projets. D' accord ? Donc les projets sont comme pour vos clients, n'est-ce pas ? Si vous travaillez avec un client particulier, vous voulez pouvoir les configurer sur un projet particulier. Et vous voulez mettre ici les dates aussi loin que et quand vous commencez avec eux, quand l'accord est-il terminé ? Vous savez, en général, si vous travaillez avec des clients, vous allez faire quelque chose entre 3612 mois d'entente. Disons que celui-ci est pour un client en particulier. Ici, nous mettons dans les dates. Nous pouvons assigner ceci à une certaine personne. On peut mettre le plus gros ici. Et puis nous descendons ici et puis nous pouvons voir le calendrier actuel où nous pouvons mettre différentes informations. Donc disons ici, on peut mettre sa page d'accueil, d'accord ? Et c'est à faire ici, disons le dixième, d'accord ? Et puis on peut ajouter ce qu'on veut ici pour un visage souriant bas, ok ? Et puis il est refroidi. Donc, nous avons ça juste là. Et puis ici, nous avons les tâches de flux Kanban où vous pouvez ajouter différentes tâches. Vous pouvez mettre dans différents mois ici. Vous pouvez changer ça quatre jours, peu importe ce que vous voulez faire ici. Il est très facile de changer cela et vous pouvez ajouter différentes choses. Alors allons-y, allons-y même comme ça. Donc fondamentalement, tout ce que vous devez faire, si vous voulez ajouter quelque chose ici, vous allez à cet endroit juste ici dans notre spectacle vous différents éléments que vous pouvez ajouter ici. Donc, si vous voulez ajouter simplement du texte, si vous voulez ajouter une page, vous voulez ajouter une liste de tâches. Si vous voulez ajouter le titre 1, titre 2. Si vous voulez ajouter une liste de puces. Ok, numéroté. Activez ce séparateur de devis. Vous pouvez ajouter dans différentes tables, différentes planches, un peu comme celle que nous avons ici. Et puis, vous savez, voici comme une galerie. Voici un calendrier de liste simple. Donc, vous avez tellement de choses différentes ici que vous pouvez ajouter et modifier avec cet outil particulier. Vous pouvez ajouter différents médias, vidéo, audio, vous pouvez intégrer à partir de différents endroits. Donc c'est juste un excellent outil, n'est-ce pas ? Si je voulais venir ici et en ajouter un autre, disons calendrier. D' accord. C' est aller ici. Calendrier juste là. Boum. C'est à quel point c'est simple d'ajouter un calendrier, n'est-ce pas ? Tout cela est très simple, très facile à naviguer et à utiliser. Et comme je l'ai dit, vous voulez avoir tous vos types dans des projets séparés, d'accord ? Et c'est là que vous pouvez tout gérer ici. Alors on descend ici jusqu'aux jalons. Et c'est pour chaque trimestre. Donc ce serait, vous savez, hé, pour q un, ce sont les jalons que je veux avoir dans mon agence. Je veux ces recettes, je veux que cela soit fait, et je veux être en mesure d'accomplir cela. Je veux que cela soit accompli, non ? Toutes ces choses différentes que vous voulez accomplir chaque trimestre en particulier, n'est-ce pas ? Tu pourras installer ça ici. Et c'est génial d'avoir parce que vous voulez être en mesure mesurer ce que vous faites et de vous assurer que vous êtes sur bonne voie et que vous n'avez pas de dates que vous suivez dans différents jalons que vous cherchez à atteindre directement votre travail quotidien. Alors montons ici maintenant et passons à Tâches. Maintenant. Il s'agit de votre rang de tâches quotidiennes. Et c'est tellement génial. Je veux dire, j'aimerais avoir quelque chose comme ça quand j'ai commencé à où vous pouvez littéralement gérer toute votre vie ici ainsi que votre agence. Supposons donc que vous souhaitez configurer une nouvelle campagne e-mail dans laquelle vous configurez une nouvelle tâche. Donc, vous indiqueriez la date, la personne attachée à l'un de ces autres facteurs ici que vous voulez mettre ici. Disons que nous voulions changer le statut ici en En cours, non ? Et puis nous pouvons ajouter les notes que nous voulons ici. On peut y mettre. Tout est nécessaire. C' est la liste de courriels, pas vrai ? Ou tu peux juste mettre ça dans des notes ici, non ? Si vous voulez simplement laisser des notes pour vous-même, vous pouvez simplement copier ceci. Et puis allez juste ici, ajoutez un commentaire, d'accord ? Et puis boum, puis juste là, et puis il va mettre les notes, non ? C' est donc un outil fantastique. Je ne peux pas en parler assez. Cet outil est une bouée de sauvetage complète. Vous pouvez gérer, comme je l'ai dit, toute votre vie ainsi que votre agence par ici. Donc, c'est comme ça que tu mettrais ça en place. Et disons que vous avez pu finir ça. Ok, super, fait. C' est comme ça que c'est simple. Et là, vous pouvez voir qu'il y a un petit commentaire là-dedans, non ? Et puis ici, c'est votre CRM. Donc c'est là que tu mettrais en place pour tes clients, non ? Disons que vous aviez, vous savez, pour celui-là, les pistes, d'accord. Vous pouvez mettre dans le site Web. Toutes les autres fonctionnalités supplémentaires que vous souhaitez ajouter, puis les commentaires dans la note. Donc, vous savez, disons que vous deviez venir ici et être comme, vous savez, parler au client et qu'ils veulent commencer. La semaine prochaine. Vous pouvez ajouter un comme ça ou vous pouvez simplement copier et aller juste là et le mettre juste là. Et l'une des autres choses que vous pouvez faire est d'ajouter un commentaire à cette ligne particulière ici. Alors disons que vous mettiez qu'on suivra. Mais le client la semaine prochaine. D' accord. Et puis os. Et maintenant, vous pouvez voir qu'il y a un petit commentaire juste là. Donc, c'est juste un outil fantastique. Je veux dire, je ne peux pas en parler assez. Comme je l'ai dit, c'est juste un de ces outils où vous souhaitez avoir ceci, vous savez, quand vous avez commencé ou quand j'ai commencé. J' aimerais avoir quelque chose comme ça qui m'a permis de contrôler et de mettre en place toute ma vie ainsi que mon entreprise. D' accord ? Donc, c'est comme ça que vous voulez utiliser le CRM ici, peut également attacher cela à des projets spécifiques, des objectifs spécifiques, non ? Donc ici, je ne veux pas l'attacher à ça, n'est-ce pas ? Parce que c'est pour ce client. Disons que ce client est celui qui s'est inscrit, non ? Donc maintenant, nous pouvons voir que c'est attaché au client XYZ apparaître, non ? Et c'est comme ça que nous aurions arrangé ça. C' est ainsi que vous allez être en mesure de gérer votre client ici avec le CRM, gérer votre liste de choses à faire chaque jour en ce qui concerne vos tâches, vos objectifs, vos résultats pour vous-même, pour votre agence, grade, et simplement être en mesure de gérer tout en un seul endroit. C' est juste un outil fantastique. Et puis ici, nous avons notre du jour, si vous voulez avoir une chose précise que vous avez réussi tout au long de la journée, vous pouvez ajouter cela juste là. Voici celui de la semaine, si vous voulez ajouter en particulier quand que vous avez eu, disons le dimanche et ensuite peut-être mise en page comme une victoire de la semaine. Et puis nous avons une revue hebdomadaire ici aussi, peu de ce que vous avez fait, comment les choses se sont passées. Vous pouvez voir ici l'efficacité, la gratitude, les bas, les défis, les victoires, non ? Donc, une façon fantastique de configurer vos commentaires hebdomadaires. Et puis aussi ici ce que l'examen mensuel, non ? Donc, une fois de plus, tout ce que vous devez faire pour obtenir cette configuration ici est d'obtenir un lien spécial une fois que vous vous inscrivez, puis vous serez en mesure de copier ce modèle et de le configurer dans votre hub particulier ici. Et c'est votre hub de productivité quotidien. Tout ce que tu as à faire c'est de venir ici tous les jours en termes de vision ici, non ? Dès que vous avez exposé ceci, vous voulez mettre les liens ici pour que vous puissiez visiter tous les jours, juste, tous les jours. Et ensuite vos objectifs et vos résultats, n'est-ce pas ? S' assurer que vous êtes sur la bonne voie et que vous faites ce que vous devez faire. Et vous avez tout mis en place ici et ensuite vos projets pour vos clients ou même vos projets personnels ou tout ce que vous faites correctement ? Vous voulez vous assurer de garder une trace de vos différents projets en ce qui concerne travail avec les clients et de faire dans une sorte de branding peut-être pour vous-même, n'est-ce pas ? Comme je l'ai dit, tu peux gérer non seulement tes affaires, mais ta vie entière ici, ok. très, très puissant. Et puis évidemment ici avec les jalons, en vous assurant que vous avez des chiffres précis ou des choses que vous essayez d'accomplir, à droite, chaque trimestre. Et puis vos tâches ici, la productivité quotidienne, assurer que vous êtes sur la bonne voie jusqu'à ce que vous devez faire aujourd'hui ? Qu' est-ce que tu as besoin de faire demain, non ? Et puis votre CRM ici, accord, si fantastique outil. C' est ce qui va vous permettre de vraiment garder tout en ligne, garder tout organisé et d'être aussi productif que possible. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 84. Comment commencer à Start: Dans cette vidéo, nous allons passer à la freelance. Maintenant, c'est quelque chose que si vous commencez tout juste dans votre carrière UX UI, alors le freelance est quelque chose avec lequel vous voudrez peut-être commencer à travailler parce que cela va vous donner une certaine expérience. Ça va te permettre d'avoir du travail sous ta ceinture, des études de cas, non ? Quelques références, témoignages. Et puis vous serez en mesure de tirer parti de cela pour obtenir plus de clients ou même pour obtenir un emploi si c'est votre objectif ultime, n'est-ce pas ? Alors allons de l'avant et passons dans le freelance et ce que vous pouvez attendre d'être un concepteur d'interface utilisateur UX freelance. Donc, avec le freelance, vous êtes essentiellement indépendant et vous prenez du travail sous contrat pour d'autres entreprises et vous allez généralement travailler dans un site web indépendant comme Upwork, Freelancer ou fibre ou l'un de ces autres ceux qui se trouvent sur le marché où vous avez des clients qui viennent vous voir avec des projets, puis vous allez et vous soumissionnez essentiellement pour ces projets. Et vous mettez votre meilleur pied en avant et vous obtenez ces contrats. C' est l'une des meilleures choses à propos du freelance sur ces plateformes, c'est que vous n'avez pas à aller là-bas et dépenser du temps, de l'énergie et des ressources sur l'acquisition de clients, n'est-ce pas ? Parce que si vous êtes une entreprise autonome et que vous n'utilisez pas ces plateformes dans, il sera tout à fait difficile pour vous d'obtenir des clients. Et surtout n'aurais-tu pas d'expérience dans l'obtention de clients, non ? Le freelance est donc un excellent moyen de commencer parce que vous avez la capacité d'avoir des clients à venir chez vous, les projets viennent à vous et vous choisir les projets pour lesquels vous voulez travailler. Maintenant, l'une des meilleures façons d'utiliser ces différents sites web freelance est de s'assurer qu'au tout début, si vous venez de commencer, n'est-ce pas, peut-être que vous avez suivi ce cours, vous avez eu quelques formation. Vous voulez commencer avec les tâches de conception de l'interface utilisateur UX. Eh bien, ce que vous devriez chercher lorsque vous venez de commencer, c'est petits emplois d'interface utilisateur UX sur lesquels vous pouvez travailler pour des coûts très bas, n'est-ce pas ? Vous ne voulez pas vraiment vous inquiéter de combien vous êtes payé en ce moment. Parce que votre expérience et votre base de projet réelle le prouvent et augmentent, vous serez en mesure d'augmenter lentement vos taux horaires ou votre taux de projet. Et vous serez en mesure de commander des prix plus élevés, n'est-ce pas ? Je vais parcourir plus tard dans cette leçon ici un exemple d'Arthur et de son profil, comment il a pu faire la même chose là où au début il avait commencé quelques emplois de niveau inférieur. Maintenant, il a beaucoup d'emplois qui lui viennent directement et il est essentiellement choisi et choisi. Et tout comme je l'ai dit, l'intention ici est que vous voulez obtenir petits emplois que vous pouvez essentiellement obtenir des commentaires. Largeur, obtenir des témoignages, obtenir des études de cas, construire votre score de profil, non ? Et puis être en mesure d'augmenter votre taux horaire. Maintenant, voilà le truc. Lors de la candidature à des emplois indépendants. Vous voulez vous assurer dans votre application qu'il est adapté et spécifique à ce projet, à droite. Parce que moi-même j'ai même posté beaucoup d'emplois sur Upwork et vous seriez surpris combien de fois les gens vont répondre. Poste de travail avec juste un type de plaque de chaudière de CV d'application. Ils ne lisent pas le profil ou la description du poste, n'est-ce pas ? Et c'est donc très important là-bas et un grand drapeau rouge pour les employeurs. Ils veulent savoir que vous avez passé le temps de lire la description de poste. Vous comprenez ce qui est nécessaire, ce qui est nécessaire et que vous êtes capable de vous présenter comme quelqu'un qui est, vous savez, qui est qualifié. Mais il a aussi, vous savez, ce que comporte le projet particulier parce que vous avez pris le temps de lire la description réelle, n'est-ce pas ? Et l'une des autres choses que vous pouvez faire pour faire passer vos propositions au niveau supérieur est de pouvoir avoir une sorte de vidéos. Donc, si vous pouvez créer comme une vidéo de valeur ou une vidéo spécifique à cette description de poste et votre taux d'entrevue va grimper en flèche. Parce que quand vous adoptez une approche très personnalisée en envoyant une vidéo qui dit, hé, vous savez, j'ai regardé votre description de travail. Tu sais, c'est ce que je recommande comme expérience. C' est ce que j'ai pu faire pour les autres ou c'est ce que je recommande, non ? Et le Royaume-Uni itère dans votre propre emploi, alors la probabilité que vous soyez accepté et que vous soyez interviewé est très, très élevée parce que vous vous démarquez de la concurrence. Ok, alors maintenant, allons-y et retournons à mon ordinateur. Nous allons jeter un oeil à notre profil de poussée et Upwork. Et je vais vous montrer ce qu'il a fait, comment il a tout son profil ascendant. Vous pouvez donc prendre quelques pointeurs loin de la façon dont il a une configuration et ensuite comment vous pouvez configurer votre profil. Ok, donc on est de retour sur mon ordinateur et comme vous pouvez le voir ici, n'y a pas un taux de réussite à 100%. Évidemment, il est le meilleur de ce qu'il fait. Il est fantastique. C' est un concepteur d'interface utilisateur UX extrêmement talentueux. Et évidemment le sien, les commentaires ici le montrent. Ainsi, comme vous pouvez le voir ici, ses tarifs pour certains types d'emplois varient. Donc, pour la conception UI et UX, 45 dollars l'heure pour la conception graphique et 40 dollars l' heure pour tout type de design de produit très personnalisé, spécifique, son taux augmente parce que, vous savez, c'est le niveau de difficulté, non ? Et donc il a gagné plus de 100 000$ dans son profil particulier ici à la hausse. Et donc l'une des choses qu'il a est une bonne vidéo ici et il passe en revue quelques données, quelques informations. Une autre chose qui aiderait vraiment est d'avoir une vidéo de vous-même, peut-être parler de votre expérience. Peut-être parler de vous, que vous ceque vousapportez à la table, de la valeur que vous êtes capable de fournir, n'est-ce pas ? Et cela ferait beaucoup de chemin aussi parce que les gens veulent voir votre visage, veulent voir que vous êtes une vraie personne, n'est-ce pas ? Et auriez-vous une vidéo là-bas qui explique, vous savez, ce que vous faites, votre expérience ou juste vous derrière le microphone là-bas parler de ce que vous pouvez faire dans la valeur que vous apportez serait certainement aller le long du chemin. Et comme vous pouvez le voir ici, il a des profils différents, essentiellement quatre types de travail différents. Pour le travail UX UI, il a ici un type spécifique de description de profil. La même chose ici pour le graphisme, non ? Il a une description différente ici. Ensuite, vous pouvez aller de l'avant et regarder les différents types d'emplois qu'il a. Maintenant, si nous devions rester assis ici et regarder UI UX, et que vous revenez à ça pour cinq, vous revenez à sept ici. Quand il a commencé, je crois que c'était ou je ne pense même pas que c'était quand il a commencé. Je pense que c'est plus juste quand il a commencé à faire du freelance sur Upwork. Mais vous voulez regarder certains de ces différents types de commentaires ici et revenir aussi loin que vous le pouvez. Donc celui-ci est de retour en 2015. Vous pouvez voir que ce travail qu'il avait était pour une refonte de cadre, non ? De retour en 2015, à droite. Donc c'est une grosse affaire ici. Je veux que vous preniez note qu'Arthur n'a pas commencé à facturer 50$ de l'heure, non ? C' est quelque chose qu'il a construit et qu'il a mis en place un ordre pour atteindre ce pourcentage particulier, n'est-ce pas ? Donc c'est exactement ce que vous voulez faire aussi. Vous voulez construire un profil avec de petits emplois, n'est-ce pas ? Et commencez à montrer aux gens que, hé, vous savez ce que vous faites, vous savez comment obtenir des résultats, et ensuite vous pouvez faire valoir votre taux horaire juste ici est de 27, 78, d'accord. Et je crois qu'il l'a maintenant jusqu'à 45. Alors gardez à l'esprit que lorsque vous commencez sur différents sites de freelance, que vous êtes en mesure de construire votre profil d'abord et ensuite être en mesure de commencer à augmenter vos prix et de commander des montants plus élevés et commencer à obtenir projets réellement envoyés à vous lorsque vous arrivez à choisir et à choisir. Ok, donc ça va être là pour la leçon de freelance, et on se verra sur la prochaine. 85. Conseil client: Dans cette vidéo, nous allons parler de la consultation des clients. Maintenant, c'est quelque chose qui est différent du freelance. Où le freelancing est plus de projets qui viennent à vous sur divers sites de freelancing disant où vous travaillez juste en tant que propriétaire unique, vous n'avez pas vraiment d'entreprise, vous n'avez pas d'organisation, droit ? Et avec l'équipe Client Control, c'est un jeu de balle tout à fait différent. C' est là que tu sors. Vous obtenez vos propres clients grâce à différents efforts de marketing tels que, disons, la publicité payante, courriels froids, l'une des différentes formes de publicité ou de promotions ou les méthodes de marketing là-bas, non ? Mais vous êtes responsable d'obtenir vos clients. Vous avez peut-être vos propres affaires, n'est-ce pas ? Vous pouvez avoir des employés qui travaillent avec vous sont des pigistes, n'est-ce pas ? Ceci est évidemment sur la route après avoir commencé avec un peu de freelance, cependant, Lion Consulting va être un bon itinéraire sur la route aussi bien si vous voulez procéder à cette route parce que vous serez en mesure de nous sommes de plus gros clients, vous seriez en mesure de garder beaucoup plus de bénéfices, de frais plus élevés, n'est-ce pas ? Parce que vous êtes une entreprise et que vous obtenez vos propres clients plutôt que avoir des gens viennent vous voir ou vous soumissionnez sur différents projets, n'est-ce pas ? Il y a beaucoup plus de concurrence. Alors allons de l'avant et marchons dans le conseil des clients. Donc, comme je l'ai mentionné, avec le conseil à la clientèle, C'est là que vous configurez votre propre entreprise ou vous pouvez avoir le nom de votre propre entreprise, mais vous avez généralement comme une LLC ou une société S, les plus courantes. Et vous avez votre propre site Web avec votre entreprise sur son. Et ce que je recommande au tout début, c'est que vous faites des projets freelance. Vous avez du travail sous votre ceinture, vous obtenez un portefeuille, et ensuite vous commencez à être en mesure d'aller chercher Klein par vous-même. Parce que vous aurez du travail que vous pourrez tirer parti. Tu auras des témoignages de pluie. Et donc l'une des meilleures façons d'obtenir des clients par vous-même est de faire des recherches sur différentes entreprises, différents sites Web, n'est-ce pas ? En contactant le service marketing ou le propriétaire, en leur mentionnant tout type de recommandations que vous avez trouvées ou que vous recommandez sur leur site Web, sur leur application, n'est-ce pas ? Quel que soit le produit qui peut être. Donc, ce sera l'une des meilleures façons d'obtenir des clients pour vous-même est de faire un peu de recherche sur leur site Web ou peut-être l'application, découvrir quelque chose sur ces bits individuels, le propriétaire ou le marketing département, directeur du marketing. Et puis être capable de tendre la main et de dire, hé, je suis tombé sur votre entreprise, votre niveau d'application de site Web, ce que vous faites les gars. Et j'ai trouvé ça ici en ce qui concerne ma recommandation, ou j'ai remarqué ça là-bas, non ? Et puis pouvoir ajouter de la valeur à l'avance, puis être en mesure de les faire passer par un appel Discovery rapide pour en savoir un peu sur leur situation actuelle. Donc le conseil client va être le plus gratifiant parce que vous pouvez charger des montures plus élevées, non ? Comment votre base de projet, mais voici le truc. Ça va être le plus difficile parce que vous n'obtenez pas de clients qui viennent à vous, n'est-ce pas ? Avec le freelancing, vous venez de vous inscrire en tant que freelancer particulier sur la plateforme. Tu vas là-bas, tu peux choisir et choisir les emplois pour lesquels tu peux postuler, n'est-ce pas ? Et tout vient à vous. Vous êtes en train de cueillir des cerises contre les conseils gentils. C' est plus une approche sortante, n'est-ce pas ? Vous collectez des données, vous collectez différents clients potentiels et vous vouliez cibler. Et vous tendez la main avec votre propre type de messages marketing, votre propre e-mail, votre propre type, différentes promotions, n'est-ce pas ? Et vous faites appel à eux pour pouvoir travailler avec vous pour voir s' ils ont un type de projets en cours, n'est-ce pas ? Donc c'est ce que vous pouvez attendre de Clank jusqu'à l'équipe. C' est quelque chose que je ne vous recommande pas de sauter dans un car vous avez déjà eu une certaine expérience avec le freelance, vous avez un portfolio, vous avez des témoignages et des études de cas que vous pouvez tirer parti pour obtenir quelques clients, n'est-ce pas ? Donc il sera là pour la leçon de consultation client, et nous vous verrons sur la prochaine. 86. Créer une marque: Dans cette vidéo, nous allons reconstruire une marque. Donc, cela va être très important, non seulement pour vous-même, mais aussi pour quand vous faites cela, disons un travail de conception graphique ou vous regardez dans l'emprise certains clients qui veulent faire quelques retouches de la marque actuelle. Nous voulons comprendre ce qu'est une marque, ce qu'elle représente, quels sont les éléments clés entourant ce qu'une marque représente ? Quels sont quelques-uns des facteurs clés quand il s'agit de construire une marque et beaucoup de choses différentes dont vous avez besoin pour garder un œil et être conscient lorsque vous développez une marque pour vous-même ou pour un client potentiel. Alors allons de l'avant et sautons ici pour construire une marque. Donc, une marque n'est pas seulement un logo, c'est là que beaucoup de gens manquent. Et étaient-ils confus en pensant qu'une marque n'est qu'un logo, n'est-ce pas ? Ce n'est pas seulement un logo, car un logo n'est qu'une représentation visuelle d'une marque. Mais une marque est vraiment une promesse. C' est essentiellement une proposition de vente unique. Et si vous n'êtes pas familier avec cela, c'est essentiellement ce qui vous distingue sur le marché. Disons que vous avez une sorte de processus unique ou une méthodologie de conception unique. Et ce n'est pas forcément quelque chose d'extraordinaire, non ? C' est une façon simple de vous démarquer sur le marché où vous pouvez faire connaître votre marque ou aider les clients à faire connaître leurs marques, c'est en les aidant à développer une proposition de vente unique, n'est-ce pas ? Et vous pouvez créer une sorte de processus simple ou avoir un processus et le nommer quelque chose d'unique et différent, non ? Et que ce soit votre propre processus unique. Cependant, cela peut être quelque chose de super simple. Cependant, lorsque vous êtes en mesure de lui donner un nom et que vous êtes capable de le faire ressortir, alors c' est là que la création de cette proposition de vente unique, parce que vous pouvez dire à d'autres clients potentiels ou clients potentiels que je veux ouvrir une session et vous pouvez être soumissionner contre quelqu'un d'autre a dit, hé, nous n'avons pas de méthodologie unique. Nous avons une méthodologie de conception unique ou nous avons un processus unique que nous utilisons pour aller à nos conceptions pour nous assurer que nous créons et développons des marques et des designs de classe mondiale, n' est-ce pas ? Donc toutes les marques ont un message, très important ici à comprendre. C' est vraiment central pour tout type de marque. La marque représente quelque chose. Et lorsque vous créez une marque, la raison pour laquelle vous créez la marque est de transmettre le message, n'est-ce pas ? Parce que ça dit quelque chose, c'est livrer un message. Il transmet quelque chose sur vous ou la compagnie ou ce qu'il représente, non ? Très important là-bas. Et l'image de marque ne concerne pas ce que vous ressentez, ce que vous penseriez, n'est-ce pas ? Pense à essayer de te donner un surnom, non ? Ça ne marche pas vraiment comme ça. surnoms sont généralement donnés par d'autres personnes et c'est comme ça qu'ils collent. Parce que c'est à propos de ce que les autres pensent, ressentent et disent des Juifs, pas à propos de ce que vous pensez, n'est-ce pas ? Parce que vous pouvez penser que votre marque est la meilleure au monde et que vous le faites, vous le faites. Mais si le marché dit le contraire, alors vous devez faire attention à cela. Et ça va vous donner toute l'indication que vous avez besoin de savoir que, hé, écoute, ma marque, je voulais être connu pour supporter ça. Et donc toutes mes actions, tout ce que je fais, ça va être conforme à ça, non ? Et l'une des questions clés que vous voulez vous poser quand vous commencez à définir votre marque est, Hey, pour quoi est-ce que je veux que les gens connaissent le produit ou le service, pour me connaître, n'est-ce pas ? Et c'est important quand vous travaillez avec des clients aussi. Et quand vous faites comme une refonte de logo pour un client ou un tout nouveau développement de marque, n'est-ce pas ? Réaménagement de toute leur marque. Vous voulez poser des questions comme celles-ci, comme, hé, pour quoi voulez-vous que votre entreprise soit connue ? Quelles sont les valeurs clés, les caractéristiques clés éléments clés pour lesquels vous voulez que votre entreprise soit connue sur le marché, n'est-ce pas ? Ce que vous voulez que les gens pensent, à quoi voulez-vous que les gens imaginent ou pensent quand ils entendent ou voient votre marque, n'est-ce pas ? Très important, car en tant que concepteur d'interface utilisateur UX, vous savez, vous vous rattrapez dans le champ UX. Vous pouvez effectuer des travaux UX à partir de travaux d'interface utilisateur, et vous pouvez faire une conception graphique. Et donc vous allez être multiforme pour être capable de comprendre, hé, si une marque est en train de se redévelopper ou de remanier complètement une marque ou à partir de zéro. Vous voulez avoir ces questions et compréhensions clés que Haidt a grand, livre un message. Et en ce qui concerne le client, pour quoi voulez-vous que cette marque soit connue, non ? C' est très important quand il s'agit de construire une marque. Et un bon exemple d'une grande marque est Starbucks, non ? Pensez à ce qu'il représente. Vous savez, quand vous buvez du café Starbucks et que les gens vous voient, non ? Cela signifie que vous êtes essentiellement la classe supérieure, pour ainsi dire, que vous êtes différent, vous êtes unique et que vous êtes bien et prêt à dépenser plus pour une tasse de café qui pourrait coûter quelques dollars ou un dollar, n'est-ce pas ? Chez Dunkin Donuts, c'est ça ? Il s'agit donc de penser différent, d'être différent. Et puis aussi en marchant dans un endroit Starbucks, non ? Si tu as un certain champ, tu vas survivre. Vous avez un certain éclairage là-dedans, et tout va être le même peu importe où vous allez à Starbucks dans le monde, n'est-ce pas ? Il y a donc un certain message qui est transmis ici. Et à chaque fois que vous voyez des gens boire du Starbucks, non ? Il transmet un message qu'ils sont différents. Ils sont uniques. Et ça ne me dérange pas de dépenser 4 à 5$ pour un moka, un verre, non ? Cela pourrait facilement être fait pour un dollar, dollar, qui peut facilement être fait pour un dollar ou deux dollars, n'est-ce pas ? C' est ce que vous voulez penser à une marque. C' est ce qu'elle représente, comment elle fait sentir les gens, et ce qui vient à l'esprit quand ils voient la marque. Et une autre grande marque ici, probablement numéro un, va être Apple, n'est-ce pas ? Parce que rappelez-vous, Apple ne fabrique pas un produit qui est supérieur, de loin supérieur à, disons, HP ou Dell, ou l'un de ces autres fabricants d'ordinateurs de bureau ou d'ordinateurs, n'est-ce pas ? Ce qui les distingue vraiment, c'est l'élément de marque en concerne ce qu'il représente et comment cela fait sentir les gens, n'est-ce pas ? Les gens vont dépenser quelques milliers de dollars sur un ordinateur Apple, vous savez, parce que c'est ce qu'il représente pour les autres et pour le monde, pour la société à leur sujet comme hé, je pense différent, je suis unique. Je suis, vous savez, de l'échelon supérieur. Je ne suis pas ton moyen Joe, je ne suis pas ton penseur moyen. Je suis quelqu'un qui est créatif, qui aime penser en dehors des sentiers battus, non ? Donc c'est quelque chose que vous voulez vraiment prendre en compte parce qu'Apple transmet un message tout le temps, non ? Parce que rappelez-vous la fonctionnalité de l'ordinateur de celui-ci. Il y a vraiment très peu de différence entre une pomme un Dell ou un HP avec les spécifications similaires, n'est-ce pas ? Mais c'est la marque Apple avec laquelle les gens se connectent et résonnent. Et c'est vraiment important à comprendre. Il s'agit de la façon dont vous faites ressentir les gens et du message qui transmet sur le marché, n'est-ce pas ? Et alors passons en revue quelques raisons pour lesquelles la construction d'une marque est importante, non ? Donc, avoir une marque avec une présence en ligne vous distinguera immédiatement de tous les autres candidats qui viennent d'avoir un CV avec expérience, n'est-ce pas ? Parce que l'une des premières choses que les employeurs font de nos jours est de chercher sur Google pour voir si vous avez d'autres intérêts en dehors du travail. Si vous avez un blog, si vous avez une sorte de présence, n'est-ce pas ? Parce que vous devez vous rappeler, à l'ère numérique d'aujourd'hui, tout est en ligne. Tout est numérique. Et vous voulez être capable de vous démarquer. Alors juste quelqu'un qui a, disons une application qui a fait l'expérience et qui a, vous savez, un bon CV, mais peut-être qu'ils n'ont pas de présence en ligne, n'est-ce pas ? C' est quelque chose à prendre en considération lorsque vous développez un profil en ligne. Vous savez, avoir des profils sur les réseaux sociaux, avoir un site Web, avoir un blog , être actif sur les médias sociaux va continuer. Et nous allons aller dans les profils des médias sociaux dans une autre leçon. Mais je veux juste vous donner un aperçu rapide de ça. Et donc quand vous combinez l'expérience, un CV avec une présence en ligne avec la marque, n'est-ce pas ? Et vous avez tous ces gens qui travaillent en votre faveur, alors vous avez la formule gagnante que les employeurs recherchent à l'ère numérique d'aujourd'hui, n'est-ce pas ? Parce que vous pouvez représenter votre marque sur le marché et montrer aux autres aussi loin que les clients, clients potentiels qui sont capables de faire pour vous-même et ensuite leur faire savoir, hey, écoute, c'est ce que j'ai fait pour moi-même et c'est ce que je peut faire pour vous en particulier dans l'espace de l'employeur, n'est-ce pas ? Ils peuvent voir que vous savez développer une marque. Ils voient que votre acte de ligne à votre, dans le cadre de l'espace des médias sociaux et vous avez d'autres intérêts en dehors du travail, alors vous êtes vraiment se démarquer de la concurrence. Et c'est ce que les employeurs recherchent. Et surtout si vous suivez la voie du conseil client, votre image de marque ira de pair avec les clients potentiels, surtout si vous les sollicitez, pour tout type de design graphique ou tout type de projet. Tu peux leur montrer ça, j'ai créé ma propre marque. J' ai mon propre portefeuille, non ? Ma marque représente ça. C' est ce que je défends, mes valeurs, n'est-ce pas ? C' est ma proposition de vente unique. Donc, tout cela va jouer un rôle. Et tu peux trouver un emploi ou tu peux trouver des clients dans l'espace Freeland, ou même aller chercher tes propres clans, n'est-ce pas ? Et ça va être là pour construire une marque. Et on se verra sur la prochaine. 87. Marche personnelle: Dans cette vidéo, nous allons examiner l'image de marque personnelle. Donc, dans la leçon précédente, nous sommes passés sur l'image de marque en soi. Vous avez réfléchi à la façon de construire une marque. Cette leçon particulière ici, nous allons entrer dans les détails de la marque de vous-même comme cette marque, n'est-ce pas ? Parce qu'il y a une grande différence ici en tant qu' organisation par rapport à la création d'une marque personnelle. Alors allons de l'avant et commençons à construire une marque personnelle. Alors, qu'est-ce que l'image de marque personnelle, n'est-ce pas ? La marque personnelle est vraiment le même concept qu'une marque, l'exception d'un, une image de marque personnelle réelle. Vous êtes la marque, n'est-ce pas ? C' est la plus grande différence ici. Quand vous construisez une marque pour une entreprise, n'est-ce pas ? Pour une entité en dehors de vous-même, alors ce sera là où se trouve l'entreprise, la marque. Quand vous faites de l'image de marque personnelle, vous êtes la marque réelle, n'est-ce pas ? Votre personnage en ligne. Vous savez comment vous vous représentez en ligne, comment vous publiez sur différentes plateformes, ce que vous publiez, ce qui est juste dire, n'est-ce pas ? Et cela permet au monde extérieur de percevoir directement vos compétences, votre personnalité et vos expériences, n'est-ce pas ? Et donc l'image de marque personnelle sera probablement là où vous serez en mesure de tirer le meilleur parti de vos actions, n'est-ce pas ? Et le meilleur de votre travail parce qu'avec l'image de marque personnelle , la plupart du temps, vous allez devenir la marque comme la marque. Vous allez poser sur différentes plateformes de médias sociaux, différents profils de médias sociaux s'exécutent. Tu vas être sur Instagram, tu vas être sur Facebook, non ? Et toutes ces autres plateformes de médias sociaux qui font vraiment savoir aux gens que vous êtes actif et que vous prenez votre marque au sérieux. Et finalement quelle image de marque personnelle, c'est vraiment la meilleure façon de vous mettre dans une position stratégique pour diffuser la valeur que vous apportez en tant que concepteur UX et UI, n'est-ce pas ? Parce que rappelez-vous en tant que concepteur d'interface utilisateur UX, vous allez souvent faire comme des conceptions de sites Web, des conceptions d'applications, aussi des conceptions graphiques pour des graphismes différents, peut-être faire , disons, un design graphique pour des cartes de visite, des logos , n'est-ce pas ? Il y a beaucoup de choses différentes qui sont à l'intérieur du domaine de l'interface utilisateur UX, pour ainsi dire, n'est-ce pas ? Regardons donc quelques-unes des différentes façons dont vous pouvez obtenir votre nom en tant que concepteur d'interface utilisateur UX. Donc, voici un truc. Tu peux être le meilleur designer au monde, non ? Mais si vous êtes juste assis seul dans votre sous-sol et que personne ne sait que vous êtes ce que vous faites ou comment vous pouvez les aider, alors ça n'a pas vraiment d'importance, non ? Tu n'auras pas beaucoup d'impact. Donc ce que tu veux faire c'est que tu veux être quelqu'un qui soit doué dans ce que tu fais. Et cela améliore Wright en constante amélioration, mais est capable de tirer parti de leur présence en ligne, n'est-ce pas ? Et être capable de mettre votre nom là-bas avec une petite quantité de compétences qui se développe, non ? Va l'emporter d'avoir une tonne d' habileté avec personne ne sait sur la vraie ou pas réputation, non ? C' est pourquoi il est important d'être vraiment capable d'aller là-bas et avoir différents profils de médias sociaux et d'agir sur ces profils, non ? Pensez à un marché spécifique que vous voudrez peut-être cibler. Voulez-vous cibler, disons que l'industrie du divertissement, l'industrie du commerce, peut-être l'industrie du logiciel, le logiciel tant que service, n'est-ce pas ? Donc vraiment penser aussi au type de marchés que vous voulez cibler et comprendre que vous pouvez être le meilleur designer dans le monde, mais si personne ne sait pour vous, alors va être hors ou pas, n'est-ce pas ? Donc, un facteur clé pour pouvoir construire votre marque personnelle est avoir les profils des médias sociaux actifs et vous n'avez pas besoin d'être là tous les jours, n'est-ce pas ? Mais vous pouvez être là, vous savez, une fois par semaine environ, poster et autres choses différentes. Et au minimum, vous devriez avoir LinkedIn, Facebook et Instagram, n'est-ce pas ? Et comme je l'ai dit, vous n'avez pas à poster tous les jours, juste en vous assurant que vous êtes là et que vous montrez que vous prenez vraiment ça au sérieux. Et ce que vous pouvez aussi faire si vous ne voulez pas faire l'un des messages vous-même, vous pouvez vous inscrire à un programme appelé tampon et Q. Et ensemble, ils coûtent environ 20 dollars par mois. Et ce qu'ils font est tampon vous permet de connecter cela à vos profils de médias sociaux et d'automatiser la publication, n'est-ce pas ? Tous les jours ou même des mois et avance, jours à l'avance. Et puis faites en sorte que tous vos messages sortent automatiquement sans que vous ayez à le toucher. Et puis q vous donne la possibilité de rechercher différents contenus liés à votre sujet, n'est-ce pas ? À votre marché, à votre secteur d'activité, à la conception, à l'interface utilisateur UX. Et puis être en mesure de prendre ce contenu et de le publier sur votre profil afin que vous ayez du contenu pertinent qui est affiché sur vos profils. Et donc ça montre que tu es actif, tu prends vraiment ça au sérieux. Et cela va beaucoup de chemin avec votre image de marque aussi. Et donc ça va être là pour la construction d'une marque personnelle. Rappelez-vous, vous voulez être très actif sur les médias sociaux. Vous voulez vous assurer et comprendre que vous êtes la personne qui est derrière la marque. C' est toi qui es la marque. Et tu veux être capable de t'y mettre. Et même si vous n'avez pas une tonne de compétences, juste, être en mesure de montrer que vous avez certaine habileté et que vous voulez obtenir votre nom là-bas va aller de l'avant contre vous être le meilleur au monde et que personne ne soit au courant de vous, n'est-ce pas ? Donc ça va être là pour celle-là, et on se verra sur la prochaine. 88. L'importance d'avoir un site: Dans cette vidéo, nous allons parler de l'importance d'avoir un site web et un blog. Nous avons donc passé dans les autres leçons, l'importance de l'image de marque, l'importance de l'image de marque personnelle. Et ici, nous allons vous expliquer pourquoi il est important si vous développez votre propre marque, si vous faites une image de marque personnelle, avoir votre propre site Web et potentiellement votre blog, afin que vous puissiez vraiment vous démarquer du reste des candidats, si vous cherchez un emploi ou si vous faites du freelance, Clang consulting, allons de l'avant et sauter dans l'importance de construire un site Web. Donc avoir un site web, nous ajouterons une crédibilité instantanée à votre marque personnelle, n'est-ce pas ? Comme je l'ai dit, si vous avez une marque et que vous l'avez partout sur les réseaux sociaux. Cependant, si vous n'avez pas de site Web ou au moins un blog, et cela va faire beaucoup plus de mal que de bien. Vous voulez un peu de cohérence. Si vous avez une marque, vous devez avoir un site web, n'est-ce pas ? C' est juste une donnée, surtout maintenant à l'ère numérique d'aujourd'hui. Et ce que vous pouvez faire est de mettre en place un site Web pour votre entreprise ou pour vous-même. Nous aimons une rampe de marque personnelle. Vous pouvez faire l'un ou l'autre ou ça va marcher. Et puis pour un site web, c'est super bon marché. Je veux dire, vraiment, tout ce dont vous avez besoin, c'est un domaine, disons pour 10$ et ensuite 5$ par mois pour l'hébergement. Vous pouvez aller à nommer pas cher, puis WordPress est gratuit. Et je crois qu'ils vous donnent un certificat SSL gratuit d'un an, donc très peu coûteux. ne devrait y avoir aucune raison pour laquelle vous n'avez pas de site Web, ok ? Et ce que vous pouvez faire est que vous pouvez aller à, disons la forêt d'équipe ou sur le marché et obtenir le thème pour, disons 30 ou 40$. Et vous pouvez obtenir un site Web assez rapidement en allant à la fibre et à la douleur quelqu'un 10$ et en disant, Hey, écoute, je viens d'acheter ce thème sur le marché, de la forêt à thème. Je voulais ressembler à la démo, non ? Et donc ce que vous ferez, c'est que vous allez aller à la fibre, puis vous dépenserez 10$ ou environ et vous serez en mesure d'installer le site Web comme il est montré dans la démo. Et puis avoir un blog vous permettra également d'être en mesure d' écrire du contenu et de l'avoir récupéré par Google. Et cela montre vraiment votre crédibilité et votre expertise. Donc, vos visiteurs, non ? Donc c'est un, vous avez un client potentiel et ils atterrissent sur votre site et ils voient que vous avez un billet de blog là-bas et vous savez de quoi vous parlez, non ? Vous apportez de la valeur qui va ajouter à votre crédibilité, n'est-ce pas ? Et alors allons-y et allons sur mon ordinateur. Je vais vous montrer quelques ressources. Je vais vous accompagner à travers qui être appliqué et le marché des bouteilles afin que vous puissiez voir différents types de modèles là-bas. Et puis vous montrer aussi quelques ressources sur la fibre où vous pouvez obtenir quelqu'un pour 10$ ou plus. Et puis où ils peuvent avoir votre site Web opérationnel en un rien de temps. Ok, donc on est de retour sur mon ordinateur et on est au thème du marché automobile pour nous .net. Et ce que cette plate-forme est ici, c'est où vous pouvez trouver différents types de modèles de site Web que vous pouvez utiliser pour différents projets, pour différentes choses que vous cherchez à créer un, disons que vous voulez développer un type spécifique de sites Web ou peut-être un certain type de conception graphique. C' est un endroit idéal années loin Zimbardo marché pour obtenir beaucoup de recommandations en ce qui concerne ce qui est chaud là-bas sur le marché. On peut prendre des idées différentes, non ? Vous pouvez regarder ici différents modèles d'interface utilisateur. Vous pouvez regarder les choses qui sont populaires, les choses qui sont, vous savez, meilleurs vendeurs dans la mesure où les différents types de modèles. Mais vraiment cette vidéo ici va être plus pour un site Web et nous allons chercher un site Web pour votre entreprise particulière, comme si vous allez y aller point de vue de la marque ou où vous voulez être la marque toi-même. Ok, alors allons à WordPress ici. Et c'est ce que nous allons utiliser aussi loin que le CMS. Et donc ce que nous pouvons faire ici, c'est taper, disons agence numérique. Et cela va faire apparaître un tas de différents types de modèles que nous pouvons utiliser pour notre site Web. Donc, ce que nous voulons c'est que nous voulons WordPress. Nous voulons nous assurer que c'est dans WordPress. Donc ce qu'on va faire, c'est aller à WordPress juste ici, ok ? Et puis nous en regarderons deux ici. Créatif. Nous avons de la technologie, nous avons dans le commerce, nous avons des entreprises. Nous pouvons ventiler cela par best-sellers sont les mieux notés. Regardons les best-sellers ici. D' accord ? Donc, nous pouvons regarder certains des meilleurs vendeurs ici. On peut voir qu'elle est près de 646 000 témoignages ici. Donc on veut regarder quelque chose qui est chaud, qui éclate, n'est-ce pas ? Et puis jetons un coup d'oeil à celui-ci ici, la toute première. Ok, c'est un super second regard sur ça. Ok, donc c'est un très beau modèle ici, agréable et direct et a beaucoup des différents éléments que nous recherchons. Ok, super. Et donc c'est une sorte de processus que vous allez passer ici pour regarder différents types de modèles web, différents types de thèmes, non ? Parce que ce que vous allez faire est que vous allez installer le WordPress et ensuite vous serez en mesure d' installer ces modèles sur la plate-forme WordPress réelle sur laquelle votre site Web est hébergé. Et puis vous serez en mesure de personnaliser manuellement tout comme la démo. Revenons voir si on peut en trouver un autre ici. Voyons votre polyvalent réactif total. Voyons voir ici, allons à l'agence et aussi obtenir certains d'entre eux ici. Donc c'est polyvalent ici. J' aime bien celui-là. Il suffit de vérifier. Ok, aperçu en direct. Et donc ils ont différents types d'aperçus ici que vous pouvez utiliser pour votre site Web particulier. Ok, donc voici celui-là est pour l'hébergement. Donc, évidemment, vous voudriez changer ça pour ce que vous cherchez à faire là-bas. Mais c'est plus de l'interface utilisateur ici, la mise en page, la conception. C' est quelque chose que vous aimez et vous pouvez évidemment utiliser quelque chose comme ça aussi. Et donc juste passé un peu de temps ici à regarder à travers les différents types de thèmes. Et si l'un d'entre eux résonne avec vous et se connecte avec vous pour votre agence numérique, si vous dirigez quelque chose où vous allez créer une marque en tant qu'entreprise réelle, n'est-ce pas ? C' est une entité distincte. Ou vous allez faire de l'image de marque personnelle et faire en sorte que votre marque soit centrée autour de vous, n'est-ce pas ? Donc, vous voulez avoir comme l'agence XYZ ou XYZ créative ou n'importe quel nom de marque que vous voulez. Si vous allez suivre cette voie et si vous voulez faire la marque personnelle autour, alors vous pourriez aussi bien simplement enregistrer votre nom de domaine Azure, n'est-ce pas ? C' est donc une ressource rapide ici où vous allez être en mesure de trouver différents modèles de site Web, différents thèmes pour votre site Web particulier. Et puis aussi si vous voulez regarder quelques modèles différents ici pour différentes idées, n'est-ce pas ? Et alors passons ici à la fibre dans ce est où vous iriez réellement avoir le thème installé sur votre site Web. Donc vous achetez les fichiers réels d'ici, du marché invité. Et puis tu irais ici à la fibre et tu demandais à l'un de ces gars pour 510$ installer le thème réel sur le site que tu as là, tout comme la démo, non ? Et comme vous pouvez le voir ici, 5 à 10$ pour la plupart sera, vous savez, 10$ ou environ. Et juste que ces gars ont installé le thème sur votre site WordPress, juste comme il semble aussi loin que le thème ici, non ? Et puis vous pouvez personnaliser manuellement cela maintenant. Et si vous ne voulez pas aller et passer tout le temps à regarder à travers différents modèles, différents thèmes. Et vous voulez simplement abandonner quelque chose et courir très rapidement, très facilement, puis être en mesure de modifier et de régler sur la route. Et puis je vais te montrer dans une autre vidéo. Maintenant vous guide tout au long du processus d'enregistrement d'un domaine, d'hébergement, obtention de vos certificats SSL, puis d'installation d'un thème gratuit particulier sur votre site Web afin que vous puissiez être opérationnel. Donc ça va être là pour cette vidéo et on se verra sur la prochaine. 89. Créer un logo: Ok, donc dans cette vidéo, nous allons marcher à travers la création d'un logo très rapide et facile. Donc, ce sera par canva.com ici, Canada est un excellent outil à utiliser pour différents types de design, différents types de présentations. Vous pouvez créer des logos, vous pouvez créer différents types d'animations et beaucoup de différents types de designs qui sont facilement créés via Canvas. Cependant, c'est plus pour un débutant. Et si vous voulez jouer avec Canva, je vous recommande fortement de le faire pour que vous puissiez commencer et apprendre à faire des designs différents parce qu'ils ont aussi un tas de modèles ici. Alors allons de l'avant et sauter ici et créer un logo pour notre site Web. Vous pouvez donc entrer ici et taper différents types de logos. Vous pouvez voir ici il y a quelques jeux de relations publiques, il y a une profession. Il y en a pour différentes marques ici. Allons même à quelque chose comme ça. Et ce que nous pouvons faire, nous pouvons changer autour de certains de ce texte. Laisse-moi y aller comme ça. Je veux un autre type de fond ici. Je veux qu'il soit blanc. Et puis je veux que ça soit lavé. Faisons-le d'abord. Je veux changer ces couleurs et je veux qu'elles soient violettes. D' accord ? Donc ça a changé. Maintenant, changeons ça en blanc ici. D' accord ? Et puis bougeons ça. Je n'aime pas ce texte ici, donc nous allons changer ce texte ici. Nous allons supprimer. D' accord ? Et puis j'aime ça ici. Donc ce qu'on va faire, c'est déplacer ça ici, ok ? Et puis nous fermerons ça comme ça, non ? Et essayons quelque chose ici. Allons dans un groupe. Et je veux juste déplacer ça ici. Ok, on y va. Donc juste comme ça ici. Et je veux le rendre un peu plus grand. Et maintenant, nous allons apporter un texte. Voyons voir ici, juste ici comme ça. Et la société s'appelle la conception de la bombe, donc la conception de la liaison, accord, quelque chose comme ça, est de supprimer ça. Alors on peut faire glisser ça, faire ce K plus petit et voir si on peut faire ça. Y a-t-il un moyen de rendre ça plus épais ici ? Je suis sûr qu'il y en a. Mais voir ici. Ok, maintenant ça devrait aller, très bien. Et puis nous pouvons utiliser un peu plus mince type de texte. Peut-être quelque chose comme ça ou comme ça. Voyons si on peut changer ça ici. Une partie de ça. Ok, donc voyons ici, ok, donc quelque chose comme ça aurait l'air assez bien. Retournons à quelque chose d'un peu plus épais. Allons donc à quelque chose comme ça. Conception de la bombe. D' accord ? On veut quelque chose d'un peu plus épais comme ça. Et donc nous pouvons faire ça comme Sql. Rends-le plus grand. Ok, quelque chose comme ça, gentil et simple. On a ce noir juste là, et ça peut être beaucoup mieux. Je suis juste en train de créer ceci à des fins d'échantillonnage afin que vous puissiez voir à quoi cela ressemblerait. Vous pouvez donc voir comment nous allons mettre en place un logo particulier et combien il est facile en symbole d'en créer un. D' accord ? Ok, alors voyons à quoi ça ressemble. Si elle devait être capitalisée. Le design de la bombe. Je pense que nous pouvons faire comme ça, la conception du lien. Ou on peut aller comme ça. La capitale a l'air un peu mieux, accord, alors on va faire comme ça. Agréable et simple. Apportons ça un peu plus. Ok, alors allons télécharger PNG, téléchargez-le ici. Et maintenant, nous sommes prêts à partir, prêts à télécharger le logo sur le site Web particulier. Donc, nous allons aller de l'avant et sauter sur le site et en fait tout mettre en place. Dans la vidéo suivante, nous installerons le logo et nous prendrons le site Web. Donc ça va être là pour celle-là, et on se verra sur la prochaine. 90. Configuration de site Web étape par étape: Ok, donc dans cette vidéo, je vais vous expliquer comment enregistrer un domaine, comment configurer votre hébergement, comment obtenir le certificat SSL pour votre site Web, et comment tout configurer pour que vous puissiez avoir un site web prêt à l'emploi que vous n'avez pas à payer pour autant que d'avoir à acheter thème, vous allez être en mesure d'avoir accès à un doyen gratuit ici. Et je vais vous guider étape par étape comment tout mettre en place. Donc la première chose dont vous allez avoir besoin est un domaine. Un domaine est essentiellement une adresse web. C' est vos sites Web qui vont être hébergés, non ? Donc la première chose que nous devons faire ici est d'aller à la recherche de noms de domaine ici, ok ? Et puis nous voulons taper ici un que j'ai déjà mis en place la bombe designs.com. On y va et on y ajoute la voiture et on voit que c'est 9$ par an. Et puis nous allons passer par et effectivement acheter ceci ici est appelé une caisse. Et puis je vais aller de l'avant et passer vite à travers ça ici. Ok, donc nous avons traversé et nous avons parcouru la page de paiement en ce qui concerne l'achat du domaine, vous voulez aller à ça. Vous pouvez le faire vous-même, mais suivez simplement les étapes. Ajout de vos informations de paiement, puis vous serez en mesure d'acheter ce domaine. Donc, une fois que vous avez acheté ce domaine maintenant, vous avez besoin d'hébergement, n'est-ce pas ? Vous devez être en mesure d'héberger ce site Web en ligne. Et donc le paquet que je recommande va être celui-ci juste ici. Le 488 à mois, très peu coûteux. Cela signifie que 5$ par mois n'est rien de bon pour être en mesure d'héberger votre site Web en ligne. Et c'est nécessaire, non ? Parce que chaque site web sur le marché a l'hébergement, n'est-ce pas ? Ils sont hébergés sur un serveur pour qu'ils soient en direct. Alors, ramassez-la ici. Je le recommande pour 88 nommé Chip a un excellent service à la clientèle pour vous guider et vous aider à résoudre tout type de problèmes ou de problèmes que vous rencontrez. Et alors tu devrais être bon d'y aller. Donc tu veux venir chercher ça ici. Et puis vous voulez aussi récupérer le certificat SSL, n'est-ce pas ? Tu en as besoin sur ton site et c'est ça ici. Si vous regardez cela, vous voyez qu'il y a un certificat là-bas et qu'il n'y en a pas, alors il va le montrer comme non sécurisé. Donc, c'est le HTTP juste ici qui permet au site d'être protégé aussi loin que n'importe quel type d'intrusion. Et il protège également les utilisateurs lorsqu'ils atterrissent sur le site Web afin qu'ils se sentent plus protégés et en sécurité, n'est-ce pas ? Donc, vous pouvez choisir un de ceux-ci ici aussi. J' irais avec le certificat SSL positif ici. Et vous pouvez l'acheter juste pour un an. Et quand vous venez ici, cela est automatiquement réglé sur cinq ans. Cependant, tu veux briser ça pour 234 quoi que ce soit, n'est-ce pas ? Vous pouvez juste aller avec un ici et ensuite le rendre agréable et simple. Confirmer la commande. Et puis je vais passer par le processus de paiement ici. Ok, donc vous avez acheté le domaine, vous avez acheté l'hébergement, et maintenant vous avez acheté le certificat SSL, n'est-ce pas ? Alors maintenant, ce que vous voulez faire est d'aller ici et assurez-vous que votre domaine est configuré sur les serveurs d'hébergement Nom Cheap. Et je vais te montrer comment faire ça ici. Donc, vous voulez aller à votre compte ici vous voulez aller au tableau de bord. Et puis vous voulez aller ici à votre domaine juste là, aller à gérer. Et puis descendre ici pour les serveurs de noms et aller à Nom Hébergement Web pas cher. Cliquez sur OK, et vous devriez être bon d'y aller. Donc maintenant, c'est dire aux serveurs d'hébergement Nom Cheap que vous voulez votre domaine soit hébergé sur les services d'hébergement ou que vous venez d'acheter, n'est-ce pas ? Et si vous avez des questions en ce qui concerne l'hébergement, comment configurer cela, comment configurer le cPanel, tout ça. Vous pouvez contacter le support de vie qu'ils doivent renommer bon marché et ils vous aideront. Ils vous guideront pas à pas. Ok. Donc, une fois que nous avons configuré cela ici, maintenant nous voulons aller au cPanel et nous voulons installer WordPress. Ok, donc ce qu'ils vont faire, c'est que vous allez vous donner un type de lien spécifique qui va vous montrer et vous dire, hey, écoute, c'est là que votre hébergement réel va être installé dans le cPanel. Et ce que vous pouvez faire beaucoup des différentes modifications et où vous pouvez installer le thème WordPress réel. Alors allons de l'avant et connectez-vous à celui-ci ici. Ok, donc c'est l'écran que tu vas voir. Une fois que vous vous connectez au cPanel, vous allez obtenir les informations de connexion de nommé pas cher. Ils vont vous l'envoyer et vous envoyer un e-mail. Vous avez toutes ces informations disponibles. C' est donc là que nous allons installer le CMS WordPress et aussi le certificat SSL. Donc, la première chose que nous voulons faire ici est que nous voulons aller ici et aller à WordPress, et c'est aller à l'installation du client. D' accord ? Ok, alors sélectionnons notre domaine ici. Voyons voir ici, juste là, juste là. Ok, donc nous voulons quitter ce HTTP car il va automatiquement transférer au HTTPS lorsque nous avons installé le certificat SSL. Donc on va le laisser ici comme ça. Et on peut laisser ça, disons la société de conception de bombes. Nous, allons par ici. Nous fournissons l'UX, l'interface utilisateur et la conception graphique, non ? Quelque chose de gentil et simple. Et puis juste ici, ce que vous pouvez faire est que vous pouvez définir votre nom d'utilisateur et votre mot de passe. Je vais essentiellement en créer un ici à partir de zéro. Maintenant, vous pouvez les changer ici. Vous pouvez aller comme ça et il en créera automatiquement un pour vous. Je vais aller me cacher ici, et je vais taper allé ici. Ok, donc ça devrait être bon d'y aller. Et puis nous irons ici. Et puis nous irons à Installer. Maintenant, vous voulez que cela soit envoyé à votre e-mail en ce qui concerne les détails d'installation. Ok. Donc, je vais juste le mettre ici, mon email et avoir ce Go Install ici. Ok, donc il semble que j'ai besoin du mot de passe pour être plus long, donc nous allons ajouter un mot de passe différent ici. Ok, ça devrait être bon juste là. Bon, maintenant on est prêts à y aller. Donc maintenant ce CMS, à droite, le WordPress est installé sur notre domaine. Ok, je viens de me rappeler avant d'installer ces modèles, où nous voulons le configurer pour le certificat SSL. Ok, donc ici pour Nom SSL Cheap, nous allons cliquer dessus. Et puis nous allons ajouter le certificat au domaine. Alors passons à l'installation ici. Et puis nous voulons sélectionner le domaine. Parfait. Et puis nous irons à installer le certificat. Et puis il transmettra automatiquement au HTTPS. Ok, donc on ne devrait pas avoir de problème avec ça. C' est le backend de WordPress. Vous pouvez voir ici c'est juste un type simple de modèle ici. Et donc ce que nous voulions faire c'est que nous voulions aller, il y a quelques choses que nous voulons faire ici. Nous voulons aller aux paramètres et nous voulons aller à la lecture. Nous voulons faire un statique, l'exemple de page ici. Et puis on veut aller au permalien. Je veux aller au nom du poste. Ok, et ce qu'on va faire, c'est aller aux plug-ins et on ajoutera un plug-in gratuit ici, astra. Et puis cela va être essentiellement là où nous avons l'élément déchiré installé ici aussi loin qu'un constructeur web et aussi des types gratuits de modèles que nous pouvons utiliser aussi bien. Alors passons maintenant à l'apparence est aller aux thèmes. Vous pouvez voir que c'est l'équipe que nous avons ici. Donc maintenant, si nous passons aux modèles de démarrage, ok, nous sélectionnons un type de générateur de page. Vous pouvez aller à l'élément deux sont ici. Et puis maintenant, nous avons accès à un tas de modèles différents que nous pouvons payer ou auxquels nous pouvons accéder gratuitement. Allons par ici. Jetons un coup d'oeil à certains d'entre eux. Le C ici, il y a celui-là. Il y en a un ici que je voudrais aussi loin que le design, pour être libre et, et nous pouvons certainement modifier cela et ajuster pour l'entreprise. Alors, allons par ici. Je crois que c'était pour le design. Donc quelque chose comme ça. C' est parfait ici. Donc, toutes ces pages ici vont être installées. La page d'accueil, la page à propos, puis les services et le contact avec nous. Donc tout est littéralement aménagé pour nous. Tout ce que nous devons faire, c'est ajouter nos propres informations. C' est donc extrêmement puissant ici. Et donc ce que nous allons faire ici, nous allons installer ce modèle ici. Et puis nous allons créer un logo. Et on va le mettre en place comme si c'était une vraie affaire. Ok, alors allons de l'avant et importons le site complet. Et importez tout ici. Ok, donc le site est installé ici. Allons de l'avant et jetons un oeil à l'apparence du site. Ok, on y va. C'est le site. Et c'est incroyable comment cela s'installe automatiquement par lui-même. Et où nous avons toutes ces différentes pages ici déjà prêtes à aller. Et donc nous avons la maison sur les services contact aurait la demande de devis ici. Alors allons de l'avant et éditons cette année. Allons éditer avec un mentor. Et ça va être la page d'accueil ici. Et ce que nous voulons faire, c'est que nous voulons ajouter un peu d'espace ici pour que nous puissions mettre notre logo, alors ira comme ça juste là. Et puis nous irons à avancé ici. Et on y va, disons environ 115. Ok, remarquez comment à l'étranger en bas de cette petite zone juste là. Et puis on pourra mettre notre logo ici. Donc, allons à Enregistrer ou mettre à jour ici. Ok, donc on est bons là-bas. Et maintenant, ce qu'on va faire, c'est d'aller de l'avant et de changer quelques choses ici. Nous allons supprimer ceci ici. Va supprimer comme ça. Et nous n'avons pas besoin de ça ici aussi. Comme vous pouvez le voir ici. C' est un glisser-déposer très simple. Disons ici que nous créons des sites d'affaires incroyables, non ? Ou disons ici, le graphisme. En fait, allons-y et laissons-le comme ça. Nous créons Lee incroyable, belle. Comme changer ceci ici. Kay ? Juste comme ça. Ok, nous créons des sites incroyablement beaux, ok ? Agréable et simple. Comme supprimer ce droit ici. Et passons ça au milieu, juste comme ça. Et on peut en fait déplacer ça un peu plus haut. Laisse-moi aller me mettre à jour ici. Ok, donc ce qu'on peut faire, on peut aller ici et on peut avancer ça comme ça. Ok, gentil et simple. Et puis allons à Save. Ok, on veut aller à la mise à jour. Et puis c'est à ça que ça va ressembler. Et donc si on va dupliquer ici, on peut voir à quoi ça va ressembler. Ou on peut juste faire comme ça. Voici à quoi ressemble le site Web. Ok, donc ce que nous voulons faire ici, c'est qu'on veut aller personnaliser. Ok, donc on veut aller à l'en-tête ici, et on veut aller à l'identité du site. Et nous voulons ajouter un logo ici, non ? Le logo que nous avons pu créer sur Canvas ou simplement le faire glisser ici. Et ce que nous voulons faire, c'est que nous voulons éditer ceci et que nous voulons le recadrer. Alors ira comme ça. Juste comme ça. Et nous allons cliquer dessus. Et quelles mises à jour. D' accord. Et puis on ira à Select. Et il va nous demander de le refaire. Allons à recadrer l'image. Ok, alors allons-y comme ça. Et supprimons cette erreur. On y va, on l'enlève. Et pour qu'on puisse le rendre un peu plus grand. Revenons sur l'identité du site. On y va. Rendons-le un peu plus grand. On y va. Quelque chose comme ça, le design de la bombe, n' est-ce pas ? Et il doit publier. Et maintenant, nous avons notre site web avec notre design ici, avec notre logo. Nous avons le contact des services à propos. Et puis vous allez ici et essentiellement cliquez sur n'importe quelle zone que vous voulez mettre à jour. Alors sortons de là et revenons à l'endroit où nous l'avions, les pages. Et donc la page d'accueil ici éditer avec Ella mentor. droite. Donc vous viendriez ici et éditez tous les différents endroits jusqu'ici, comment pouvons-nous vous aider ? Peut-être que vous voulez juste avoir la conception, le développement et le marketing ou le commerce électronique ou quoi que ce soit, n'est-ce pas ? Vous pouvez utiliser ces différentes icônes ici. Tu peux changer ça. Vous pouvez supprimer ceci. Vous pouvez ajouter une information ici, et c'est là que vous allez trouver cette information. D' accord. Et donc ici, ce sont les différents types de zones que vous pouvez personnaliser pour ce thème. Vous pouvez également descendre ici, en-tête, pied de page et blocs. Et cela va vous permettre d'ajuster les blocs au pied de page. Donc nous allons jeter un oeil à ceci ici maintenant vous montrer tellement comme ici, changer ceci juste ici, le logo, mettre dans l' adresse de l'entreprise, les informations de l'entreprise, non ? C' est comme ça que vous allez éditer ça juste là, et aussi cette zone juste ici. Donc ça va être un ici pour le site. Encore une fois, c'est un site web agréable et simple qui est littéralement gratuit. Vous avez toutes ces pages. Tout ce que vous avez à faire est de mettre dans cette information que vous voulez pour votre entreprise particulière, pour vous-même, n'est-ce pas ? Et puis modifiez et modifiez certaines de ces sections. C' est vraiment juste cliquer, glisser-déposer. Et maintenant, vous avez tous ces différents éléments ici. Vous cliquez littéralement sur l'une de ces zones et vous pouvez modifier le contenu, n'est-ce pas ? Vous pouvez regarder différentes choses que vous pouvez faire glisser dans leurs différents éléments, n'est-ce pas ? Et tout est super simple. Il suffit de cliquer dessus. Vous pouvez éditer, vous pouvez supprimer des choses, vous pouvez ajouter des choses, n'est-ce pas ? Donc ça va être un joli petit site web ici que vous pouvez concevoir et configurer, n'est-ce pas ? Pour votre entreprise particulière. Si vous le faites en ce qui concerne la création d'une marque, ou si vous le faites pour, vous savez, mettre en place pour vous-même en tant que marque personnelle neuve. Rappelez-vous, chaque page que vous allez avoir besoin de le faire ici jusqu'à avoir le menu là-haut pour votre logo où vous allez être à style ou en fait à vance ici. Et tu veux aller à la 151 ? Je crois que c'était 150, quelque chose comme ça. Droit ? Basé sur ce que nous avons fait auparavant. Et vous voulez avoir à peu près la même quantité d'espace que vous le faites sur la page d'accueil pour que vous puissiez avoir votre logo ici, n'est-ce pas ? Donc ça va être la section entière ici pour le site. Jouez avec ça. Vous pouvez concevoir cela comme vous le souhaitez. Vous pouvez voir ici beaucoup de ces éléments sont déjà inclus ici. Vous pouvez donc simplement ajouter votre propre contenu à ces pages. Ok, donc ça va être là pour la configuration du site dans la mise en page, et nous vous verrons sur la prochaine. 91. Modèles d'UI: Ok, donc nous sommes ici sur le net. Et dans l'autre vidéo, nous avons cherché un site web pour notre marque. Si on fait un branding personnel pour nous-mêmes, non ? Ou si nous faisons l'image de marque réelle où nous allons avoir une entreprise réelle, c'est la marque par rapport à nous-mêmes. Et maintenant, dans cette vidéo, je veux passer en revue les différents types de modèles ici que vous pouvez utiliser comme cadres de référence pour vos conceptions particulières. Et en particulier en allant ici dans les modèles d'interface utilisateur. Parce que ce que vous pouvez faire ici est essentiellement de regarder quels sont les types les plus chauds de modèles d'interface utilisateur qui sont là sur le marché. Donc, vous pouvez rendre votre processus de conception beaucoup plus facile et beaucoup plus lisse, n'est-ce pas ? Parce que tu n'as pas à réinventer la roue. Vous avez juste à regarder ce qui est chaud, ce qui surgit là-bas et être en mesure d'ajouter votre propre touche unique à ces designs particuliers que vous savez déjà sont en fait chaud sur le marché, n'est-ce pas ? Alors passons ici aux modèles d'interface utilisateur. Et vous pouvez regarder tous les différents types de modèles de Photoshop, Sketch sigma, Adobe XD, non ? Nous travaillons principalement avec Adobe XD. Et donc vous pouvez aller ici et regarder différents types de modèles tout au long du conseil si vous voulez regarder, disons, la livraison de nourriture, UIKit pour mobile. Disons que vous avez un client potentiel ou peut-être que vous voulez entrer dans le type d'interface utilisateur de conception pour différents types d'applications mobiles, alors vous pouvez prendre ce kit particulier ici et être en mesure de l'utiliser comme référence, peut-être concevoir une marque confectionnée ou un type d'application composé. Et vous pouvez réellement l'utiliser comme votre portefeuille de design. Très, très puissant ici, ok, donc ce que vous serez en mesure de faire est de regarder certaines de ces différentes captures d'écran et de pouvoir, disons, acheter ce framework particulier, droit, ce type de conception et être en mesure d'utiliser pour votre travail réel avec vos clients. Et aussi être capable de créer quelque chose à partir de zéro jusqu'à une marque en utilisant ce type d'interface et de design et être en mesure de l'utiliser comme votre portefeuille réel, ce qui ira beaucoup parce que et c'est l'une des plus grandes choses que les clients veulent examiner avant eux, vous savez, choisir de travailler avec nous. Hey, qu'as-tu fait dans le passé ? Quelle est votre expérience ? Résumant quelques dessins. C' est donc un excellent moyen pour vous de mettre en valeur vos compétences en matière de conception en tirant parti des types d'interfaces utilisateur existants, n'est-ce pas ? Allons donc ici et regardons quelques-unes des différentes mises en page ici. Vous pouvez voir tout ici est déjà mis en place dans la conception. Vous pouvez simplement utiliser ces modèles particuliers et être en mesure d'entrer différentes informations. Donc c'est très, très puissant, non ? Et c'est juste quelque chose que vous pouvez utiliser sur votre portefeuille particulier qui est si puissant. Donc, si puissant, ne peut pas le souligner assez. Donc, vous pouvez voir ici que c'est du côté client. Voyons voir ici. Sélectionnez la nourriture des restaurants. Parce que gardez à l'esprit, très, très peu d'entreprises. Ou, vous savez, les entreprises viennent en fait avec quelque chose d' unique et créatif à partir de zéro. Il y a beaucoup de modèles préfabriqués, conceptions qui sont déjà configurées et un peu standard. Et puis le concepteur va modifier et ajuster et ajouter leur propre torsion unique à elle et être en mesure de le faire leur propre. Cependant, pour la plupart, beaucoup de ces modèles sont déjà disponibles, 30 fabriqués. Cependant, un client ne va évidemment pas venir ici et regarder tous ces différents modèles d'interface utilisateur, bon taux de framework de conception d'interface utilisateur. Ils vont voir un spécialiste comme toi, non ? Un concepteur d'interface utilisateur UX pour faire tout cela pour il pourrait parce que vous comprenez cela. Et à peu près, vous savez, vous pouvez regarder toutes les différentes fonctionnalités ici, les fonctionnalités. Et puis pouvoir acheter ça pour 60$ et être en mesure d'avoir ça, vous savez, dans votre portefeuille, n'est-ce pas ? Et alors revenons ici. Regardons un autre ici. Ceci est le modèle Adam et UI Kit pour le site Web. Donc, c'est pour la conception de site Web ici. Et vous pouvez jeter un oeil à d'autres types différents de sites Web mis en place ici où ils ont les composants ici, la navigation que vous pouvez voir, puis ils ont les différents éléments ainsi. Et puis l'en-tête ici et tous les différents types d'éléments. Et rappelez-vous, vous n'êtes pas en train de créer des choses à partir de zéro très peu de fois un U en train de créer quelque chose qui est original, complètement nouveau, indifférent, non ? Beaucoup de designers, ce qu'ils vont faire, c'est qu'ils auront un travail particulier qui viendra leur chemin, ont une idée de ce qu'ils pensent. Mais ils vont toujours, pour la plupart, aller là-bas et regarder ce qui est déjà disponible sur le marché et obtenir des cadres de référence, regarder ce qui est là qui fonctionne déjà, que a l'air génial, ça a l'air fantastique. Et puis il sera capable de modifier et d'ajuster et de faire leur propre, mais vous n'avez pas vraiment besoin, comme je l'ai dit, de réinventer la roue. Vous pouvez prendre beaucoup de ces conceptions et les faire vôtre. Donc, ce sont les, tous les différents types d'images et de pages. Si vous voulez aller bien, voici un tableau de bord, donc c'est un endroit fantastique pour vous de venir ici, obtenir quelques modèles pour la conception de l'interface utilisateur et être en mesure de créer vous-même certains de leurs propres designs, peut-être faire quelques marques ou quoi que ce soit, et ensuite être en mesure de l'utiliser comme votre portefeuille parce qu'il est juste énorme, énorme potentiel ici pour vous d'être en mesure d'avoir beaucoup de différents projets sous votre portefeuille tout de suite hors des portes pour que vous puissiez commencer à trouver des emplois, n'est-ce pas ? Parce que, comme je l'ai dit, beaucoup de gens qui recherchent différents emplois de conception graphique UI UX veulent voir votre travail précédent, et ce sera la meilleure façon de le faire, n'est-ce pas ? Et mettre en valeur ça. Voici quelques différents types de modèles d'interface utilisateur. Vous pouvez passer un peu de temps à regarder ces scènes qui vous ressemblent le plus et être en mesure les prendre et de les ajouter à votre portfolio. Donc ça va être là pour les modèles d'interface utilisateur et nous vous verrons sur le prochain. 92. Modèles de logo: Ok, donc dans cette vidéo, nous allons passer sur les modèles de logo. Donc, nous sommes de retour ici sur la forêt, comme je l'ai mentionné dans les autres vidéos, c'est une telle ressource pour être en mesure d'obtenir différentes références, différents types d'idées de design, et sorte de voir ce que le marché est, vous savez, jusqu'à ce moment dans ce qui est éclatant et ce qui est très populaire. Alors passons ici et je veux vous montrer l'outil global maker ici, qui crachera automatiquement un logo pour vous en fonction votre marché ou de votre nom d'entreprise sur le type de design dans. Vous pourrez l'utiliser comme référence pour créer vos propres logos à partir de zéro, ou certains d'entre eux comme références de conception. Ou peut-être simplement avoir ce logo créé simplement en utilisant cet outil. Très, très simple. Allons-y et sautons ici. Ok, donc comme vous le voyez ici, tout ce que nous avons à faire est de taper une marque, disons ABC, UX, UI design. D' accord ? Et puis on passe à la suivante. Et puis on descend ici. Nous choisissons le design, non ? Nous sommes conçus société. Et puis allons-y. Et puis ce que cela fait, c'est qu'il crache un tas de différents types de recommandations locales avec le nom de l'entreprise, non ? Et vous pouvez choisir différents types de graphiques ici. Vous pouvez ajouter différents éléments. Et il choisit pour votre type de design particulier. Disons que vous avez un client qui peut être dans un secteur différent. Peut-être qu'ils sont dans le domaine médical, peut-être qu'il y a une boulangerie, peut-être qu'ils sont un salon de beauté ou, ou quelque chose de différent de ce que vous êtes en tant qu'agence de design numérique, non ? Vous pouvez donc regarder à travers ici, regarder différents types de modèles de logo, différentes idées de conception. Vous pouvez les prendre et courir avec eux. Donc, je ne suis pas vraiment sûr pour le prix ici. Je pense qu'il peut y avoir un petit coût, cependant, être en mesure d'obtenir ce type de modèle ici pour 5.20, $10 dollars au maximum, je dirais qu'il est encore complètement précieux. Alors venez ici. Vous pouvez modifier le texte. Vous pouvez modifier différents types de jeux de couleurs. Vous pouvez ajouter un autre graphique, vous pouvez modifier l'arrière-plan. Vous pouvez faire beaucoup ici avec cet outil particulier. Allons de l'avant et essayons simplement un autre type d'entreprise qui disait que nous travaillions avec un salon de beauté et qu'ils voulaient une refonte complète du logo ici. Allons au XYZ et au salon de beauté , d' accord, et ensuite on y va. La beauté de Sco. Et puis ça va s'appliquer. Et puis nous verrons le genre de modèles différents que cela recommande. Donc parfait ksi, il prend juste en compte la niche, non ? Le marché, l'industrie, et est capable de créer différents logos en fonction de ce que la marque est centrée sur. Donc c'est tellement fantastique ici. C' est un excellent outil. Vous pouvez l'utiliser pour vos propres designs. Vous pouvez vendre des logos facilement à partir de fibre pour, vous savez, 102040, 50$ le pop et être ce qui est un bon design ici ? Et vous savez, commencez facilement à construire votre portefeuille, n'est-ce pas ? Parce que rappelez-vous, il s'agit de vous donner un portfolio construit pour que vous ayez du travail à montrer aux gens. Et surtout si vous voulez obtenir un emploi ou que vous cherchez simplement à obtenir un poste dans une organisation. Vous voulez être en mesure de mettre sur votre CV que vous avez connu, que vous avez différents projets de design. Vous avez un portefeuille, et évidemment la même chose avec le travail avec les clients. Ils veulent s'assurer que vous avez pu faire quelque chose dans le passé et que vous savez ce que vous faites, n'est-ce pas ? Donc juste une vidéo rapide ici en passant sur les différents modèles de logo que vous pouvez avoir accès sur le marché. Et comment rapide et simple vous pouvez créer de très beaux logos étonnamment beaux en quelques minutes. Donc ça va être là pour les modèles globaux, et nous vous verrons sur le prochain. 93. Comment créer un e-mail d'entreprise: Allons-y et sautons. La plateforme numéro un que je vous recommande d'utiliser pour configurer votre messagerie professionnelle sera G Suite très peu coûteuse et très facile à configurer. Donc je vais vous guider étape par étape comment nous faisons ça. Donc la première chose que je veux vous montrer ici est le prix. Le meilleur ici que vous allez utiliser si vous venez de commencer, sera l'année de base, 6$ par mois. Vous recevez l'e-mail professionnel, vous obtenez des visioconférences, calendriers de messagerie d' équipe, 30 concerts de stockage sur. Ensuite, vous obtenez du soutien et vous obtenez différents contrôles de sécurité et d'administration, ce qui en vaut vraiment la peine. Vous bénéficiez donc d'un essai gratuit de 14 jours. vous recommande fortement d'installer, je vais aller de l'avant et vous expliquer comment faire rouler ça. Donc la première chose que nous allons faire ici est d'aller sur G Suite dot google.com. Et puis on va commencer. D' accord ? Et puis nous voulons mettre dans le nom de l'entreprise ici et ceci est mis société ADC. Et puis si vous voulez mettre juste vous ou de refuser des employés en fonction du nombre d'employés que vous avez. Alors on y va, juste toi. Tu veux mettre ton prénom. Je vais tirer Kuan Galvin et je vais mettre mon adresse email sur un champignon upon.com. Et ensuite ensuite. Et puis tu mets oui, j'en ai un que je peux utiliser. Maintenant, si vous n'avez pas de domaine et que vous voulez en acheter un, vous pouvez aller de l'avant et le faire via eux. Mais je vous recommande fortement d'aller acheter un domaine via Name Cheap, très facile, installation très simple. Donc Tenex, votre clients.com. Suivant. Ok, super. Et puis on va passer à la prochaine. Et puis c'est là que nous allons créer notre nom d'utilisateur. Donc, nous allons aller à, allons-y un à n'importe quelle URL est là, puis mot de passe. Vous voulez définir un mot de passe ? Je ne peux pas être un robot ? Allons à ce qu'on doit faire ça très vite. Je suis d'accord et je continue. Nous allons en avoir besoin, vérifier le domaine. Et je vais te montrer comment faire ça aussi. Ok, donc c'est là que nous devons choisir le plan flexible ou le plan annuel sur le plan flexible sera le meilleur. Maintenant, avec cette page, vous devez entrer les informations de votre carte de crédit. Je vais aller de l'avant et faire ça très vite. D' accord. Nous avons donc soumis nos informations de paiement et nous sommes prêts à passer à l'étape suivante. C' est donc là que nous allons vérifier notre domaine lors de la configuration de nos enregistrements MX. Maintenant, lorsque vous vérifiez votre domaine, je recommande la façon la plus rapide et la plus simple de configurer cela est d'ajouter un enregistrement TXT. Je vais te montrer comment faire ça. Assurez-vous donc que vous avez nommé la configuration d'hébergement bon marché. Et je vais vous montrer où vous allez ajouter cet enregistrement TXT particulier. Donc, nous voulons aller ici et aller à J'ai réussi à me connecter à votre cPanel. Chaque fois que tu auras un hébergement avec un nom pas cher, tu recevras un e-mail. Et ils vont vous fournir les informations de connexion à votre publication pas cher sans nom. Et puis à partir de là, vous allez votre éditeur de zone et vous allez ajouter l'enregistrement. Je vais te montrer comment faire ça. Donc, il vous dit ici d'aller au nom particulier t affichage cPanel. Ok, super. Et puis vous allez obtenir ce code de vérification du site Google particulier. Et vous allez vouloir ajouter ceci comme un enregistrement. Et laisse-moi te montrer comment tu ferais ça. Donc nous sommes ici dans le cPanel et vous voulez aller à l'éditeur de zone. D'accord ? Et ton cPanel de mon nom, pas cher. D' accord, donc nous sommes ici à l'éditeur de zone 10 pouces ou clients et nous voulons ajouter ce code ici maintenant. Ceci est un précédent Caudell a été ajouté. Donc on va aller de l'avant et ajouter le nouveau. Nous allons copier ce que nous allons enregistrer ici. Ok, super. Donc, nous allons voir ce registre, Vérifier le domaine et configurer. Maintenant, cela va prendre un certain temps à charger, mais c'est le processus que vous allez suivre. Maintenant, je vais vous montrer ce que vous allez faire ensuite, c' est-à-dire ajouter les enregistrements MX et, et c'est vraiment important parce que cela va lier votre e-mail G Suite à votre hébergement particulier. Laissez-moi vous montrer comment vous allez installer ça ici. Donc, ici, dans l'éditeur de zone, nous avons ajouté un enregistrement TXT et nous voulons aller à l'enregistrement MX. Et vous allez vouloir ajouter ces codes particuliers ici aussi sur la priorité 1, la priorité 5. Maintenant, vous pouvez facilement trouver ces enregistrements MX littéralement en allant sur Google. Si nous allons à Google MX records, nous y allons. Donc vous pouvez facilement copier ceci ici, mais ce sont ceux qui vont aller dans le cPanel particulier ici, non ? Tu vas aller à l'Amex pour ajouter ces enregistrements MX. Et puis vous voulez aller au TXT et vérifier le domaine ici. Donc, c'est essentiellement comme ça que vous allez vouloir mettre en place cette configuration et vous allez revenir à vos domaines ici. Ceci, il dit MY digital, mais je vais vraiment vouloir m'assurer que vous sélectionnez nommé hébergement web bon marché DNS, ou qu'il se propage correctement là. Donc, c'est essentiellement le processus là pour vous d'être en mesure de créer un e-mail professionnel pour votre entreprise particulière via G Suite seulement 6$ par mois, fortement, fortement recommandé. C' est tout pour cette vidéo ici, et on se verra sur la prochaine. Merci. 94. Faire du réseau et ne pas faire: Dans cette vidéo, nous allons passer en réseau. Maintenant, le réseautage est extrêmement important, que vous empruntiez la voie du freelance ou que vous cherchiez à trouver un emploi dès maintenant, travailler peut vous ouvrir une tonne de portes. Dans cette leçon, nous allons expliquer comment tirer parti de votre réseau existant, comment continuer à travailler de la bonne façon. Certaines des choses à faire et à ne pas faire, comment s'assurer que vous vous présentez de la bonne manière lorsque vous essayez d' engager des activités de réseautage et comment éviter de vous représenter dans le mauvais type de poids. Alors allons de l'avant et passons à la mise en réseau. Voici donc quelques points clés en matière de réseautage. Construire un réseau est l'une des choses les plus importantes que vous pouvez faire pour votre carrière. Et c'est que vous alliez faire du freelance ou non, vous allez chercher un emploi. Il s'agit toujours de connaître le bon genre de personnes qui peuvent vous aider à être pointé dans la bonne direction, n'est-ce pas ? Et LinkedIn est de loin le meilleur endroit en ligne pour réseauter. Vous pouvez avoir des connexions différentes. Vous pouvez avoir différentes personnes qui peuvent être connectées à des personnes que vous voulez obtenir devant. Et vous pouvez tirer parti de votre réseau existant pour vous aider à mettre ce pied dans la porte, pour ainsi dire, n'est-ce pas ? Et comme le dit le vieux dicton, ce n'est pas ce que vous savez, c'est qui vous connaissez, non ? Et évidemment, vous voulez être capable d'avoir des compétences. Vous voulez être en mesure d'avoir les connaissances, l'expertise, n'est-ce pas ? Souvent, ce sont les personnes avec lesquelles vous êtes en mesure de vous connecter et de vous engager et le réseau qui sont en mesure de vous ouvrir beaucoup de portes que vous n'avez peut-être pas eu auparavant. Et donc l'une des choses clés à garder à l'esprit ici avec le réseautage est à, beaucoup de gens vont à ce sujet de la mauvaise façon. Je ne sais pas si vous avez déjà assisté à n'importe quel type d'événements de réseautage ou si vous avez déjà fait ou essayé le réseautage auparavant. Plus souvent qu'autrement les gens, ce qu'ils vont faire c'est qu'ils viennent toujours à une sorte d' événement ou qu'ils vont faire du réseautage d'une manière très égoïste. Alors parlez de, hey, c'est ce que je veux que vous fassiez, ou pouvez-vous le faire pour moi ou tout ce qui concerne leurs propres intérêts égoïstes ? Eh bien, vous devez vraiment adopter l'approche inverse à cela parce que c'est ce qui va vous permettre d'amener votre jeu de réseautage au niveau supérieur. Vous voulez chercher où vous pouvez ajouter de la valeur à l'individu, n'est-ce pas ? Disons que vous essayez de vous connecter à quelqu'un de votre réseau ou à quelqu'un en dehors de votre réseau qui peut avoir une connexion avec quelqu'un de votre réseau, n'est-ce pas ? Tu veux toujours adopter l'approche de, hey, que puis-je faire pour toi ? Comment puis-je vous ajouter de la valeur et ensuite pouvoir leur demander une faveur, n'est-ce pas ? Parce que même si vous ne pouvez pas faire ce que vous leur dites que vous recommandez ou que vous offrez, n'est-ce pas ? Juste l'offre seule fera un long chemin. Et surtout quand tu peux aller sur leur profil, peut-être les regarder en ligne et je t'ai mentionné, hey, écoute, j'ai remarqué que tu faisais X , Y et Z. Leur faire savoir que vous passez un peu de temps à les faire des recherches, à regarder leurs antécédents va vraiment faire un long chemin. Vous voulez vous éloigner de simplement envoyer des messages qui ont un pur intérêt personnel. Ou il n'y a rien en retour parce que personne ne veut se sentir usé, non ? Et quand vous entrez avec votre propre intérêt égoïste, alors c'est vraiment repousser et écarter les relations potentielles et les opportunités de réseautage qui pourraient vous arriver. Voici donc un aperçu rapide de la mise en réseau. N' oubliez pas de toujours tenir compte de la valeur lorsque vous êtes en contact avec des gens et lorsque vous faites du réseautage, que vous posez des questions à leur sujet, sur leur activité. Et puis inévitablement, on vous posera des questions sur vous et votre entreprise aussi. Et pour la plupart, si vous voulez vraiment faire passer votre jeu de réseautage au niveau supérieur, concentrez-vous uniquement sur LinkedIn et commencez à construire votre profil. Commencez à poster un tas de contenu lié à votre sujet et cherchez vraiment à développer un excellent réseau sur LinkedIn. Donc ça va être là pour le réseautage, et on se verra sur le prochain. 95. Les sites Web Freelance freelance: Dans cette vidéo, nous allons parcourir certains des meilleurs sites web freelance auxquels vous pouvez vous inscrire. Commencez à obtenir du travail sous votre ceinture, commencez à construire votre portefeuille. Et ce qui est génial à propos de ces sites web freelance, c'est que tous les projets seront là pour que vous puissiez enchérir, non ? Vous n'avez pas besoin d'aller chercher du travail. Tous les emplois seront sur la plateforme. Et vous arrivez essentiellement à vous inscrire en tant qu'utilisateur, être en mesure de vérifier votre identité, puis être en mesure de vous présenter des emplois. Et ensuite, vous pouvez enchérir sur ces travaux tout de suite. Alors allons de l'avant et sautons dans le haut. Différents sites indépendants avec lesquels vous pouvez vous inscrire pour un concepteur UX UI, n'est-ce pas ? Alors allons de l'avant et regardons quelques-uns des meilleurs sites de freelance. Donc, comme vous pouvez le voir ici, nous avons le premier qui est Upwork.com. Ce sera probablement le plus grand, le meilleur pour lequel vous vous inscrivez parce que c'est essentiellement l'un des meilleurs sur le marché. Vous allez avoir une tonne d'emplois, des tonnes d'opportunités à choisir. Et puis le second est Fiverr.com. Il s'agit plutôt d'un type de plate-forme de travail ou de barre oblique. Cependant, il y a des occasions d' enchérir sur des concerts personnalisés que les gens y placent. Et puis il y a freelancer.com. Ceci est probablement comparable à Upwork dans la mesure où il est numéro deux sur le marché pour les freelancers. Et puis nous avons les deux plateformes spécifiques pour les designers, qui est dribble et Behance. deux plateformes sont fantastiques pour mettre en valeur votre travail et pour être en mesure d'obtenir des emplois spécifiques à votre chemin. Et puis les sources supplémentaires ici sont les personnes par heure.com. C' est un au Royaume-Uni. C' est aussi une bonne chose. Cependant, vous allez généralement avoir plus de succès à partir de ce que j'ai vu, ce que j'ai vécu dans la plus grande liberté, c'est aussi des sites Web. Cependant, si vous êtes au Royaume-Uni, c'est peut-être une bonne source pour vous. Et puis nous avons google.com, qui est également dans d'autres sites freelance aussi bien. Alors allons de l'avant et sauter dans ces individuellement. Donc, le premier ici, freelancing sur Upwork, Ecrire une grande, grande plate-forme, fortement recommander. Il regarde certains des avantages. Les avantages sont qu'ils ont un processus de filtrage et ils ont à la fois fixé et nos contrats. Et puis les mini-projets qui sont disponibles. Échelle différente, non ? Vous pouvez commencer votre carrière et avoir un petit projet pour peut-être 40, 50$ juste pour mettre en valeur votre travail, obtenir cette bonne expérience. Et puis vous avez une protection de contrat horaire, qui vous protège comme une heure le salarié. Et certains des inconvénients ici sont qu'il est difficile d'obtenir votre premier projet. Cependant, si vous utilisez beaucoup des différents conseils qui sont expliqués dans ce cours, n'est-ce pas ? Où vous voulez vraiment lire la description du poste. Vous voulez vous assurer que vous présentez votre offre et que vous la présentez d'une manière qui permet au client final de savoir que vous avez effectivement lu la description de poste. Vous êtes familier avec le vous avez les compétences nécessaires pour être en mesure de réaliser le projet. Et l'ajout d'une vidéo fera un énorme chemin. Alors pensez à cela aussi. Et donc pour beaucoup de gens, oui, vous pouvez dire que cela va être difficile, mais puisque vous avez ce cours, vous avez accès à ce contenu, à ce matériel, à ces conseils. Ça va être beaucoup plus facile pour toi de pouvoir obtenir ton premier projet, non ? Et donc évidemment, il y a de la concurrence. Il y a beaucoup de gens différents là-bas avec des tarifs plus bas que toi. Et c'est pourquoi vous voulez avoir quelque chose où vos tarifs sont très bas au tout début. Alors tu mets ton pied dans la porte avec les boulots, non ? Et puis une autre escroquerie ici est que le score de réussite au travail diminue automatiquement si vous ne travaillez pas sur Upwork pendant un certain temps. Assurez-vous donc que votre profil est à jour. Vous êtes constamment, vous savez, obtenir de nouveaux emplois et vous travaillez gardera votre score au plus haut, puis freelance sur freelancer. Et c'est aussi une excellente plate-forme. Ils ont un processus de dépistage. Ils ont un processus peut obtenir vérifié ainsi où je crois que vous payez environ 100$ et ils vérifient votre identité, ils vérifient vos antécédents et ils vérifient quelques autres choses pour s'assurer que vous êtes un pigiste vérifié et vérifié . Et puis ils ont fixé scénario les contrats ainsi, beaucoup de projets différents ou d'échelle différente, non ? Vous pouvez vraiment construire votre portefeuille aussi en obtenant un petit projet puis en travaillant à partir de là. Et puis ils ont aussi un programme de freelance préféré. Où si vous êtes un freelancer qui est préféré, vous avez un score élevé, vous allez obtenir beaucoup de postes ne vous agissez pas de freelancer lui-même. Et donc vous allez avoir l'occasion de gagner beaucoup de ces emplois, cependant, vous devez construire votre profil et obtenir cette expérience correcte. Et puis les inconvénients ici, difficile d'obtenir votre premier projet. Cependant, évidemment, en entrant dans ce matériel, ce ne sera pas un défi aussi grand pour vous. Et puis beaucoup de rivaux là-bas, beaucoup de concurrence ferait baisser les taux. Mais encore une fois, c'est une de ces choses où, comment pouvez-vous vous démarquer, non ? Comment peut-on créer une sorte de processus ou de méthodologie propre au marché ? Et tu dois être au top des boulots. Vous devez toujours être à la recherche de nouvelles opportunités, nouveaux projets à venir. Et puis nous avons Fiverr.com. Fiverr.com est aussi une excellente plate-forme. C' est très facile et simple de commencer. Et puis vous avez deux types de projets différents ici. Vous avez des concerts, puis vous avez des projets qui sont essentiellement fabriqués à partir de zéro. Donc quelqu'un peut y aller et mettre un travail ou un projet en particulier, n'est-ce pas ? Et puis les gens peuvent enchérir là-bas. Ou vous pouvez définir comme vos propres concerts sélectionner, disons, pour une conception UX pour une application mobile, vous pouvez avoir un concert pour cela avec un certain prix. Et puis peut-être disons pour un design de logo. Et vous pouvez avoir ça comme un concert et vous pouvez avoir un prix fixe pour ça. Donc c'est comme installer votre propre magasin, non ? Où vous avez différents concerts, différents projets, et ensuite ils sont tous à certains prix fixes. Et puis vous avez le pro de la fibre pour les meilleurs talents. Il y a un processus de dépistage pour ça. Et si vous avez beaucoup de compétences et que vous êtes vraiment qualifié droit, alors vous pouvez passer par ce processus ici et avoir accès à un grand nombre des différents clients qui sont prêts à payer haut niveau. Et encore une fois, c'est un excellent moyen de construire votre portefeuille, de construire des témoignages. Et certains des inconvénients ici, c'est que les projets commencent à $5, ce qui va coûter peu cher. Et vous pouvez regarder cela d'une manière positive ou négative. Oui, il est regrettable que le prix soit assez bas. Cependant, c'est un excellent moyen pour vous aussi d'être en mesure d'obtenir peu de travail dans votre portefeuille et de commencer à recevoir des commentaires, des recommandations, des témoignages, n'est-ce pas ? Et donc quelques colonnes supplémentaires ici, les commandes peuvent être passées sans aucune communication. Donc, disons que quelqu'un veut un design ou un logo ridiculement complexe ou quoi que ce soit, il peut passer une commande sans vous contacter parce que vous avez un concert là-bas comme dans votre magasin, non ? Et puis s'ils ont besoin d'annuler la commande, alors ça va compter contre vous sur votre score. Donc pas une bonne chose là-bas, c'est malheureux, mais je vous recommande toujours de mettre hey, contactez-moi avant chaque commande. À droite. Et comme je l'ai mentionné, si la commande est annulée, vous allez obtenir une grève sur votre compte et ensuite les prix sont fixés sur la base du projet. Donc il y a très peu de marge de manœuvre là-bas, ou de place pour la négociation. Quand vous avez un prix de 30$ ou 20$ pour un logo brillant, vous ne pouvez pas vraiment revenir en arrière et essayer de négocier cela. Vous ne pouvez pas vraiment revenir en arrière et essayer de négocier cela avec l'acheteur parce que c'est à quoi votre prix est fixé. qu'il en soit, il s'agit d'une excellente plate-forme pour commencer en raison du faible coût, vous pouvez commencer à construire votre portefeuille et être en mesure de l'utiliser pour obtenir d'autres clients sur la route. Et puis nous avons dribble ici. Il s'agit d'une plate-forme spécifique pour les concepteurs. Et donc l'approche ici est que c'est, il est facile de publier votre travail gratuitement à utiliser. Il y a différents emplois et tableaux de projets là-bas. Eh bien, vous pouvez aller là-bas et chercher différents projets qui peuvent figurer critères ou des emplois différents que vous pourriez souhaiter être en mesure de rechercher. Et ce qui est génial ici, c'est qu'ils ont des emplois à distance où vous pouvez travailler seul en tant que pigiste ou à la maison, ou vous avez la possibilité de trouver un emploi là-bas. Ils seront à l'interne, l'intérieur d'une agence ou à l'intérieur d'une sorte de grandes organisations. Et certains des inconvénients ici sont essentiellement beaucoup des fonctionnalités qui font fonctionner cette plate-forme. Beaucoup de choses différentes ne sont disponibles que pour les comptes pro. Donc, si vous voulez mettre en valeur votre travail, si vous voulez faire beaucoup de choses différentes que fait cette plateforme, vous devrez payer pour cela. Alors gardez ça à l'esprit. Et puis nous avons le Behance ici. C' est aussi une plateforme très simple et facile. Il est facile de créer un portefeuille Adobe, conceptions personnalisées pour chacun de vos cas. Statistiques de profil utiles, combien de personnes ont visité votre profil, n'est-ce pas ? Et puis vous avez un espace pour rechercher des stages à temps plein, freelance ou même des stages. Alors pense juste à ça. Cela pourrait être quelque chose que vous cherchez aussi. Peut-être que tu viens juste de commencer. Vous avez suivi ce cours, vous avez reçu beaucoup d'éducation ici, beaucoup de développements de compétences dans l'espace de conception de l'interface utilisateur UX. Et peut-être que vous voulez faire un stage, n'est-ce pas ? Et apprenez simplement sur le travail. Parfois, cela peut être payé, parfois il peut être gratuit. Cependant, vous voulez chercher un payant qui peut même vous donner juste un faible montant de paiements, cependant, vous êtes en mesure d'apprendre sur le travail. Et puis les inconvénients ici, c'est que ce n'est pas nécessairement une plateforme d'emploi. Il s'agit plutôt d'une simple plateforme pour mettre en valeur votre travail. D' accord ? Un autre inconvénient est que certains emplois ne peuvent être demandés que pour l'utilisation d'un formulaire tiers, ce qui prend beaucoup de temps à remplir et prend beaucoup de temps, n'est-ce pas ? Donc, ce ne sera pas gentil et simple pour vous de remplir la demande d'emploi. Et il n'y a pas de salaire indiqué sur beaucoup de ces postes ici, donc ils auront un vernis là-dessus. Comme hé, je suis à la recherche du designer XYZ. Je cherche ce genre de travail, mais ils ne vous montrent pas combien vous allez être payé. Donc c'est un, vous savez, Khan malheureusement, mais toujours une excellente plate-forme pour être en mesure de mettre en valeur votre travail et donner du travail potentiel. Donc ça va être là pour les meilleurs sites web freelance. Et on se verra sur la prochaine. 96. Questions d'étendue du projet UX/UI: Dans cette vidéo, nous allons passer en revue les questions typiques et courantes du projet UX UI. Voici quelques-unes des questions que vous voulez être en mesure de connaître et de poser à votre client ou lorsque vous travaillez avec des membres de l'équipe, n'est-ce pas ? C' est quelque chose où vous voulez être en mesure de comprendre la portée du projet, les livrables, la chronologie, les finances écrivent tout ce que vous devez savoir avant de commencer un projet. Donc, disons que si vous travaillez avec un client et qu'il peut être livré au bon moment qu'il attend au coût le plus abordable, n'est-ce pas ? Donc, être capable de comprendre les types de questions, la conversation initiale que vous devez avoir avec les clients vous fait paraître beaucoup plus crédible afin que vous puissiez vraiment rencontrer que vous savez ce que vous faites. Tu l'as déjà fait et c'est juste un jour de plus dans le quartier, non ? D' accord. Donc, les types de questions que vous allez poser habituellement, vous pouvez regarder différents types de questions sur la portée du projet pour comprendre exactement ce qu'ils cherchent à accomplir, n'est-ce pas ? quoi ressemble cet objectif final ? À quoi ressemblera ce produit fini ? Et puis le type de questions chronologiques, non ? Vous voulez savoir quel est leur calendrier pour terminer ce projet ? Est-ce qu'ils ont des étapes différentes à leur volonté ou à leur besoin de se conformer ? Et puis la communication, allez-vous communiquer avec un adolescent ou vous allez communiquer avec une personne qui sera votre point de contact et à quelle fréquence s' attendent-ils à ce que vous soyez dans contact avec eux dès aujourd'hui ? Exiger tout type de mises à jour quotidiennes, hebdomadaires, bimensuelles. A quoi ça ressemble ? Droit. Et puis le droit financier. Comprendre, quel est leur budget, combien sont-ils prêts à dépenser ? quoi pouvez-vous travailler ? Et puis évidemment être en mesure de s'assurer que vous êtes indemnisé équitablement. Donc, si vous regardez le graphique à droite, cela va vous donner une très bonne indication des différents types de tâches, puis les livrables, puis le temps d'estimation, puis le calendrier réel date de livraison. Donc, c'est juste quelque chose que vous pouvez vraiment regarder et utiliser lorsque vous cherchez à construire différents projets et lorsque vous arrivez à cette étape d'entrevue afin que vous parlez à vos clients potentiels votre essentiellement un médecin et vous êtes en mesure d'analyser et de comprendre leur situation actuelle. Et puis B, ce qu'il faut leur prescrire le bon type de médicament, pour ainsi dire, à droite. Là où vous dites, hé, basé sur ce que vous cherchez à accomplir et ce que vous voulez faire ici, c'est ce que nous recommandons en ce qui concerne la portée du projet, ce dont vous allez avoir besoin, jusqu'à toutes les étapes différentes. Voici le type de livrables, voici l'estimation, puis voici essentiellement un échéancier estimé pour que nous puissions les compléter. Ok, alors regardons maintenant quelques-unes des questions spécifiques que vous voulez poser avant de commencer un projet. Donc, certaines des questions ici sont quels sont les jalons et les échéances, n'est-ce pas ? Vous voulez savoir ce qu'ils veulent terminer exactement à chaque étape particulière, et quelle est exactement cette date ? Et puis quel produit livrable est nécessaire pour chaque étape, n'est-ce pas ? Vous voulez savoir ce qu'ils veulent vraiment être livrés car ce sera un prototype. C' est juste quelques dessins, non ? Des graphismes ? A quoi ça ressemble ? Et puis combien de révisions souhaitez-vous inclure ? Vous savez, en général, lorsque vous faites un projet, il y aura plusieurs révisions et beaucoup d'aller-retour obtenir des commentaires des utilisateurs, obtenir des données utilisateur, et être capable de modifier et d'ajuster pour vous assurer que vous comprenez à quoi cela ressemble -t-il pour que vous puissiez leur donner exactement ce qu'ils veulent, n'est-ce pas ? Et puis quel est le budget pour ce projet en particulier, n'est-ce pas ? Assez simple là-bas. Et puis qui participera à une discussion ou qui fera partie de l'équipe, n'est-ce pas ? Si vous travaillez dans un environnement d'équipe, vous voulez être en mesure de collaborer avec le bon type de personnes et vous assurer de ne pas dépasser les limites de quelqu'un et comprendre votre rôle dans cette projet, non ? Et puis la communication, comment aimez-vous être communiqué avec ? Ils préfèrent simplement travailler sur la plateforme si vous faites comme le freelance ou s'ils aiment utiliser Slack, qui agira pour utiliser Facebook, quoi que ce soit, n'est-ce pas ? En ce qui concerne une méthode de communication, vous voulez être en mesure de comprendre à quoi cela ressemble et pourquoi c'est important pour eux, puis qui approuve un projet ? Est-ce que ça va être la personne avec qui tu travailles ? C' est quelqu'un de plus haut ? Vous voulez être en mesure de comprendre ces questions importantes ici. Et voici quelques exemples de questions ici de Mike Montero. Je crois que son nom vient de Mule Design. Voici donc quelques-unes de ses questions spécifiques ici qu'il pose habituellement. Où il a ici, le, quelles sont les exigences opérationnelles qui doivent être satisfaites ? Comment les besoins des utilisateurs pourraient-ils être mieux servis ? Qui sont vos publics et que voulez-vous en faire ? Vous savez, croyez-le ou non, beaucoup d'entreprises différentes auront du mal à expliquer dans un processus précis ou une déclaration très détaillée qui est leur public réel, quoi cela ressemble. C' est un vrai avatar. Donc ça va faire partie de vos recherches et analyses, non ? Comprendre qui est le public réel, qui est les utilisateurs, quelles sont les données démographiques ? Qu' est-ce qu'ils n'aiment pas et être en mesure de créer une personnalité d'utilisateur réelle à partir de cette information. Et puis qui maintiendra le site après les lancements ? Ou, tu sais, la même chose pour une application. Et puis comment comptez-vous mesurer le succès ? C' est crucial ici. C' est une question très importante. Comment comptez-vous mesurer le succès ? Comment saviez-vous qu'après avoir conçu ceci ou construit ceci ou créé ceci, que c'est réellement un succès et qu'il a obtenu, vous savez, de bons résultats. Vous devez donc être en mesure de comprendre quelles sont ces mesures et quels sont les indicateurs de performance clés. Pour que vous puissiez comprendre et regarder à quoi ressemble le succès pour eux. Et puis quels sont les risques du projet où ils voient, vous savez, en ce qui concerne tout type de changement ou de risque potentiel auquel ils peuvent faire face. Et puis, après le lancement du nouveau site ou de l'application, qu'est-ce qui va changer pour votre organisation ? Will, va changer pour vos utilisateurs, n'est-ce pas ? Est-ce que ça va être une toute autre expérience à laquelle ils ne sont pas habitués, est-ce que peut-être va prendre un peu s'habituer à ce va changer exactement pour que vous puissiez les comprendre de leur point de vue réel de Bénin, puis aussi du point de vue du client. Ok, donc maintenant jetons un coup d'oeil à quelques questions que nous aimerions poser quand nous faisons une refonte complète. Donc, c'est quelque chose où il ya une marque est déjà des droits existants. Ils ont déjà un site Web, peut-être qu'ils ont une application, et ils veulent faire un remaniement complet ou changer leur logo ou changer le site Web réel, quoi que ce soit, n'est-ce pas, mais c'est une refonte. Ce n'est pas forcément quelque chose à partir de zéro. Cela peut parfois être quelque chose à partir de zéro, mais pour la plupart, c'est juste une refonte, non ? Pourquoi redessinez-vous le site ? Que fait le site actuel ? Eh bien, où est-ce qu'il manque ? Quels défis avez-vous rencontrés lors de leur travail précédent avec des partenaires de conception, n'est-ce pas ? Donc, vous voulez voir pourquoi ils redessinent le site. C'est important. Est-ce parce qu'il manque juste dans un domaine particulier loin de l'expérience utilisateur, ou est-ce juste une mauvaise interface, vous savez, quoi que ce soit, vous voulez comprendre pourquoi ils cherchent réellement à faire une refonte, non ? Et peut-être quelque chose de plus haut en haut qu'ils veulent juste obtenir tout le site et recommencer à zéro, non ? Et puis que fait le site actuel ? Eh bien, quelles sont les choses qu'ils font actuellement bien, afin que nous puissions chercher à mettre en œuvre et garder certains de ceux qui fonctionnent bien. Et puis on peut réparer les zones où il manque, non ? Et donc c'est quelque chose où vous voulez vraiment être capable de regarder et de faire attention à ces réponses, non ? Parce que vous allez vous dire pourquoi ils le font, pourquoi c' est important pour eux, et quelles sont les choses que vous pouvez mettre en œuvre dans ce nouveau design, n'est-ce pas ? Et puis la troisième question particulière ici, c'est plus pour comprendre comment l'élu de travailler avec différents partenaires dans certaines des choses auxquelles ils font face précédemment, sorte que vous pouvez vous différencier quant à la raison pour laquelle vous seriez un meilleur partenaire, non ? Et enfin, nous avons ici l'auto-discipline et être en mesure de faire le travail juste après avoir obtenu un client, vous avez des projets sur lesquels vous travaillez ? Vous voulez être en mesure de livrer et de remplir réellement. Et donc certaines des choses qui considèrent ici, vous faites réellement votre travail et vous êtes en train de créer vos designs est d'avoir comme brain dot fm ou un type de musique en arrière-plan qui vous permet de vous concentrer et étudier et garder votre attention sur ce que vous devez faire, n'est-ce pas ? Vous pouvez l'utiliser comme un chronomètre, comme une minuterie de tomate. Vous pouvez utiliser la méditation pour vous aider à vous détendre et à calmer les choses. Vous pouvez faire de la méditation avant de commencer à travailler afin que vous puissiez vous calmer et entrer dans cet état de juste concentration. Et en ce qui concerne la planification des applications, vous allez être en mesure d'obtenir cela et notion sur le bois qui est fourni dans ce cours. Donc, vous voulez vraiment comprendre qu'une fois que vous obtenez le client et que vous obtenez les projets, vous devez aller travailler. Et vous voulez être en mesure de travailler aussi efficace que possible avec des distractions minimales sont vraiment pas de distractions du tout. Et être capable d'avoir de la musique en arrière-plan pendant que vous travaillez, peut-être avoir une sorte de minuterie vous aidera vraiment. Et donc ça va être là pour les questions du projet UX UI et nous vous verrons sur la prochaine. 97. Outils de concentration et de productivité: Bon, donc dans cette vidéo, je vais vous guider à travers quelques outils de productivité que vous pouvez utiliser pour vous aider à augmenter votre attention pour vous assurer que vous ne serez pas distrait, aller sur YouTube, naviguer sur le Web, et ne pas faire ce que Tu n'as pas besoin de le faire. Et vraiment juste se concentrer sur ce qui sont censés faire, ce qui est de faire du travail, non ? Ce qui vous permet donc de sélectionner différents types de musique de mise au point que vous pouvez écouter qui vous aideront à augmenter votre concentration, votre productivité et à minimiser vos distractions. Laisse-moi te montrer à quoi ça ressemble à l'intérieur. Je veux dire, j'utilise tous les jours, extrêmement puissant. Donc, vous avez ici différents blocs de temps. Vous avez 30 minutes de bloc quand notre bloc à notre bloc, n'est-ce pas ? Et si vous écoutez une de ces pièces et que vous n'aimez pas comment ça sonne, vous pouvez aller de l'avant et sauter ça, ok ? Ou vous pouvez monter ici et vous pouvez aller à plus de musique. Donc, vous pouvez aller avec Lo-Fi focus, focus classique. Vous pouvez aller à la détente, dormir. Évidemment, vous ne voulez pas ces deux-là sauf si vous voulez vous détendre. Cependant, cet outil va être principalement destiné à se concentrer, ok ? Et donc ce que je ferais, c'est quand tu essaies de faire quelque chose, mettre de la musique ici, je dirais pour deux heures de bloc et de travailler. Et cela est scientifiquement prouvé pour vous aider à augmenter votre concentration. Ce n'est pas seulement les gens qui disent, écoutez cette musique et vous allez être dix fois plus productif. Cela vous met dans l'état d'esprit où vous êtes en mouvement et vous êtes complètement détendu. Vous êtes concentré sur ce que vous devez faire et il n'y a pas de distractions. Et donc je recommande fortement cet outil pour que vous puissiez augmenter votre concentration, n'est-ce pas ? Augmentez votre productivité et disposez de blocs de temps spécifiques de, disons deux heures. Ou si vous voulez aller dur dans la peinture et que vous voulez mettre ça sur un puits limité, vous pouvez aller travailler pendant, vous savez, quatre ou 56 heures. Je ne recommanderais pas ça. Cependant, cet outil ici est extrêmement important. Donc, je vous recommande fortement de prendre ça. Je pense que c'est de 5 à 10$ par mois. Cependant, comme je l'ai dit, je veux dire, ça en vaudra la peine avec votre augmentation de productivité et votre concentration accrue, ok ? Et donc la prochaine chose que je veux partager avec vous ici est la méthode Idéalement, d'accord ? Et c'est plus une routine quotidienne. Et ce que c'est ici, c'est qu'il vous donne un ensemble d'étapes à faire chaque nuit. Donc, à la fin de chaque journée de travail, vous voulez écrire les six choses les plus importantes que vous devez accomplir demain, le lendemain. Maintenant, il est important ici que vous n' écrivez pas plus de six parce que cela peut devenir assez écrasant. Et donc, vous voulez prioriser ces six éléments afin de soit True et ports. Et alors qu'est-ce que vous devez faire d'abord ? Et puis, vous savez, numérotez ces un à six. Et quand tu te lèves le matin ou quand tu commences ta journée, non ? Vous voulez vous concentrer sur cette première tâche et y travailler jusqu'à ce qu'elle soit complètement terminée avant de passer à la prochaine, non ? Et donc vous voulez aborder le reste de votre journée de cette façon, à droite, où vous faites votre première tâche, vous faites tout ce que vous devez faire pour les terminer, puis vous passez à la suivante. Donc c'est énorme ici. Donc tous les soirs, quand vous allez au lit ou avant d'aller au lit, écrivez les six choses que vous devez faire le lendemain, puis donnez-les en priorité, vous savez, ce qui est du plus important au moins important, non ? Et faites-le chaque jour pour que vous sachiez ce que vous devez faire le lendemain, non ? Préparez demain. Aujourd'hui, d'accord, très, très puissant. Et puis la prochaine chose que je vous recommande de faire est que vous installez le flux de nouvelles éradiqué pour votre profil Facebook, ok ? Parce que cela va limiter vos distractions. Donc, si vous voyez ici sur le mien, je l'ai installé ici, ce qui signifie que je ne peux pas voir d'annonces. Et donc ça m'empêche d'aller sur Facebook sur mon ordinateur. Oui, alors mets-le sur mon téléphone. Cependant, une autre chose que je fais avec mon téléphone est que je le cache, ce qui est une autre chose que je recommande. Si vous travaillez et que vous essayez de faire les choses, vous écoutez cerveau dot fm, obtenez votre téléphone et le cacher quelque part, ou mettez-le dans une sorte de placard et une sorte de tirage ou une sorte de bureau pour qu'il est loin de toi. Ce n'est pas facilement accessible, non ? Tout ce que vous devez faire est de l'obtenir sur l'extension Chrome ici, installer cela ici. Et cela vous permet de bloquer l'intégralité de votre flux d'actualités. Très, très puissant. Et l'autre chose que je voulais partager avec vous, c' est le concept de traitement par lots, ok ? C' est là que vous bloquez essentiellement un gay ou un certain groupe des nôtres où vous êtes dédié à travailler sur ce que vous devez faire. Et donc, par exemple, ici, pour moi, je crée des vidéos YouTube et j'essaie de les publier, vous savez, trois, quatre ou cinq fois par semaine. Maintenant, je ne crée pas mes vidéos. Le jour de Wright. J' enregistre mes vidéos en une seule journée. Donc, samedi, ce que je ferai c'est que je bloque toute la journée pour simplement enregistrer des vidéos YouTube. Et notre record de cinq ou six vidéos sont celle-là. Alors tout au long de la semaine, je peux les sortir, non ? Et donc ce qui me permet de faire, c'est d'avoir le travail, recentrer le travail, de recentrer le travail, non ? Recentrer le travail. Au lieu de passer par tout ce processus, je peux maintenant bloquer une journée, tout faire tomber à la fois, et ensuite pouvoir avoir du temps libre pour faire ce que je veux. Alors pensez à la façon dont vous pouvez l'utiliser à votre avantage. Comment vous pouvez bloquer le temps ou même les jours où vous vous concentrez simplement sur une chose et vous êtes capable de l'assommer et de l'exécuter sur d'autres tâches. Donc ça va être là pour les outils de productivité, et nous vous verrons sur le prochain. 98. Lieux pour trouver des emplois UX: Dans cette vidéo, nous allons parcourir les meilleurs endroits pour trouver un emploi UX et UI. Donc, cela va être ici une liste de plusieurs ressources différentes que vous pouvez utiliser pour trouver un Java réel. C' est ce que tu cherches. Vous n'êtes pas forcément sur la voie du conseil client ou du freelance. Vous voulez commencer à travailler dans une équipe et une entreprise dans une entreprise particulière qui a bons antécédents qui est en mesure de vous fournir un emploi stable et stable. Et alors, allons de l'avant et sautons dans les meilleurs endroits pour trouver du travail. Donc, le premier endroit recommandé ici va être glassdoor.com. Cela va être une source fantastique ici parce que vous pouvez réellement regarder différents emplois par leur salaire. Vous pouvez regarder différentes positions. Vous pouvez voir quelles sont certaines des tendances en ce qui concerne cette position particulière ou même les postes d'entrée de gamme, n'est-ce pas ? Beaucoup de paramètres de profil différents. Vous pouvez regarder différents emplois. Ils ont un filtre de recherche d'emploi fantastique et il est très facile d'appliquer aux différents postes. Vous pouvez voir les commentaires de l'entreprise. C' est fantastique parce qu'il vous donne un aperçu du type d'environnement sur le lieu de travail auquel vous pouvez vous attendre à travailler, que vous pouvez vous attendre à voir dans cette entreprise, n'est-ce pas ? Vous donner une très bonne idée de la culture de cette entreprise afin de ne pas entrer dans une culture qui accompagne le type d' environnement qui peut ne pas avoir le meilleur type d'environnement pour vous, surtout si vous venez de commencer et que vous êtes tout neuf. Et c'est l'outil qui est disponible dans de nombreux pays. Donc, peu importe où vous êtes, vous devriez être en mesure d'utiliser glassdoor.com. Et il vous montre le salaire réel par poste. Donc tu peux regarder, d'accord. À quoi ressemble ce poste ici en ce qui concerne les exigences, la description, quels sont les taux de salaire réels ou vous serez en mesure de voir tout cela directement sur la page réelle. Donc, le prochain ici va être simplement Hired.com. Ceci est similaire à la porte en verre. Cependant, vous n'avez pas autant de fonctionnalités. Vous n'avez pas comme les évaluations d'entreprise, les commentaires d'entreprise. C' est plus comme un tableau d'emploi réel ici, site d'emploi où vous regardez différents filtres de recherche, où vous avez différents postes, différents emplois, et vous pouvez utiliser le filtre de recherche là pour passer par ces postes. Et pour la plupart, ils ont le salaire réel. Cependant, parfois ils n'ont pas de salaire. Et l'une des choses qui gardent à l'esprit est que c'est basé uniquement aux États-Unis, d'accord ? Donc, si vous êtes dans d'autres parties du pays, vous ne pourrez pas utiliser Simply Hired.com. Et le suivant ici est indeed.com. C' est une autre grande ressource aussi. Beaucoup de paramètres de profil différents, filtre de recherche d'emploi détaillé, facilement en mesure de postuler. Cela va être basé aux États-Unis, et vous devez donc garder cela à l'esprit. Cependant, il vous indique généralement les salaires réels pour chaque poste. Et puis nous avons le angel.com. Ce sera l'un des meilleurs endroits pour vous de venir ici et de chercher des emplois dans les startups. Parce que non seulement vous serez en mesure d' acquérir de l'expérience dans un large éventail de domaines différents, n'est-ce pas ? Mais aussi, vous serez en mesure d'obtenir des capitaux propres dans ces entreprises et être en mesure de faire potentiellement un montant important lorsque cette entreprise sera effectivement vendue ou lorsque cette société quittera. C' est donc une excellente occasion pour vous de commencer en tant que quelqu'un dont le tout nouveau, vient de commencer a une certaine expérience. Tu avais suivi cette formation. Vous avez parcouru les exercices, créé un logo, créé un site Web, toutes ces choses différentes que vous avez pu faire. Ce sera une excellente expérience pour vous de pouvoir venir ici, chercher une start-up qui a besoin d'une sorte de designer, quelqu'un dans le département marketing. Et vous pouvez venir ici et être en mesure d'obtenir potentiellement une participation dans l'entreprise, en plus de pouvoir travailler avec un large éventail de personnes différentes et aussi faire beaucoup de choses différentes au sein de l'organisation. Et puis le dernier ici qui n'est pas répertorié, ce qui devrait être assez commun dans déjà connu, est Linkedin.com. Ce sera probablement un an les meilleurs endroits où aller et trouver des postes parce qu'il y aura à peu près toutes les entreprises au monde qui sont sur LinkedIn dans l'espace professionnel, n' est-ce pas ? Et donc souvent n'ont pas tous les emplois affichés là aussi. Parfois, ils n'auront pas les emplois sur LinkedIn et ensuite ils auront comme, disons porte en verre, bien qu'avoir Amman comme Simply Hired ou autre plate-forme. Donc, pour le LinkedIn, s' assure que vous êtes en mesure d'y aller et de regarder différentes entreprises, sortir et de regarder différents avis avant de soumettre demandes afin que vous soyez dans l'entreprise qui a un bonne réputation. Donc ça va être là pour les meilleurs endroits pour trouver du travail. Et on se verra sur la prochaine.