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
Dans cette leçon, nous explorons le design pattern de descente d'arbreau. Ce modèle consiste à naviguer depuis la page d'accueil d'un site web, passer par la liste de résultats issue d'une recherche, et atteindre finalement la fiche produit. On commence en définissant les éléments essentiels de la page d'accueil, incluant une grande zone de mise en avant de l'information. Les pushs catalogues et pushs produits sont des zones dynamiques pour les promotions et mises à jour. Nous procédons ensuite à une recherche simulée, arrivant à une liste de résultats filtrables selon divers critères. La dernière étape se concentre sur la fiche produit, avec des liens navigables permettant de revenir facilement à la liste de résultats.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
1. Comprendre l'importance de la structure en descente d'arbre.
2. Savoir organiser les éléments clés de la page d'accueil.
3. Apprendre à naviguer efficacement entre les résultats de recherche et la fiche produit.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire de :
1. Avoir des connaissances de base en web design.
2. Comprendre les principes de navigation utilisateur.
3. Posséder des notions de HTML et CSS.
Métiers concernés
Les concepts présentés sont utiles pour les web designers, développeurs front-end, chefs de projet digital et responsables e-commerce.
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des frameworks CSS comme Bootstrap ou Tailwind, ou des systèmes de gestion de contenu (CMS) avec des extensions de recherche et de navigation avancées, tels que WordPress ou Joomla.
Questions & Réponses
Je m'abonne