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é.

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

L'objectif principal d'un storyboard est de structurer visuellement et narrativement les différentes étapes de l'interaction utilisateur pour améliorer l'UX d'un site web.
Le site utilise des zones de visuels de différentes tailles, avec des sections plus grandes pour mettre en avant certains produits, répliquant ainsi l'effet tête de gondole.
Les fonctionnalités sociales incluent des options comme le 'j'aime' et le partage sur les réseaux sociaux, regroupées dans une zone dédiée.