Création d'un Storyboard pour un Site de Vente en Ligne
Découvrez comment Marie, cherchant un haut pour un mariage, interagit avec un site de vente en ligne grâce à un storyboard structuré.
Introduction
Présentation de l'UX Design
Comprendre le facteur humain
Principes de conception
Architecture de l’information
User centered design
Personas
User flow
Story-boards
Evaluation
Conclusion
Détails de la leçon
Description de la leçon
Cette leçon explore les différentes étapes de création d'un storyboard pour un site de vente en ligne, en se concentrant sur l'expérience de l'utilisateur. Nous suivons Marie, une utilisatrice, alors qu'elle navigue sur le site pour trouver un haut. Le storyboard présente deux zones principales : l'une pour les dessins et l'autre pour la description narrative. Chaque composant de la page est examiné, y compris le header, les visuels, les zones de push promotionnel et le footer. Nous détaillons aussi les interactions, les éléments graphiques et les call to actions qui facilitent l'expérience utilisateur. Le concept de mise en valeur des produits est abordé, ainsi que les fonctionnalités sociales et les zones de réassurance qui encouragent l'acte d'achat. Nous concluons avec la navigation sur la fiche produit et les options de visualisation en situation.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de comprendre la structure d'un storyboard, apprendre à intégrer des éléments visuels et narratifs pour améliorer l'UX d'un site de vente en ligne, et maîtriser les techniques de mise en valeur des produits.
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 développement web.
Métiers concernés
Les professionnels tels que les UX/UI designers, les développeurs front-end, et les chefs de projet e-commerce peuvent appliquer ces connaissances pour améliorer l'expérience utilisateur sur des sites de vente en ligne.
Alternatives et ressources
D'autres outils et techniques tels que les wireframes et les mockups peuvent également être utilisés pour créer des structures de site web. Des logiciels comme Sketch, Figma ou Adobe XD sont des alternatives courantes.
Questions & Réponses