Processus et théorie de la conception UX : Pour tous

1. Aperçu du cours: avez-vous déjà voulu savoir et comprendre ? Le U X Notre processus d'expérience utilisateur dans cette première classe de la série en deux parties parlera des bases U. X Y parcourra un projet d'exemple qui comprend les principaux bols de livraison U X, y compris la persona utilisateur, profil, carte de parcours client et enfin, un flux utilisateur mourant. La deuxième partie du Siri va plonger dans des cadres métalliques alors que nous développons un ami de fil à faible fidélité et le transformons en, ah, prototype de travail poli High Fidelity à tester avec les utilisateurs. Après avoir regardé cette première partie des Siri, vous aurez une solide compréhension du processus U X dans son ensemble et vous saurez où vous sortez de nouveau . Je me rassemble et je me chevauche. Tout le monde a besoin de comprendre les fondements de la grande conception UX et le processus qui la sous-tend. Après avoir suivi ce cours, vous serez en mesure d'intégrer vos idées XY Y dans vos projets de travail quotidiens et même d'avoir un aperçu de la vous serez en mesure d'intégrer vos idées XY Y dans vos projets de travail quotidiens et même d'avoirun aperçu de lavie des designers américains. Ce cours s'adresse à tous ceux qui comprennent des graphistes, développeurs Web et toute personne intéressée à en savoir plus sur le processus EY américain en marchant à travers un projet pratique et réel. Vous serez chargé de trois projets étudiants en cours de route et vous aurez des modèles dans la section projet de cette classe pour vous donner une longueur d'avance à traiter. Apprenons ensemble. 2. Introduction UX/UI: Vous x et vous méritez Qu'est-ce que vous excell Ooh, je conçois Et comment sont-ils différents ? Vous ? Pourquoi la conception est ce que vous pensez quand vous pensez de simulations Web, dessins et cadres métalliques vous yeux interface utilisateur et son résultat final d'heures de recherche et de planification par mais vous en tant que concepteur et par le client avec leur équipe marketing vous je mélange le thème de la couleur des actifs et des éléments dessins icône, lessymboles du système de menu, symboles du système de menu illustrations et la mise en page de base de l'arrangement du site Web ou de l'application mobile. UX. D' un autre côté, ou la conception de l'expérience utilisateur se concentre beaucoup moins sur le côté visuel de la conception et plus dans l' expérience globale du spectateur passe par lors du déplacement dans votre conception. Conception UX des choses subtiles que vous remarquez sur un site Web comme la facilité du processus de paiement  ? ne trouve pas ce que je cherche. Rapidement, ce site répond à la question que je ne savais pas que j'avais à propos de ce produit ou service. J' aime utiliser cette application mobile. Les deux œufs et vous que je conçois sont tout aussi importants dans le processus de conception de n'importe quelle pièce de design , qu'elle soit numérique ou imprimée. Tout d'abord. Comment ça vous ressemble ? Je conçois Deuxièmement, comment ça se sent quand j'utilise ce produit avec des services ? Vous êtes la conception de l'interface utilisateur vient plus naturel à ceux qui sont graphistes Web et illustrateurs. Parce que c'est ce que nous faisons. Nous créons des images et des dessins animés et dynamiques que les gens veulent voir et passer du temps avec. Nous créons des icônes qui correspondent au style de la marque ainsi que des illustrations, trouver des photos, orteils correspondent et enfin trouver les bons choix Quandt et palettes de couleurs pour obtenir la bonne humeur pour le site Web qui correspond à la marque. Qui c'est beaucoup. Mais la conception UX est ce sur quoi je veux me concentrer. abord comme un site Web magnifique et bien aménagé n'est rien sans une expérience utilisateur de valeur ajoutée qui atteint les objectifs d'un utilisateur et leur fournit également une motivation pour participer à vos marques, produits et services. Donc, en bref, cela fait de l'argent à l'entreprise. La conception UX est énorme. Maintenant, vous dites ce terme jeté autour sans aucune pensée orteil y conception UX si essentiel pour le processus global de conception. Beaucoup de gens vous mélangent x et vous que je conçois, et il y a une raison pour laquelle ces deux concepts se chevauchent à la fois dans la valeur et dans les objectifs. La couleur d'un appel au bouton Action, qui tomberait fermement dans le camp U I ou l'interface utilisateur, peut également être dans un port dans une partie de la conception de l'expérience utilisateur, car cette couleur pourrait faciliter pour eux de trouver le bouton et de reconnaître les prochaines étapes du processus, ce qui rend leur expérience plus facile. Espérons que, après avoir étudié X et plus de détails, vous êtes disponible pour savoir où vous hache et vous je chevauche et comment mieux utiliser ces deux qualités pour produire des conceptions et des mises en page attrayantes. Allons plus loin avec la conception UX. Une excellente façon d'en apprendre davantage sur la conception UX est de comprendre quel type de livraison attendu du futur concepteur UX. Spécialisé dans la conception de l'UX. En outre, quel est le processus global, comme lors de la création d'une application mobile conçue, par exemple, nous allons le faire en utilisant des principes et des systèmes de conception UX communs pour rassembler et créer des UX bols de livraison, sorte que nous pouvons ensuite nous concentrer sur la conception et la mise en page de l'interface utilisateur. Donc, tout d'abord, parlons de notre mémoire client Nous avons un client qui a besoin et application mobile conçu et développé. Ils ont un logo et sobre et couleurs. Ils ont également un énoncé de mission, objectifs commerciaux et un plan de marketing en main, ils ont besoin de quelqu'un qui peut concevoir un design visuellement intéressant mais aussi atteindre les objectifs des utilisateurs et fournir une expérience utilisateur positive. Un grand ordre, pour le moins dire. Mais passons à travers le processus général. Tout d'abord, comprenons l'objectif de l'entreprise, public cible et l'énoncé de mission. La société s'appelle le grub local. Ils offrent des services de livraison de nourriture locale et d'épicerie ainsi que des petites villes. La plupart des entreprises de leur secteur offrent des services de restauration rapide, mais seulement dans les grandes villes métropolitaines . Cette application veut changer cela et offrir le même service de livraison de restauration rapide dans le service d'épicerie , deux petites villes et villes de taille moyenne. Leur public cible est principalement des jeunes, âgés de 22 à 45 ans. Ceux qui sont des professionnels occupés qui n'ont pas le temps de courir à l'épicerie sont occupés. Les parents qui travaillent et veulent avoir plus de temps avec leur famille et qui ne veulent pas avoir à se soucier de la nourriture. Cette entreprise assure non seulement la livraison de courses, mais aussi la livraison de repas au restaurant depuis n'importe quel restaurant dans un rayon de 15 miles. Il y a un supplément pour tout ce qui est en dehors de ce rayon. Être capable de comprendre les objectifs, l'énoncé de mission et le public cible d'une entreprise est un élément essentiel du processus U X. Être capable de connaître le type de clients souhaité par votre client peut façonner le type d' expérience utilisateur que nous offrons, mais aussi l'interface utilisateur et les composants de conception visuelle. Quelle est la qualité unique ? Cette société a la proposition de vente unique sur plusieurs de ses concurrents, et son industrie cos est la capacité d'offrir un service qui n'a pas offert actuellement dans nombreuses petites villes et villes. C' est le seul aspect à retenir lors de l'artisanat ou de l'expérience utilisateur et des voyages utilisateur. L' étape suivante dans les processus U X a défini le type d'utilisateurs que nous allons avoir et les objectifs globaux de l'APS pour ces utilisateurs, les objectifs de l'entreprise ou de l'ABS seraient de fournir une capacité de se connecter à la fois à l'utilisateur et au fournisseur, dans ce cas, un restaurant ou une épicerie avec un service de livraison de nourriture, et ont également un moyen facile de suivre une commande et, bien sûr, de payer pour cette commande. Maintenant que nous avons parlé des objectifs de l'entreprise, quels seront les utilisateurs ? Les objectifs vont attendre. Qui est notre utilisateur ? Nous avons un public cible qui nous est donné par une entreprise, mais qui est vraiment l'utilisateur ? Et comment pouvons-nous apprendre à les connaître pour créer une expérience utilisateur unique pour eux ? C' est là que les personnas des utilisateurs sont utiles. personnes d'utilisateur sont conçues pour peindre l'image d'un utilisateur potentiel et l'accompagner dans un parcours d'utilisateur aussi réaliste que possible. Compte tenu des données que nous pouvons recueillir. Personnas utilisateur pourrait inclure des goûts et des aversions et nous donner une image plus réaliste de son utilisateur. Dans la leçon suivante, nous allons comprendre comment créer une personnalité utilisateur et, surtout, surtout, parler de la façon de rassembler les données pour en créer un 3. Personnas utilisateur: Alors, comment recueillons-nous des informations pour créer un utilisateur personas ? Si l'entreprise dispose de données antérieures, cela rend notre travail beaucoup plus facile. Ces données peuvent inclure le trafic de site Web à partir d'une application Web actuelle ou d'un site Web. Cela peut inclure des données clients provenant de clients antérieurs qu'ils ont pu avoir. Cela peut inclure des données de recherche marketing qui ont été achetées par l'entreprise à des fins de recherche marketing . Cela peut également inclure des données sur les campagnes publicitaires Facebook et aller dans les campagnes publicitaires ciblées Facebook plus anciennes pour y trouver des données démographiques et des utilisateurs essentielles. Quel contenu ont-ils répondu à la plupart des vidéos ? Ont-ils eu un engagement élevé avec une annonce en particulier ? Peut-être trouver pourquoi. Enfin, il peut s'agir de n'importe quelle interaction avec les clients, des données issues d'enquêtes auprès des clients et des commentaires reçus par l'entreprise. Qu' est-ce que les clients se plaignent le plus ? Qu' est-ce qu'ils ont le plus apprécié du service du produit ? Il existe une mine de données pour les entreprises qui ont déjà des clients. Mais qu'en est-il d'une nouvelle entreprise comme la nôtre ? Nous n'avons pas de base de données client ou de publicités Facebook antérieures. trafic aérien à regarder ce est notre premier défi est un concepteur U. X Y doit faire face est de trouver des données de sources limitées. Une façon de collecter des données pour créer des personas d'utilisateur est de mener des entretiens avec des clients potentiels . Être capable de localiser ces utilisateurs en utilisant nos informations sur le marché cible et en interviewant um via un téléphone, via un téléphone, Skype ou en personne peut coûter cher et prendre un temps précieux. Mais cela pourrait être une étape essentielle pour comprendre le client et développer une personnalité d'utilisateur appropriée basée sur des personnes réelles, des réponses et des données réelles. Voici quelques exemples de questions que vous pouvez poser pendant le processus d'entrevue que pensez-vous du service offert dans votre petite ville ? Qu' est-ce qui peut vous empêcher d'utiliser cette application ou de l'utiliser fréquemment ? Quel est votre objectif principal en utilisant cette application ? Gagner du temps ou de l'argent est-il plus une priorité pour vous ? À quelle fréquence utiliseriez-vous cette application si vous l'aviez disponible ? Une autre façon de saisir des données pour nous aider à créer ou à créer des personnages et des parcours des utilisateurs est d' étudier la concurrence. Que font certaines des grandes entreprises ? Comment façonnent-ils leurs expériences ? À quoi ressemblait leur absolu mobile ? Étudier un concurrent établi a ses avantages est que j'ai déjà un système de travail ensemble et il nous aide vraiment à recueillir quelques recherches de qualité et à saisir quelques grandes idées. Notre entreprise est unique par rapport à ses concurrents et le fait que nous offrons nos services et les petites communautés et pas seulement les grandes villes en gardant cela à l'esprit, nous pouvons voir comment les processus de vérification pour les grandes entreprises. Je peux me demander, Comment est mon expérience et l'utilisation de cette application ? Comment peut-il être mieux ? Comment faire de la nôtre une expérience unique ? Vous pouvez également acheter des données utilisateur basées sur les données démographiques cibles fournies par l'entreprise. Les âges ciblaient la chute principalement dans le millénaire dans les générations X. Il y a une mine de connaissances sur les comportements millénaires. J' aime, n'aime pas la façon dont ils réagissent à certaines avenues marketing. Nous savons que les médias sociaux sont un énorme succès avec la génération X. Comment pouvons-nous utiliser cela non seulement en faisant la promotion ou l'application mobile, mais aussi en les faisant participer des clients qui partagent cette application avec vos amis après avoir recueilli suffisamment de données pour travailler avec, il est maintenant temps de développer notre personnalité utilisateur. Nous allons développer une personne utilisateur et créer une carte de parcours utilisateur pour notre personnage et certains projets, il y aura beaucoup de personnas d'utilisateurs simplement parce que les entreprises auront une grande variété d'utilisateurs avec des antécédents variés, et vous pourriez être très difficile de résumer toutes leurs caractéristiques uniques et un seul utilisateur persona. Pour le temps, nous nous concentrerons sur un aspect de notre clientèle potentielle et nous fournirons un parcours unique pour elle et votre cas. Vous pouvez développer plusieurs personnes différentes, Donc, en utilisant certaines des données que nous avons recueillies avec certaines des méthodes ci-dessus, nous pouvons évaluer que sont persona utilisateur vivrait dans une petite ou moyenne ville aux États-Unis, car ce ne sera pas le seul pays où cette application sera lancée. Au début, elle sera professionnelle avec deux enfants à la maison, peut-être deux ans et quatre ans. Elle est mariée à un conjoint qui est aussi une professionnelle. Ils n'ont pas beaucoup de temps pour se concentrer sur la fabrication. repas à la maison vont à l'épicerie avec quatre membres de la famille dans le ménage. semble toujours y avoir quelque chose qui manque dans le lait frigo un jour et la sauce aux pommes le lendemain. Ils souhaitent ne pas avoir à passer autant de temps à préparer et à cuisiner des repas car ils n'ont déjà que quelques heures le soir pour être avec leur famille. Après une longue journée de travail, attribuons un nom à cette famille. Jessica et John, qui ont respectivement 34 et 38 ans , mangent beaucoup. Mais ils trouvent aussi difficile de prendre un enfant de deux et quatre ans à manger dans un restaurant. Leur niveau de revenu est supérieur à la moyenne pour une famille typique de leur ville, puisqu'ils ont tous deux travaillé à temps plein et une carrière professionnelle. Ils travaillent tous les deux plus de 40 heures par semaine, John a besoin de passer quelques samedis comme tous au bureau comme dans un poste de gestionnaire . Avez-vous remarqué lors de l'élaboration de ce personnage utilisateur, comment personnel et détaillé que je reçois parfois, vous pouvez vous sentir comme vous écrivez des personnages pour un film. Ce type de détail est essentiel pour établir et développer à la personnalité des personnes qui sont vraiment des personnes authentiques dans la situation commune riel. Revenons à notre famille de quatre personnes. Lors de la création de ce personnage utilisateur, quelques objectifs d'utilisateur commencent à apparaître dans ma tête pour cette famille lorsque je commence à créer leur histoire. Tout d'abord, ils sont limités avec le temps, et ils veulent récupérer du temps en famille. Ils apprécient la nourriture du restaurant, mais ne semblent pas faire sortir les enfants aussi souvent qu'ils le souhaiteraient . Ils semblent manquer un type de nourriture dans leur maison, mais parfois ce n'est qu'une poignée d'articles qui ne valent pas tout le voyage à l'épicerie. Maintenant que nous avons décrit une personnalité utilisateur rugueuse dans ce cas, une semaine d'unité familiale crée maintenant une carte de parcours utilisateur possible, et la leçon suivante, nous allons apprendre ce qu'est une carte de parcours utilisateur ISS, et nous allons aller de l'avant et en créer une pour notre application. 4. Présentation Persona - Projet apprenant: il est maintenant temps de lancer un petit projet étudiant. Je veux que vous vous entraîniez à créer un profil personnel d'utilisateur que vous voyez un exemple de quand j'ai créé pour la famille Smith pour une application mobile que vous pouvez télécharger. Ceci est une ressource pdf afin que vous puissiez jeter un oeil à l'exemple. Inclut également un modèle vierge afin que vous puissiez commencer à ajouter votre propre personnalité unique. Vous pouvez développer une personnalité pour un client ou dans la société constituée ont été créés persona pour une entreprise bien connue où vous trouvez plus facile de recueillir des données ou des informations. C' est vraiment à vous de décider pour qui et pour quel type de projet développant persona. Jetons un coup d'oeil à cet exemple afin que je puisse vous expliquer en détail certains de ces éléments. Tout d'abord, nous avons des renseignements généraux sur les faits comme l'âge, profession et le revenu Cours. Il est agréable d'ajouter des photos pour ajouter une vue réaliste et une image de notre personnage. Ensuite, nous avons des appels d'utilisateurs. Cela pourrait être des choses comme vouloir perdre du poids, passer moins de temps à regarder la télévision ou même économiser plus d'argent. Valeurs est la catégorie suivante. Les valeurs seront des éléments comme la famille d'abord, nos soucis des organismes de bienfaisance locaux. Les valeurs sont différentes des objectifs car elles semblent changer moins fréquemment, et les valeurs pourraient être transmises par d'autres membres de la famille ou être influencées par les choix de vie . Nous avons également des possibilités de résolution de problèmes. Il pourrait s'agir de points douloureux que cette personne peut ressentir dans la poursuite de ses objectifs ou de ses valeurs. Ceux-ci seront importants à développer ou à réfléchir afin que nous puissions comprendre comment nous pourrions commencer à les aider à résoudre certains de ces problèmes ou problèmes dans notre conception. personnes des utilisateurs varient énormément, et c'est un excellent guide de coin de départ. Mais il y a tellement de combinaisons différentes d'éléments et de catégories que vous pouvez inclure qui peuvent aider et selon le projet sur lequel vous travaillez. Par exemple, pour notre application de commande de nourriture, y compris les restaurants populaires. Cette persona a, qui pourrait être trouvé lorsque les données démographiques et la recherche pourraient être utiles, sachant quels types de restaurants peuvent être choisis par l'utilisateur, mais aussi quel exemple restaurant nous pouvons vouloir utiliser pour un flux utilisateur que nous allons travailler sur la prochaine. Enfin, un article détaillé ou une biographie décrivant certains des détails qui n'étaient pas inclus à l'origine dans les sections précédentes. Assurez-vous de télécharger le modèle pour obtenir un projet d'étudiant d'honneur de démarrage rapide, N'hésitez pas à poster et partager votre projet avec d'autres étudiants dans la section Projet de groupe Facebook de cette classe afin maintenant de développer. 5. Carte de voyage utilisateur: qu' est-ce qu'une carte de parcours utilisateur ? Il s'agit d'un voyage que nous créons pour un travail persona orteil à travers le Web, l'application ou le site Web pour accomplir médical désiré. Par exemple, notre carte de parcours utilisateur peut atteindre les objectifs des utilisateurs et résoudre les problèmes. Nous avons parlé dans notre profil de personna utilisateur dans ce cas, fournissant rapidement des options de restauration et d'épicerie dans une application pratique et facile à utiliser. N' oubliez pas temps est important pour nos utilisateurs, c'est pourquoi fournir l'expérience la plus rapide et la plus simple sera essentielle pour élaborer une carte de parcours client. Si vous recherchez des parcours utilisateur ou client, vous remarquerez rapidement qu'ils existent dans toutes les formes et tailles, comme le font les personas. n'y a pas un moyen d'en créer un. Il y a quelques qualités importantes d'une carte de voyage client à inclure et à volonté sur ceux lors de la création de la nôtre. Lorsque nous commençons une carte de parcours utilisateur, nous savons que notre personnalité et notre utilisateur sont au cœur de cette carte. Tout tourne autour de leur expérience, sentiments et des résultats souhaités pour l'application. Donc, nous voulons nous assurer que nous définissons quelle personnona cette carte est pour si évidemment Jessica, qui est la femme de la famille, car nous pouvons avoir plusieurs utilisateurs dans plusieurs voyages d'utilisateurs. Nous définissons également leur scénario pour le voyage. Dans ce cas, elle veut commander à un dîner au restaurant pour sa famille de quatre personnes, mais elle ne sait pas encore où commander. Elle a vu une annonce pour cette application, télécharge et lui donne un essai. Nous définirons ensuite nos objectifs de persona pour ce voyage particulier. Ce processus de commande qu'elle suivra dans cette feuille de route finira par devenir la base de la création de notre diagramme de flux utilisateur. Cela nous aidera également lorsque nous commencerons à nous développer. Sont des cadres de fil de travail afin que nous puissions montrer au client notre processus de pensée derrière pourquoi nous avons pris certaines décisions de conception décider plus tard dans le processus de conception U. I La première chose que nous nous concentrons sur et la création de votre carte de parcours client est de savoir combien et quelle étape l'utilisateur passera pour terminer une transaction. Dans ce cas, nous avons une première étape qui serait le téléchargement et l'installation de l'application. Ils doivent savoir sur l'application quelque part un média social ajouter un ami mentionnant l' application. s'agit d'une première étape importante à inclure car elle fait partie de l' expérience client globale , une deuxième étape dans notre application sera. Une fois qu'ils l'ouvriront, ils auront une étape de découverte. C' est là qu'ils découvrent et trouvent le type de nourriture qu'ils veulent commander. Ah, troisième étape pourrait être une étape de départ. C' est au moment où ils ont choisi leur nourriture, leur restaurant ou leur épicerie et ils se préparent à acheter les articles. Enfin, la quatrième et dernière étape sera la phase de livraison sont que vous pouvez appeler la phase de consommation, où le produit est livré et consommé. Il y a des points de contact et des opportunités pour créer des expériences positives lorsque le pourcentage de l'utilisateur se déplace à travers les étapes. allons ensuite identifier les domaines problématiques à chaque étape afin que nous puissions fournir un compteur sont une solution à ces problèmes négatifs. Ces zones problématiques peuvent être écrites du point de vue personas, ce qui donne une autre chance de voir les problèmes possibles à travers leur perspective. Les zones à problèmes pour une première étape seraient un problème dans le téléchargement de l'application ou ayant des problèmes avec l'ouverture sont l'utiliser sur leur téléphone. Une solution possible consistera à fournir des mises à jour régulières de l'application pour fournir une intégration transparente et une grande variété de téléphones. Cela peut être plus d'une solution de développement logiciel que nous n'avons peut-être pas la capacité de nous contrôler, mais nous élever d'une manière que vous, ex vous, je concepteur, pouvez penser globalement à l'ensemble du client. L' expérience est importante. Il est également agréable d'attribuer quel service d'entreprise peut être en mesure d'aider à chaque étape du parcours client. Pour notre étape de découverte, qu'ils ouvrent, l'APP est l'endroit où la plupart de nos problèmes pourraient survenir. L' utilisateur dispose de deux options principales. Livraison d'épicerie et livraison de restaurant. Il pourrait y avoir un problème à déterminer dans quelle direction aller ou comment accéder à chacune d'elles. Il y a aussi la question de trouver les bons restaurants pour commander. Si je n'ai jamais mangé là-bas avant, comment savoir si la nourriture est bonne ? Comment pouvons-nous savoir ce qu'ils offrent et combien la nourriture est ? Si le prix change fréquemment pour notre troisième étape de départ, Ah, problème pourrait être que l'utilisateur peut être distrait et avoir besoin de vérifier très rapidement. Il peut être préoccupé par la façon dont ce processus sera simple et rapide parce que parfois vérifier les étapes ca NBI écrasant pour les utilisateurs de première fois Un autre domaine de problème pourrait ne pas être communiquer clairement la ventilation totale de la commande. Quel était le montant de la taxe ? Combien cette application me coûte-t-elle d'utiliser pour cette commande ? Enfin, pour notre étape de livraison, un problème. Mary pourrait savoir où est mon ordre. Combien de temps avant l'arrivée de ma commande ? Que faire si la nourriture est froide ou non ? La qualité que j'attendais ? Un deuxième problème pourrait être qu'elle a passé la commande, mais elle a oublié d'ajouter un dernier article. Est-il possible de modifier ma commande avant qu'elle ne soit livrée ? Que se passe-t-il s'ils ont besoin de communiquer avec le livreur pour lui dire qu'ils doivent se garer au fond de l'allée puisque des camions de construction sont là ce jour-là ? Donc vraiment, il s'agit de communiquer avec le restaurant. Est-ce possible ? Maintenant que nous avons des zones problématiques définies, allons maintenant définir le parcours utilisateur à travers chaque étape. Ce sera une étape pouvant donner lieu à une action. Elle passera à travers pour atteindre son objectif final de commander rapidement de la nourriture de restaurant à partir de l'application . La première étape semble évidente. Butts agréable d'inclure sa partie de ce voyage, elle devra télécharger et installer l'application, mais elle aura également besoin d'une connexion à un moment donné avant de pouvoir commencer le processus. Ensuite, vous voudrez cliquer sur l'option de livraison du restaurant dans l'écran d'accueil, l'envoyant à une liste des restaurants à proximité. Elle va ensuite regarder la liste des options et choisir ah hautement noté un orteil regarder plus détails et ce qu'ils offrent. Elle ajoute quelques articles à son panier et perçoit l'étape de départ. Elle veut passer en revue les détails du coût de l'APP, puis cliquer sur le bouton Démarrer la livraison . Enfin, elle va aller sur une page de carte où elle peut ensuite cliquer sur un bout de bouton. Ajoutez à sa commande ces étapes dans notre voyage pour être simple et bref. Nous pourrions enregistrer toutes les interactions détaillées de l'application pour chaque diagramme de flux utilisateur. Nous ferons ensemble ensuite et sauverons les composants de conception visuelle de lorsque nous mettons en place notre premier cadre de fil visuel. Cela nous aide à savoir où elle est dans le voyage. À chaque étape, nous avons des problèmes et des solutions possibles. Nous devons également considérer les objectifs de personna utilisateur pour chacune de ces étapes, nos principaux objectifs d'utilisateurs qui seraient écho gorge toutes les étapes seraient gagner du temps. Certaines opportunités pour atteindre l'objectif de César à chaque étape seraient dans la première étape de connexion . Une solution possible pour avoir un processus de connexion plus rapide serait de fournir une connexion Google et Facebook où le plus facile n'a pas à configurer un nom d'utilisateur et un mot de passe s'ils ont ces Loggins déjà disponibles pour la deuxième étape ou le problème était en cours capable d'envoyer l'utilisateur au restaurant et l'épicerie et le moyen facile. Une solution possible à cela est de fournir un écran de démarrage qui indique à l'utilisateur de sélectionner une des deux options entre le restaurant et l'épicerie. Rendre l'écran évident est possible pour réduire toute confusion que peut avoir l'utilisateur et pour lui faire gagner du temps et atteindre son objectif final de commander des aliments dans un restaurant ou une épicerie. Un autre problème dans la phase de découverte est de ne pas être en mesure de trouver votre restaurant préféré très facilement, ou si elle a un restaurant qu'elle ne connaît pas. Comment sait-elle si ce bon restaurants une solution pourrait être de fournir des preuves sociales ou des commentaires des utilisateurs pour les autres utilisateurs de l'APP sont saisir des commentaires de sites de restaurants partenaires comme la cuillère urbaine dot com. Nous pouvons également fournir des menus à jour qui remplissent également à partir des menus fréquemment mis à jour trouvés sur Google notre personnona utilisateur et la troisième étape. Le processus de retrait une fois est d'être très rapide. Elle a deux ans sur ses genoux. Comment nous avons un orteil de solution. qu'il s'agit d'un processus très rapide et facile ? Nous pouvons nous assurer que l'écran de départ est propre et a également tous les détails nécessaires pour être inclus, y compris un article fiscal et aussi combien est facturé pour notre service. Être ouvert et transparent quant au coût de notre APS est important pour les valeurs du client et de notre entreprise lors de la phase de vérification. Notre problème était de savoir combien de temps il faudra pour que la nourriture arrive. Notre solution pourrait être de fournir une carte à l'écran au moment du départ qui montre l'E. T. A de la nourriture en fonction de l'emplacement de la voiture de livraison, semblable à ce que vous voyez dans l'application uber. Une solution à notre deuxième problème sur la nécessité de changer l'ordre après l'avoir placé est de pouvoir fournir un bouton sur cet écran de carte qui vous donne la chance d'appeler le restaurant pour fournir les derniers ajouts à la commande ou avoir la possibilité d'envoyer un message texte à la place. Nous avons donc identifié nos étapes, nos problèmes, problèmes, solutions et la façon d'intégrer les objectifs des utilisateurs des services d'urgence à chaque étape. Nous venons de créer une carte de parcours utilisateur premier de la ferme. Maintenant, il est temps d'obtenir plus de détails au fur et à mesure que nous travaillons sur le flux utilisateur. Ce qui nous rapproche de l'aspect design U I. Mais d'abord, je veux parler de votre prochain projet étudiant dans la prochaine leçon. Alors que vous travaillez sur la création de votre première carte de parcours client avec l'aide de l'utilisateur nouvellement développé persona, j'ai fourni cette carte de parcours utilisateur pour ce projet en tant que téléchargeable. PDF afin que vous puissiez regarder la carte d'arrivée plus en détail. Également fourni un modèle à base d'illustrateur Adobe vierge qu'il peut personnaliser pour créer une carte de voyage pour votre propre orteil persona 6. Tableau de flux utilisateur - Présentation détaillée: Qu' est-ce qu'un organigramme utilisateur ? organigramme laser est une carte qui décrit les actions exactes qu'un utilisateur doit prendre pour terminer le parcours ou le processus. Il se concentre un peu moins sur la réponse émotionnelle, comme le fait le parcours client, mais plus sur les étapes techniques exactes qu'elle doit prendre pour mener à bien son action. Il montre également les différentes voies possibles, ces contagion d'air, comment tout est connecté et finalement boucle vers l'utilisateur. Cartes de flux utilisateur de l'écran d'accueil Originalement dérivées des organigrammes, vous avez probablement déjà vu des organigrammes à un moment donné de votre vie. Ah, beaucoup d'organigrammes ont des moyens drôles qui ont décrit différents résultats en montrant le résultat final d'une série de décisions simples que vous prenez. Selon la combinaison de décisions que vous prenez, cela vous mènera à un résultat final différent But. Ces flux d'air décrivent toutes les étapes techniques nécessaires pour mener à bien le processus. Il est important d'esquisser le flux utilisateur pour savoir combien d'écrans ou d'étapes nous devons configurer pour notre conception en développant un organigramme utilisateur et nous aider à éliminer les étapes inutiles pour simplifier un processus, cela pourrait également nous aider à savoir si nous manquons une étape clé que nous devons retourner à la planche à dessin et éditer. Dans notre cas, ils téléchargent installer l'application et ils l'ouvrent, et c'est la première étape de ce flux utilisateur. Dans une minute, je vais ouvrir un programme appelé Overflow. Il est actuellement en version bêta. Pourquoi filmer cette partie de la classe ? Mais c'est un programme fantastique pour développer un organigramme utilisateur. Adobe X'd ne prend actuellement pas en charge les organigrammes utilisateur, il est donc agréable de trouver un programme pour vous aider à en construire un facilement, même si vous avez juste Adobe Illustrator même juste Power Point, vous pouvez mettre en place un organigramme utilisateur agréable. Tant que vous avez accès à des rectangles, des flèches et des lignes. Vous avez ce dont vous avez besoin pour en créer un. L' exemple de cette classe inclut quelques mises en page très basiques que vous verrez, mais juste assez pour montrer un peu visuel pour savoir à quels boutons faisaient référence dans le processus. Je n'ai pas l'impression que vous deviez commencer à faire n'importe quel type de conception de mise en page. Je viens de l'ajouter pour vous expliquer d'utiliser votre tableau plus loin. On est toujours dans le camp des U X. Ce n'est pas ce qui, tout à fait dans le camp U I ou l'interface utilisateur encore, bien que ce soit une étape où vous X et nouveau, je commence vraiment à se fondre ensemble comme nous pensons à la taille du bouton, la quantité de boutons et le placement sur un lorsque nous créons notre cadre de fil basse fidélité. Ensuite est l'endroit où vous fil interface utilisateur commence vraiment à prendre le relais, et nous pensons à ces détails de conception. Le look et la sensation, les couleurs, l'image de marque dans le design de l'icône. Voyons un exemple de flux utilisateur pour notre application de livraison de nourriture. Vous remarquerez que je travaille à travers cet exemple de diagramme de flux. Comment les décisions de conception commencent à être prises Donc ici je suis dans l'APP appelé Overflow. Il est actuellement en bêta, mais ils pourraient être hors bêta au moment où vous regardez cette vidéo, mais j'ai vraiment aimé jouer avec elle. Je vais avoir une liste de certains programmes vraiment géniaux que vous pouvez utiliser dans le Guide de ressources dans un guide de ressources téléchargeable au début de la classe. Ce genre de liste d'autres idées sont d'autres programmes que vous pouvez utiliser pour créer la même chose . Vous n'avez pas besoin d'utiliser ce programme. Vous pouvez utiliser n'importe quoi tant que vous avez des boîtes, des rectangles et des lignes. Vous pouvez créer une utilisation de votre organigramme. Donc je suis là et c'est une sorte de diagramme que j'ai développé pour la classe. Nous allons travailler à travers ça et vous montrer comment j'ai construit ça et tous les différents arbres de décision sont des divisions et des décisions que nos utilisateurs vont passer et d'autres que nous pourrions explorer aussi. Donc, c'est une sorte de mise en place de base. Ah, étages utilisateurs pourraient explorer toutes les différentes possibilités d'un utilisateur. Je vais entrer dans beaucoup de détails. Donc, à la fin, si je devais cartographier chaque décision que quelqu'un pourrait faire cet arbre serait beaucoup plus grand. Donc en ce moment, je suis juste en quelque sorte de me concentrer sur l'arbre de décision qui sont l'utilisateur va faire de notre utilisateur persona. Nous allons le faire juste pour le temps et avoir un flux utilisateur vraiment simple vous enseigner les bases de la mise en place d'un diagramme de flux utilisateur ah ensemble. Voici donc une sorte d'écran de connexion. Et ce qui est génial, c'est quand j'ai réfléchi au côté U X des choses et réfléchi à mon voyage personnel. Je ne pensais pas nécessairement à cet écran de connexion. Et donc c'est un peu l'un de ces moments que nous commençons à mettre dans le tableau des utilisateurs. Vous y allez, ils doivent se connecter et ils ont besoin de plusieurs versions différentes façons de se connecter et nous devons rendre ce processus vraiment rapide, simple et facile. Nous ne voulons pas qu'ils aient ce long processus d'inscription. Donc, voici une sorte de l'écran d'accueil ou évidemment besoin de se connecter. Mais j'ai pensé, vous savez, faire notre parcours utilisateur, Matt, Matt, avant qu'on découvre que ce ne serait pas sympa comme solution d'avoir la possibilité de se connecter avec votre Facebook ? Disons que Jessica Reserve persona en tant que Facebook. Ce serait bien si elle pouvait simplement couper tout le processus de connexion et se connecter via Facebook . C' est donc l'une des choses que nous avons développées dans notre processus UX. Il est agréable de commencer à intégrer cela dans la conception réelle, donc nous avons les deux options différentes, et c'est là que nous avons notre premier arbre de décision ou sorte de division sur la décision. Ils peuvent le signer pour un nouveau compte, et ils vont ici à cet écran où ils peuvent s'inscrire pour un compte. Ou ils peuvent descendre ici et vous pouvez simplement cliquer et autoriser les actes Facebook Toe accès ou permettre à cette application d'accéder aux données Facebook jusqu'à ce que vous vous connectez. Il y a donc deux façons différentes de se connecter. Mais tout va revenir à cette maison longtemps et l'écran juste ici. Alors maintenant que tout le monde a fini, tous les utilisateurs vont revenir à cet écran d'accueil et ce que nous découvrons pendant ce sont vous processus X qui ne serait pas agréable de pouvoir facilement diriger les gens vers l'épicerie ou vers la livraison au restaurant  ? Donc, c'est un peu un design très archaïque. Ce n'est pas vraiment censé être un ami du fil pour l'instant, juste une sorte de blocs de base. Nous présentons des épiceries et des restaurants. Finalement, ceux-ci deviendront de belles photos ou icônes, tout ce que nous voulons faire. Alors on y va. Nous avons un autre arbre de décision. L' utilisateur va soit sélectionner l'épicerie et aller à la liste d'épicerie, soit il va cliquer sur les restaurants et aller au restaurant. Donc, vous remarquerez une sorte d'étiquetage de ces différentes décisions. Donc, ce sera le journal dans Facebook. Ce sera l'inscription et la fin. Donc chaque bulle va juste dire où elle va aller ensuite ou quelle décision ils ont prise pour prendre cette décision. Donc, nous voici à notre deuxième décision Tree. Donc, selon notre phase de découverte aux, elle va aller dans les restaurants, va choisir les restaurants, et elle passe ici par la sélection des restaurants et vient ici. Et elle a offert une liste de restaurants. Et nous avons aussi besoin d'explorer ou de tracer habituellement la possibilité de ce qui se passe quand ils cliquent sur l'épicerie et qu'ils vont aller à l'épicerie et ils vont avoir la même liste . Et ce qui est génial dans ce cas, c'est l'épicerie et les restaurants ou les deux obtenir un affichage, un flux très similaire. Donc, les mêmes options que vous avez au restaurant seront les mêmes options que vous avez sur l' épicerie les mêmes options de base. Donc, ce qui est génial, c'est que nous pouvons explorer celui-ci de façon approfondie et simplement supposer que cela aura les mêmes options sur l'épicerie, donc je n'ai pas besoin de répéter cela aussi. Gardez l'organigramme un peu plus simple. C' est bon. Donc nous avons la liste des restaurants ici. Nous avons un restaurant, un restaurant pour dire qu'elle aime vraiment. Il y a quelque chose de convaincant, Peut-être à propos de l'avis sur le restaurant à elle semblait avoir un examen élevé. Elle sélectionne le restaurant, aussi, et maintenant nous sommes tout le monde va à cet écran de carte qui aura, vous savez, une sorte de carte avec ceci est ce qui est génial dans l'utilisation de vos flux et parfois en termes de la conception, comment pouvons -nous savoir ce que nous devons inclure ? Et c'est vraiment le début de ce processus et de réfléchir à ce qu'il faut inclure à l'écran ? On veut pouvoir y retourner. Nous ne voulons jamais avoir une boucle fermée. Nous voulons toujours avoir une boucle qui revient toujours à l'écran d'accueil à tout moment. Nous ne voulons jamais piéger les gens dans un arbre de décision, et ils n'ont aucun moyen de revenir en arrière, donc nous voulons toujours avoir un bouton de retour. C' est pourquoi j'ai le bouton de retour qui revient à l'écran d'accueil. Ils ont toujours la possibilité de retourner dans ces airs. Des choses vraiment importantes que vous pensez quand vous montez ça. Nous voulons aussi penser à tous les éléments à faire. On veut avoir une carte. Ne voulons-nous pas avoir de carte ? Quel genre de détails ? On veut une liste. Voulons-nous une liste des options de menu qui descendent ici et comment les options de menu Maney vont être sur le premier écran. Quand ont-ils besoin de faire défiler ? Ce sont des décisions qui seront prises ensuite lorsque nous ferons le cadre métallique. Mais pour l'instant, nous pensons à des décisions très élémentaires. Donc ils vont voir une carte. Ils vont pouvoir y retourner, pourront accéder à votre panier. Vous devez avoir un bouton pour accéder à la carte à ce stade du processus de paiement. Donc, disons ces éléments de menu aérien, il est donc probablement juste re titre ces menus. Donc ce sera des options de menu, et donc elle va ajouter à l'option de menu 2. Il suffit d'obtenir un clic et puis que se passe-t-il ? Et c'est là que nous devons faire de la chair un peu. C' est un peu étaient vraiment avoir à remuer et à comprendre ce que nous voulons que ce processus soit . Et vous remarquerez que j'ai du bleu est une sorte d'avant. Nous avançons dans le processus, et le rouge indique un retour dans le processus. Et vous pouvez faire n'importe quelle couleur que vous voulez tant qu'ils sont différenciés. Donc quand je zoome, grenier et que je vois bien, Rouge retourne à l'écran d'accueil et le bleu va de l'avant dans le processus de départ . Et donc ce genre d'aide à garder mon utilisateur float propre. Et je sais que beaucoup de gens font ça tout gris, mais j'aime avoir un code couleur. Cela aide quand les clients le voient. Ils ne sont pas confus sur ce qui se passe parce que vous pourriez voir toutes ces lignes et ça devient vraiment déroutant et même ici avec l'épicerie. Je l'ai fait orange, et je pensais que je ferais si je continuais à avancer que dans le processus, je vais faire tous ces eso orange Vous avez en quelque sorte ces différentes couleurs pour montrer différentes décisions et chemins. Bref, on va retourner ici, et ils vont cliquer dessus. Ils vont ajouter un élément de menu afin qu'ils ajoutent à un élément de menu et cela ne l'emmènera pas à un autre écran. Il va juste ajouter au panier afin que je n'ai pas à le retirer de l'écran, et ensuite ils peuvent aller à la commande maintenant ou mais un panier. Donc, disons qu'ils cliquent sur terminer votre commande. Nous n'avons pas encore pensé à la formulation exacte pour cela. Ça viendra plus tard. Disons qu'ils cliquent sur le panier. Ça va aller ici pour commander maintenant, et ils seront en ordre maintenant à l'écran. Donc, cela aura le total avoir des impôts. Il aura tous les éléments de menu qu'ils vont avoir. Vous pouviez voir mon archaïque très basique conçu. Ce n'est pas toi que je conçois, mais on bloque toujours les choses, et on va avoir un bouton de commande maintenant. Donc ils se rapprochent de plus en plus de la fin de cette commande, donc ils vont passer l'ordre maintenant et donc c'est un arbre de décision. Allons-y et revenons en arrière. Ils pourraient également cliquer sur la carte s'ils voulaient voir où se trouvait le restaurant et nous cliquerons sur la carte. Monte à cette carte. écran était génial sur cette carte Screen Nails a été montré restaurants à proximité aussi, et il montrera sur E. T. A. de ce qu'ils ont mis dans leur carte et combien de temps il faudra pour que ce restaurant la livre à lui. Alors ça va montrer leur restaurant rouge qu'ils ont sélectionné. C' est Oaks va montrer les restaurants à proximité. Deuxièmement, livrer également en temps opportun. C' est donc une chance pour eux de continuer à visiter d'autres restaurants. Que la fin de la commande ici pour le voir serait plus rapide, ils veulent explorer un autre restaurant. Merci. Cliquez sur Continuer l'ordre et il va revenir directement à la carte. Ou c'est là qu'un autre arbre de décision va arriver. Ils peuvent cliquer sur cet autre restaurant qui pourrait avoir une meilleure heure d'arrivée, et il va cliquer sur le restaurant numéro un. Donc ça va revenir à la liste des restaurants numéro un, donc c'est une sorte de les déplacer vers cette direction. Donc il y a toutes ces petites décisions que nous devons prendre. Alors revenons en bas. Alors passons à travers. Donc Jessica, ou qui ou l'utilisateur sera pour cet organigramme utilisateur est allé à l'écran d'accueil. Ordre terreux. Maintenant page, essentiellement la page du panier d'achat. Si vous voulez dire la page de départ et qu'elle est prête, elle veut commander. Donc elle passe sa commande donc elle clique sur commande maintenant, et il va à la carte avec le E t A. Et il a un bouton parce que rappelez-vous, nous avons discuté comment une solution possible. Elle voulait savoir si elle pouvait changer votre commande après l'avoir passée. Elle a fait une erreur. Elle a été précipitée. Elle n'a pas eu le temps de passer la commande correctement. Elle voulait appeler à un verre ou ajouter une commande supplémentaire. Nous voulions avoir ce bouton où ils pourraient appeler ou changer l'ordre. Alors, si vous appuyez sur ce bouton, il va appeler le restaurant. Il va aussi vous donner l'option texte sera tout ce qui va être sur le téléphone va apparaître avec un SMS ou un message ou un téléphone pour pouvoir contacter le restaurant pour changer l'ordre. Et on va y aller où ils pourraient la changer à l'ordre et ils peuvent changer d'ordre. Et puis il retournera à l'écran de révision où cela se produit lors de la livraison réussie. Donc ça va revenir en arrière. Donc, cela semble compliqué. Je veux passer en revue tous les détails. Nous pouvons jeter un coup d'oeil et n'hésitez pas à télécharger cela en format J peg. J' ai ceci comme une ressource téléchargeable afin que vous puissiez regarder cela en détail et prendre votre temps pour voir une sorte de processus de pensée que j'ai traversé avec son projet aussi vous donner d'autres à jeter un oeil. Vous pouvez donc voir comment construire votre propre organigramme va dépendre de ce que votre produit va être. Votre application ou votre site Web aura donc revenir à ce processus. Donc voici une sorte de boucle, donc nous avons la décision de changer l'ordre, donc ils vont changer l'ordre et aller à cet écran, et ensuite ça va toujours revenir à cet écran de révision Donc une fois qu'ils changent l'ordre, ils vont avoir ah, livraison réussie sorte d'écran pop-up, donc ça va apparaître avec leur e t A. Mais ça va aussi après la livraison. Ils vont avoir une chance de revoir le restaurant parce que j'étais vraiment important pour le client de s'assurer que nous recevons beaucoup de commentaires afin que nous puissions obtenir des commentaires authentiques pour nos différents restaurants afin que nous puissions avoir de très bonnes critiques. Euh, parce qu'on ne veut pas compter sur Urban Spoon pour toujours prendre un avis. Nous voulons obtenir nos propres commentaires. Donc ça va capturer que soit l'examen de l'APA revoir le restaurant. Nous devons comprendre cela au fur et à mesure que nous passons à l'étape suivante. Mais voyez, tout finira par apparaître à ces écrans est une sorte de l'écran de livraison final, réussi. Nous avons traversé tout le processus de vérification. Maintenant, ils vont pouvoir examiner Teoh, et puis c'est tout. Et puis on a fini, et ils ont toujours la chance de revenir en arrière. Peut-être avoir une nouvelle commande pour que vous puissiez voir que ce bouton rouge va jusqu'à la maison. écran. Nous voulons toujours lui donner une chance de revenir à ce choix entre l'épicerie et restaurant à l'écran d'accueil de l'utilisateur. Vous pourriez voir comment les choses sont une boucle et comment nous avons différents arbres de décision et différentes branches et comment ils peuvent être. Revenez sur le même écran, vous savez, sorte de concéder la nature complexe des différentes décisions qu'ils pourraient prendre dans cette application et être en mesure de décrire tout cela est si essentiel, parce que quand nous arrivons à la phase de conception, nous allons savoir exactement quels boutons nous allons avoir besoin d'orteil là-bas. Beaucoup de ceux-là seront planifiés pour nous. Donc, quand nous entrons dans le U, j'ai voulu des choses ou même les transmettre à un concepteur U I, ils auront une meilleure idée du type d'étapes et de processus de réflexion requis. Et vous faites la même chose lorsque vous naviguez sur des sites Web. Lorsque vous planifiez une navigation, vous découvrirez ce qui se trouve dans ce menu. Qu' est-ce qu'il y a dans ce sous-menu ? Comment les choses sont-elles liées ? C' est le même processus. Ah, mais c'est dans ce cas avec l'application mobile. Donc, si vous faites un site Web de bureau, que vous pouvez totalement faire cela et toujours suivre avec cette classe, vous allez prendre le même genre de décisions. Comment va être la navigation ? Quels boutons. Ils vont aller où tu pourras cartographier tout ça. Et dans mon cas, j'ai mis un peu visuel avec elle où vous avez différents boutons et je pense que ça aide vraiment . Mais tu n'as pas à le faire. Vous pourriez faire un simple archaïque juste, vous savez, flux utilisateur. Où vous avez essayé sont vous avez une sorte de ces diamants qui indiquent les décisions et vous avez les rectangles qui indiquent une étape ou une action de bébé un utilisateur prend. Vous pourriez le faire très simple, mais en tant que design visuel ou quelqu'un qui va certainement prendre part à l'u que je traite, je voulais commencer à bloquer les choses d'une manière basique, pour savoir comment les boutons étaient à l'air et gentil de. Et on va pouvoir adapter toutes ces différentes options sur un seul écran. Ou est-ce trop, de toute façon, c'est une sorte de base. Je veux juste faire une explication de base de l'organigramme de l'utilisateur dans un genre de programme de vous montrer à quoi cela ressemble. Donc j'espère qu'il a apprécié cette plongée dans le type de charte de flux utilisateur développé pour cette classe, et maintenant nous allons être prêts à passer à l'étape suivante. 7. Introduction Wireframe: Alors, les grandes lignes de notre processus. Jusqu' à présent, nous avons rassemblé des données utilisateur créé une personnalité utilisateur détaillée et authentique. Nous avons créé une carte de parcours client ou utilisateur qui décrit les différentes étapes. L' utilisateur traverse des problèmes et des solutions possibles. Enfin, nous avons créé l'organigramme de l'utilisateur pour décrire en détail un parcours vers un processus et explorer d'autres décisions possibles, ainsi que des divisions et des orientations. Donc, nous savons quels boutons nous devons y penser doivent inclure. Et donc nous sommes prêts pour le cadre en fil de basse fidélité. Un cadre métallique peut être dessiné à la main, sont créés dans le logiciel comme Adobe X'd. Il prend notre flux utilisateur et crée une version plus détaillée en ajoutant des zones où les photos peuvent aller à l'emplacement des boutons et comment les choses seront disposées et présentées. Encadrement de fil peut prendre beaucoup de devinettes hors de l'U. je traite plus tard sur la route, lorsque cette application commence à entrer dans l'étape d'encodage de développement lo cadres de fil de fidélité diffèrent des cadres de fil de haute fidélité et qu'ils ne contiennent toujours des couleurs, des photos ou des dessins d'icônes finaux. Ils se composent généralement de schémas rugueux, bloqués en utilisant une variété différente de boîtes blanches, grises et noires, ce qui nous donne un bon croquis et nous donne une idée de la taille, Ah, emplacement de certains et nous donne une idée de l'ensemble des éléments de conception de base et flux utilisateur. Nous utiliserons notre flux utilisateur pour nous donner un excellent point de départ et nous donner le temps de nous concentrer davantage sur les détails de la mise en page. Combien de photos seront sur un écran où le texte pourrait être placé ? Peut-être la taille du texte ? Ou peut-être que l'écran fait défiler un cadre de fil haute fidélité a toutes les cloches et les sifflets avec des éléments de marque de couleur et des photos incorporées dans le design. Ces modèles finaux à air très poli Les cadres en fil de haute fidélité peuvent éventuellement être reliés pour créer des cadres en fil de travail qui nous permettent d'utiliser et de tester notre conception et notre application en temps réel sans avoir à développer l'application avec les développeurs. Encadrement de fil Concevez une énorme quantité de temps, en particulier le temps de développement, car les problèmes pourraient vraiment commencer à être résolus dans cet environnement prototype de cadre métallique, où il est beaucoup plus facile de changer et de changer les dispositions et le flux, au lieu d'avoir à changer de codage après qu'il a été recouvert et développé en premier sera développer notre faible fidélité, cadre métallique simple et Adobe X'd. Vous pouvez utiliser le stylo traditionnel et le papier pour l'étape est, eh bien, comme nous sommes juste obtenir une idée générale et de la mise en page et la position des éléments basés sur la recherche et les données que nous avons jusqu'à présent, je préfère utiliser le cadre métallique et un programme de prototypage comme Adobe X'd ou esquissez d'abord pour le cadre de fil de basse fidélité, simplement parce qu'il est tellement plus facile de le transformer en un ami de fil de haute fidélité plus tard. Une fois que vous avez tout mis en place, si vous esquissez à la main ou dessinez votre cadre filaire basse fidélité, vous devez finalement entrer dans l'espace numérique pour créer un prototype fonctionnel. Donc, l'esquisser sur le logiciel au lieu de dessiner à la main, il peut sauver une étape dans le processus. Bien que je ne veux jamais décourager quelqu'un de dessiner avec un stylo traditionnel et du papier. Si c'est quelque chose qui aide votre processus de création, nous allons maintenant arriver à Adobe X'd et commencer avec notre première avidité. L' écran de connexion. J' espère que vous avez apprécié la première partie de cette série vous XY Weichel. La deuxième partie sera publiée dans moins de sept jours et une notification par e-mail sera envoyée lorsque la deuxième partie sera disponible et que la deuxième partie démarrera un Adobe X'd. Création sont faible fidélité, cadre de fil et mise en page de base pour chaque vert. Ensuite, nous créerons un cadre en fil haute fidélité poli qui correspondra aux couleurs de notre marque. Regardez et ressentez. Enfin, sera lien sont haute Fidelity cadre de fil pour créer un prototype de travail final poli. Nous pouvons ensuite tester avec les utilisateurs pour obtenir des commentaires critiques. Si vous n'avez pas été dans Adobe X T avant, je enseigne dans Adobe X'd masterclass ici et partage de compétences qui peut vous donner un excellent début sur l'apprentissage de ce programme avant de plonger dans la création sont cadres de travail Ryan dans la deuxième partie de la Siri. Vous pouvez vérifier ce cours en vous dirigeant vers mon profil de partage de compétences. J' ai hâte de vous voir dans la deuxième partie de la série. Assurez-vous également de vérifier la section projet de sa classe, où il y en a trois. De nombreux projets où nous arrivons à travailler à travers les trois différents projets de la classe aimeraient voir vos projets. S' il vous plaît les poster. J' aimerais donner des commentaires aussi bien, mais aussi aimer les commentaires. J' aimerais que vous me donniez des commentaires et comment vous travaillez dans ce cours et ce que vous pensez de ce cours. Et j'ai hâte de te voir dans la deuxième partie de la série.