Transcription
1. Introduction: Bonjour, amis. m'appelle Jacqueline, et je travaille comme designer freelance, même dans l'industrie. Environ 10 ans, j'ai commencé avec le design graphique créant bas ceux et sites Web pour les petites entreprises. Et maintenant, je travaille principalement avec les premières étapes de démarrage, en les
aidant à créer des sites Web réactifs et des applications mobiles. Dans cette classe, vous apprendrez à créer votre premier prototype d'application mobile. Ce cours s'adresse à tous ceux qui sont curieux de travailler dans le domaine de l'expérience
utilisateur ou de la conception d'interface utilisateur artistes visuels qui cherchent à élargir leur ensemble de compétences commercialisables ou les entrepreneurs qui souhaitent créer leur propre application. Ce sera une pratique pratique pratique de la classe. On va faire des croquis. Nous allons faire un peu de design et un outil web, et ils vont tout mettre ensemble dans un prototype à base de plantes haut de gamme que nous contestons avec nos amis ou clients potentiels. Vous n'avez pas besoin d'avoir une expérience de conception préalable pour suivre, et nous utiliserons un outil gratuit pour la conception et le prototypage, ce qui signifie que vous n'aurez pas besoin d'investir dans un équipement spécial ou un
logiciel de conception payant . pour ce cours et j'espère vraiment vous équiper d'un processus reproductible et de l' outil dont vous avez besoin pour développer votre concept d'APP mobile.
2. Pourquoi prototype: en tant que concepteur d'applications professionnel, je considère le prototypage comme une partie nécessaire de mon processus. Le prototypage permet à moi et à mes coéquipiers d'essayer des idées et de les tester avec de vrais clients avant de passer n'importe quel temps à coder. C' est important car cela permet d'économiser beaucoup de temps et d'argent. La pire chose qui puisse arriver lors de la création d'une application est de passer des mois
à la construire sur Lee pour découvrir qu'elle ne répond pas aux besoins de vos clients. Après avoir été lancé en tant que propriétaire d'entreprise, vous pouvez utiliser des prototypes cliquables ou renverser pour tester des idées avec vos clients. Vous pouvez même montrer un prototype à un investisseur alors que vous essayez d'obtenir un financement. Les prototypes peuvent également être utilisés comme outil de recrutement pour vendre la vision de votre produit avant votre départ. Même construit une équipe cliquable prototypes. Aidez-moi à peaufiner mes dessins. Aidez-moi à tester des concepts pour m'assurer que je résolve un vrai problème. Et finalement, une fois que nous sommes prêts à commencer à construire, j'utilise des prototypes comme un outil pour m'aider à communiquer avec les ingénieurs logiciels qui
construiront l'application. C' est pourquoi je crois que l'apprentissage du prototype est une compétence essentielle pour tous ceux qui veulent travailler dans le design APP.
3. Identifier les problèmes à résoudre: abord, nous devons comprendre pour qui nous concevons et quels sont leurs besoins. Lorsque je travaille sur un projet avec un client, je fais souvent équipe avec un chef de produit. Nous lancerons des entretiens avec les utilisateurs et poserons des questions ouvertes afin de mieux comprendre les problèmes auxquels ils sont confrontés. Cela nous donne une idée claire des points douloureux que nous devons résoudre avec notre application pour un projet de classe. Je vais garder ça simple. On va se concentrer sur les besoins d'un amateur de café. Pouvez-vous vraiment spécifiquement sera la conception de cette application pour un café populaire
problème d'affaires est, ils ont souvent une ligne à la porte,
ce qui est de chasser les clients et de limiter les ventes. Bien sûr, l'objectif des amateurs de café est d'
entrer, de prendre leur café et de sortir aussi vite que possible. Ils espèrent donc construire une application qui permettra à leurs amateurs de café occupés de commander leur boisson à l'
avance et de payer afin qu'ils puissent sauter la ligne et se diriger directement vers le nombre de ramassages. Prenez donc quelques minutes pour réfléchir aux problèmes qui devront être résolus avec votre application. Écrivez-les sur un post et gardez-le visible à chaque étape de ce processus. Cela nous aidera à rester concentrés sur la résolution des problèmes des utilisateurs qui nous aideront à atteindre notre or
d'affaires.
4. Recherche de motifs: Il est donc temps de s'inspirer des écrans de nos applications mobiles. Une partie de ma ressource préférée est pour ce faire sont des modèles de dot com avec aucun moyen, um, ce site est la collection organisée de captures d'écran de beaucoup de différents types d'APS. Ce que j'aime dans les modèles, c'est que je peux rechercher une catégorie spécifique d'un
modèle d'interaction ou d'un type de fonctionnalité et voir ce que les autres APS air font, voir quelles sont les similitudes entre eux et recueillir des idées sur la façon dont nous pourrions accomplir choses similaires et sont, euh, la deuxième ressource que j'ai tourné Teoh comme je collecte l'inspiration pour une nouvelle application mobile. La conception est les directives de l'interface IOS. Donc, Apple a mis en place toute une bibliothèque de ressources est pour les personnes qui conçoivent et développent APS. Ils ont spécifiquement conçu ces directives pour l'abside qui apparaîtra dans l'APP Store ainsi que l'APS qu'Apple crée de leur propre chef. Donc, si vous concevez pour IOS, si vous savez que vous concevez pour IOS, je vous recommande fortement de vous familiariser avec ces directives d'interface humaine et de vraiment les
utiliser comme référence au fur et à mesure que vous allez. Donc, certains exemples de cela seraient, vous savez, ils ont beaucoup de grands principes pour la façon de travailler avec la couleur. Il existe des recommandations pour la résolution des images que vous utilisez dans votre application . Il y a des suggestions pour la façon de concevoir votre icône APP, donc je ne recommande certainement pas de lire à travers chacune de ces directives en
une seule séance. Il y a beaucoup à digérer, mais sachez juste que c'est une ressource géniale pour vous lorsque vous concevez vos prototypes . Donc, la troisième ressource que je recommande quatre nouveaux concepteurs est les
directives de conception matérielle de Google . Ceci est essentiellement le même que les directives d'interface humaine d'Apple, sauf que c'est pour Android. Personnellement, Quand je conçois pour Android, je fais constamment référence aux directives. Il y a beaucoup de recommandations spécifiques pour,
disons, disons, dimensionnement des icônes, pour l'espacement des éléments dans la mise en page, même en travaillant avec la couleur. Uh, une ressource
très riche pour un designer qui cherche en quelque sorte les meilleures pratiques pour conception de la plate-forme spécifique. La quatrième ressource que je recommande pour les nouveaux concepteurs d'interface est vous x point bourse dot com. C' est comme un forum quatre concepteurs d'expérience utilisateur Teoh poser des questions et obtenir des commentaires d'autres concepteurs de l'industrie. Donc, la façon dont j'utilise ceci est quand je travaille sur un type spécifique d'interaction ou de fonctionnalité , et je ne suis pas exactement sûr de la meilleure façon de le concevoir. Un exemple est la conception d'écrans d'air, comme récemment avec un de mes clients qui concevaient un écran d'air quand Internet s'
éteint comme à quoi ça ressemble ? Quand est-ce qu'il apparaît ? On avait toutes ces questions, donc le premier endroit où je suis allé, c'est là que vous, ex Bourse, venez de taper, vous savez, l'air filtré. Ce sont des pratiques. Il y a beaucoup de ressources ici liées à l'écran d'air. Certains d'entre eux deviennent vraiment granulaires et détaillés à nos fins. Nous recherchions vraiment quelles sont les meilleures pratiques ici, comme vous pouvez voir la question originale, vous savez, où apparaît l'air dans le contexte d'un formulaire ? Et il y a un tas de gens qui ont un peu parlé de ce qu'ils ont vu fonctionner bien dans les applications qu'ils ont conçues. Parfois, vous verrez des personnes qui sont une expérience utilisateur professionnelle. Les chercheurs partagent les résultats d'une étude de recherche sur ce sujet précis. Donc, si vous êtes quelqu'un qui est tout nouveau à la conception d'interaction, je recommande fortement livre marquant ce point de bourse ux point com et l'utiliser comme
référence avant de plonger dans un design spécifique.
5. Croquis: Maintenant que nous avons fait un peu de recherche, vous pourriez avoir quelques idées pour structurer votre application. Mais avant de plonger dans l'outil de conception, nous allons faire une ronde de croquis pour simplement faire sortir ces idées sur papier. Parfois, nous imaginons être assez simples. Vous savez, dans notre imagination, nous pensons, Oh, j'ai juste besoin de quelques écrans pour aider mon utilisateur à atteindre son objectif. Mais une fois que nous entrons dans la phase d'esquisse, nous commençons à réaliser qu'il peut y avoir certains domaines ou éléments qui sont cruciaux. Mais nous avons besoin de l'adresse de Teoh. Donc je veux que vous réfléchissiez au scénario des utilisateurs. Où est cette personne qui utilise votre application ? Ils sont dans leur voiture ou au travail ? Ils sont au parc ? Ils sont sur un téléphone portable ? Ils sont sur un iPad ? Essayez de vous mettre dans la peau de la personne qui utilise votre application, et c'est une très bonne idée. Teoh notez quelles questions ils peuvent avoir lorsqu'ils interagissent avec chaque écran de votre application. Cela peut vous aider à rester concentré sur la résolution pour l'objectif de l'utilisateur, plutôt que de vous concentrer sur les détails de la façon dont un élément ou un bouton va ressembler. Donc, dans cette phase, nous essayons juste d'obtenir sur papier les éléments nécessaires pour votre prototype initial. Ne vous inquiétez pas que ça soit parfait. Ce n'est pas une compétition de dessin, et la solution finira inévitablement différemment dans quelques générations . Alors prenez un morceau de papier et un stylo, mettez de la musique que vous aimez et passez environ 5 à 10 minutes à dessiner à travers les écrans que vous pensez nécessaires pour la première version de votre prototype.
6. Configurez votre projet dans Marvel: Maintenant, nous allons vous présenter Marvel App, qui est un outil de conception tout-en-un qui vous permettra de concevoir des écrans et des prototypes sans avoir à payer pour aucun logiciel. Je recommande cet outil à toute personne qui est tout nouveau dans la conception d'APP parce qu'il n'y a littéralement aucun investissement à part l'inscription pour un compte. Donc, la façon dont je suis arrivé ici est que je suis allé à mon navigateur Web et j'ai tapé dans marvel app dot com. Maintenant que nous sommes dans le tableau de bord Marvel, je vois que je peux créer de la place pour le projet américain. Alors je vais le faire maintenant. Et je vais sélectionner iPhone huit parce que je sais que c'est un appareil très commun. Selon votre base d'utilisateurs, l'appareil pour lequel vous souhaitez concevoir peut changer. Non, nous pouvons voir que j'ai deux options que je peux concevoir à partir de zéro ou télécharger à partir de mon ordinateur. Marvel est couramment utilisé comme outil de prototypage uniquement, au moins dans la communauté de design professionnel. C' est parce qu'il existe d'autres outils de conception conçus spécifiquement pour rendre la conception d'écrans vraiment rapide et inefficace. Sketch est un outil très populaire. C' est l'un de mes favoris, celui que j'utilise dans mon travail quotidien, mais cela coûte de l'argent, et il faut du temps pour apprendre. Donc, pour ce cours, nous allons juste utiliser les outils de conception Big 10 dans Marvel. Donc nous allons créer ce que vous avez conçu à partir de zéro pour que vous puissiez voir ma toile. Voici l'écran immobilier avec lequel nous devons travailler pour notre iPhone huit. Et ils le mentionneront personnellement, je ne crois pas qu'il soit nécessaire d'avoir des conceptions distinctes pour chaque résolution d'écran ou chaque appareil. J' essaie de choisir une résolution d'écran qui est en quelque sorte au milieu, comme si ce n'était pas le plus gros téléphone. Ce n'est pas le plus petit téléphone, mais c'est un peu au milieu de la route. Et cela nous aidera à concevoir une mise en page qui peut être comme écrasée un peu si nécessaire, et aussi étirée un peu si nécessaire. Nous avons commencé à l'implémenter dans le code. C' est alors que nous pouvons commencer à modifier les tailles de texte ou la mise en page pour chaque appareil individuel juste eux de côté. Mais quelque chose Teoh non
7. Conception d'écrans avec Marvel: Alors maintenant, je vais vous présenter les outils de conception qui sont à notre disposition dans Marvel up. Donc sur le côté gauche, je vois ce rectangle vert. Je peux le redimensionner. Changer la forme, vous pouvez changer la couleur, donner un bouchon dans un code de couleur hexadécimal personnalisé. Disons que si vous travaillez dans une marque existante qui a une ligne directrice de marque avec des couleurs, vous pouvez simplement saisir le code hexadécimal de leur pop. C' est ici que votre prototype correspond à votre marque à partir du get go peut également changer le rayon de bordure de ce rectangle. Donc, si je veux créer un bouton arrondi, c'est vraiment facile pour moi de le modifier avec la barre ici pour en faire une forme de pilule. Si je fais le plus grand rayon possible, je peux le faire pivoter. Je peux changer la taille manuellement si je connais les pixels exacts que je veux cet objet. Mais à cette étape, nous essayons vraiment juste d'obtenir la mise en page de base à l'écran afin que nous puissions le tester. Donc, je ne suis pas trop inquiet à propos des pixels parfaits ou des proportions exactes, parce que ce sont des choses qui vont inévitablement évoluer au fur et à mesure que nous en apprendrons plus dans nos tests. L' outil suivant qui nous est disponible est l'Ellipse. Son cercle de cercle pourrait être utilisé comme espace réservé pour un avatar dire dans votre application. Vous avez des utilisateurs qui écrivent des commentaires pour votre latte. Vous pourriez utiliser un cercle comme un petit espace d'avatar là-bas. Circle pourrait également être utilisé à la place d'un Nikon si vous je n'ai pas le temps de brancher des icônes
réalistes. Mais je vous recommande au moins de mettre une icône d'espace réservé parce que dans notre ronde de tests, nous essayons de tester le concept. Et s'il est plein de contenu réservé, cela ne signifie rien pour l'utilisateur. Vous n'obtiendrez pas de données de très bonne qualité à partir du test. Plus vous pouvez le faire,
plus vos résultats seront réels . Ça va faire un petit menu pour mon application café. En utilisant l'outil rectangle, j'utilise des nuances de gris vraiment commun dans les prototypes initiaux est pour vous des nuances de gris juste pour que vous n'allez pas obtenir des commentaires sur les couleurs à cette phase. Ce n'est vraiment pas la chose la plus importante en ce moment. plus important est la hiérarchie visuelle et la disposition des éléments à l'écran . Alors je vais garder. La couleur est assez modérée et simple. Un raccourci à savoir est l'option, glisser ou tout pour faire glisser. Si vous utilisez l'option PC, cliquez et faites glisser pour copier les éléments que vous avez sélectionnés, ce qui est un raccourci pratique. Si vous dites, créer une grille comme je suis maintenant pourrait même saisir quatre de ceux-ci et l'option cliquez et faites glisser pour compléter la grille sur ma page d'accueil que j'ai battu tous ces gars en ce moment seulement six d'entre eux. Donc, si cela va être un bouton aura besoin d'un texte. Il aura besoin d'un appel à l'action. J' utilise simplement l'outil de texte, et je peux prendre tout ce que je veux ajouter à ma commande. Assez près pour l'instant. Comme vous pouvez le voir, je peux changer la couleur du texte. Je peux changer le combat. Il y a un tas de polices qui sont ici pour que vous puissiez basculer entre les deux. Vous pouvez même ajouter une pensée personnalisée si vous travaillez avec une marque existante qui utilise la même police partout. Vous pouvez le télécharger ici. Vous pouvez également aller à Google polices, Fahnestock, google dot com pour choisir quelque chose qui est extra spécial. Si vous n'aimez pas ceux qui sont déjà ici, je suis d'accord avec Lata, qui est les valeurs par défaut. Donc je vais rester avec ça. Je peux changer le style ou l'épaisseur ou attendre. Uh, c'est connu sous le nom de poids combattu lorsque vous concevez pour le Web et quand vous le regardez dans le code CSS, il y a généralement plusieurs attentes dans un seul régulier combattu est la police par défaut de base dans 99% des cas et la plupart des fonds ont également un style audacieux, sorte que si vous voulez mettre l'accent sur un peu d'utilisation textuelle gras et certaines polices ont beaucoup de poids
différents à choisir. Ici, nous pouvons voir que j'ai mince, léger, régulier, audacieux et noir. L' Allemagne est audacieuse pour mon appel à l'action parce que je voulais vraiment me démarquer. Falah. Il y a un bouton. Alors, quelle est la prochaine ? Que puis-je dessiner d'autre dans cet outil ? Eh bien, cette ligne rose est exactement ce que ça ressemble. C' est une ligne que je peux laisser sécher n'importe où, mais vous voudrez probablement tomber dans la direction verticale ou horizontale de la rue. Donc, une astuce pratique à savoir est de maintenir la touche Maj enfoncée. Si vous maintenez la touche Maj enfoncée pendant que vous faites glisser cette ligne, elle s'affichera dans une direction parfaitement horizontale ou verticale. Nous allons juste garder nos lignes bien dans le besoin. Au fur et à mesure que nous créons ce prototype, je vais utiliser à nouveau l'outil de texte pour ajouter des étiquettes pour chacun de mes produits dans le menu. Et puis je vais utiliser l'option clic et glisser pour copier l'étiquette pour le nom du produit. Et si je clique sur ces éléments, je peux les ajouter à ma sélection. Donc maintenant tous les quatre éléments, mes
deux bits de texte et mes lignes sont sélectionnés, et je peux cliquer sur l'option clic glisser pour les copier. Et ces raccourcis fonctionnent dans tous les principaux outils de conception, y compris Adobe Tools et Sketch. Donc, apprendre le décalage une option vous aidera chaque fois que vous concevez des écrans à l' avenir. Bien sûr, tous mes articles ne sont
pas nommés beaucoup, donc je vais juste aller de l'avant, double-cliquez et changer d'autres outils qui sont disponibles pour nous dans l'application marbre. Il y a un outil pratique pour insérer des photos de stock à travers unspool cendres et un autre outil pour insérer des icônes. Ces deux outils sont parfaits pour afficher le contenu de l'espace réservé et accélérer vraiment le processus de
prototypage pour ce stade précoce. Vous pouvez également télécharger des images à partir de votre ordinateur si vous avez des images de produit ou si vous trouvez quelque chose qui vous plaît ailleurs. Une barre oblique est l'une de mes ressources préférées est pour l'imagerie pour mes conceptions d'applications. Ce qui est spécial à propos de unspool ash est que toutes les images sont totalement gratuites à utiliser pour des projets
personnels et commerciaux, sorte que vous pourriez construire votre conception d'APP en utilisant des images Onley de unspool ash, et vous n'auriez pas à payer un centime pour un photographie de stock. Je recommande que si vous créez une application qui finira sur le magasin APP, cela vaut la peine d'investir du temps et de l'argent dans la photographie personnalisée pour votre application ou des photos de stock vraiment sympa que je vais travailler ensemble de manière cohérente, mais une fois les éclairs de est une ressource vraiment douce. J' adore parcourir les images ici. Ils sont magnifiquement sélectionnés, magnifiquement édités, et ils ne ressemblent pas vraiment à la photographie d'origine, et vous pouvez chercher à peu près n'importe quoi et trouver une belle photo à utiliser dans votre prototype. Une autre ressource que j'aime est le projet de nom dot com. Vous pouvez rechercher à peu près n'importe quoi et trouver une icône. Ce qui est cool dans le projet de nom, c'est que toutes ces icônes sont libres d'utiliser avec l'attribution, qui signifie que si vous ajoutez une petite ligne disant que cette photo est de John Smith, alors vous pouvez utiliser cette Icahn gratuitement dans votre application. Mais il est un peu gênant si vous le lancez dans l'APP Store d'avoir toutes ces petites marques d'attribution dans votre application. Donc, vous pouvez juste aller de l'avant et acheter l'icône juste un dollar 99 pour chacun. Donc, ce que j'ai tendance à faire, c'est que je trouverai une icône que j'aime sur un non-projet. Je vais l'utiliser dans mon prototype, mais je ne l'achèterai pas tant que je ne sais pas avec certitude que nous allons l'utiliser dans le live up. Alors, faites une petite note pour moi qu'une fois qu'on sera en direct, je viendrai ici. Je dépense le $2 afin que j'ai la licence pour l'utiliser Marvel Up fournit également quelques
modèles pratiques . Quatre éléments communs que vous pourriez utiliser en Europe prototype. Ici vous pouvez voir qu'ils ont un bouton pré fait pour vous. Les coins arrondis ont obtenu le texte au milieu. Vous pouvez modifier la couleur et le type. J' ai rarement utilisé ces éléments, bien que certains puissent être pratiques. Comme cette peur du clavier, marquant ce que c'est d'interagir avec la forme. Vous auriez ceci en bas pour simuler que le clavier fonctionne. C' était littéralement un message de dialogue sur IOS. Ce dialogue apparaît souvent pour demander des autorisations ou confirmer que vous voulez supprimer un élément, choses comme ça. Donc, parcourez ces éléments d'ID de modèle qui pourraient vous faire gagner du temps dans la conception de cet outil, en
particulier dans cette phase précoce, où l'aspect exact de la chose n'est pas si important. Alors maintenant que vous connaissez les bases de l'outil de conception, allez-y et moquez les écrans de cours de votre application. Une fois que nous avons fait les écrans de base, alors nous reviendrons et les relierons ensemble pour créer votre premier problème. Ne vous inquiétez pas de ces écrans parfaits ou polis. Le but ici est de se moquer de la mise en page et des interactions principales afin que nous puissions faire notre premier tour de tests.
8. Créer votre prototype: Nous allons donc relier nos écrans ensemble pour créer un prototype imposable. C' est ma partie préférée du processus, car une fois que nous avons fait cela sera en mesure d'interagir avec notre conception sur un téléphone et commencer à avoir un sens pour si les concepteurs travaillent ou non. Donc je suis ici et émerveille et je peux voir tous les écrans que j'ai conçus. Jusqu' à présent, je me suis concentré sur les écrans de base qui sont nécessaires pour aider les amateurs de café commander et payer pour leur café. Je n'étais pas concerné par la conception de l'écran de compte ou des écrans d'erreur pour n'importe quel écran qui n'
est pas dans le chemin Pappy de l'expérience. Eh bien, je clique dans mon premier design, qui est mon menu, et je vais créer un hot spot. Ce point chaud, lorsqu'il est tapoté, déclenchera l'écran pour passer à l'écran suivant dans le flux. Il suffit donc de cliquer et de faire glisser pour dessiner le point chaud, et je vais le lier à ma page détaillée de l'article. J' ai une option pour ajouter une animation de transition. Je pense que vous voulez essayer d'ajouter l'animation pop pour cette interaction parce que nous voulons créer l'illusion de ce lot type de carte d'expansion et de prendre en charge l'écran, zoomant pour voir plus de détails sur ce lot pour l'action. Je veux que ça soit déclenché sur le dessus. Donc maintenant, je peux jouer le prototype et testé jusqu'à si haut sur matey et je vois l'écran avec plus d'informations sur le Loto. J' aime l'animation. Je pense que ça a l'air bien. C' est juste. Je vais passer à l'écran suivant. Nous allons travailler sur le point chaud pour les détails de mon produit. Donc encore une fois, je vais cliquer et faire glisser pour créer un point chaud sur ce bouton ici à la frontière, et je vais accéder à la page de la voiture pour la transition de l'écran. Je vais essayer, a dit
Push Left. Il me semble que je vais en quelque sorte aller à l'étape suivante du départ en procédant de plus en plus à droite jusqu'à ce que finalement tout vérifier. On va essayer,
voir ce que ça ressent. Je vais appuyer sur cette touche fléchée et aller à droite à l'écran suivant, et je vais juste continuer à ajouter mon point chaud de mon appel. Le bouton d'action ici dans le panier pour le premier écran de paiement ici pour payer avec apple pay . Je pourrais me moquer de ce que ça ressemble quand tu paies avec Apple Pay. Donc la petite chose, vous des bots du bas. Je vais juste se moquer de ce payé avec option de carte de crédit parce que j'ai déjà que printemps est fin à nouveau ici. Quand j'aurai le temps,
je pourrai ajouter un point chaud ici au formulaire de carte de crédit et avoir un écran qui simule le
clavier. Quand j'aurai le temps, je pourrai ajouter un point chaud ici au formulaire de carte de crédit et avoir un écran qui simule le À cette phase, j'essaie vraiment juste d'obtenir le flux de base vers le bas et le contenu vers le bas. Donc je ne suis pas vraiment inquiet pour ce niveau de détail en ce moment, alors je vais aller de l'avant et me moquer le dernier CT d'une commande de place. Je suis allé à ma confirmation, et ensuite ma confirmation est un moment passionnant. Vous êtes prêt. Beaucoup de choses seront prêtes pour le ramassage bientôt. Parce que je n'ai pas d'autre navigation principale. Je viens d'ajouter ce bouton de retour au menu afin que je puisse revenir à l'endroit où j'ai commencé. Dans la prochaine itération de mon design. Je voudrais aborder la navigation, mais pour cette première phase, je cherche juste à obtenir ce flux d'achat de base afin que je puisse obtenir des commentaires sur le contenu avant de passer à autre chose. Maintenant que j'ai mis en place tous mes points chauds, je vais essayer. Excellents travaux comme prévu. Maintenant, je vais envoyer ce prototype sur mon téléphone. Maintenant, c'est à votre tour de relier vos écrans à l'aide de points chauds. Une fois que vous avez fait cela, passera à la phase de test.
9. Tester votre prototype: Maintenant que nous avons créé notre prototype, nous l'enverrons sur notre téléphone. Il doit partager, et j'ai plusieurs options ici pour partager un email ou un lien direct, mais je préfère partager un SMS sur mon propre téléphone. Donc maintenant j'ai un message texte avec un lien vers ce prototype, et je peux cliquer dessus et le prévisualiser, et ça commence vraiment à se sentir de plus en plus comme une véritable application mobile. Maintenant, je suis vraiment excité de tester avec mon premier utilisateur. Je vais prendre mon colocataire, qui utilise dehors tout le temps, et il adore commander du café à Starbucks. Donc, si tu veux, il sera la bonne personne pour me donner des commentaires sur cette première version. Ma façon préférée de tester un prototype mobile est de s'asseoir avec un ami et de lui demander de terminer la tâche. Donc, dans ce cas, je vais demander à mon ami d'utiliser cette application pour commander et payer un café. Il est crucial que, pendant que vous les observez, vous ne leur donniez aucun indice sur ce qu'il
faut faire . Vous voulez juste observer, voir où leurs yeux vont voir quelles questions ils ont voir où ils taxent et observer les points douloureux pour tous les problèmes qui surgissent pendant qu'ils essaient de terminer la tâche. Vous voudrez tester avec 3 à 5 amis Perversion de l'application. Mais puisque c'est la toute première version, et j'ai déjà des idées pour l'améliorer, je vais juste prendre les commentaires de mon ami et faire une autre itération sur la conception avant de tester avec un autre. Dans le cadre d'un projet de conception d'APP, je teste des dizaines de fois, voire des centaines de fois avec une grande variété de personnes qui correspondent à mon profil client. Mon objectif est de remarquer les tendances, les similitudes entre les expériences des utilisateurs. Par exemple, si quelqu'un a un problème avec le paiement d'un problème avec la réforme de la carte de crédit, si je vois de plus en plus de gens avoir un problème avec cela, cela m'aide à prioriser le travail de conception sur cette pièce spécifique de l'application. Et comment pouvons-nous savoir quand un design est fait ? Eh bien, si vos clients peuvent accomplir avec succès toutes les tâches que vous leur avez demandées et n'
y a pas de problèmes majeurs, alors vous pouvez peut-être parler au propriétaire du produit pour commencer le développement sur l'application Même lorsque vous avez développé votre première version de travail de l'APP, vous devez toujours la tester, et le test n'est jamais fait. C' est une habitude et une pratique que vous devez porter avec vous tout au long de votre temps, la conception et la construction. Alors, quel est ton terme ? Trouvez un ami ou un colocataire et demandez-lui d'effectuer une tâche avec le prototype que vous avez conçu.
10. Finale: dans cette classe, nous avons appris que la conception en haut est un processus itératif. Nous avons également appris l'importance de tester un prototype pour apprendre à améliorer le concept avant de commencer à le construire. Donc, pour votre projet final, suivez ce processus itératif pour créer votre premier prototype mobile. Bien défini Le problème. Vous allez rechercher des modèles de conception avec quelques croquis. Vous allez concevoir ces écrans dans Marvel, puis vous les lierez tous ensemble dans un prototype à base de plantes haut de gamme, qui sera ensuite testé avec des amis. J' espère vraiment que j'ai suscité votre curiosité et appris Maura à propos de la conception APP parce que le domaine dans l'industrie est vaste et qu'il y a une tonne à apprendre sur chacune de ces étapes du processus. J' espère que tu t'es amusé autant que moi, et j'espère te voir dans la prochaine classe.