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
Lorsque l'on commence la conception de l'écran, il est crucial de réfléchir à l'utilisation de grilles. Les grilles offrent de nombreux avantages, particulièrement en termes de modularité et de stabilité visuelle. Il existe principalement deux types de grilles : les grilles à 12 colonnes et celles à 16 colonnes. L'utilisation des grilles permet de créer des structures claires et équilibrées, qu'il s'agisse de sites web ou d'applications. Par exemple, le site de Sony Music utilise une grille à 16 colonnes pour organiser la navigation et le contenu de manière fluide.
Les grilles facilitent également la conception responsive, permettant une adaptation fluide du contenu sur différents appareils, comme les ordinateurs de bureau, les tablettes et les téléphones mobiles. Grâce aux grilles, un même site peut être affiché de manière optimale sur plusieurs dispositifs sans nécessiter de multiples versions. Ceci est illustré par le site du Boston Globe, qui passe de deux à une colonne en fonction de la taille de l'écran.
En résumé, les grilles sont un outil puissant pour les concepteurs, permettant non seulement une meilleure organisation et modulation du contenu, mais aussi une adaptabilité accrue aux différentes tailles d'écran, améliorant ainsi l'expérience utilisateur.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de démontrer les avantages de l'utilisation des grilles dans la conception d'écrans, d'illustrer différentes applications pratiques et d'expliquer comment les grilles contribuent à la modularité et à la stabilité visuelle.
Prérequis pour cette leçon
Pour suivre cette vidéo, les spectateurs doivent avoir des connaissances de base en conception d'interfaces utilisateurs et en HTML/CSS.
Métiers concernés
Les professionnels du design web, les développeurs front-end, et les directeurs artistiques trouveront particulièrement utile l'application des grilles pour structurer et equilibrer visuellement leurs projets.
Alternatives et ressources
Parmi les alternatives aux grilles présentées, on peut considérer des frameworks tels que Bootstrap ou Foundation, qui offrent des systèmes de grilles flexibles et préconfigurés.
Questions & Réponses
Je m'abonne