Approches Différentes pour la Conception Web Multidispositifs
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre les différentes méthodes de conception web.
- Savoir adapter un site web aux différentes résolutions d'écran.
- Utiliser les breakpoints de manière optimale.
Résumé
Découvrez comment adapter votre site web à une variété de résolutions d'écran grâce à des techniques telles que la conception fixe, fluide, adaptive et responsive.
Description
Il y a une problématique aujourd'hui qui est cruciale : la multiplicité des résolutions d'écran en quelques années seulement. Entre 2010 et 2013, les résolutions uniques sont passées de 97 à 232 selon les devices (mobiles, tablettes, desktops). Adaptez votre site web à ces diverses résolutions est un véritable casse-tête, rendant nécessaire l'utilisation de différentes méthodes de conception.
La technique fixe implique d'utiliser une largeur fixe, souvent de 960 px, adaptée aux desktops mais générant des marges blanches sur les côtés. Cette méthode peut s'avérer inefficace sur mobile.
Le fluide s'ajuste à la largeur d'écran de manière continue, offrant une meilleure expérience utilisateur, mais nécessitant une conception spécifique pour les mobiles.
Les approches adaptive et responsive apportent des solutions en adaptant la conception du site à différents types de devices ; l'adaptive et le responsive cherchent à offrir une expérience cohérente et optimisée en fonction des résolutions d'écran.
La définition des breakpoints est essentielle pour adapter correctement l'interface aux différentes résolutions. L'analyse des données d'utilisation via des outils Analytics permet d'ajuster précisément ces breakpoints.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Pourquoi réaliser un prototype ?
Module 3 - Poser les bases du projet
Module 4 - Découvrir un logiciel de prototype : Axure
Module 5 - Prototypage d'un site responsive 2 breakpoints de A à Z - Desktop
Module 6 - Prototypage d'une application mobile
Module 7 - Conclusion
Quel alternative possible qui ne coute pas un bras ?
Merci !