Dernière Mise à jour : 20-05-2015 | Temps de lecture : 5 minutes | Niveau : Initié

L e responsive web design désigne le principe d'adaptation des sites internet à leur support de consultation (smart phone, tablette, TV,...). Ces adaptations correspondent essentiellement à une verticalisation et un réagencement des contenus permettant un affichage sans zoomer et à une augmentation des surfaces cliquables pour permettre la naviagtion au doigt.  

Qu'est ce que le Responsive Web Design ?

Pour adapter son site internet pour les mobiles, il existe plusieurs façons, on peut créer deux sites distincts, ou adapter le site web en fonction de la taille de l’écran ou encore créer une application mobile.

Site dédié

Un site dédié correspond à l'utilisation d'un site spécifique pour chaque type de support (Smartphone, Tablettes, etc...)

Les points forts :
  • Possibilité d'utiliser des fonctionnalités spécifiques aux périphériques utilisé (tactile)
  • Proposer une structure et du contenus différents du site classique

Les points faibles :
  • Mises à jour de plusieurs sites
  • Risque de faire de la duplication de contenus (interdits par les moteurs de recherches)

Application mobile

C'est une application dédié aux supports smartphones et tablettes disponibles sur les "stores" (AppStore, windows store, Google play)

Les points forts :
  • Bénéficier des fonctionnalités natives des périphériques (tactile, notifications, raccourci...)
  • Proposer du contenus différents du site classiques

Les points faibles :
  • Développement spécifique dans les différents langages en fonction des os
  • Coût de mise en place important
 

Site responsive

Il s'agit de la solution la moins coûteuse qui permet d'adapter un même site à toutes les tailles d'écrans.

Les points forts :
  • Mise à jour d'un seul site pour tous les périphériques
  • Coût de mise en place peu élevé par rapports aux autres solutions

Les points faibles :
  • Temps de mise en place un peu long
  • De nombreux tests sont nécessaires en fonction des navigateurs et des tailles d'écran

Les medias queries :

Ce sont des conditions qui définissent l’affichage (CSS) en fonction de la taille de l’écran, il devient alors possible de changer la mise en forme des contenus pour les tablettes et les smartphones.

Ergonomie :

Il peut être nécessaire de modifier l’ergonomie de votre site internet pour optimiser la navigation sur smartphone et tablettes. Les menus prennent une autre forme et les contenus sont placés les uns en dessous des autres.

Le choix des contenus :

Il est conseillé de n’afficher sur les smartphones et tablettes que les informations principales,certaines photos peuvent être enlevées.

Importance par secteur d'activité

Très important pour : Tous les secteurs d'activité