Trois stratégies de contenu pour une conception Web réactive : planifier, hiérarchiser, distiller

Pour la plupart des spécialistes du marketing, le terme "conception Web réactive" évoque très probablement des images de développeurs Web et de wireframes. Mais cela devrait évoquer des chaînes de phrases et des morceaux de texte.

Le contenu est le moteur qui attire les prospects pour commencer, puis les conduit tout au long du cycle de vente. Et le travail principal de la conception Web réactive est de s'assurer que le contenu est facile à digérer, que le visiteur Web soit sur un téléphone, une tablette ou un ordinateur de bureau.

La conception Web réactive est une opportunité de réimaginer le contenu afin que chaque phrase attire plus de lecteurs et rassemble plus de prospects.

Qu'est-ce que le design réactif ?

Tout d'abord, un peu d'histoire sur la conception de sites Web réactifs. Le concept est simple - créer un site Web unique qui optimise automatiquement sa conception pour mobile ou ordinateur de bureau, en fonction de l'appareil utilisé par le visiteur Web. Un moyen simple de découvrir si un site Web est réactif est le suivant : en mode bureau (et en mode fenêtre, pas en mode plein écran), saisissez le coin inférieur droit du site Web et réduisez-le lentement à la taille d'un smartphone. Si le site Web se transforme en une vue adaptée aux mobiles à mesure qu'il se rétrécit, il est réactif. S'il se réduit simplement à un site Web difficile à lire, à défilement et à pincement, il n'est pas réactif.

La conception réactive commence par la compréhension que le mobile n'est pas simplement une autre plate-forme pour le même contenu. L'essor rapide du mobile a modifié la forme, l'organisation et la taille du contenu. Et les gens attendent des choses fondamentalement différentes du contenu mobile.

Ces attentes concernent tous les composants de la campagne de contenu d'une entreprise, qu'il s'agisse de marketing par e-mail, de contenu social ou Web. Le contenu de votre site Web doit être réactif et optimisé pour les mobiles, tout comme vos modèles de marketing par e-mail et vos campagnes sociales.

Pourquoi avez-vous besoin d'un design réactif

Si vous n'avez pas de design réactif, vous en avez besoin. Google pénalise les classements de recherche des entreprises sans design réactif. Et le trafic Web mobile est si omniprésent que tous les sites Web doivent servir intelligemment les utilisateurs mobiles et de bureau à partir du même site Web.

Quelques statistiques rapides : le mobile génère 41 % de tous les clics sur les recherches payantes et 31 % de toutes les dépenses de recherche payante (Merkle RKG) et 53 % de toutes les ouvertures d'e-mails (Litmus). Compte tenu des tendances mobiles, ces chiffres ne ralentiront pas de si tôt.

Les résultats de la création de contenu véritablement optimisé pour le mobile peuvent être stupéfiants. Act-On a constaté une augmentation de 93,5 % du nombre de prospects grâce à la conception réactive. Quelles autres solutions simples pourraient immédiatement doubler vos prospects ?

Trois étapes pour optimiser votre contenu pour un design réactif.

1. Planifier à travers les départements

La conception réactive ne consiste pas seulement à libérer l'équipe numérique du développement Web. C'est un travail d'équipe entre les rédacteurs, les concepteurs et les stratèges.

Une planification efficace garantira que le contenu, le codage et la conception concordent pour faire de votre site Web une machine à générer des prospects. Commencez par le début en fixant les bases : profils des visiteurs Web, motivations des visiteurs et résultats souhaités. Qui visite votre site Web ? Pourquoi? Que voulez-vous qu'ils fassent une fois sur votre site ?

La collaboration interdépartementale dès le départ garantira que le projet est un équilibre entre les cloches et les sifflets de conception et un contenu organisé et efficace.

2. Prioriser le contenu dans une hiérarchie claire

La priorisation du contenu est essentielle dans la conception de sites Web réactifs. Lorsque l'espace d'une page de navigateur de bureau se réduit à la taille d'un ordinateur de poche, le contenu se confond. Une page Web large à plusieurs colonnes est insérée dans une page mobile à une seule colonne. Si le site Web n'est pas conçu correctement, certains des contenus les plus importants peuvent se retrouver en bas de la page, nécessitant un défilement long (trop long) pour être atteint.

L'attribution de niveaux de priorité aux créations de contenu créera une structure qui garantit que votre contenu le plus important se hisse au sommet. Créez une hiérarchie de contenu en identifiant le contenu en fonction des niveaux. Cette identification devrait idéalement se produire dans les équipes de marketing ou de rédaction, et être communiquée clairement aux concepteurs et chefs de projet. Cette collaboration conduira à une conception qui préserve la hiérarchie du contenu pour les téléspectateurs mobiles.

Distiller le contenu jusqu'à la taille mobile

Tout comme les utilisateurs de logiciels ou de systèmes d'exploitation attendent une conception fonctionnelle et intuitive, les lecteurs d'aujourd'hui attendent un contenu qui a été conçu de manière experte en morceaux concis.

Considérez votre stratégie de contenu comme similaire à l'UI ou à l'UX pour les lecteurs. Tout comme la conception de l'expérience utilisateur prend du temps, des efforts et des itérations, le contenu doit être retravaillé plusieurs fois en pensant au lecteur. La structure cachée aura un effet énorme sur la convivialité (ou la lisibilité, dans le cas du contenu).

Si après le brouillon final, vous présentez toujours au lecteur de gros morceaux de texte gris, vous avez encore besoin d'un autre cycle de distillation de contenu. Continuez à décomposer le contenu jusqu'à ce que vous vous retrouviez avec des puces, des textes de présentation et du texte succinct divisés par des offres multimédias telles que des photos et des vidéos. Envisagez de transformer des morceaux de texte complexe riches en données en une infographie, où l'association de texte et de visuels peut transformer les données en un visuel facilement digestible.

La segmentation verticale - décomposer le texte en morceaux verticaux qui peuvent être placés côte à côte, chacun avec son propre titre et sa propre photo - permet aux lecteurs de numériser latéralement et de consommer les morceaux verticaux morceau par morceau.

Ce système de diffusion de contenu de la taille d'une bouchée est plus attrayant visuellement qu'un mur de texte gris, signalant au lecteur que l'écrivain et le concepteur ont déjà fait le travail d'identification des pensées individuelles, de les transformer en texte serré et de les présenter de manière succincte. manière.

Le design réactif n'est pas qu'une chose de plus à ajouter à une liste de tâches déjà trop longue. Ce n'est pas une gêne ou une faible priorité. C'est l'occasion d'affiner le contenu, d'affiner votre conception Web et de plaire à vos acheteurs mobiles, en un seul projet.

~ Vous voulez apprendre toutes les astuces de la conception Web réactive, y compris la gestion du processus de développement, l'estimation des coûts et la priorité au mobile ? Voir l'intégralité du webinaire Conception réactive : 10 choses à faire et à ne pas faire pour les pages Web et les e-mails.