7 façons d'adapter le contenu pour une meilleure expérience utilisateur mobile

Le début d'un grand design commence par le contenu. Pour tirer le meilleur parti d'une UX mobile stellaire, le contenu peut avoir besoin de subir quelques ajustements et modifications.

Mais par où commencer? Comment le contenu doit-il être adapté pour fonctionner de manière transparente sur les appareils mobiles? Cela commence par réfléchir à la façon dont les utilisateurs interagissent avec des écrans plus petits et à leur impact sur ce qu'ils (et combien!) Ils voudront lire.

1. Une pensée par écran

Lors de la réduction du contenu pour les appareils mobiles, essayez de planifier les éléments de manière à ce qu'il y en ait un par écran. Même si les téléphones semblent à nouveau s'orienter vers de plus grandes tailles, ne soyez pas tentés de fourrer beaucoup d'informations sur l'écran!

Une seule pensée par écran suffit. Plus et vous risquez de submerger l'utilisateur.

Les utilisateurs d'appareils mobiles ont tendance à être multi-tâches. Ils consultent votre site Web tout en parlant à un ami lors d'un match de baseball. En gardant le message et le contenu simples et directs, vous avez plus de chances qu'une seule pensée soit communiquée.

Mais à quoi ressemble une pensée? Il s'agit d'un bloc de texte, d'images et d'éléments exploitables qui sont tous liés les uns aux autres. Le groupe de contenu doit demander aux utilisateurs de faire un choix: voulez-vous le faire?

2. Prioriser la navigation

Il devrait y avoir une poignée de choses que les utilisateurs ont tendance à faire, ou que vous voulez qu'ils fassent, lorsqu'ils visitent la version mobile (réactive) de votre site Web. Assurez-vous qu'une navigation facile à suivre permet aux utilisateurs d'accéder rapidement à ces éléments.

Alors qu'un menu de dix options de navigation à plusieurs niveaux peut fonctionner sur votre site de bureau, les utilisateurs mobiles sont souvent plus pressés par le temps. Ils n'ont pas l'intention de fouiller le site jusqu'à ce qu'ils trouvent quelque chose.

La navigation doit être simple et rationalisée. Si vous ne savez pas par où commencer, jetez un œil à vos analyses d'utilisateurs mobiles. Quelles sont les trois ou quatre premières pages visitées? Ces pages correspondent-elles à ce que vous attendez? Vous avez trouvé les éléments de navigation clés pour pouvoir ajuster le contenu mobile en conséquence.

3. Pensez comme un moteur de recherche

Ne jouez pas l'algorithme. Créez un contenu de qualité que les utilisateurs souhaitent lire.

Que vous obteniez dix pages vues par jour, ou des millions, vous voulez penser comme un moteur de recherche en ce qui concerne le contenu sur les appareils mobiles. Chaque mot, image et bit de contenu doit être rapide et interrogeable. Mais ne jouez pas l'algorithme. Créez un contenu de qualité que les utilisateurs souhaitent lire.

En ce qui concerne le mobile, cela peut signifier une réduction de certains éléments de contenu. Plutôt que trois images sur la page d'accueil, par exemple, choisissez la photo la plus importante. N'alourdissez pas votre site mobile; Les vitesses Web et le Wi-Fi s'améliorent tout le temps, mais certains utilisateurs auront du mal avec les connexions et votre site Web doit toujours être accessible.

Vous pouvez vérifier la vitesse des pages mobiles avec cet outil astucieux de Google, qui vous aide à garder tout bien optimisé.

4. Agrandir le texte

Des écrans plus petits ne doivent pas signifier un texte plus petit. Vous devez en fait augmenter la taille des points pour rendre le contenu plus facile à lire et à digérer. Jetez un œil à votre corps et optez pour une taille qui permet de 30 à 40 caractères par ligne. (C'est environ la moitié de ce qui est recommandé pour les écrans de bureau.)

Il existe également d'autres astuces pour rendre le texte plus lisible sur de petits écrans. Vous pouvez les trouver dans un précédent article Design Shack sur des conseils pour concevoir une meilleure typographie mobile.

5. Rédiger une microcopie significative

Une excellente microcopie - le texte à l'intérieur d'éléments tels que des boutons - peut faire ou défaire le design. La microcopie peut ajouter de la personnalité et une étincelle au design. Il transmet également de nombreuses informations et aide les utilisateurs à se repérer dans la conception.

Sur les appareils mobiles, en particulier, envisagez de faire une microcopie un peu plus grande que la normale et utilisez-la toujours dans des formulaires pour aider les utilisateurs à savoir exactement quoi faire.

Pensez aux problèmes courants que vous rencontrez lorsque vous payez quelque chose sur votre téléphone, par exemple. Le formulaire peut s'étendre sur plusieurs écrans ou parchemins; la microscopie de guidage peut faciliter le remplissage de tout correctement la première fois. (Un élément clé dans la conversion des actions des utilisateurs mobiles.)

6. Supprimez les effets inutiles pour mobile

Supprimez tout ce dont vous n'avez pas besoin pour les conceptions mobiles.

Les animations de rotation et les fonctionnalités de défilement de parallaxe sont incroyables sur les sites Web de bureau, mais peuvent embourber les versions mobiles. Supprimez tout ce dont vous n'avez pas besoin pour les conceptions mobiles. Vous voulez que tout se charge rapidement et en toute transparence; les animations qui peuvent ou non fonctionner gênent immédiatement la connexion avec un utilisateur.

Un autre effet que vous pouvez retirer? Effets de survol. Il n'existe pas d'état de vol stationnaire pour les actions tactiles.

Rationalisez l'expérience utilisateur mobile avec une fonctionnalité de prise en main facile à comprendre (pour remplacer le clic) qui a un peu évident de rétroaction. Vous ne voulez pas que les utilisateurs se demandent si une action a eu lieu; cela devrait toujours être évident.

7. Adaptez-vous à l'échelle

Rien n'est plus frustrant que d'atterrir sur un site responsive mobile où tout est minuscule. Le point d'avoir une conception mobile est de rendre le site Web plus accessible aux utilisateurs sur des appareils plus petits. Vous devez adapter le contenu à cette échelle.

Parfois, l'adaptation du contenu n'est qu'un réarrangement des parties.

• Les boîtes alignées sur l'écran d'un bureau peuvent être empilées verticalement sur un appareil mobile.
• Les photos sont recadrées plus carrées ou verticalement en fonction de l'orientation dominante de l'utilisation mobile (verticale).
• Le texte est édité et rogné par souci de concision.
• La navigation est réaffectée et placée dans un emplacement différent.
• Les appels à l'action sont transformés en éléments plus grands presque de la taille d'un écran.
• Tous les boutons et éléments du robinet sont placés dans des endroits faciles d'accès, en fonction de la façon dont les utilisateurs tiennent leur téléphone.

Conclusion

Êtes-vous prêt à repenser une partie du contenu de votre site Web? Si vous avez créé un site Web réactif et supposé que tout convertirait les utilisateurs mobiles, il est temps d'évaluer la partie mobile de la conception. Il y a des chances qu'il y ait de la place pour de petits changements de contenu qui peuvent vraiment changer la façon dont les utilisateurs interagissent avec la conception.

Il s'agit d'une partie vitale du processus de conception. Jetez un œil à vos analyses. Quel pourcentage de votre base d'utilisateurs accède à la conception sur un appareil mobile? Si vous ne faites pas d'ajustements pour répondre à leurs besoins, vous pourriez aliéner un grand segment de votre base d'utilisateurs sans vouloir les offenser.