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