Comment améliorer l'expérience utilisateur mobile : 11 stratégies efficaces

Pourquoi vous devez vous concentrer sur les utilisateurs mobiles

Vous avez un site Web adapté aux mobiles, n'est-ce pas ? Le maintenez-vous à jour avec un contenu pertinent et suivez-vous les dernières directives de référencement ? Bien sûr, vous le faites! Et je parie que cela offre une excellente expérience utilisateur sur votre ordinateur de bureau ou votre ordinateur portable.

Mais convertit-il sur les appareils mobiles ? Comme l'utilisation de l'Internet mobile a explosé au fil des ans, votre expérience utilisateur mobile (ou Mobile UX) devrait attirer autant d'attention que l'expérience utilisateur de votre site Web de bureau.

En 2022, jusqu'à 70 % du trafic Web provient d'appareils mobiles — TECHJURY

Savez-vous comment améliorer l'UX mobile ? Malheureusement, la plupart des expériences mobiles souffrent d'une UX médiocre pour une raison simple : leurs créateurs n'ont pas respecté les meilleures pratiques, normes et conventions de conception UX mobile.

Comme Google évalue de plus en plus votre site en fonction de votre version mobile, l'amélioration de votre expérience utilisateur mobile devient encore plus cruciale. Dans cet article, j'aimerais partager 11 stratégies pratiques pour améliorer l'expérience utilisateur (UX) de votre site Web mobile.

Bien que toutes les choses mentionnées dans cet article s'appliquent également aux tablettes, j'avais en tête les smartphones lors de la rédaction de cet article. Mais, en 2022, vous ne devez pas seulement garder à l'esprit les smartphones, car de nombreux autres appareils peuvent consommer votre contenu. Certains d'entre vous liront peut-être même cet article sur leur smartwatch.

Comment améliorer l'expérience utilisateur mobile

1. Utilisez une conception basée sur les tâches

Question : Quelle est la principale raison pour laquelle les utilisateurs visitent votre site Web ?

Concevez votre site Web mobile et sa structure en pensant à l'utilisateur, sans oublier le référencement mobile. Votre visiteur utilise son téléphone mobile. Peut-être qu'ils sont en route vers n'importe quoi et qu'ils ont besoin de vérifier quelque chose sur votre site Web. Qu'est-ce que cela pourrait être? Réfléchissez un instant aux choses que font les visiteurs sur votre site Web (consultez Google Analytics, faites preuve de bon sens à propos de votre entreprise ou effectuez des tests appropriés). Ensuite, décidez des principales tâches pour votre site Web mobile.

Les tâches principales sont le petit ensemble de tâches (généralement moins de dix, souvent moins de cinq) les plus importantes pour vos visiteurs. Ce sont les tâches essentielles que les utilisateurs s'attendent à effectuer sur votre site. Optimisez votre site mobile pour que ces tâches soient accessibles le plus facilement possible.

L'objectif principal de votre site Web est d'aider les visiteurs à faire avancer les choses. Si quelqu'un trouve votre site Web et commence à le parcourir, assurez-vous qu'il peut facilement trouver et compléter ce qu'il veut faire. Il y a probablement de nombreuses applications sur leur téléphone portable qu'ils ont l'habitude d'utiliser. Être sur un appareil mobile peut rendre la concentration plus difficile pour l'utilisateur. Les distractions sont partout, pas seulement au téléphone. Concevez votre UX mobile pour vous assurer qu'ils font avancer les choses avant de passer à d'autres applications à la place.

2. Restez simple

Vous pourriez penser que votre site de bureau est fantastique avec des images de héros et un texte volumineux. Mais sur votre site Web mobile, les utilisateurs percevront l'effet différemment. Il y aura moins de concentration. Votre site Web ne doit pas nécessairement être uniquement en noir et blanc, mais un simple arrière-plan blanc, des lettres noires et une ou peut-être deux couleurs de support suffisent pour une meilleure UX mobile.

Assurez-vous que votre site mobile et votre site pour ordinateur offrent la même expérience utilisateur. La cohérence vaut pour le contenu et devrait également s'appliquer à la conception. De plus, aujourd'hui, lors de l'évaluation de votre site, vous devez toujours l'examiner du point de vue du mobile. Donc, si jamais vous commenciez un projet de refonte de votre site, assurez-vous qu'il est d'abord mobile.

Atténuer les choses vaut également pour vos animations et autres micro-interactions. Chaque élément JavaScript non essentiel que vous ajoutez à votre site rend son chargement et son exécution plus difficiles. De plus, les animations n'ont pas toujours de sens sur un site mobile. Alors gardez votre site mince et méchant !

3. Optimiser pour la vitesse

Garder votre site mobile aussi simple que possible vous aidera également à améliorer la vitesse de chargement des pages sur les appareils mobiles. La vitesse de la page est un contributeur important à l'expérience d'un utilisateur mobile. Il existe de nombreux outils pour vérifier la vitesse du site. Souvent, il y a plusieurs choses que vous pouvez faire pour optimiser la vitesse de la page.

La vitesse du site est également un sujet brûlant chez Google. En 2021, le moteur de recherche a annoncé un nouvel ensemble de mesures appelé Core Web Vitals. Ces mesures donnent à Google des informations sur un nouveau facteur de classement : l'expérience de la page. En 2022, les utilisateurs jugeront les sites mobiles par l'expérience qu'ils offrent aux utilisateurs. Et, vous l'avez deviné, la vitesse du site est l'un de ces facteurs.

L'une des choses les plus simples et les plus efficaces que vous puissiez faire est d'optimiser vos images pour le référencement et l'expérience utilisateur. Il existe plusieurs outils pour vous y aider. J'aime Imagify, mais Smush et Short Pixel sont des alternatives viables.

En plus de cela, vous devez combiner et réduire les fichiers CSS et JavaScript chargés. Moins il y a de connexions requises au serveur, plus votre site Web sera rapide et l'expérience de l'utilisateur mobile meilleure. Cependant, cette étape peut casser votre site Web et vous devriez laisser un concepteur Web professionnel vous aider.

Bien sûr, vous devez également utiliser un hébergement premium, car cela s'avère souvent être une victoire rapide pour de nombreux sites.

4. Utilisez des boutons cliquables

C'est tellement évident, mais toujours préoccupant. Les visiteurs parcourent les sites Web mobiles en utilisant les doigts et les pouces, et les boutons ne fournissent pas toujours assez d'espace pour les toucher rapidement. Vous pouvez le trouver sous Accessible Tap Targets dans la documentation du développeur de Google. Et nous devons pouvoir cliquer sur des éléments avec ce pouce.

Dans cet article Google lié ci-dessus, vous pouvez trouver des chiffres pour cette cible tactile :

Une taille cible tactile minimale recommandée est d'environ 48 pixels indépendants de l'appareil sur un site avec une fenêtre d'affichage mobile correctement définie. Par exemple, alors qu'une icône peut n'avoir qu'une largeur et une hauteur de 24 pixels, vous pouvez utiliser un rembourrage supplémentaire pour amener la taille de la cible tactile à 48 pixels. La zone de 48 × 48 pixels correspond à environ 9 mm, soit à peu près la taille de la zone du doigt d'une personne.

De plus, les experts en convivialité de Nielsen ont constaté que les cibles tactiles sur mobile devraient avoir une taille de rendu d'au moins 1 cm x 1 cm pour éviter les erreurs et la frustration. Les éléments tactiles qui sont souvent trop proches les uns des autres sont liés aux zones de frappe des boutons, ce que Nielsen a également décrit dans cet article de recherche. Par exemple, il n'est pas avantageux de cliquer sur un lien et de se retrouver ailleurs car le lien à côté est trop proche du lien que vous vouliez.

5. Concentrez-vous sur la zone du pouce mobile

Au fur et à mesure que la taille de l'écran augmentait, le terme «zone du pouce mobile» est soudainement devenu crucial pour la langue vernaculaire du concepteur. La plupart des gens tiennent leur appareil mobile d'une seule main et utilisent leur pouce pour naviguer sur le site.

Naturellement, l'interface utilisateur mobile doit fournir la majorité des éléments cliquables et des boutons de navigation importants à portée confortable du pouce. Par conséquent, cette zone confortablement accessible autour du pouce de l'utilisateur est considérée comme la zone mobile du pouce.

Cela signifie que vous devez optimiser l'expérience de votre site mobile pour la "zone du pouce" - la zone de l'écran d'un téléphone qui peut être facilement accessible avec le pouce lorsqu'une personne tient son téléphone d'une main.

Essentiellement, placez les interactions principales au premier plan (zones faciles d'accès de l'écran) et les moins importantes sur les bords supérieur et inférieur de l'écran. Gardez à l'esprit qu'à mesure que la taille de l'écran augmente, la zone du pouce diminue.

6. Ajouter un menu simple et une option de recherche

L'un des principaux éléments de l'UX mobile est la recherche. Vous devez être en mesure de rechercher à tout moment. Ainsi, une option de recherche doit toujours être disponible lors de la lecture d'une page lorsque vous cliquez sur une autre. Le fait est que même si nous nous efforçons de présenter le site Web le plus simple possible, il y aura toujours des éléments qui ne s'intégreront pas aussi facilement. Donc, pour tout ce contenu, il serait bon d'utiliser une option de recherche mobile.

Si vous êtes courtier immobilier ou vendez des vêtements en ligne, cette option de recherche pourrait tout aussi bien être l'élément essentiel de votre page d'accueil mobile. Veuillez donc afficher cette option de recherche dans la zone de contenu dans ce cas et la rendre disponible via la barre de menu sur d'autres pages.

Encore une chose à propos de l'UX mobile liée à la recherche : avoir l'option est la première étape. Assurez-vous également que vos pages de résultats de recherche internes sont fantastiques. Les résultats doivent être classés par pertinence, par exemple, ordinateur de bureau et mobile. Assurez-vous que les résultats individuels peuvent être distingués, donc améliorez la séparation des résultats.

7. Utilisez des séparateurs visuels

Ce manque de séparation ne signifie pas que vous devez utiliser toutes sortes de séparateurs sur votre site Web mobile. Les séparateurs prennent de la place, ce qui aura plutôt une influence négative sur l'UX mobile.

Pensez à des façons de styliser les éléments afin qu'ils ressemblent tous à des sections distinctes, sans avoir besoin d'un séparateur. Utilisez des bordures, des espaces blancs, des en-têtes, etc. Vous pouvez faire beaucoup de choses pour améliorer l'UX mobile sans ajouter d'éléments de ligne qui prennent de la place. Bien sûr, il n'y a pas de règle contre leur utilisation. Assurez-vous simplement qu'ils s'intègrent et ne détournent pas les utilisateurs de l'exécution de leurs tâches.

8. Utilisez des formulaires courts

Comme sur votre site Web pour ordinateur, votre site mobile pourrait ou devrait viser la conversion. Par exemple, les visiteurs ont l'intention d'acheter des produits ou d'obtenir un devis pour vos services. S'inscrire à votre newsletter ou simplement remplir un formulaire de contact sont autant d'actions qui nécessitent une intervention de l'utilisateur. Sur un téléphone mobile, les formulaires multipages ruinent l'UX mobile. Les utilisateurs peuvent les remplir, mais cela demande beaucoup. Franchement, je n'aime pas beaucoup les formulaires multi-pages sur les ordinateurs de bureau ou les ordinateurs portables.

Vous souhaitez que les formulaires soient aussi courts que possible pour une UX mobile optimale. Supprimez toutes les choses que vous voulez demander mais dont vous n'avez pas besoin :

• Bulletin? Juste l'adresse e-mail (avec un champ de saisie <input type="email">).
• Devis? Nom et adresse e-mail.
• Boutique? Livraison, facture et adresse e-mail. Points bonus pour une option permettant de copier l'adresse de livraison sur l'adresse de facturation.

Assurez-vous cependant de suivre les directives du RGPD !

9. Limiter les tailles de police

La typographie peut faire ou défaire un site Web mobile. Non seulement le type de police que vous choisissez est important, mais également la taille de ces polices. Malheureusement, vous ne pouvez pas simplement utiliser toutes les tailles de police de bureau sur votre site Web mobile. Il y a deux raisons à cela :

1. La taille de l'écran mobile. Vous ne voulez pas que le titre remplisse l'écran ; vous voulez vous assurer que l'article commence dans la première vue de la page. Vous ne voulez pas non plus que la police de base (comme la police de votre paragraphe) soit trop petite pour être lue sans avoir à pincer et à zoomer.
2. Mobile UX souffre lors de l'utilisation de plus de trois tailles de police. Les différences de taille seront beaucoup plus visibles. Vous devez limiter le nombre de tailles de police à deux, voire trois.

Les tests adaptés aux mobiles de Google vérifient même si vous utilisez les tailles de police recommandées. Bien sûr, cela vaut principalement pour la police du corps, mais quand même.

10. Limitez les publicités et les pop-ups

De nombreux sites utilisent des publicités pour gagner un peu d'argent, et c'est très bien. Mais vous ne devriez pas effrayer l'utilisateur avec des pop-ups intrusifs et une abondance de publicités tierces. Vous ne respectez pas l'utilisateur lorsque la première chose que vous lui faites découvrir est un formulaire d'inscription à votre newsletter. Assurez-vous que votre contenu principal se charge avant d'introduire vos publicités et vos CTA.

De plus, gardez des publicités de bon goût et atténuées. Vous cherchez à établir une connexion et à nouer une relation avec un utilisateur, et cela ne se produit pas lorsque vous lui flashez ACHETER MES OBJETS MAINTENANT à la seconde où il accède à votre site mobile. Une publicité trop agressive crée une mauvaise expérience utilisateur.

11. Testez votre UX mobile. Répéter!

Lorsque vous proposez un site Web mobile à vos visiteurs, vous devez tester chaque modification sur votre site de bureau et la version mobile de votre site. C'est le seul moyen de vous assurer que votre site Web mobile est toujours à jour. Assurez-vous donc de tester votre site mobile encore et encore.

Les avantages de l'amélioration de l'UX mobile

L'ère mobile est à nos portes et l'amélioration de l'expérience utilisateur sur les appareils mobiles est aussi importante que son amélioration pour les utilisateurs de bureau. Bien sûr, cela demande beaucoup de travail, mais les avantages finaux d'utilisateurs plus satisfaits, d'un classement de recherche amélioré et d'une augmentation des revenus en valent la peine.

Cependant, l'amélioration de l'UX mobile ne consiste pas à rendre les choses identiques ou même similaires. Il s'agit de faire en sorte que les choses fonctionnent mieux et de réduire les obstacles à l'adoption. Une fois qu'ils maîtrisent les meilleures pratiques, les concepteurs et les développeurs peuvent innover et se diversifier pour créer des conceptions uniques qui contournent ou enfreignent les règles.

Offrir la meilleure expérience utilisateur mobile possible est le meilleur moyen d'encourager les visiteurs du site que votre entreprise est, en fait, le bon choix.

La plupart des tendances et des conseils dont j'ai parlé ici sont faciles à mettre en œuvre et ne nécessitent pas beaucoup de ressources ou d'efforts, tandis que certains peuvent nécessiter une refonte plus approfondie.

En améliorant l'UX mobile, vous déclarez clairement que vous vous souciez du type d'expérience que les utilisateurs ont avec votre entreprise, et c'est le meilleur message de marque que vous puissiez transmettre. Nous sommes ici pour aider!

Vous ne savez pas comment améliorer l'UX mobile ?

L'amélioration de l'UX mobile est essentielle pour offrir la meilleure expérience utilisateur possible. La convivialité est essentielle si vous voulez attirer et engager le consommateur mobile de plus en plus exigeant.

Vous souhaitez améliorer l'UX mobile pour votre présence en ligne ? Notre équipe de designers professionnels se fera un plaisir de vous aider. Mais, d'abord, regardez notre portfolio et lisez nos études de cas.

Ensuite, si vous pensez que nous répondons à vos besoins de conception mobile, parlons-en ! Nous offrons une gamme complète de solutions de conseil et de conception pour les entreprises et les marques de produits.

Si vous ne savez pas dans quelle mesure l'amélioration de l'UX mobile profite à votre entreprise ou à votre marque de produit, nous pouvons vous aider ! Notre équipe écoutera vos préoccupations, évaluera vos besoins et développera une liste de choses dont vous avez besoin pour améliorer l'UX mobile et la convivialité.

Avez-vous amélioré l'UX mobile sur votre site Web ?

Avez-vous essayé l'une de mes suggestions pour améliorer l'expérience utilisateur mobile ? Lesquelles avez-vous essayées et quel genre de résultats avez-vous obtenu ? Avez-vous d'autres conseils ou idées pour améliorer l'UX mobile ?

N'hésitez pas à commenter ci-dessous afin que notre public puisse en bénéficier et saisir notre flux pour ne pas manquer notre prochain article ! Et n'hésitez pas à partager notre publication avec votre public !

Merci! Nous apprécions votre aide pour mettre fin aux sites Web malveillants, un pixel à la fois !

Par Gregor Saita
Co-fondateur / CXO
@gregorsaita