Grâce au responsive design, votre site s’adapte automatiquement à tout type d’écran. En amont, cela implique une réflexion particulière sur le design, l’ergonomie, les contraintes et opportunités techniques, mais aussi sur le type de contenus qui viendra s’inscrire dans le site.
Aller au-delà de la rédaction web
L’irruption spectaculaire des smartphones et tablettes dans notre quotidien n’a pas qu’une influence sur l’utilisateur consommateur. Elle impacte également fortement le producteur de contenus digitaux.
Les règles de la rédaction web, pensée pour le desktop, doivent être poussées encore plus loin pour s’adapter aux nouveaux usages technologiques. Sur un écran d’ordinateur, il reste possible de lire des dossiers de fond, des analyses… mais sur un écran de smartphone des contenus textuels longs ne sont pas adaptés.
Écrire pour le mobile
Les textes doivent se résumer à l’essentiel : aller droit au but, à la quintessence de l’info ! La science de la titraille doit être parfaitement maitrisée. L’avenir des contenus en responsive design est sans doute de raisonner en mobile first !
La capacité d’attention d’un mobinaute est toujours plus courte que celle d’un internaute installé derrière son Mac ou son PC. Les nouveaux usages en mobilité doivent conduire à repenser les formats, et la manière dont ils s’adaptent aux supports.
Et si l’on parlait d’abord usages ?
Un rappel de base : un bon contenu est un contenu qui tient compte des variétés de situations, dans lesquelles le site peut être consulté.
Votre lecteur est au bureau ou tranquillement chez lui ; il dispose du temps et du confort de lecture nécessaires pour faire des recherches d’informations approfondies et se documenter. Mais s’il est en métro, dans une salle d’attente, ou encore dans un magasin, ce qu’il veut, c’est avoir une information pratique et concrète, un contenu sans détour, utilisable/ mobilisable très rapidement…
Pour créer des bons contenus responsive design, il vous faut tenir compte de ces différents contextes.
Ceci va en effet impacter la navigation et l’ergonomie de votre site : l’architecture responsive design doit être limpide et la navigation aisée. Vous ne voudriez pas perdre un mobinaute désorienté par un menu trop complexe !
En termes de contenu, le responsive design invite à penser en blocs d’information indépendants ; selon la taille de l’écran, ceux-ci pourront glisser et se déplacer, voire être escamotés.
Pensez que le lecteur en mobilité privilégie les infos présentées sous forme de listes, schémas, infographies ou encore vidéos. Le responsive design vous conduit à produire des contenus courts et percutants. Les visuels seront décisifs : la stratégie icono et vidéo doit figurer au premier plan de la stratégie éditoriale pour le responsive design.
Mais attention, ce n’est pas parce qu’un lecteur en mobilité recherche des contenus pratiques et ultra-synthétiques, qu’il ne voudra pas à un autre moment pouvoir accéder à des informations approfondies ! Autrement dit, le responsive design ne peut faire l’économie de contenus éditoriaux plus riches (qui sont d’ailleurs indispensables pour le SEO), dont la lecture sera privilégiée sur les supports desktop et tablette.
Le responsive design mis en situation…
Prenons deux exemples.
– Madame Ranwandewelde souhaite aller voir une exposition consacrée à Cézanne au musée d’Orsay. Dans les transports en commun, elle se rend avec son smartphone, sur le site du musée. Que souhaite-t-elle faire ? Avant tout, connaitre les heures et jours d’ouverture, le prix d’entrée, autrement dit des infos très pratiques. Elle pourra ensuite être intéressée par une sélection visuelle d’œuvres de l’exposition, par une vidéo-teasing et par quelques données sur le peintre : une biographie ultra-synthétique. Elle sera peut-être également intéressée par quelques critiques de l’expo.
Mais une fois chez elle, que ce soit avant ou après l’expo, peut-être voudra-t-elle comprendre dans quel mouvement artistique s’insérait Cézanne, quelles étaient ses inspirations, ou encore découvrir une vidéo sur la montagne sainte-victoire qu’il a tant peinte.
Pour que son expérience utilisateur soit satisfaisante, il faudra donc qu’elle accède facilement aux infos (grâce à un menu et une navigation clairs), que la lisibilité soit bonne(quel que soit le support) et que le site propose des contenus éditoriaux « straight to the point » (en faisant la part belle aux visuels et aux chiffres et données-clés). Mais il faudra aussi prévoir des contenus édito enrichis, qu’elle consultera plus vraisemblablement sur desktop ou tablette.
Cézanne, La Montagne Sainte-Victoire
– Autre exemple : Monsieur Liévoix est sur le point d’acheter un appartement, il a besoin d’infos sur les crédits immobiliers. Entre deux rendez-vous professionnels, il regardera sur son mobile s’il peut faire une simulation sur le site de la banque ou faire une demande de devis. Il consultera les niveaux des taux immobiliers et regardera une fiche produitsynthétique, donnant les principales caractéristiques du produit.
Mais une fois chez lui le soir, il recherchera peut-être les conditions générales du produit, voudra lire un dossier sur les tendances du secteur immobilier ou les règles de défiscalisation. Il écoutera une vidéo d’expert parlant de la loi Pinel, ou une infographie sur les prêts à taux zéro.
Là aussi, on le voit, le site de la banque doit pouvoir lui proposer deux types d’expériences, chacune adaptée au contexte dans lequel il se trouve. Le responsive design ne peut se limiter à une simple modification d’affichage de contenus. Il doit tenir compte de l’évolution des usages.
Exemple de site en RWD
En bref, comment bien rédiger en responsive design
L’utilisation du support mobile comme accès de plus en plus majoritaire au web oblige à redéfinir l’organisation de l’information et la production de contenus. Même s’il reste indispensable de continuer à produire des textuels enrichis, l’écriture responsive design fait malgré tout bouger les lignes de la rédaction web, en incitant à penser en mobile first.
- Une page d’accueil très structurée
- Des accroches fortes
- Des phrases courtes
- Des contenus de plus en plus sous forme de bullets-points (arguments-clés, chiffres-clés, etc.)
- Le recours aux visuels et à la vidéo
Doivent être privilégiés.
Vous êtes dans une phase de réflexion sur le passage de votre site en responsive design et souhaitez aller plus loin qu’un réagencement des contenus, en fonction des supports ? Consultez Soyuz ! Nous vous accompagnerons dans l’évolution de votre stratégie éditoriale et l’adaptons pour le RWD.
Article publié par Isabelle Laumonier, consultante Editorial chez Soyuz.