Transcription
1. Introduction: Salut. Mon nom est [inaudible]. Je conçois une expérience visuelle et utilisateur pour les produits numériques. Le design a toujours été ma plus grande passion et est devenu le rôle majeur de ma vie quand j'ai choisi le graphisme. Après l'obtention de mon diplôme, j'ai obtenu mon premier emploi en
tant que graphiste dans une entreprise travaillant sur des produits de santé. Je conçois des modèles qui certainement largement est conçu, pour travailler avec technique, interagir avec les concepteurs américains, [inaudible] mesures de produit, puis [inaudible] la combinaison de la
conception et de la technologie choses que vous [inaudible] devrait examiner en elle. Au début, je ne savais pas comment le faire, je commençais par moi-même comme étudier, des cours en ligne, lire des articles et regarder des tutoriels YouTube. Il m'a fallu un certain temps pour apprendre les bases du processus de conception U I Unix, mythologies
mixtes et en apprendre plus sur la façon de concevoir un site Web, une application
modale ou un tableau de bord à partir de zéro. Maintenant [inaudible] que je travaille en tant que graphiste [inaudible]. Aujourd'hui, dans cette classe, je vais vous emmener à travers toutes les étapes que j'ai prises pour un petit design graphique à U I Unix. Mais nous allons parler des similitudes et des différences des remplissages en acier D. Eh bien ou aux outils et aux logiciels, vous devez apprendre ce que vous devez faire pour passer à la conception U I Unix, et enfin, nous allons concevoir une application de partage partagé ensemble. [ inaudible] Dès la génération de votre premier projet U I Unix pour votre portefeuille. Nous concevrons ce projet en quatre étapes. D' abord, nous allons réinitialiser, Je alliés, mais aussi sur les interviews d'utilisateurs, sondages
en ligne et compenser. Prochaine dans la deuxième étape où il peut tous créer des personas, storyboards et des flux utilisateur. [ inaudible] et remue-méninges des idées comme l'esquisse, fabrication de prototypes et la création de vibrates. Enfin, vous allez concevoir le U I en utilisant figma. Comme [inaudible] pour les graphistes [inaudibles] ? [ inaudible] Conception [inaudible] elle-même [inaudible].
2. Comprendre les rôles de conception: Avant de plonger dans le projet, j'aimerais vous donner plus d'informations sur [inaudible]. Il était une fois, le design signifie design graphique. Mais aujourd'hui, il y a plus de positions liées à la conception comme l'interface utilisateur, UX, la conception visuelle, la conception d'attraction, [inaudible] continue de s'accumuler. Je suis sur le point de vous donner une définition très courte pour un [inaudible] afin que vous ne soyez pas confus par les titres. Commençons par le design graphique. Le graphisme a probablement l'un
des meilleurs nouveaux titres dans le monde du design et de la technologie. Ils travaillent souvent davantage avec des conceptions d'impression et des livrables. Les graphistes connaissent les principes fondamentaux du design, comme la typographie, la théorie des couleurs, illustration et même la photographie. L' autre terme que vous avez souvent entendu, c'est l'interface utilisateur ou la conception de l'interface utilisateur. En termes simples, l'interface utilisateur est chaque élément visuel qu'un utilisateur peut interagir avec d'autres appareils technologiques, y compris les applications mobiles et les sites Web. Un concepteur d'interface utilisateur est essentiellement responsable de la façon dont tout s'aligne sur la page les uns par rapport aux autres. Elle décide du travail supérieur d'éléments tels que [inaudible], textiles, couleurs, etc. L'objectif est de rendre l'interaction aussi simple et efficace que possible. D' autre part, UX, qui signifie la conception de l'expérience utilisateur. Il s'agit principalement de la façon dont le produit se sent. Les concepteurs UX regardent le design à partir de l'état d'esprit d'un utilisateur et résolvent les problèmes potentiels. Pour ce faire, ils recherchent, dessinent, fabriquent des prototypes à partir de cadres blancs, et font divers types de tests avec les utilisateurs pour améliorer l'idée initiale. L' interface utilisateur se concentre sur l'aspect et le fonctionnement d'un produit. Cela comprend tout, de
la conception du flux de navigation d'un site Web à sa conception visuelle. UX, cependant, se concentre sur la façon dont le produit se sent et
s'assure que tout est satisfaisant pour les utilisateurs et les rend heureux. Imaginez un corps humain, les os sont le code. UX est tout ce qui fait que le corps fonctionne bien et l'interface utilisateur est tout ce qui rend le corps attrayant et agréable. L' autre règle de conception est la conception visuelle. Le design visuel est né d'un mélange de conception graphique et d'interface utilisateur. Il se concentre sur les visuels d'un site Web ou de tout autre produit numérique. Est-ce que le produit de finition a l'air bien ? C' est la question que les concepteurs visuels répondent. En outre, vous avez peut-être entendu le concepteur de produit. Concepteur de produit est une somme de termes pour décrire un concepteur qui est généralement impliqué dans la création de l'apparence, interface utilisateur et de la sensation, UX, d'un produit entier. Avez-vous compris les objectifs commerciaux ? Quel problème ce produit va résoudre ? Qui a ce problème ? Ils travaillent avec des champs de responsabilité plus larges et supervise la vision du produit à partir de haut niveau. Il y a d'autres postes liés à la conception dans l'industrie, mais je voulais souligner ceux que vous avez souvent entendus. Dans la prochaine vidéo, nous allons parler des raisons pour lesquelles de bons graphistes avec des capacités de conception solides peuvent facilement passer à la conception UI/UX. Quelles sont les similitudes entre ces deux domaines ?
3. Grands avantages pour les concepteurs graphiques passant à la conception UI/UX: La conception graphique et la conception UI/UX ont de nombreuses compétences qui se chevauchent. Le changement de carrière peut venir naturellement à ceux qui ont déjà de grandes compétences en design. L' une des compétences similaires est le design émotionnel. Les concepteurs graphiques et les concepteurs UX tentent de créer un lien émotionnel avec leurs utilisateurs. Le graphisme évoque les émotions des utilisateurs à travers l'imagerie, couleur et la typographie, mais les concepteurs UX se limitent à la partie visuelle du design. Nous nous concentrons sur : l'architecture de l'information, conception d'
interaction et l'accessibilité de la conception. L' autre compétence qu'ils ont tous les deux est l'attention aux détails. design est dans les détails, et les compétences en graphisme sont souvent orientées vers une grande concentration des détails comme la numérisation de texte et l'alignement des éléments. Les concepteurs UX sont les mêmes ; ils accordent une attention particulière aux détails qui amélioreraient un produit et apporteront une meilleure expérience aux utilisateurs. En outre, ils sont tous les deux compétents en Pensée Créative. Les concepteurs sont des résolveurs de problèmes. Les graphistes et les designers UX sont tout aussi compétents dans la pensée créative et la résolution de problèmes. Pour comprendre pourquoi les concepteurs UX ont besoin de compétences de pensée créative, vous devez d'abord en apprendre davantage sur le processus de pensée de conception UX. Design Thinking est un processus continu qui traverse les étapes suivantes : empathiser, définir, idéer, prototype et tester. À chaque étape, les problèmes sont formulés, questions et les idées surgissent jusqu'à ce que les meilleures solutions apparaissent. L' autre compétence qui se chevauche est Conventions de conception. Les conventions sont la sélection de bonnes solutions que les utilisateurs ont aimé ou trouvé facile à comprendre au fil des ans. Pour mieux comprendre, considérons les conventions sur l'utilisation de la couleur et de la forme. Le premier signe utilise deux conventions fortes pour transmettre le danger : la couleur rouge et la forme de losange. Bien que le mot avertissement soit visible sur les deux signes, la première image peut transmettre le message sans les textes. La deuxième image nécessite un texte afin de l'identifier instantanément. De nombreux graphistes connaissent déjà les conventions en matière de conception web ou d'applications, ce qui signifie qu'ils peuvent facilement s'adapter à un rôle de design UX. L' autre compétence similaire est l'esthétique. L' un des avantages pour le design graphique passant à la conception UI/UX est qu'ils peuvent rendre les choses belles. Les graphistes ont cette capacité naturelle de rendre les choses visuellement [inaudibles] en utilisant les principes d'alignement de la hiérarchie visuelle. Mais la conception visuelle peut améliorer l'expérience utilisateur globale d'un produit en faisant en sorte que les utilisateurs se sentent mieux à ce sujet. N' oubliez pas que les compétences en graphisme sont un atout tout en travaillant sur un projet UX. Les champs de conception sont transférables, donc si vous visez à apprendre une nouvelle spécialité, vous avez juste besoin de pratiquer, rien n'est impossible.
4. Pourquoi passez votre mode UI/UX ?: Travailler dans le domaine de la technologie, concevoir des produits numériques
innovants et interagir avec les consommateurs est tellement agréable. Je veux vous donner quelques raisons pour lesquelles UI/UX est le meilleur emploi au monde. Les concepteurs UI/UX sont en forte demande. appareils intelligents [inaudibles] sont devenus une partie essentielle de notre vie. Avec cela, constamment pour la conception UI/UX. L' autre raison est que les concepteurs UI/UX sont plus que des concepteurs graphiques. Un concepteur UX gagne plus qu'un concepteur d'interface utilisateur, tandis qu'un concepteur d'interface utilisateur gagne plus qu'un concepteur graphique. Selon PayScale, le salaire moyen d'un graphiste à Amsterdam est de 29 000€, tandis qu'un designer UX moyen reçoit 58 000€. L' autre raison pour laquelle vous devriez passer à UI/UX est que lorsque vous concevez un produit numérique, vous ne vous sentirez jamais ennuyeux, car les concepteurs UX font face à différents types de questions chaque jour. Vous changez la vie des gens. Le rôle central de la conception du produit est de rendre vie des
gens plus confortable que jamais afin que vous en
tant que concepteur de produit vous sentiez si satisfait parce que vous êtes directement connecté aux utilisateurs et que vous pouvez voir l'impact de votre conception. L' une des raisons les plus importantes pour lesquelles j'aime UI/UX est le processus de conception collaborative qu'il a. Les concepteurs UX travaillent en étroite collaboration avec d'autres concepteurs, développeurs, chefs de produits et même les parties prenantes, afin de s'assurer que les conceptions finales correspondent aux attentes de chacun. L' autre raison pour passer au champ
UI/UX est d'avoir la chance de mener des recherches et des tests sur les produits. Vous ferez beaucoup de recherches et cela semble être une visite à vous. Vous aurez besoin de beaucoup de gens, parler avec eux et d'analyser comment [inaudible] affectent leur vie, comment ils ressentent, ce dont ils ont besoin. C' est un très grand avantage par rapport aux sites de conception traditionnels assis derrière le bureau au fil du temps, et juste la conception sans aucune interaction avec l'utilisateur final. La dernière raison est la demande pour les concepteurs UI/UX multi-qualifiés. Les entreprises préfèrent embaucher un concepteur UX/UI plutôt que de concevoir une règle particulière pour UX. [ inaudible] dépend de l'échelle ou du budget de l'entreprise, mais heureusement pour les graphistes devenus designers UX, que vous serez en mesure de se démarquer autres candidats parce que vous connaissez déjà la conception visuelle et de communication, et vous êtes un designer polyvalent. Quelle est la feuille de route pour les graphistes qui deviennent designers UI/UX ? Dans la prochaine vidéo, nous allons parler des façons dont vous pouvez choisir de pratiquer ces compétences.
5. Feuille pour les concepteurs graphiques qui deviennent les concepteurs UI/UX: Le graphisme parle déjà le langage du design. Vous avez juste besoin de perfectionner vos compétences pour inclure celles qui sont uniques à la conception UI/UX. Dans cette vidéo, nous allons parler des façons d'affiner ces compétences. Le premier est l'éducation. Nous pouvons rechercher vos meilleures universités locales qui offrent des cours spécialisés comme interaction
homme-ordinateur, la conception de l'expérience utilisateur ou la conception d'interaction. L' autre façon d'acquérir de nouvelles compétences que je choisis
moi-même est d'apprendre avec de grands programmes éducatifs, des plateformes
en ligne comme Skillshare, Coursera, Udemy et LinkUp. Il existe de nombreuses autres plateformes en ligne. Je viens d'énumérer les plus célèbres. En outre, vous pouvez effectuer une recherche sur YouTube. YouTube a reçu de nombreux tutoriels de designers qui enseignent la conception de produits, logiciels de
conception ou tout simplement exprimer leurs expériences. Le numéro deux lit les articles UI/UX. Un bon endroit pour trouver des articles UI/UX est Medium. Il y a quelques bonnes publications que vous pouvez vous abonner comme Muzli, Prototypr.io, UX Design, CC, UX Planet. org. D'autres sites pour en savoir plus sur UX comprennent IDEO, UX Magazine et Smashing Magazine UX section. Le numéro trois est l'apprentissage du prototypage. prototype interactif permet de vraiment expérimenter le produit, il est
donc essentiel pour tout concepteur UI/UX d'apprendre un outil de prototypage. Il existe des outils de prototypage comme InVision, Marvel App, Axure, Framer ou Flinto. Le numéro quatre est en train de se mettre à jour avec les tendances de l'interface utilisateur. Anciens concepteurs et Behance à apprendre avec les tendances de conception de l'interface utilisateur. Sur Behance, de nombreux professionnels de la création présentent vos dernières œuvres sur la plateforme. Dribbble est une plate-forme de portefeuille de design social qui est similaire à Behance, mais présente principalement des œuvres dans l'illustration et la conception d'interface utilisateur. Afin de publier vos œuvres sur la plateforme, les utilisateurs doivent recevoir une invitation de la part d'autres utilisateurs. Effectuez une recherche pour inviter et basculer vers récent pour les nouveaux messages par les utilisateurs. Ces utilisateurs organisent généralement un mini-concours pour examiner leurs œuvres avant de transmettre une invitation. Vous pouvez également consulter Uplabs et Awwwards. Le numéro cinq est de commencer à pratiquer l'UI/UX. Il existe plusieurs façons de pratiquer la conception UI/UX. Si vous n'avez pas de projets réels où vous pouvez postuler, connaissance UI/UX, vous pouvez participer
au défi quotidien de l'interface utilisateur et mettre vos favoris dans votre portefeuille. Vous pouvez trouver beaucoup de cas à des études sur la conception d'une application ou d'un site Web à Medium. Enfin, vous pouvez acquérir plus de compétences pratiques en postulant pour des stages. Vous avez la chance d'apprendre d'autres designers de l'équipe de conception, ainsi que la possibilité de construire un portefeuille à partir d'un projet réel. N' oubliez pas non plus d'avoir l'habitude de demander des commentaires. Encore une fois, Dribbble ou Behance sont des endroits parfaits pour mettre en valeur votre design. Le numéro six se concentre sur la création d'un portefeuille UI/UX. Dans l'industrie du design, chaque fois que vous souhaitez postuler à un poste de design, l'employeur demande toujours un portefeuille de design. L' un des meilleurs endroits pour trouver des centaines de portefeuilles de design est Bestfolios.com. Vous pouvez voir les portefeuilles du concepteur, leurs projets, études de cas ou leurs CV. Pour votre portfolio, vous pouvez utiliser vos œuvres de design graphique comme des designs visuels, des identités de
marque, des infographies, des logos. Ils sont tous à votre avantage. Les gens sont des créatures visuelles et ils aiment voir un design magnifiquement conçu. Mais pour votre portefeuille UI/UX, vous devez écrire des études de cas. Les études de cas sont un processus ou un enregistrement de vos recherches et décisions pour la conception d'un produit numérique. Vous devez mentionner le problème, vos solutions,
vos pensées et tout ce que vous avez vécu lors de la conception de votre projet. Aussi pour construire votre portefeuille, vous n'avez pas nécessairement besoin de créer un site Web à partir de zéro. Certains constructeurs de sites Web proposent des modèles de
portefeuille pour un prix fixe par mois, comme Squarespace, Wix ou Webflow. Le numéro sept assiste à des ateliers et à des événements. Le réseautage est essentiel. Parfois, les meilleures opportunités sont trouvées lorsque quelqu'un sur le terrain vous recommande un poste. Pour la mise en réseau, vous devriez trouver des communautés UI/UX locales. Vous pouvez en trouver sur hackerthon.com ou simplement Google pour des emplois de design ou des concours UX dans votre région. Consultez également meetup.com pour trouver des ateliers, des conférences et des rencontres UX près de chez vous. Si vous voulez passer de la conception graphique à la conception UI/UX, ce ne sera pas aussi difficile que vous pourriez le penser. Bien qu'il y ait un écart entre les échelles de conception graphique et les échelles de conception UI/UX, il n'est pas imbattable. Vous avez juste besoin de pratiquer et d'inclure ceux qui sont uniques à la conception UI/UX.
6. Recherche, entretiens avec les utilisateurs, sondages et analyses des concurrents: Cette partie est la meilleure partie de notre classe. Juste avant de plonger dans le projet, j'aimerais vous demander, faites le projet étape par étape avec moi et téléchargez chaque morceau de projet, affectations à la fin de chaque étape. N' oubliez pas de poser vos questions, ne laissez pas de questions sans réponse. Commençons, avec toute la conception est Split Sharing Mobile Application. J' ai choisi ce sujet pour le projet de cette classe parce que je pensais que vous êtes déjà familier avec les scénarios dans lesquels une application de partage partagé est utilisée. Je pense que vous comprenez surtout cela quand vous sortez avec des
amis pour un repas et après le dîner [inaudible]. La plupart du temps une pause, nous allons aller de l'avant et sa carte de crédit payer la facture pour chacun, pas seulement stupide, mais si c'est un grand groupe d'amis qui est là la douleur commence. Lorsque vous voulez concevoir, une application mobile, site Web, ou tout type de produit numérique. Le processus que vous passez varie en fonction de l'échelle de l'entreprise, du budget du projet ou du calendrier. Cependant, le processus de conception commence normalement par la recherche et l'analyse. Définissons d'abord le but. Avoir un état d'esprit clair sur ce que nous allons concevoir. Le but de cette application est de résoudre les problèmes, avec le partage de factures entre amis pour un dîner. Dans un vrai projet lorsque vous avez [inaudible] vous obtenez plus d'informations en menant est entrevue avec les intervenants. Interview avec les parties prenantes vous aide à connaître les écoles de commerce, les contraintes
techniques chez les parties prenantes pistes actuelles sur les besoins des utilisateurs. L' objectif principal de cette entrevue est d'obtenir des informations sur quels sont les objectifs commerciaux ? Existe-t-il des documents de recherche ou de conception existants ? Qu' est-ce qui est déjà connu sur les utilisateurs ? Des commentaires ? Par exemple, assez de commentaires, appels d'assistance à la
clientèle, de messages , d'
avis, l'important est qu'il ne remplace pas une bonne unité de recherche. D' autres questions pourraient être, qui sont des concurrents connus ? À quoi ressemble le marché ? Y a-t-il des limites technologiques ? D' autres spécifications du projet comme les échéances, les membres de l'équipe. Lors d'une entrevue avec les parties prenantes, c'est si facile que vous pouvez faire en trois étapes. abord, vous devriez préparer vos questions pour ne pas perdre de temps l'un l'autre, puis vous pensez à l'entrevue. S' il s'agit d'un petit projet, vous pouvez le donner en une interview, mais s'il s'agit d'un projet plus complexe et plus grand, vous devriez le faire dans plusieurs interviews avec plusieurs personnes comme les chefs de produits, les propriétaires de
produits, le directeur technique, le responsable concepteurs. Dans la première étape, vous devez enregistrer les documents toutes vos notes et leurs réponses. La deuxième étape vous aide à obtenir plus d'informations sur le projet et à éviter les malentendus. Peint, voyage de l'utilisateur, imaginé que nous avons cinq amis entrant dans un restaurant, ils s'assoient et puis ils attendent le menu. Après avoir navigué dans le menu à des scénarios peuvent se produire. Le serveur est-il prêt à recevoir la commande ? Si non, ils devraient attendre plus et c'est la frustration. Je souligne les frustrations avec la couleur rouge. Si oui, ils vont commander et obtenir de la nourriture. Après avoir mangé. Quand ils auront fini, ils demanderont le bill. Ils reçoivent la facture et commencent à discuter de la façon de payer la facture. Deux cas sont possibles. Ils devraient le diviser uniformément ou par paiement par article. S' ils le divisent uniformément, alors c'est beaucoup plus facile car un montant total sera divisé par cinq personnes. Mais dans la plupart des cas, les
plats sont différents pour l'un est plus cher, tandis qu'un autre peut avoir commandé un aliment moins cher, donc ils devraient calculer la part de chacun. Les amis sortent leurs cartes de crédit, deux scénarios sont possibles. Si vous avez trouvé la fiche de paie sur le mode de paiement, ce qui entraîne des pondérations plus longues pour le serveur pour traiter le paiement. Un salaire [inaudible] paie la totalité de la facture, alors le reste devrait calculer combien chacun a à payer et comment payer ? Quelle est la frustration des factures pour notre utilisateur objectif ? Alors ils le remboursent tous. À la fin, ils quitteront le pourboire et quitteront ensuite le restaurant. Laissons la liste des problèmes hypothétiques en fonction des frustrations des utilisateurs lors de la détermination de cela. Ici, nous allons nous concentrer sur les problèmes qu'ils ont rencontrés lors du partage de la facture et du processus de paiement. Les problèmes hypothétiques sont de penser à la façon de diviser la facture, payer le splitter paie pour tout le monde. Combien tout le monde devrait payer s'ils avaient des ordres différents, attendant qu'un serveur traite le paiement, alors nous faisons une hypothèse sur qui a ce problème. Les jeunes ayant l'âge de 18 à 35 ans, c'est
donc une bonne première hypothèse car ils utilisent la technologie au quotidien et sont déjà familiers avec les paiements via une application. Pour une hypothèse validante, vous devriez parler avec les gens. Par exemple, vous réalisez cinq convives, c'est observation
cruciale ou vos clients comprennent leurs besoins, maison ou la vie sont comme et comment votre produit pourrait s'intégrer dans leur vie. Pour faire une entrevue initiale avec l'utilisateur. Vous n'avez pas nécessairement besoin d'inviter des gens au bureau. Vous pouvez le faire dans le café en attendant l'arrivée de vos amis, ou même le faire à distance via Skype ou Google Hangout. Toujours faire surface de vos tests d'hypothèses dans le contexte, par
exemple, lorsque vous êtes avec vos amis pour un repas ou pour répondre à des sondages en ligne. Enquêtes en ligne si elles sont consultées attentivement, il peut être très utile encore. Surtout si vous les utilisez comme et discours supplémentaire et supplémentaire. N' oubliez pas que plus votre sondage est court, mieux c'est. Il existe d'excellents outils pour mener une enquête en ligne, comme Survey Monkey, Google Forms et Wufoo, si je prononce correctement, ils vous fournissent des données claires sous forme de résumé pour chaque réponse. Sur la base des résultats de l'utilisation des tenures et des enquêtes, vous pouvez vérifier n'importe quelle hypothèse forte. Dis que c'est pas ce qui s'est passé. La plupart des gens de l'intérieur, vous avez mentionné que généralement 1% paie la facture et calcule pour les autres et qu'ils n'ont aucun problème à attendre qu'un serveur traite le paiement. Mais ils ont également ajouté que l'imputation manuelle des articles est frustrante et qu'il est difficile de diviser les dépenses de groupe égales, disons au sujet de l'hypothèse du client. Nous avons compris que la plupart des entrevues sont des étudiants qui vivent seuls, donc ils se soucient de leurs dépenses. Ensuite, vous devriez tester une nouvelle hypothèse et, si nécessaire, les affiner. Nous itérons le cycle de développement du client pour nous rapprocher de notre client potentiel. Nous faisons des hypothèses, nous les testons, et selon nos apprentissages, nous les peaufinons. Ensuite, si vous avez une meilleure compréhension des utilisateurs par rapport au marché pour voir ce que les applications concurrentes font. Qu' est-ce qu'ils offrent aux clients ? Cette recherche s'appelle l'analyse des concurrents. L' analyse concurrentielle consiste à cocher ce que font actuellement les concurrents. Juste à l'esprit de ne pas copier les erreurs de vos concurrents. Pour éviter les erreurs des concurrents. Vous pouvez effectuer des tests utilisateur de l'application ou du site Web des concurrents. L' objectif est d'identifier leurs erreurs de ne pas l'utiliser dans votre conception et de chercher une meilleure solution. Pour faire un test utilisateur, vous devez simplement donner votre application campus à un ami. Donnez-leur une tâche et notez toutes les difficultés qu'ils rencontrent. Par exemple, pour une application de partage partagé, je vais dire à mon ami de créer une nouvelle expérience avec leurs amis et je vais
écrire chaque fois que je vois si elle est confus ce sont les problèmes les plus récents que vous ne devriez pas copier dans votre conception. Pour trouver des concurrents, vous pouvez simplement Google Splitwise. Comme vous le voyez, il y a une liste de choses, applications de partage
partagé qui nous aident à trouver nos concurrents. L' un des bons outils est SimilarWeb. Il vous permet de tout vérifier en détail, même les mots-clés utilisés par le concurrent. L' autre outil que j'aime pour trouver des produits relatifs est AlternativeTo.net. Lorsque vous effectuez une recherche dans la zone de recherche, AlternativeTo vous montre des informations sur l'application, comme le site Web, il soulève des fonctionnalités, des balises et aussi des captures d'écran. Un autre outil pour trouver des concurrents est la chasse aux produits. Tout comme AlternativeTo, vous pouvez voir les informations sur les produits ainsi que les produits pertinents. Ici vous lisez les commentaires des gens. C' est si bon. Il vous permet de savoir comment les gens pensent du Splitwise. Pour votre analyse d'hypothèse, vous devez écrire vos informations composées, comme l'adresse du site Web, captures d'écran la force comme une belle fonctionnalité une belle interface utilisateur ou une faiblesse comme [inaudible] étudiants. Pour cette classe, nous examinerons un Splitwise. Tout d'abord, nous allons écrire un bref résumé pour le produit. Vous obtenez tout ce que vous savez sur le produit, comme l'adresse du site Web, le tarif du produit dans Google Play, magasin [inaudible], etc. Qui est le client cible ? Dans le Splitwise, le client cible est les colocataires et les amis qui partagent les dépenses. À propos du produit, du service ou de la tarification d'un Splitwise est gratuit, mais il offre certaines fonctionnalités exclusivement pour les utilisateurs qui se sont abonnés pour 2,99$ par mois. Vous devez savoir ce que votre concurrent offre à ses clients, car vous pouvez en profiter. points forts ici sont d'excellentes fonctionnalités comme le calcul automatique, diviser uniformément et inégalement, effectuer des paiements via l'application, demander des paiements, attribuer des articles à des amis, et afficher l'historique des paiements et faiblesses des caractéristiques ou des options. Splitwise n'offre pas d'imputation automatique des éléments, ne scannez pas reçu en version gratuite et ne pas être en temps réel. J' ai également enregistré les captures d'écran et essayé de vérifier l'application et d'écrire les notes. En outre, je travaille avec l'application et j'enregistre mon écran. Je vois les fonctionnalités, les fonctionnalités, animations et si le concurrent apporte des modifications et publie de nouvelles versions, je peux revenir à mes enregistrements et frondes. Pour vos affectations, téléchargez et installez une application de partage partagé ou utilisez n'importe quelle application de partage partagé que vous avez déjà dans votre téléphone. Comme l'exemple ici. Écrivez une chose que vous aimez à ce sujet, et une chose que vous voyez pourrait être meilleure. Ce serait génial si vous téléchargez les captures d'écran pour ce que vous aimez et ce que vous n'aimez pas afin que vos camarades de classe puissent mieux comprendre votre point de vue. Tellement bon de voir et de lire vos commentaires.
7. Analyse, Personas, storyboard et flux utilisateurs: Après avoir parlé en tant qu'utilisateurs réels en fonction des informations que vous obtenez, vous pouvez créer des personas. personas sont des personnages fictifs créés pour représenter différents types d'utilisateurs, qui vont utiliser votre produit de manière très similaire. La meilleure pratique consiste à définir 3 à 5 personnes différentes, et à les décrire comme s'il s'agissait de vraies personnes. Commencez par un nom, un travail, une vie et un style, ou leurs passe-temps, et peut-être même un code que l'utilisateur pourrait dire. Nous allons l'utiliser pour créer un profil réel pour chaque personne. Par exemple, ici nous avons Dan. Dan a 25 ans. C' est un stagiaire en marketing. Il est si précis. Il se soucie de ne pas se faire foutu par ses amis insouciance, quand il s'agit de la facture. Il paie principalement pour ses amis, documente le reçu, généralement en prenant une photo, puis rentre à la maison et des messages à chaque individu du parti séparément, pour identifier ce qu'ils ont obtenu avant de faire le calcul est une calculatrice. Il oubliera rarement de charger. D' habitude, il enverra un joli rappel à des amis oubliés. Nous avons aussi Sarah. Elle a 28 ans. Elle est graphiste, et elle ne se soucie pas de quelques centimes de différence, beaucoup pour le précis Dan. Elle laisse habituellement quelques eros aux textes et aux pourboires, et selon son humeur, elle sera soit plus avare ou plus généreuse avec le montant qu'ils ajoutent. Après le dîner, elle procédera immédiatement à payer son ami répartiteur de facture afin d'éviter d'oublier plus tard. Une autre personne est Robin. Robin a 22 ans et il est étudiant. Robin est beaucoup moins prudent qu'il ne s'agit de payer, et souvent il est traqué par différents partis pour payer ses factures. Habituellement, il a un service cellulaire très terrible et s'
abstiendra de prendre son téléphone pour payer ses cotisations immédiatement. Cela est susceptible de trouver trois types de personnas dans un groupe d'amis. Avec personas, vous pouvez créer des storyboards. storyboards sont d'excellents outils pour décrire et illustrer comment un utilisateur attire vers le produit. Ils affichent n'importe quelle traction nécessaire pour atteindre un objectif, comme une bande dessinée. Dan, Sarah, Robin et Mia entrent dans le restaurant. Ils s'assoient et commandent de la nourriture. Ils finissent leur repas et Dan demande au serveur d'apporter la facture. Les amis commencent à parler de qui paient pour le repas. Dan sort son portable et suggère qu'il paie pour tout le monde. Ils peuvent le rembourser. serveur apporte la facture, Dan paie l'argent. Ensuite, créez un groupe avec ses amis. Prend une photo de la facture via Happy Split. Happy Split scanner la photo et montre les listes de dépenses à Dan. Dan assigne chaque nourriture à la commande et tape sur charge. Sarah, Robin Mia, reçoit une notification sur leur téléphone. Ils tapent sur le remboursement. Les amis quittent le restaurant. Maintenant basé sur des storyboards, nous pouvons créer des flux d'utilisateurs. Nous pouvons utiliser la couche de flux de l'utilisateur pour examiner le trajet, et nous pouvons créer une référence au-dessus de chaque étape. Flux utilisateur est le chemin qu'un utilisateur emprunte sur un site Web ou une application pour effectuer une tâche. Il existe d'excellents outils que vous pouvez utiliser pour créer un flux utilisateur. Celui que j'ai aimé travailler avec plusieurs projets est flowmap.com. C' est si facile de travailler. L' autre outil est macflow.com. Vous pouvez également créer des cadres de fil et des sitemaps avec ceux-ci. Pour ce projet, je voudrais utiliser des cartes de flux, alors commençons. Dan ouvre l'application. Il veut créer un projet de loi, puis créer un groupe. Il ajoute donc ses amis au groupe, puis il peut scanner la facture ou entrer des éléments manuellement. Lorsque la facture est ajoutée, il doit assigner des articles à chaque ami. Après avoir ajouté un pourboire et tapé sur le bouton de charge, il voit une page de succès, lui
disant que ses amis ont reçu la facture. Pour votre affectation, créez une personnalité pour un étudiant de collège. Comme l'échantillon, écrivez ses besoins, ses objectifs et son attitude. J' ai hâte de voir ta personnalité et d'en discuter avec toi.
8. Explore, croquis, Wireframe et prototype: Maintenant que vous avez tout prêt à partir de votre [inaudible], prenez votre crayon et votre cahier et amusez-vous. Pour ce cours, nous allons travailler sur l'écran d'accueil et ajouter une nouvelle dépense ou un processus de construction. Commençons. Maintenant que nous avons vu des applications concurrentes et que nous savons ce que nous recherchons à ce stade. Dans le premier écran d'accueil, je veux montrer un résumé à l'utilisateur, comme un solde total, le montant d'argent qu'elle doit, et d'autre part, le montant d'argent qu'elle doit. Elle voit la liste de ses amis et le
montant qu'ils devraient lui donner ou elle devrait rembourser. Dans l'onglet tout ce qu'elle voit est amis, groupes, bouton
ajouter pour ajouter une nouvelle facture, notifications et paramètres. En outre, j'ajoute de tels livres pour trouver des amis et un bouton pour ajouter de nouveaux amis. Si elle clique sur le bouton « Ajouter », elle accède à une page où elle doit choisir d'autres destinataires de la facture. Encore une fois, nous avons une boîte de recherche, les sous-groupes, la liste des amis et à la dernière liste des contacts. Lorsque mon ami est choisi, le bouton suivant apparaît. Si elle choisit plusieurs amis, le bouton suivant convertit pour créer un groupe. Pour qu'elle puisse distinguer plus facilement ce qui se passe. Quand les destinataires sont ajoutés, elle doit scanner la facture. J' ajoute l'icône chair, si elle utilise l'application dans l'obscurité, tout comme l'appareil photo, elle peut également entrer des éléments manuellement. Lorsque ce projet de loi est numérisé, tout est réparti uniformément entre amis, mais elle peut choisir une option divisée de façon inégale. Soudain, elle doit assigner chaque objet à un ami ou assigner un objet à l'ensemble du groupe. ensuite sur le bouton non confirmé. La moindre étape consiste à choisir le montant de l'impôt. Je donne quelques options comme pas de pourboire, cinq pour cent, 10 pour cent, et aussi entrer un pourboire personnalisé. Toutes les dépenses sont indiquées avec les noms des bénéficiaires. Et quand elle appuie sur le bouton de charge, elle voit la page de réussite qui dit que les amis reçoivent la facture. C'est ça. Le prototypage papier, comme vous l'auriez deviné, est un croquis de papier pour le présenter comme un produit numérique. Le prototypage papier a différents niveaux de complexité. Les plus basiques sont les croquis de chaque écran sur un papier, et tous les tests de convivialité, les croquis sont commutés en fonction des actions de l'utilisateur. Cependant, vous pouvez aller plus loin et produire des prototypes plus avancés avec des éléments essentiels. Il vous aide à précréer rapidement et
précisément des boutons et des icônes. Au stade le plus avancé, vous pouvez télécharger des photos de vos croquis papier dans un logiciel de prototypage numérique et ajouter des interactions réelles avec un outil comme le prototypage pop sur papier. Après avoir testé vos prototypes papier, si vous avez trouvé des problèmes, les utilisateurs ont pendant qu'ils travaillent avec votre prototype, vous pouvez itérer à nouveau le processus, cela obtient votre croquis [inaudible] à nouveau. Si tout s'est bien passé et qu'il n'y avait pas de problème, vous pouvez structurer votre idée et ajouter plus de détails pour créer des trames filaires. Un filaire est un contour
simplifié et faible fidélité de votre produit. filaires sont l'arrière pour la conception. Pourquoi tu ne peux pas entrer dans trop de détails. Vous devez créer une représentation solide de la conception finale. Vous êtes sur le chemin de la ville pour l'ensemble du projet et pour les personnes avec lesquelles vous travaillez comme les chefs de projet, autres concepteurs, les rédacteurs et toute l'équipe afin qu'ils aient besoin d'un filaire bien créé et bien structuré. Ces outils de création de trames filaires sont [inaudibles] que vous connaissez déjà, juste à l'esprit, qui fournissent des éléments d'interface utilisateur pour les trames filaires et les prototypes haute fidélité. L' autre est filaire CC, c'est un outil minimal. Cela ne complique pas la création de filaires. Celui que j'aime utiliser aujourd'hui pour créer nos filaires est [inaudible]. Tout comme juste à l'esprit, les moqups ont des pochoirs prêts à l'emploi pour tous les cas d'utilisation populaires. En outre, nous pouvons simplement créer vos filaires dans un croquis, [inaudible] ou même Photoshop. Je crée des filaires au-dessus du flux utilisateur afin que je ne laisse rien derrière. Alors commençons. Il s'agit de la toile que vous avez dans Moqups pour changer la taille de votre tableau d'art. Accédez à Workspace et choisissez les paramètres de page. C' est la taille d'un iPhone 8. En outre, vous pouvez trouver iOS et des composants de conception de matériaux. Ces bibliothèques facilitent le processus de création de trames filaires. Je commence par faire venir et j'utilise la barre des lois. Dans la section commentaires, vous pouvez trouver tous les objets courants dont vous avez besoin pour créer votre filaire, comme un rectangle, un bouton ,
du texte rempli, etc. Pour tous nos croquis, n'oubliez rien dans vos filaires. Parfois, vous devrez peut-être inclure une pièce dans votre conception, mais normalement, il est préférable de ne pas utiliser aucune sorte de couleur dans vos filaires. filaires sont destructeurs pour la conception et ils
ne sont pas censés présenter aucune sorte de spécification visuelle. Surtout si vous voulez les présenter lors de vos réunions avec le reste de l'équipe, comme les développeurs ou les responsables de produits. Il est préférable de ne pas distraire votre attention à n'importe quelle couleur. Ne faites pas faux sur les trames filaires. Les croquis, les prototypes de papier et les filaires sont des outils peu coûteux pour concevoir et tester le produit. Ne passez pas beaucoup de temps sur quelque chose qui nécessite beaucoup d'itérations. Les trames filaires ne sont pas censées être belles. De là, nous transférons des trames filaires dans des prototypes de basse fidélité. Nous voulons tester de nouvelles tractions dès que possible. Nous utilisons InVision pour réaliser un prototype. Faire un prototype dans InVision est si facile. Nous avons juste besoin de télécharger vos filaires,
images ou si vous avez conçu dans un Sketch ou Photoshop, vous pouvez télécharger le plug-in de bricolage pour couler et envoyer vos designs facilement à InVision. Pour construire un prototype, vous devez créer des hotspots. Les zones qui seront liées à une autre page, comme un bouton puis sélectionnez la destination de collage. Vous pouvez également partager un lien vers votre prototype avec votre équipe afin qu'elle puisse laisser des commentaires. Rappelez-vous que vous devriez tester la conception à chaque étape. D' abord avec l'hypothèse, puis avec l'esquisse, la troisième étape avec des filaires, puis avec la conception finale. Cela chaque fois que vous testez votre affiner et améliorer votre conception et itérer à nouveau le processus. Pour votre mission, dessinez vos idées pour l'ensemble de l'application de partage d'écran, puis couvrez votre croquis dans un cadre filaire. Comme l'exemple, nous voyons vous esquisser un écran d'accueil ayant les caractéristiques suivantes : liste d'amis, liste des groupes, dépenses ajouter bouton pour ajouter une nouvelle facture coûteuse, notifications et réglage. Décidez de la façon dont vous allez placer toutes ces fonctionnalités dans un seul écran, puis lorsque vous avez terminé l'esquisse, choisissez un outil pour convertir votre esquisse en un filaire plus détaillé. Cela pourrait être [inaudible] ou simplement Photoshop. Téléchargez votre travail et recevez les commentaires de vos camarades de classe.
9. Créer des éléments UI , icônes, polices et couleurs: Il est temps d'ajouter plus de détails et de concevoir une interface utilisateur, l'interface utilisateur, un [inaudible] trames. Concevoir l'interface utilisateur, l'interface utilisateur est le travail le plus facile pour les graphistes parce que vous êtes déjà familier avec les conceptions visuelles. Mais pour faire une application plus de conception, la première question que vous pouvez poser est que comment devrais-je connaître les différences entre Android et iOS ? Comment devrais-je connaître les lignes directrices ? Et les tailles ? Commençons simplement par les différences Android et iOS. Premièrement, ils ont des lignes directrices différentes. Google utilise Material Design, iOS utilise la conception d'interface humaine. J' ai mentionné leurs liens dans les ressources du projet. Google a créé un langage de conception appelé Material Design. Si vous concevez pour Android, c'est quelque chose que vous avez certainement besoin de vérifier. Il y a tellement d'excellents outils à vérifier, des modèles d'
interface utilisateur, des icônes, des couleurs et des conceptions de test. Par exemple, l'outil de couleur aide les concepteurs à choisir les parties de couleur. Pour iOS, il y a les directives de conception de l'interface humaine par Apple. Ceci est une liste exhaustive des modèles de conception pour les applications iOS. Apple, fournit même quelques exemples de ressources Photoshop ou Sketch sur ce site. Le déplacement en arrière et en avant entre les écrans est une action courante que les utilisateurs prennent sur les applications. Sur Android, il y a un [inaudible] universel en bas. Le bouton Retour est un moyen facile de revenir à un écran précédent et il fonctionne dans toutes les applications. L' approche sur iOS est un peu différente. Évidemment, il n'y a pas de bouton de retour universel ici et cela change un peu le design. Tous les autres écrans doivent avoir un bouton dans le coin supérieur gauche. Juste pour mieux comprendre, comparons une ancienne version de Facebook App. Paramètres et options de l'application. applications pour les deux plateformes suivent à nouveau une approche différente ici aussi. Les modèles les plus populaires ici sont le menu hamburger sur Android et le menu tapé sur iOS. L' application Android de Medium a une icône de hamburger sur le dessus, qui montre différentes options et zones de l'application. Maintenant, en arrivant à Medium pour iOS, il y a l'approche de touche familière. Remarquez comment certaines options des applications de hamburger Android sont poussées dans l'onglet des options utilisateur sur iOS. Uniformité. Après tout, il y a toujours des exceptions. Toutes les applications ne suivent pas des interactions et des modèles de conception d'interface utilisateur différents pour les deux plates-formes. Certaines applications suivent des modèles de conception matérielle sur iOS comme Gmail, d'autres suivent le même modèle d'interface humaine sur les deux, comme Instagram. Par exemple, dans un croquis, vous pouvez choisir votre tableau d'art et voir toutes les tailles sur différents appareils, comme Apple, Android, web responsive et prototypes papier. [ inaudible] est le même, choisissez le tableau d'art et vous pouvez voir la liste des tailles d'appareil. Également sur Photo shop et Illustrator. Vous pouvez choisir la taille de votre appareil facilement. Un élément important dans la conception de l'interface utilisateur est les icônes. Les icônes doivent être si simples et suffisamment rationalisées qu'elles ont fière
allure sur le petit port de vue d'un écran de modèle. Dans une situation iOS, vous avez assez de temps pour concevoir vos propres icônes pour chaque projet, mais en réalité, vous êtes sous pression et vous devez utiliser les jeux d'icônes prêts. Il existe de grands sites Web que vous pouvez trouver et télécharger
des icônes comme Flaticon-Finder, Icon-Finder et Icons8. N' oubliez pas que vous feriez mieux d'utiliser un ensemble d'icônes plutôt que de télécharger des icônes individuellement. Il fournit une conception plus cohérente. Une police peut facilement être le différenciateur le plus subtil et attrayant pour votre conception d'interface utilisateur. Il y a quatre polices que j'utilise principalement pour concevoir un site Web ou une application mobile. Le premier est Open Sans. Open Sans est optimisé pour l'impression, le web et les interfaces mobiles et a une excellente lisibilité. Roboto fait partie de la famille Google et c'est le téléphone Android par défaut depuis 2012. Il fonctionne bien pour les types de corps. Avenir Next est un visage géométrique de type San Serif, il est très polyvalent avec six façons et est lisible à toutes les tailles. Proxima Nova convient aux sites Web et aux applications mobiles modernes centrés sur le contenu. Également idéal pour les titres et le type de corps. L' une des étapes vitales de votre création est le nuancier, parfois nous passons des heures pour choisir la meilleure parité de couleur. Maintenant, [inaudible] et des conseils pour choisir votre parité de couleur plus facile. Le premier est le sens de la couleur. Tout d'abord, vous devriez connaître les concepts fondamentaux sur les couleurs. Chaque couleur a une signification qui varie en fonction de la culture. Les couleurs des secondes instances créent des émotions. Vous devriez donc en apprendre davantage sur les significations pour l'utiliser dans le bon contexte. Par exemple, le bleu est associé à la fiabilité, la productivité, à la fiabilité et à la sécurité. Vous voyez différentes nuances de couleur bleue sur les principales plateformes de médias sociaux comme Facebook et Twitter. Inspirez-vous de la nature. Les meilleures combinaisons de couleurs viennent de la nature. Ils auront toujours l'air naturel. De plus, vous ne voyez jamais de gris pur ou de noir pur dans la nature. Ajoutez donc un peu de saturation à votre couleur. Inconsciemment, il aura l'air plus naturel et familier aux utilisateurs. Le numéro trois attire l'attention avec le contraste. En utilisant le mélange de contraste, consommer plus facilement les informations. Un exemple très commun est le noir ou le gris foncé et le blanc. Ces deux couleurs produisent beaucoup de contraste. Un contraste élevé peut en fait aider à rendre votre contenu plus lisible. Exagérer les différences de légèreté entre les couleurs de premier plan et d'
arrière-plan et éviter d'utiliser des couleurs de légèreté similaire. Le numéro quatre s'inspire de Dribble ou Behance. Lorsque vous concevez l'interface utilisateur, Dribble est l'un des meilleurs endroits pour obtenir des idées. Il vous permet également de rechercher par couleur. Donc, si vous faites des recherches visuelles sur une couleur particulière, comment d'autres concepteurs l'ont utilisée et quelle combinaison de couleurs convient bien, vous pouvez utiliser cet outil. Il existe quelques outils populaires que vous pouvez utiliser pour trouver votre parité de couleur plus facilement. La première est chez Adobe Color CC, qui s'appelait à l'origine Adobe Color. C' est un outil gratuit. Il vous suffit de choisir un style de jeu de couleurs et de le faire glisser autour des choix de couleurs pour créer votre nouveau schéma de conception. Vous obtiendrez des détails hexagonaux RVB complets, et la plupart des couleurs peuvent être ajustées pour inclure des teintes plus claires et plus
foncées qui s'intègrent toujours dans le schéma. L' autre est Paletton. Il est similaire à Adobe Color CC, mais vous n'êtes pas limité à seulement cinq tons. Si vous avez principalement des couleurs, vous pouvez jouer avec les tons supplémentaires. L' autre est la palette de matériaux. C' est un excellent outil pour voir un aperçu des couleurs en action. L' application web combine deux couleurs ensemble dans une conception d'interface utilisateur simulée avec des couleurs dominantes et subordonnées. Bien que le design soit limité aux couleurs de conception de matériaux, la fonction statistique en direct est un excellent moyen de former votre œil et d'apprendre quelles couleurs fonctionnent souvent le mieux ensemble. Il existe un certain nombre de logiciels que vous pouvez utiliser pour concevoir de bons sites Web ou interface d'
applications : Sketch App, [inaudible] ou Figma. Il y a quatre ans, je suis passé à Sketch pour Photoshop et je l'ai tellement aimé depuis. Figma est très similaire à Sketch. Ils sont tous les deux basés sur des vecteurs. Ils ont une toile infinitif où vous pouvez créer des tableaux d'art à concevoir. Mais avec Figma, vous pouvez partager un lien vers votre projet avec le reste de l'équipe, en particulier avec d'autres designers pour laisser des commentaires et commenter votre design. Ils peuvent exporter des éléments et même ils peuvent modifier le projet avec vous. En général, c'est un outil très collaboratif. En outre, vous pouvez utiliser Figma que vous ayez un Mac ou un PC. Aujourd'hui, dans ce cours, nous allons concevoir notre application dans Figma comme il est convenu pour les étudiants de Windows et de Macintosh, et vous pouvez facilement partager votre projet avec nous. C' est mon premier projet à concevoir avec Figma. Ce sera intéressant. Figma a une version de bureau ainsi qu'une version de navigateur. Nous pouvons nous connecter à votre compte et voir les projets précédents sur lesquels vous avez travaillé. Allons de l'avant et créons un nouveau projet. Comme vous le voyez, nous devons faire une toile ici. Ce sont les couches, les composants et pour commencer, nous utilisons ce cadre outil pour créer un tableau d'art. Vous choisissez ici la taille de votre cadre design : téléphone,
tablette, ordinateur de bureau, montre, papier, ou même messages ou bannières sur les réseaux sociaux. Je choisis un iPhone 8. J' ai renommé l'œuvre d'art en « Home ». Avant de commencer, j'ai téléchargé des kits d'interface utilisateur iOS à partir de la conception iOS, [inaudible] pour Figma. Ces bibliothèques aident beaucoup. Vous n'avez pas besoin de créer des entreprises à partir de zéro. En outre, Figma dispose d'une bibliothèque pour la conception de matériaux si vous voulez concevoir une application pour Android. Je copie une barre d'outils à partir du kit de l'interface utilisateur. Je veux créer ma barre d'outils dessus parce que je n'ai pas le téléphone utilisé dans le kit iOS. Je le remplace par Avenir Next. J' ai déjà préparé mon ensemble d'icônes dans Illustrator. Selon le filaire et les croquis, j'apporte les icônes à la barre d'outils. Pour le bouton Ajouter, je dessine un cercle avec un plus au milieu. Pour la palette de couleurs, j'ai décidé d'utiliser un vert frais avec l'orange rougeâtre. Ne pas oublier les petits détails. Vous pouvez apporter votre page filaire pour concevoir l'interface utilisateur sur elle. Pour les icônes, j'utilise presque toujours feathericons set. Ils sont très simples et minimes. Aussi pour le texte et les titres, je n'utilise jamais de noir pur ou de gris pur. Je préfère utiliser une couleur foncée comme le
bleu foncé surtout quand vous avez le vert ou le bleu dans votre travail, il semble très attrayant. J' adore les emojis. J' aime toujours avoir la chance d'ajouter des emojis à la conception de l'interface. J' ai l'impression que les gens s'amusent très bien avec eux, surtout les jeunes car ils les utilisent toute journée pour discuter avec des amis dans des applications de messagerie. Lorsque la mise en page globale est terminée, vous pouvez ajouter plus de détails. Détails qui rendent le design plus beau. J' utilise d'autres couleurs pour les petites pièces. Je crois que si c'est une application pour les étudiants du collège, elle doit avoir l'air frais d'une manière que les jeunes aimeraient. L' une des applications les plus colorées que j'ai vues dans ma vie est Zenly. Si je ne me trompe pas, Snapchat l'a acquis. Ça a l'air si frais. J' adore l'utilisation des couleurs. L' application semble si animée. d'accueil est terminée. N'oubliez pas de télécharger le fichier Figma. Là, vous pouvez voir la page d'accueil et le processus complet d'ajout d'une nouvelle facture, pages, de filaires recréés et de prototypes pour plus tôt. Dans Figma, vous pouvez également créer des prototypes. C' est aussi simple que l'application InVision. Ici vous pouvez choisir le cadre du design. Est-il vertical ou horizontal ? Même le modèle de votre iPhone. C' est génial, voyez-vous. Vous pouvez également choisir la couleur de fond. Pour commencer, vous sélectionnez le ou les objets
d'un cadre et le connectez à un autre cadre, comme la création de points d'accès dans l'application InVision. Dans la page d'accueil, lorsque l'utilisateur clique sur le bouton Ajouter, elle passe à la page suivante où elle choisit son ami ou ses amis pour créer une facture avec. Si elle choisit plusieurs amis, le bouton Suivant est converti en bouton Créer un groupe. Il est donc plus facile pour un utilisateur de distinguer ce qui se passe. Ensuite, elle capture une photo de la facture, puis elle choisit Split uniformément, puis assigne ses amis aux dépenses, choisit la taxe et appuie sur le bouton Charger. La dernière page est également liée à la page d'accueil. Présentons ce qu'on a fait. Tu vois, c'est le prototype avec Figma. Vous avez peut-être vu de belles interactions pour les applications
mobiles et les sites Web de designers dans Three Bill ou Behance. Vous pouvez créer de telles animations de principe. C' est une application très pratique et super facile à travailler avec. Pour votre affectation, concevez l'interface utilisateur pour la page de l'écran d'accueil. Vous avez déjà l'esquisse et créé par un cadre pour. Tu peux le faire. Vous pouvez concevoir une interface dans Figma ou tout autre logiciel que vous avez déjà et vous vous sentez facile à utiliser. Il vous suffit de télécharger un JPG de votre travail final. Partagez-le comme l'exemple. Ceci est la dernière mission et montre ce que vous avez appris pendant ce cours. J' attends de voir vos applications de partage partagé. N' oubliez pas de poser vos questions.
10. Conclusion: D' accord. Nous sommes arrivés à la fin. Nous avons fait beaucoup de travail génial. J' espère que vous, les gars créatifs, amusés à créer des idées pour une application de partage partagé [inaudible] en peu de temps. Il est important de savoir que tous les efforts vous permettront de lancer. Avec les actions que vous effectuez après le lancement, cela vous rapprochera-t-il de l'UX parfait de votre application ? Il est de votre responsabilité en tant que concepteur UX d'anticiper le comportement des utilisateurs. Créer une expérience visuelle sans frottement n'est pas facile. Cela prend du temps, des efforts, du dévouement, mais avec les bons outils, vous pouvez optimiser votre application rapidement et efficacement. utilisant des outils d'analyse pour tirer des enseignements de la durée de vie intégrée de vos utilisateurs, vous pouvez créer l'expérience utilisateur de toute une vie. Rappelez-vous également que vous serez un bon concepteur si vous travaillez et partagez votre travail avec d'autres personnes pour obtenir des commentaires. Je sais ce que vous ressentez au début quand vous venez de commencer et vous n'
êtes pas satisfait de ce que vous concevez encore, mais croyez-moi, travailler et partager avec d'autres pour obtenir des commentaires vous aide à vous améliorer et à travailler plus. Travaillez, pratiquez, partagez avec les autres, obtenez des commentaires et bonne chance.
Sepi, Product Designer at Microsoft
