Responsive Web Design : Définition et avantages
by Denis Degioanni. Temps de lecture: about 3 minutes.
Qu’est qu’un « Responsive Web Design »
Le “responsive web design” est une approche qui a été présentée à la communauté Web il y a un peu moins d’un an. Le marché des terminaux étant de plus en plus fleurissant, elle est née du besoin de disposer la plupart du temps d’une version mobile de son site Internet. Mais face avec la prolifération galopante des formats d’écrans il est devenu pratiquement impossible de disposer d’une version qui soit adaptée à un iPhone, un smartphone, une tablette, au format portrait comme au format paysage… et d’ici les 5 prochaines années il sera très probable que nous devrons envisager de nouveaux formats pour des appareils mobiles que nous ne connaissons pas encore.
Jusqu’à présent, si un site Internet disposait de multiples versions, l’internaute était redirigé vers celle qui correspondait le mieux au mode d’affichage de son terminal. En exemple nous avons Google qui propose www.google.com pour une consultation classique depuis un ordinateur de bureau et m.google.com pour une consultation sur un terminal mobile. Avec un responsive web design l’approche est différente puisque le site ne propose qu’une seule URL mais c’est l’interface elle-même qui s’adapte automatique en fonction du format de consultation.
Pour voir du « Responsive Web Design » en action, vous pouvez vous l’expérimenter directement sur notre site www.doingenia.com avec un navigateur récent ou depuis votre terminal mobile. En redimensionnant la fenêtre de votre navigateur vous constaterez alors que nos contenus se « redisposent » automatiquement et que nos images se redimensionnent d’elles-mêmes pour offrir une mise en page optimum quelle que soit la taille de la fenêtre.
Mais le responsive design n’est pas seulement le fait d’ajuster automatiquement l’information et de mettre en place des images redimensionnables, c’est également une tout autre façon de penser le design. Pour concevoir ce type d’interface, cela demande une expertise, mais également une « préparation » obligatoire en amont pour « penser » une interface en plusieurs largeurs.
Pourquoi est-ce important d’envisager un « responsive design »
Outre le fait d’apporter un confort de lecture aux Internautes qui vont parcourir votre site Internet, adopter une approche en Responsive Web Design vous positionnera dès lors comme une entreprise à la pointe de la technologie et des avancées du web. Et selon la culture web de votre public cible, ce type d’approche peut être déterminante pour qu’il adhère à votre marque et à vos produits ou services. Mais cela vous permettra également de vous positionner de très forte manière par rapport à votre concurrence.
Ensuite, les terminaux mobiles ont une place de plus en plus importante et nous permettent au quotidien de naviguer sur l’Internet, mais l’évolution des services et des abonnements proposés par les opérateurs va encore plus nous inciter à le faire. Et ce n’est pas l’annonce récente de Free de ses tarifs, qui à littéralement bousculer le marché du mobile, qui viendra me contredire. Aujourd’hui, il n’est donc plus envisageable de faire l’impasse sur ces supports.
Internet et Mobile en chiffres
Si nous reprenons certaines analyses récentes de l’état de l’Internet mobile, voici ce que nous constatons
- 13,4 millions de mobinautes en France au second trimestre 2010, soit une progression de 12,7% en un an. Sources Médiamétrie et Nielsen
- 48,1% des mobinautes disposent d’un accès à l’Internet illimité. Source Médiamétrie – 2010
- 7,1 millions de Smartphones en France en 2009 soit une progression de 48%par rapport à 2008. Le contexte marché est donc très propice à l’essor de l’internet mobile. Sources ComScore et Forrester.
- 41% de taux de pénétration de l’internet mobile en France estimé pour 2014 (Il était de 11% en 2009). Sources ComScore et Forrester.
Selon une étude ComScore datant de juin 2010, le nombre de mobinautes était de
- 76 900 000 aux Etats-Unis
- 17 900 000 en Grande Bretagne
- 13 400 000 en France
- 11 100 000 en Italie
- 10 800 000 en Allemagne
- 8 400 000 en Espagne
Voilà quels sont les éléments qui viennent alimenter ma réflexion du moment sur la nécessité de développer ou de refondre son site en « Responsive Web Design ». Si de votre côté vous avez votre propre idée de l’approche « Responsive Web Design », je vous encourage à me laisser vos commentaires.
A voir aussi :
Mots-clefs :conseil, css, Développement Web, responsive, site internet