Les 10 bonnes pratiques du site mobile

Les mobinautes sont souvent pressés par le temps et ont besoin d’accéder à Internet tout en vaquant à leurs occupations quotidiennes. Pour les aider, faites en sorte que votre site se charge rapidement et soit facile à consulter.

• Privilégiez les contenus et les fonctionnalités dont les mobinautes ont le plus besoin.
• Analysez les données de votre site Web classique pour en savoir plus sur les mobinautes qui y accèdent.
• Réduisez les gros blocs de texte et utilisez des listes à puces pour faciliter la lecture.
• Compressez les images afin d’accélérer le chargement du site.

Quel que soit l’objectif de votre site, les mobinautes doivent pouvoir faire ce qui est attendu d’eux, avec un clavier virtuel et sans souris. Faites en sorte qu’ils puissent effectuer un achat ou vous contacter facilement !

• Concentrez-vous sur les informations susceptibles de faciliter les conversions (par exemple, les détails sur les produits).
• Réduisez le nombre d'étapes nécessaires pour effectuer une transaction.
• Minimisez la longueur des formulaires et utilisez le moins de champs possible.
• Utilisez la fonctionnalité Appel Direct pour tous les numéros de téléphone.

“Personne n’aime se sentir perdu. Avec une navigation claire et, sur les sites plus complexes, une fonctionnalité de recherche, vos visiteurs trouveront plus facilement ce qui les intéresse.

• Faites en sorte que les mobinautes aient à faire défiler la page le moins possible, et seulement dans le sens vertical.
• Utilisez une hiérarchie claire dans les menus et évitez les effets de survol.
• Facilitez le passage d’une page à l’autre en proposant des boutons ““Précédent”“ et ““Accueil”“ bien visibles.
• N’utilisez pas plus de sept liens par page.
• Si votre site est complexe, placez un champ de recherche bien en évidence.

La plupart du temps, ce sont des informations locales que les consommateurs recherchent sur leur mobile : la station-service la plus proche, une pizzeria ouverte, etc. Incluez une fonctionnalité permettant à vos visiteurs de vous localiser sur une carte et de se rendre chez vous.

• Indiquez votre adresse ou fournissez un outil permettant de localiser votre établissement sur la page de destination.
• Ajoutez des plans et des itinéraires. Si possible, personnalisez la page en fonction des données GPS.
• Donnez la possibilité aux mobinautes de consulter le stock des magasins situés à proximité.

Les mobinautes utilisent leurs doigts, et plus particulièrement leur pouce, pour naviguer sur leur mobile. Concevez donc votre site de sorte que les mobinautes puissent interagir facilement avec, quelle que soit la taille de leurs mains.

• Utilisez des boutons larges, parfaitement centrés, en prévoyant suffisamment de place autour pour éviter les clics accidentels.
• Agrandissez la zone de clic des petits boutons.
• Agrandissez la zone de clic des cases à cocher en y incluant le texte correspondant.

Les internautes peuvent désormais accéder à Internet depuis plusieurs appareils différents dans une même journée. Faites en sorte qu’ils ne soient pas perdus lorsqu’ils arrivent sur votre site pour mobile, en calquant le plus possible ce dernier sur votre site pour ordinateur.

• Offrez-leur la possibilité d’enregistrer les recherches qu’ils effectuent souvent et le contenu de leur panier.
• Dans la mesure du possible, maintenez les fonctionnalités clés du site sur les deux versions (mobile et ordinateur).
• Affichez les mêmes informations concernant vos produits/services.

Un site pour mobile doit faire passer son message sans fatiguer les yeux de l’utilisateur. Faites en sorte que le contenu soit facile à lire. N’oubliez pas que les mobinautes peuvent se trouver dans des endroits mal éclairés.

• Créez un contraste entre l’arrière-plan et le texte.
• Faites en sorte que le contenu soit adapté à l'écran et puisse être lu sans réduction ni zoom.
• Laissez de nombreux espaces vides.
• Jouez sur la taille et la couleur pour hiérarchiser les liens/boutons.
• Utilisez des effets d’ombre et 3D pour les boutons.

Une redirection pour mobile est un code qui détecte automatiquement les visiteurs qui accèdent à votre site depuis un mobile, afin de les rediriger vers la version pour mobile. Demandez au développeur de votre site de mettre en œuvre ce code afin que vos clients aient accès à la version de votre site la mieux adaptée à leurs besoins.

• Offrez aux internautes la possibilité de passer facilement de votre site pour ordinateur à votre site pour mobile, et inversement.
• Laissez-les choisir la version qu’ils préfèrent utiliser pour une prochaine visite.
• Incluez des informations clés sur la page de redirection, telles que votre adresse ou un outil permettant de localiser votre magasin.

Idéalement, votre site pour mobile doit pouvoir s’afficher sur tous les appareils, quel que soit le sens dans lequel ils sont orientés.

• Optez pour des alternatives au contenu Flash (certains mobiles ne permettent pas de l’afficher).
• Utilisez le HTML5 pour favoriser l’interactivité et l’animation.
• Faites en sorte que votre site s’affiche correctement, quelle que soit l’orientation de l’appareil (verticale ou horizontale).
• Les mobinautes doivent se retrouver au même endroit sur la page lorsqu’ils changent l’orientation de leur mobile.

Un bon site pour mobile vise expressément les mobinautes. Vous devez donc tenir compte de ces utilisateurs lors de sa conception. Demandez aux visiteurs de votre site pour ordinateur ce qu’ils souhaitent voir apparaître dans la version pour mobile. Testez et améliorez ensuite cette version de façon régulière.

• Effectuez des analyses pour comprendre le comportement de vos visiteurs.
• Si possible, testez au préalable les réactions des internautes, en particulier si les sites sont complexes, et recueillez les commentaires des visiteurs dès le lancement.
• Améliorez régulièrement votre site en fonction des résultats obtenus.