Responsive Webdesign : vous pouvez encore être précurseur !

on lundi, 27 janvier 2014.

Responsive Webdesign : vous pouvez encore être précurseur !

Avec l’évolution, pour ne pas dire la généralisation, de l’utilisation des smartphones et des tablettes, le responsive WebDesign (RWD) ou site Web adaptif est LA technologie Web du présent et de l’avenir. Pourquoi ? Parce qu’en un seul développement, elle permet au contenu d’un site de s’adapter automatiquement à la taille de l’écran de consultation.

Vous êtes sans doute blasé de ces remises en question technologiques perpétuelles après les lourds investissements humains et financiers déjà consentis pour vous mettre sur le Web. Vous pensez créer votre site avec les derniers outils CSS et bases de données, un jour à la pointe et qui deviennent obsolètes à peine vos nouveaux supports en ligne. C’est malheureusement le propre des nouvelles technologies, si ce n’est que le Responsive Design renverse cette logique. Il se présente comme une solution stratégique à long terme. Avec une base HTML/CSS unique, il est compatible quel que soit le terminal ; avec une seule interface, il centralise les sources d'information et les socles techniques qui ne sont plus à dupliquer ; avec des éléments pertinents et auto-adaptables, il répond plus rapidement et dans la continuité à la recherche de l’internaute.

Selon un rapport publié cette année par Adobe, le trafic Internet des smartphones a dépassé celui des ordinateurs portables et selon Cisco, en 2017, il sera 7 fois supérieur à celui enregistré aujourd'hui. Pourtant, 45% des entreprises ayant une visibilité sur la Toile ne disposeraient toujours pas de sites mobiles ou d'applications dédiées.

 

Le principe

En Responsive Design, le site est conçu pour assurer à l’internaute une navigation et une lecture optimales quel que soit l’appareil utilisé. S’il consulte à partir d’un smartphone, par exemple, il n’est pas obligé de télécharger une version spécifique s’il veut un confort de lecture et ne pas avoir recours au défilement horizontal ou au zoom avant/arrière. Ces manipulations dégradent considérablement l'expérience utilisateur.

Un site unique compatible quel que soit le support emprunté évite le développement de plusieurs versions d'un site Web ou d'applications natives.

Les colonnes et les images s'ajustent, se redimensionnent et se déplacent automatiquement selon la résolution d'écran. La technique du Responsive Design permet une ergonomie optimale en sauvegardant intacte la qualité de l'information du site Web. 

 

Les avantages

Le Responsive Design est la seule solution existante aujourd’hui qui permette une expérience utilisateur en adéquation avec l'usage souhaité. C'est une évolution majeure du Webdesign invitant les concepteurs à un nouveau défi ergonomique et assurant aux utilisateurs une expérience enrichie. 

  • URL unique : exonéré du souci de redirection de lien, optimisation du référencement naturel sur les moteurs de recherche et de la communication externe.
  • Contenu unique : gestion unique et centralisée.
  • Une seule expérience utilisateur : ergonomie intuitive unique pour l’ensemble des supports.
  • Des coûts de développement moins élevés que pour des versions séparées
  • Un temps de maintenance réduit

Selon plusieurs experts, pour une société avec un site traditionnel et un site mobile, l’utilisateur peut être frustré de ne pas retrouver les mêmes fonctionnalités ou contenus d’un site à l’autre, de ne pas pouvoir accéder au site complet à partir du smartphone. Il pourrait renoncer à sa recherche.

 

Une nouvelle approche à adopter

Le Responsive Design implique de repenser l'approche de création d'un site Internet pour mieux anticiper les différentes contraintes liées à chaque support. Seulement, les temps de développement peuvent être plus longs qu'un site classique seul.

Solution CommLC en partenariat avec Fojumo :

  • Les temps d’affichage sont potentiellement plus longs en raison des ajustements d’images et de contenus. Cependant une gestion fine des images Responsive permet de pallier cette limite.
  • La compatibilité avec les différents navigateurs est un point sensible en raison des codes HTML et CSS plus travaillés que pour un site classique. En effet, tous les navigateurs ne gèrent pas les medias queries notamment IE7 et IE8. Toutefois, il existe plusieurs librairies javascript comme par exemple le plugin jQuery qui permettent de contourner cette limite.

La notion de Web adaptatif repense la manière de concevoir les parcours de navigation sur Internet, puisqu'il ne s'agit plus de concevoir autant de parcours qu'il y a de famille de terminaux mais de concevoir une seule interface auto-adaptable. Ainsi, les sources d'information et les socles techniques ne sont pas dupliqués.

Le Responsive Design est aujourd'hui une solution incontournable si l'on veut conserver sa présence sur Internet et ce, quel que soit le support de navigation emprunté. 

Cette technologie peut s'appliquer à d'autres usages qu'un site Internet. Tout ce qui utilise des technologies web peut être pensé adaptatif. Il est ainsi possible de concevoir des emails HTML adaptatifs, des applications HTML5 mobiles adaptatives ou bien des applications Facebook Responsive.

Cet article condense les arguments et commentaires diffusés sur le sujet.

 

 

 

Contact

Page LinkedinPage TwitterPage Youtube