Guide du prototypage pour un site de cravates
Après avoir établi les fondations du projet, nous passons au prototypage, en intégrant les breakpoints, la grille et les éléments visuels sur les différentes pages.
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
Cette leçon couvre le processus de création d'un prototype de site web, en partant de la stratégie initiale jusqu'à l'intégration des éléments visuels. Nous abordons les étapes suivantes :
1. Établissement de la stratégie du projet jusqu'au schéma directeur et les User Flow.
2. Préparation du fichier avec les breakpoints et la grille.
3. Prototypage de la page d'accueil en suivant le scénario défini.
4. Vérification de la recherche Google et des résultats affichés.
5. Conception de la page de résultat avec une marque fictive 'SoCravate'.
6. Création et ajustement des pages du site, y compris la page d'accueil.
7. Intégration des éléments cliquables, filtres et produits pour la vitrine e-commerce.
Cette description est cruciale pour une compréhension complète de la méthodologie et des outils utilisés dans la conception d'un prototype UX.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Apprendre à créer un prototype de site web efficace.
- Comprendre l'importance des breakpoints et de la grille dans la conception.
- Savoir intégrer des éléments visuels et interactifs dans un prototype.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en design UX/UI et en prototypage. Une compréhension des User Flow et des schémas directeurs est également bénéfique.
Métiers concernés
Les professionnels concernés par ce sujet incluent :
- Designers UX/UI
- Chefs de projet digital
- Développeurs front-end
- Consultants en stratégie digitale
Alternatives et ressources
En complément des outils présentés, vous pouvez utiliser des logiciels tels que Figma, Sketch ou Adobe XD pour le prototypage.
Questions & Réponses
