Vous avez un site Web mobile, non? Est-ce réactif ou avez-vous utilisé un plugin pour le rendre beau? Est-ce que ça convertit? Étant donné que l’utilisation d’Internet mobile a explosé au fil des ans, l’expérience utilisateur de votre site Web mobile (ou UX mobile) devrait attirer autant d’attention que l’expérience utilisateur de votre site Web de bureau. D’autant plus que Google jugera de plus en plus votre site en fonction de votre version mobile. Dans cet article, j’aimerais partager dix choses que vous pouvez faire pour améliorer l’expérience utilisateur (UX) de votre site Web mobile.

Permettez-moi de faire une différenciation pour commencer. Bien que toutes les choses mentionnées dans cet article s’appliquent également aux tablettes, nous avions à l’esprit les smartphones lors de la rédaction de cet article. Mais, en 2020, vous devez non seulement garder à l’esprit les smartphones, car de nombreux autres appareils peuvent consommer votre contenu. Vous lisez cet article sur votre smartwatch? Bien sûr, pourquoi pas.

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

Concevez votre site Web mobile et sa structure en pensant à l’utilisateur – sans oublier référencement mobile. Votre utilisateur utilise un téléphone mobile. Ils pourraient être sur le point de faire quoi que ce soit et avoir besoin de vérifier quelque chose sur votre site Web. Qu’est-ce que ça pourrait être? Réfléchissez un instant à ce que les visiteurs font sur votre site Web (consultez Google Analytics, faites preuve de bon sens à propos de votre entreprise ou effectuez des tests appropriés). Décidez tâches principales pour votre site Web mobile.

Wijchen.nl a une conception basée sur les tâches

Selon l’expert principal des tâches Gerry McGovern, les tâches principales sont le petit ensemble de tâches (généralement moins de dix, souvent moins de cinq) qui comptent le plus pour vos clients. Ce sont les tâches clés que les utilisateurs s’attendent à faire rapidement sur votre site. Optimisez votre site mobile de manière à ce que ces tâches soient accessibles le plus facilement possible.

David Allen vous l’a déjà dit. Vous devez 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 voulait faire. Sur leur téléphone mobile, il y a probablement beaucoup d’applications qu’ils ont l’habitude d’utiliser. Être sur un appareil mobile peut rendre la concentration de l’utilisateur plus difficile. 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. Ajoutez un menu clair et une option de recherche

La recherche est disponible lorsque vous en avez besoin

L’un des principaux éléments de l’UX mobile est la recherche. Vous devez pouvoir effectuer une recherche à tout moment. Une option de recherche doit toujours être disponible lors de la lecture d’une page, en cliquant sur une autre. Le fait est que même si nous nous efforçons de présenter le site Web le plus simple possible, comme mentionné dans la section ci-dessus, il y aura toujours des éléments qui ne rentrent tout simplement pas dans ce domaine. Pour tout ce contenu, il serait bon d’utiliser une option de recherche mobile.

Si vous êtes un courtier immobilier ou vendez des vêtements en ligne, cette option de recherche pourrait tout aussi bien être l’élément le plus important de votre page d’accueil mobile. Veuillez 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.

Une dernière chose à propos de l’UX mobile liée à la recherche: avoir l’option n’est que la première étape. Assurez-vous que vos pages de résultats de recherche internes sont également géniales. Les résultats doivent être classés en fonction de leur pertinence, par exemple, à la fois sur ordinateur et sur mobile. Assurez-vous que les résultats individuels peuvent être distingués, améliorez donc la séparation des résultats.

3. Aucun diviseur nécessaire

À propos de ce manque de séparation; cela ne signifie pas que vous devez utiliser toutes sortes de séparateurs sur votre site Web mobile. Les diviseurs prennent de la place, ce qui pourrait avoir une influence négative sur l’UX mobile à la place. Pensez à des façons de styliser les éléments afin qu’ils ressemblent tous à des sections séparées, sans pour autant le besoin d’un diviseur. Utilisez des bordures, des espaces blancs, des titres. Il y a beaucoup de choses qui peuvent être faites pour améliorer cet UX mobile sans ajouter d’éléments de ligne qui ne prennent que de la place. Bien sûr, il n’est pas interdit de les utiliser. Assurez-vous simplement qu’ils s’intègrent et ne détournent pas les utilisateurs de leurs tâches.

4. Utilisez des formulaires courts

Comme sur votre site Web pour ordinateur, votre site mobile pourrait ou devrait viser la conversion. Acheter des produits ou obtenir un devis pour vos services. S’abonner à votre newsletter ou simplement remplir un formulaire de contact sont toutes des actions qui nécessitent une intervention de l’utilisateur. Sur un téléphone mobile, les formulaires de six pages ruinent l’UX mobile. Utilisateurs pourrait remplissez-les, mais il est très puissant car il s’agit d’un formulaire de six pages.

Pour une UX mobile optimale, vous voulez que les formulaires soient aussi courts que possible. Supprimez toutes les choses que vous souhaitez demander mais dont vous n’avez pas besoin. Bulletin? Juste l’adresse e-mail (avec un <input type="email"> champ de saisie). Citation? Nom et adresse e-mail. Boutique? Adresse de livraison adresse de facturation Adresse. Ou au moins une option pour copier l’adresse de livraison à l’adresse de facturation. Assurez-vous cependant de suivre les directives du GDPR!

5. Donnez du tonus

Vous pourriez penser que votre site de bureau est fantastique avec toutes ces couleurs et ces images énormes, mais sur votre site Web mobile, l’effet sera perçu différemment. Il y aura moins de concentration. Votre site Web n’a pas besoin d’être uniquement en noir et blanc, mais un joli fond 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 parité mobile – ils doivent offrir la même expérience sur mobile que sur ordinateur. Cela vaut non seulement pour le contenu, mais aussi pour le design. De plus, aujourd’hui, lorsque vous évaluez votre site, vous devez toujours le regarder à partir d’un perspective mobile d’abord. Donc, si jamais vous démarrez un projet de refonte de votre site, faites-le d’abord mobile.

Tonifier les choses va également pour vos animations sauvages et autres. Chaque bit non essentiel de JavaScript que vous ajoutez à votre site rend son chargement et son exécution plus difficiles. De plus, l’animation n’a pas toujours de sens sur un site mobile. Gardez votre site mince et moyen!

6. Zones touchées par les boutons

C’est tellement évident, mais toujours préoccupant. Les sites Web mobiles sont principalement parcourus à l’aide des doigts et des pouces et les boutons ne fournissent pas toujours suffisamment d’espace pour les frapper facilement. Dans la documentation destinée aux développeurs de Google, vous pouvez le trouver sous Cibles Tap accessibles. Et nous devons également 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 ne peut avoir qu’une largeur et une hauteur de 24 px, vous pouvez utiliser un remplissage supplémentaire pour amener la taille de la cible de prise à 48 px. La zone de 48 × 48 pixels correspond à environ 9 mm, ce qui correspond à peu près à la taille de la zone du pavé tactile d’une personne.

De plus, les experts en convivialité de Nielsen ont constaté que cibles tactiles sur mobile doit avoir une taille de rendu d’au moins 1 cm x 1 cm pour éviter les erreurs et les frustrations. La façon dont les éléments tactiles sont souvent trop proches les uns des autres est étroitement liée aux zones touchées par les boutons – ce que Nielsen a également décrit dans cet article de recherche. C’est ennuyeux de cliquer sur un lien et de se retrouver ailleurs, simplement parce que le lien à côté est trop proche du lien que vous vouliez.

7. N’utilisez pas trop de 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. 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 votre police de paragraphe) soit trop petite pour être lue sans avoir à pincer et à zoomer.
  2. Vous créerez un désordre en utilisant plus de trois tailles de police. Les différences de taille seront beaucoup plus visibles. C’est pourquoi vous devez limiter le nombre de tailles de police à deux, voire trois.

Les tests de Google pour mobile vérifient même si vos tailles de police sont dans l’ordre. Cela vaut principalement pour la police du corps, mais quand même.

8. Optimiser pour la vitesse

Un autre facteur majeur pour le bon niveau d’UX mobile est la vitesse. Il y a plusieurs outils pour vérifier la vitesse du site. La plupart du temps, vous pouvez faire plusieurs choses pour améliorer les performances. Le premier semble toujours évident: l’optimisation de l’image. Vous devez au moins réduire la taille de l’image à l’aide d’outils tels que Squoosh. En plus de cela, vous devez combiner et réduire les fichiers CSS et JavaScript qui sont chargés. Moins il y a de connexions au serveur à effectuer, plus votre site Web sera rapide et meilleure sera l’expérience utilisateur mobile. Bien sûr, vous devez également utiliser un excellent hébergement, car cela s’avère souvent être une victoire rapide pour de nombreux sites.

La vitesse du site est un sujet brûlant chez Google. Il n’y a pas si longtemps, ils ont annoncé un nouvel ensemble de métriques appelé Core Web Vitals. Ces statistiques donnent à Google des informations sur un nouveau facteur de classement: Expérience de la page. En 2021, les sites mobiles seront également jugés sur l’expérience qu’ils proposent aux utilisateurs. Bien entendu, la vitesse du site est l’un de ces facteurs. Renseignez-vous sur le trois éléments vitaux Web de base et suivez le cinq façons d’améliorer l’expérience de votre page pour votre site mobile.

PageSpeed ​​Insights vous donne d’excellents commentaires sur les performances de votre site – optimisé par Core Web Vitals

9. N’allez pas trop loin avec les publicités

De nombreux sites utilisent des publicités pour gagner un peu d’argent et c’est très bien. Mais ce que vous ne devriez pas faire, c’est effrayer l’utilisateur avec des fenêtres contextuelles et autres. Vous ne respectez pas vraiment l’utilisateur lorsque la première chose que vous lui faites vivre est un formulaire d’inscription à votre newsletter. Assurez-vous que les éléments se chargent correctement avant de présenter vos annonces et vos CTA. De plus, gardez-les de bon goût et atténués. Vous cherchez à établir une connexion et à établir une relation avec un utilisateur et cela ne se produit pas lorsque vous flashez BUY MY STUFF en face à la seconde où ils arrivent sur votre site mobile. C’est une mauvaise expérience utilisateur – et celui qui pourrait même mettre Google en colère.

10. Testez votre UX mobile encore et encore.

Lorsque vous proposez un site Web réactif à vos visiteurs, vous devez vous assurer que chaque modification de votre site pour ordinateur est également testée sur la version mobile de votre site. C’est la seule façon de vous assurer que votre site Web mobile est toujours à jour. Assurez-vous de tester votre site mobile encore et encore.

Donc, en conclusion, l’UX mobile concerne beaucoup de choses. Dans cet article, nous avons discuté de ces dix façons d’améliorer votre UX mobile:

  1. Utilisez une conception basée sur les tâches
  2. Fournir un bon menu avec une option de recherche
  3. Pas besoin d’ajouter des séparateurs lorsque les sections sont claires pour commencer
  4. Rendre les formulaires aussi courts que possible
  5. N’ajoutez pas trop de couleurs dans votre conception
  6. Assurez-vous que les boutons et les liens peuvent être cliqués
  7. N’exagérez pas avec les variations de taille de police
  8. Rendez votre site Web le plus rapide possible
  9. Ne faites pas de publicités intrusives et de pop-ups
  10. Testez toutes les modifications apportées à votre site Web sur les appareils mobiles

Dans l’attente de vos conseils!

Ce ne sont que dix choses parmi les nombreuses choses que nous pensons que vous devriez prendre en compte lors de l’optimisation de votre UX mobile. Nous sommes sûrs que vous pouvez en proposer d’autres et nous attendons avec impatience vos réflexions sur le sujet: Quels autres éléments pensez-vous qu’un site Web mobile devrait prendre en compte?

Lire la suite: SEO mobile: le guide ultime »


Source link