La lecture numérique grâce au responsive design

la-mode-est-au-responsive-design

Source : http://printf.eu

Comme nous l’avons déjà dit sur ce blog, la lecture sur les supports numériques tels que l’ordinateur, la tablette ou encore le smartphone se développe (relire l’article sur la lecture de la presse numérique). Mais les contenus ne sont pas forcément adaptés à ce type de supports. C’est pourquoi, le responsive design s’est développé. Nous allons nous éloigner un peu du sujet  principal de ce blog pour rappeler quelques points du responsive design, élément important de la lecture numérique.

Qu’est ce que le responsive design ? Le responsive web design est une technique de conception qui permet au contenu de s’adapter au support sur lequel il est lu. Les pages vont s’adapter à la résolution de l’écran de manière à être lisibles pour les internautes.

Le responsive design est une réponse à la multiplication des supports. C’est un moyen pour un site de ne pas avoir différents « sites » : un pour le desktop, un autre pour le mobile et la tablette. Cela permet  de ne pas multiplier les parcours en fonction du nombre de terminaux mais plutôt d’avoir un seul parcours qui s’adapte à tous les supports.

Il est donc plus agréable pour un internaute venant d’un smarphone ou d’une tablette de lire un article, plus besoin de zoomer et de faire des allers retours entre la gauche et la droite pour lire une phrase entière. Les éditeurs ont donc là une possibilité de ne pas perdre les internautes à cause d’une lecture difficile et même de les inciter à revenir sur le site et donc de les fidéliser.

Mais la refonte d’un site web en responsive design est un investissement lourd. Plusieurs sites anglophones ont déjà pris le parti de cette technologie, les sites francophones arrivant petit à petit. Voici quels exemples de sites développés en responsive web design :

The Boston Globe  qui propose 3 formats différents (desktop, tablette et smatphone) :

Lecture sur Desktop Lecture sur Tablette Lecture sur Smartphone
the boston globe the boston globe tablettte the boston globe smartphone

Un exemple très réussi selon moi, le site de Starbuck Coffee  avec 3 formats aussi :

 

Lecture sur Desktop Lecture sur Tablette Lecture sur Smartphone
starbuck coffee starbuck coffee tablet starbuck coffee smartphone

Pour tester ces sites, il vous suffit de vous y connecter et de modifier la taille de votre navigateur. 

A noter qu’il est aussi possible de créer une application, le contenu lu par le mobinaute ou tablonaute  sera donc directement adapté au format. 

Et vous, que pensez-vous du responsive design ?

Mon profil Google +Pauline Delattre

Passionnée par le web marketing, les nouvelles technologies et travaillant actuellement dans le secteur de la presse, j'ai décidé de m'intéresser de plus près au développement des nouvelles techniques pour faciliter la lecture, et cela sur n'importe quel support.

4 réflexions au sujet de « La lecture numérique grâce au responsive design »

  1. Ping : Lecture numérique | Pearltrees

  2. Ping : L'évolution vers le numérique pour relay.com | Lecture numérique

  3. Je sens que je vais apprendre plein de choses sur ce blog! Je connaissais vaguement le concept de responsive design, mais cet article m’a vraiment éclairé. A quand un blog sur le SEO???;-)

Répondre à BITTOUN Cécile Annuler la réponse.

Votre adresse de messagerie ne sera pas publiée.

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>