Quels choix de navigation en responsive design ?

Le Responsive Design est un principe qui permet de concevoir des sites qui s’adaptent aux différentes tailles d’écran et aux spécificités des devices sans dégradation ou sans devoir utiliser de redimensionnement manuel.

Le site designspartan.com offre une traduction de l’article (désormais de référence) responsive navigation patterns de Brad Frost.

Les navigations en haut et à gauche sont communes sur écrans larges mais le manque d’espace sur les petits écrans devient un challenge. Voici quelques unes des techniques les plus populaires pour gérer la navigation en responsive design :
  • L’approche du menu en haut ou « ne rien faire »
  • L’ancre vers le footer
  • Le menu en liste déroulante <select>
  • La méthode « toggle » (déploiement)
  • Le menu déroulant par la gauche
  • Uniquement dans le footer
  • Le « Cache et pleure »

Lire l’article complet en français : designspartan.com/tutoriels/quels-choix-de-navigation-en-responsive-design

Lire l’article orignal en anglais : bradfrostweb.com/blog/web/responsive-nav-patterns

Leave a Reply

Votre adresse de messagerie ne sera pas publiée.