Prototyper sans scénariser peut mener à des conceptions limitées.
Cela freine la créativité et peut compliquer l’expérience utilisateur.
Scénariser avant le prototypage maximise l’innovation et assure une expérience fluide.
Maîtrisez les fonctionnalités de base d'Adobe XD-UX Designer et créez des prototypes d'interface utilisateur interactifs
Avant tout prototype, on va scénariser d’abord ce qu’on veut faire comme prototypage. Notre objectif, c’est que l’utilisateur fasse son choix pour le cornet, saveur, sauce et garniture de sa glace.
On va décider l’action commencera par un appui sur le bouton commencer qui va ouvrir la page Cornet.
Puis on va arriver sur la page Cornet . C’est dans cette page qu’on va choisir le cornet de notre glace. On va faire en sorte qu’on pourra faire tourner le carrousel pour choisir entre les types de cornet. On devra pour le faire tourner à gauche et à droite.
Quand on a créé notre design, on a choisi le cornet Nature trempé au chocolat pour le bouton de validation .
Dans notre prototype, quand on tombera sur ce cornet en balayant notre carrousel, on va appuyer dessus, et cela va faire apparaitre le bouton de validation et va faire ensuite la page Saveur.
Sur la page Saveur , on va insérer une action qui pourra faire revenir l’utilisateur sur la page Cornet s’il voudra annuler son choix de cornet.
On va garder ce modèle pour les choix de saveur, de sauce et de garniture.
Puis, arrivé à la validation de la garniture, une animation automatique qui va conduire à la page de charge va se déclencher. Le footer va monter pour remplacer tous les éléments qui sont déjà là.
Puis le footer va diminuer et va tourner à droite et à gauche, puis inversement, jusqu’à ce que le chargement se terminera. À partir de la validation de la garniture, toutes les animations se feront automatiquement.
Après la page de charge, la glace choisie par l’utilisateur apparaitra, puis une page qui va remercier l’utilisateur va apparaitre.
Voilà le scénario que notre prototypage va suivre. Il est nécessaire d’imaginer ce que l’on va faire avant de commencer le prototypage.
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment scénariser un prototype efficacement ?
Pourquoi est-il important de scénariser avant le prototypage ?
Quelles erreurs éviter lors de la scénarisation de prototypes ?
Comment intégrer des animations dans un prototype ?
Quels éléments inclure dans un scénario de prototype ?
Conclusion
En réfléchissant à l’importance de la scénarisation avant le prototypage, quelles nouvelles idées pourriez-vous intégrer pour améliorer votre propre processus de design ?
