7 bonnes pratiques pour concevoir une navigation mobile

Publié: 2016-04-19

L'utilisation du mobile se développe à un rythme astronomique, et une chose est claire : ignorez-le et vous perdrez des visiteurs.

Les utilisateurs mobiles sont désormais plus nombreux que ceux qui accèdent à Internet via leurs ordinateurs de bureau, mais les utilisateurs mobiles et les utilisateurs de bureau sont des bêtes très différentes. Les utilisateurs mobiles sont, eh bien, mobiles. Ce qui signifie qu'ils recherchent une gratification instantanée, que ce soit pour parcourir votre boutique, acheter vos services, trouver des informations ou lire les actualités. Le temps presse; s'ils ne trouvent pas ce qu'ils veulent immédiatement, ils disparaîtront sur le site Web de vos principaux concurrents.

Pour cette raison, il est plus important que jamais pour les concepteurs de travailler avec une mentalité axée sur le mobile afin d'offrir la meilleure expérience possible à leurs utilisateurs mobiles.

Et la navigation est au cœur d'une expérience utilisateur mobile fluide.

Navigation mobile

La navigation mobile doit être intuitive, facilement accessible et, avec l'immobilier à un prix élevé, elle ne doit pas occuper trop d'espace sur l'écran. La simplicité est le nom du jeu ici. Alors que huit points de navigation peuvent être parfaitement acceptables pour un ordinateur de bureau, c'est exagéré sur un mobile - cela encombrera l'écran et confondra l'utilisateur final.

bonnes pratiques-navigation-mobile-encombrement

Cependant, la plupart des utilisateurs mobiles ont migré vers le mobile à partir de leur ordinateur de bureau, et ils s'attendent toujours à une certaine norme en matière de navigation et d'apparence du site. En d'autres termes, vous ne voulez pas trop jouer avec leurs attentes. Bien que la navigation mobile soit généralement différente de celle trouvée sur les sites de bureau, elle devrait reproduire les conventions de base.

Voici sept conseils de bonnes pratiques pour une navigation mobile efficace.

1. Gardez les menus courts et agréables

"En ce qui concerne les menus sur les sites Web mobiles, moins c'est vraiment plus. ” Si vous surchargez les options de menu, les utilisateurs seront confrontés à une paralysie décisionnelle lorsqu'ils essaieront de décider de l'option dont ils ont besoin. N'oubliez pas qu'ils recherchent des informations instantanées. S'ils doivent parcourir de nombreuses options, ils disparaîtront simplement à la recherche d'un site mieux conçu. Veillez donc à ce que vos menus soient courts et sucrés.

Les magasins de commerce électronique font exception à cette règle, car les utilisateurs souhaitent un accès rapide et facile aux différentes catégories d'achat. Mais bien que vous ne puissiez pas réduire les catégories de produits, il existe un argument en faveur de la suppression de certaines des pages standard – telles que l'accueil, le contact et à propos – du menu mobile, car les utilisateurs donneront la priorité aux achats.

bonnes pratiques-menus-de-navigation-mobile

2. Inclure un bouton de recherche bien visible

Simplicité et minimalisme sont les maîtres mots du design mobile. Mais avec un espace réduit et des menus courts, les utilisateurs risquent de ne pas trouver rapidement ce qu'ils veulent. Pour cette raison, il est essentiel d'avoir un bouton de recherche bien en vue, sous la forme de l'icône en forme de miroir établie.

Idéalement, vous souhaitez placer l'icône de recherche en haut de l'écran afin que si un utilisateur atterrit sur votre site à la recherche d'une information particulière, il puisse rechercher et trouver ce qu'il veut avec un minimum de tracas.

3. Assurez-vous qu'il est facile de revenir à la page d'accueil

Une convention familière à tous les internautes est le concept de page d'accueil, et cela est tout aussi important pour les mobiles. Il est facile d'atterrir sur un site, de suivre quelques clics et de perdre soudainement la trace de l'endroit où vous vous trouvez, ou de prendre un appel téléphonique et d'oublier ce que vous faisiez lorsque vous revenez à la navigation. L'icône d'accueil est familière à tous les utilisateurs et leur permet de revenir facilement à la page d'accueil.

La page d'accueil est également un point de référence utile. Il doit avoir un aperçu des informations les plus utiles sur votre site, afin que les utilisateurs puissent se réorienter et découvrir instantanément le contenu le plus important.

4. Rendre les CTA évidents

Chaque page de votre site Web doit comporter un appel à l'action, indiquant clairement ce que vous voulez que vos visiteurs fassent après y avoir atterri. Dans l'environnement de navigation minimisé d'un mobile, il est essentiel que vos appels à l'action soient mis en valeur à tout moment.

Suivez les conventions de base pour les CTA - couleurs claires et contrastées, texte distinctif et persuasif, et assurez-vous qu'ils se démarquent visuellement - et placez-les au premier plan, là où ils ne peuvent pas être manqués.

Si vous avez une boutique de commerce électronique, envisagez d'ajouter votre bouton "Ajouter au panier" ou "Acheter" en tant que bouton collant, afin qu'il soit toujours sur la page lorsque vos utilisateurs défilent.

5. Demandez-vous si vous avez besoin de partager des icônes

Cela peut sembler une évidence ; après tout, l'utilisation des médias sociaux sur les appareils mobiles est à un niveau record, avec plus d'un demi-milliard de personnes utilisant Facebook uniquement sur leurs mobiles. Pourtant, une étude récente de Moovweb a révélé que seulement 0,2 % des utilisateurs mobiles cliquent sur un bouton de partage mobile, soit 35 % de moins que sur les ordinateurs de bureau. En effet, l'étude a montré que les mobinautes étaient 11,5 fois plus susceptibles de cliquer sur une publicité que de partager du contenu via leur mobile.

L'étude a également révélé que si vous souhaitez implémenter le partage social dans le cadre de votre campagne marketing, Facebook est le premier réseau à cibler. Pour avoir les meilleures chances de succès, en plus d'inclure une icône de partage optimisée pour les mobiles, vous devez inclure un CTA demandant à vos utilisateurs de partager les informations, et éventuellement même d'offrir une sorte d'incitation.

icônes-des-meilleures-pratiques-de-la-navigation-mobile

6. Gardez les promotions au minimum

Comme mentionné dans l'enquête ci-dessus, les utilisateurs mobiles sont beaucoup plus susceptibles de cliquer sur une publicité que de partager des informations à partir de leurs appareils mobiles. Mais cela ne signifie pas que vous devez encombrer votre site Web mobile de publicités.

Au contraire, avec l'immobilier à prime sur les écrans mobiles, encombrer l'écran de publicités est un moyen infaillible de s'assurer que vos visiteurs partent avec une grimace. Les promotions, qu'elles soient propres ou payantes sur votre site, peuvent facilement submerger même le meilleur contenu et les informations les plus importantes sur un écran, et rendre la navigation difficile pour les utilisateurs. Si vous souhaitez inclure des promotions et des publicités, veillez à ne pas les laisser prendre le dessus.

7. Rendre le site tactile

Enfin, assurez-vous que l'acte de navigation est simple pour vos utilisateurs en vous assurant que votre site mobile est tactile. N'oubliez pas qu'au lieu d'une souris précise, les utilisateurs utiliseront leurs doigts plus gros et un peu plus maladroits pour la navigation. Votre conception doit inclure beaucoup d'espace blanc et vos liens doivent être à la fois évidents et faciles à appuyer avec un doigt - la taille cible est de 44 pixels sur 44 pixels.

De plus, évitez les effets qui ne se traduisent pas bien sur mobile, tels que les effets de survol, et essayez d'éviter d'utiliser des messages contextuels - ils sont assez irritants sur un ordinateur de bureau, mais peuvent être particulièrement encombrants pour naviguer sur un site mobile.

bonnes-pratiques-navigation-mobile-touch-friendly

Il est indéniable que le mobile est important et qu'il est d'une importance vitale pour tous les propriétaires de sites Web. Assurez-vous de connaître les principaux objectifs de vos clients et de concevoir avec précision et objectif, en utilisant une perspective minimaliste et une mentalité axée sur le mobile. Vous ne voulez pas submerger les utilisateurs avec des choix et des distractions qui pourraient les paralyser et les faire fuir.

Vous visez une navigation transparente et intuitive, pour améliorer l'expérience utilisateur des visiteurs. "Avec une expérience utilisateur de premier ordre, le site attirera plus de visiteurs et fera plus de conversions. ”

Quels trucs et astuces utilisez-vous pour une navigation mobile intuitive et fluide ? Avons-nous oublié quelque chose d'important ? Dites-nous ci-dessous!