Pensez au « contenu adaptatif » en créant un site web réactif

En 2013, les gens ont pour la première fois utilisé davantage un appareil mobile qu’un ordinateur de bureau pour surfer en ligne. Avec ce changement du paradigme historique, le besoin de sites web réactifs est plus grand que jamais. Lorsque vous créez des sites web réactifs, veillez à vous concentrer non seulement sur la conception, mais aussi sur le contenu.

Il fut un temps où vous pouviez supposer que votre site web serait consulté sur un écran d’ordinateur assez grand. Même quand les téléphones portables ont été de plus en plus nombreux à pouvoir accéder à internet, les PC les supplantaient toujours. Pour les grands sites web, une version mobile simplifiée suffisait, destinée à ceux qui étaient en déplacement.

Expérience similaire

Cela ne pouvait pas durer. À mesure que les ventes de smartphones ont dépassé celles de PC et que les tablettes ont fait leur apparition en tant que solutions provisoires, il était devenu impossible de prévoir quel appareil votre lecteur utiliserait pour consulter votre site web. Les consommateurs s’attendaient toutefois à une expérience similaire sur chaque appareil. C’est pourquoi les sites web sont devenus réactifs, ils s’adaptent à toute plateforme digitale. Les sites web qui s’adaptent automatiquement à l’appareil sur lequel ils sont consultés ont toutefois d’importantes implications en termes de conception et de contenu.

Au sens strict du terme, le design réactif consiste à faire en sorte que votre site web puisse être facilement consulté, quelle que soit la résolution et le format d’image. Un exemple : un site qui, lorsqu’il est consulté en plein écran sur un écran 16:9 de 1080p, comporte trois colonnes, peut s’adapter en une seule colonne sur le petit écran rectangulaire d’un smartphone.

Cela ne s’arrête pas à un mode marche/arrêt : l’affichage s’ajuste automatiquement de trois à deux puis une colonne au fur et à mesure que la fenêtre du navigateur s’élargit et rétrécit. La taille du texte peut changer, mais les images positionnées sur le côté d’un grand écran peuvent aussi s’aligner verticalement avec le texte sur un écran plus petit. Les sites web peuvent donc avoir un aspect radicalement différent selon la taille de l’écran sur lequel ils sont consultés, bien que le contenu reste en essence identique.

Du design réactif au contenu adaptatif

Plus facile à dire qu’à faire... La construction d’un site web réactif est plus complexe sur le plan technique, mais c’est aussi un défi pour le fournisseur de contenu. Il doit pouvoir garantir que le contenu est adaptable – que les textes qui fonctionnent dans un paragraphe court et large fonctionnent aussi dans un format long et étroit. Si le contenu fait référence à des images, sont-elles là où vous voulez qu’elles soient ? Vous aimeriez peut-être que, dans une résolution différente, certains morceaux de texte n’apparaissent tout simplement pas, mais en même temps vous voulez que l’essence de votre contenu reste intacte. Pour y parvenir, il faut déployer beaucoup d’efforts, mais vos lecteurs les apprécieront.

Le design réactif soulève également des questions d’ergonomie (usability). Tout comme vous ne savez pas sur quel appareil le contenu sera visionné, vous ne savez pas non plus quand il le sera. Votre site web doit être lisible, tant à l’intérieur avec un faible éclairage qu’à l’extérieur en plein soleil. Un livre de style clair est donc indispensable pour garder un style cohérent et facile à lire.

Penser à l’avenir

La création d’un contenu attrayant est déjà assez difficile en soi, même sans changer constamment la conception du site web. C’est pourquoi les équipes techniques doivent prévoir un système de gestion de contenu (CMS ou content management system) à la fois robuste et facile à utiliser, pour que les fournisseurs de contenu puissent faire preuve de créativité tout en gardant une vue d’ensemble sur résultat final.

Il s’agit d’un processus continu : ce que votre public cible veut et fait aujourd’hui n’a rien à voir avec il y a quelques années et vous pouvez être sûr que ce sera encore différent dans les années à venir. La technologie et la société ne s’arrêtent jamais. Les certitudes ne durent donc pas longtemps. C’est la raison pour laquelle il est plus que jamais crucial de surveiller de près le marché et de s’assurer que votre contenu et votre technologie sont suffisamment flexibles pour s’adapter demain aux nouveaux développements.