Pourquoi réaliser un prototype ?
Poser les bases du projet
Découvrir un logiciel de prototype : Axure
Prototypage d'un site responsive 2 breakpoints de A à Z - Desktop
Prototypage d'une application mobile
Conclusion
Détails de la leçon
Description de la leçon
La vidéo présente la partie Widget située au centre à gauche de l'interface. Cette zone permet d'accéder à différents éléments de design que vous pouvez drag & dropper sur votre scène. Par exemple, vous pouvez ajouter un rectangle, manipuler sa couleur, son contour, et sa forme. Il est aussi possible d'insérer des images, des paragraphes avec des titres formatés, ou encore des composants comme des lignes horizontales, verticales, des listbox, des checkbox et des boutons HTML.
La vidéo explique également comment utiliser des placeholders, insérer des textfields et textareas comportant du texte avec un scroll si nécessaire, et configurer des dropdown lists en ajoutant plusieurs rubriques. Il est aussi possible d'importer des librairies supplémentaires. Cela permet d'anticiper la taille de l'écran pour les designs mobiles.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de permettre aux utilisateurs de :
- Comprendre comment accéder et manipuler différents éléments de design via la partie Widget.
- Savoir comment ajouter et modifier des éléments comme des rectangles, des images, et des textes.
- Apprendre à utiliser des composants de liste et des textfields dans le prototype.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en design d'interface et une familiarité avec les concepts de prototypage.
Métiers concernés
Les concepts abordés dans cette vidéo sont utiles pour les métiers suivants :
- Designer UX/UI
- Développeur Front-End
- Chef de Projet Web
Alternatives et ressources
Comme alternatives, vous pouvez utiliser d'autres outils de design et de prototypage tels que Figma, Adobe XD, ou Sketch.
Questions & Réponses
Je m'abonne