Création de prototypes interactifs avec Adobe XD

Prototypage interactif avec Adobe XD

“Nous avons atteint la fin du cours, j'espère que vous l'avez apprécié autant que moi. Vous avez maintenant appris tout ce dont vous avez besoin pour créer des prototypes animés avec Adobe XD. Je vous invite à créer votre propre prototype, vous pouvez utiliser n'importe quel problème existant ou en utiliser un imaginaire comme je l'ai fait. Ne vous inquiétez pas car vous ne marcherez pas seuls sur ce chemin, je vous guiderai et vous soutiendrai tout au long du forum. Je partage avec vous la série d'étapes que j'aimerais voir de votre projet. Que voulez-vous résoudre? Tout découle de cette question, alors prenez votre temps et réfléchissez au problème que vous souhaitez résoudre, réfléchissez-y calmement, rappelez-vous que de nombreuses Apps ont obtenu leur succès grâce à leurs propositions de résolution.

Créer et rechercher Une fois votre problème défini, il est temps de commencer à créer une carte d'expérience, utilisez-la pour télécharger toutes les informations qui peuvent aider votre utilisateur à résoudre le problème, ainsi que les variantes qui peuvent survenir en cours de route. N'oubliez pas que vos "joueurs" doivent atteindre l'objectif! Avec cela défini, il est temps de commencer à enquêter, d'assumer la tâche de voir s'il y a d'autres personnes qui résolvent la même chose que vous, s'il y en a, puis jetez un œil à ce qu'elles ont créé, recherchez les lacunes qui leurs propositions ont et pensent à un différenciateur pour votre proposition. Si, au contraire, vous êtes le premier, cherchez ceux que vous considérez comme résolvant des problèmes similaires aux vôtres. Enfin, avec toutes les informations issues de vos recherches, créez un mood board qui peut servir de référence et d'inspiration. Les croquis Passez en revue votre flux pour voir s'il y a des lacunes. Si vous ne les avez pas trouvés, alors maintenant oui, commencez à faire les croquis de vos écrans qui ont les caractéristiques que vous jugez importantes. Vos écrans résolvent-ils votre objectif? Êtes-vous satisfait de l'apparence de votre croquis? Numérisation Apportez vos croquis à Adobe XD. Explorez les chemins visuels, jusqu'à ce que vous arriviez au chemin que vous aimez le plus. N'oubliez pas que tout doit être cohérent, c'est-à-dire que vous essayez d'utiliser la même police et la même taille pour tous vos écrans. Avec votre moodboard à portée de main, choisissez vos polices, vos icônes, tout. N'oubliez pas de garder une commande et veillez à ce que tout soit sur l'écran que vous souhaitez. Le prototype est né Vous savez déjà à quoi ressemblera votre produit, il est maintenant temps de commencer à lier les boutons avec les écrans cibles. Pour ce faire, organisez vos écrans dans Adobe Xd. Lorsque vous testez le fonctionnement de vos boutons, ne vous inquiétez pas si vous faites une erreur, vous pouvez tout apprendre. Organisez votre flux! Qu'est-ce qui passe en premier et qu'est-ce qui vient ensuite? Animez votre prototype Dans Adobe XD, accédez à l'option Autoanimation, vous commencerez donc à donner vie à votre prototype. Assurez-vous de répéter les composants de l'écran cible sur les écrans précédents. Vérifiez que ce que vous préparez est bien fait. Soyez patient et ordonné, cela facilitera l'animation! Tout fonctionne! En utilisant le miroir avec votre ordinateur et votre mobile, testez votre prototype, ce sera très important car cela vous aidera à identifier certains domaines d'opportunité. N'oubliez pas également que vous pouvez exporter votre prototype pour effectuer certains tests utilisateurs. Si vous décidez de faire votre test utilisateur, assurez-vous de savoir si votre prototype résout le problème et si votre expérience est bonne, profitez également de l'occasion pour obtenir plus d'informations qui s'ajoutent à votre projet. Votre prototype est prêt! N'oubliez pas que peu importe si vous n'avez pas de projet à la porte, vous pouvez vous entraîner à réaliser un problème hypothétique. Je vous invite à ne pas arrêter de construire ou de développer d'autres prototypes. Ne vous découragez pas si ce n'est pas parfait du premier coup, vous trouverez toujours quelque chose à améliorer, cela nous aide à grandir, à apprendre et à être meilleur. N'arrêtez pas de créer, de tester, de vous tromper et d'apprendre! Je vous remercie chaleureusement d'avoir participé à ce cours. Continuez à pratiquer, n'abandonnez pas. J'attendrai de voir votre projet, je vous répondrai dans le forum dans les plus brefs délais. À bientôt! ”

Transcription partielle de la vidéo

“Projet final Faisons un résumé du cours. D'abord je t'ai parlé de moi et de mes influences et nous parlons du projet sur lequel nous travaillerons dans le cours. Nous définissons ce qu'est un produit numérique et comment nous interagissons avec lui. ainsi que ce qu'est un prototype et pourquoi il est utile de l'animer. Je vous ai fait part des avantages d'Adobe XD pour créer des prototypes animés. Plus tard, nous avons soulevé le projet et créé une carte de navigation. Nous définissons un objectif principal et recherchons des solutions possibles. Nous esquissons les écrans pour revoir l'exp...”

Cette transcription a été générée automatiquement et peut contenir des erreurs.

Sommaire du cours : Création de prototypes interactifs avec Adobe XD

• Niveau : Débutant
• 96% avis positifs (78)
• 1957 élèves
• 5 unités
• 17 leçons (2 h 36 min)
• 11 vidéos téléchargées

• Catégorie

  Création de sites et d'applications

• Logiciel

  Adobe XD

• Domaines

  Conception d'applications, Conception numérique, Design d'interaction, UX / UI, Webdesign