Miratech vous propose son nouveau livre blanc sur le Responsive Design.
Le responsive design permet d’adapter le design d’un site web à tous types de terminaux : smartphone, ordinateur, télévision, tablette…
Quels sont les principes à respecter pour réussir son site web en responsive design ? Quels sont les écueils à éviter ? Quelles sont les limites de la méthode ?
Le livre blanc présente les guidelines illustrées des meilleures pratiques, ainsi que l’analyse d’un cas e-commerce concret.
47 pages pour saisir l’essentiel sur le responsive design ! Télécharger gratuitement Le Responsive Design : Livre Blanc Miratech
Le Responsive Design : sommaire du livre blanc
Introduction
Qu’est-ce que le « Responsive Design » ?
Pourquoi le Responsive Design ?
Guidelines
Les blocs de contenu
- Penser en bloc
- Conserver un ordre logique
- Adapter les blocs
Les menus mobiles
- Présentation du menu en haut de page
- Menu en liste déroulante ‹select›
- Déploiement du menu « Toggle »
- Menu déroulant par la gauche
- Menu avec ancre vers le footer
- Menu uniquement dans le footer
- Supprimer l’accès au menu
Les visuels
- Supprimer les visuels trop importants
- Adapter les icônes d’un site
Les éléments cliquables
- Rendre explicite les éléments cliquables
- Étendre les zones d’interaction
- Adapter le nombre de fonctionnalités présentées
Les fonctionnalités des terminaux mobiles
- Géolocalisation
- Attention aux animations
- Gestion du clavier tactile
Le développement technique
- En bref
- Grille relative
- Media-queries
- Penser Responsive Design
Étude d’un cas e-commerce concret
Présentation du cas
Revue de l’adaptation du contenu
- Menu « toggle »
- Gestion des visuels
- Longueur de page
- Interactions
Un développement vraiment Responsive ?
Les limites du Responsive Design