25 règles de Google pour construire de meilleurs sites mobiles

25 règles pour construire de meilleurs sites mobiles

L'heure de la mobilité a déjà sonné. Le smartphone a donné aux utilisateurs la possibilité de se connecter à tout moment et de n'importe où. Mais votre site est-il présent pour eux dans les moments importants ? Pour répondre véritablement aux besoins de vos clients, l'expérience utilisateur de votre site mobile doit leur permettre de trouver rapidement et facilement ce qu'ils recherchent sans pour autant sacrifier la richesse de votre contenu.
Sur la façon d'aborder cette problématique, je crois qu'il existe autant d'opinions que d'experts. Seulement très peu sont basées sur des données réelles issues de la recherche. Google a collaboré avec AnswerLab et ils ont récemment organisé 119 sessions de test utilisateurs durant lesquelles ils ont observé le comportement des mobinautes sur 100 sites mobiles différents, allant de la vente au détail, à l'assurance et aux site d'informations. Les utilisateurs ont été invités à évoquer leurs frustrations en temps réel en essayant de faire un achat ou d'obtenir un devis.

De cette recherche, 25 principes de conception de site mobile ont été mise en lumière afin d'aider le développement de sites mobiles qui séduisent à la fois les clients tout en générant également des conversions. Jennifer Gove, chercheur sur l'expérience utilisateur chez Google, commente les principaux points à retenir de cette étude.

Regardons plus en détail les principaux enseignements tirés de cette étude.

1. Ajouter une barre de recherche visible.

Les participants à l'étude ayant un besoin spécifique, en particulier sur les sites de vente, se sont d'abord tournés vers le moteur de recherche du site pour trouver ce qu'ils cherchaient. Ils ont été prompts à abandonner les sites qui avaient renvoyé des résultats de recherche incohérents ou en trop grand nombre.
Si votre site mobile ne dispose pas d'une barre de recherche, vous devriez probablement en ajouter une. «Les utilisateurs [sur les mobiles] veulent trouver l'information rapidement, de toute urgence. Nous avons donc trouvé un réel besoin pour avoir une recherche visible et accéssible sur la page d'accueil» explique Jennifer Gove.

Cela n'est pas si surprenant que Google recommande la mise en avant d'un outil de recherche. Jennifer Gove admet qu'elle était curieuse de savoir si la nécessité de taper un terme de recherche dans une barre pourrait rebuter certains utilisateurs. En réalité, Google a constaté que cela ne dérangeait pas les utilisateurs car cela leur a simplifié la navigation vers l'information qu'ils cherchaient.

Assurez-vous que la barre de recherche de votre site mobile est visible sur la page d'accueil, qu'elle renvoie des résultats pertinents et qu'elle est dotée de fonctionnalités avancées, comme l'auto-complétion et les filtres, afin de permettre aux utilisateurs de trouver rapidement ce qu'ils veulent.

2. Idées reçues sur les sites mobile.

Les participants de l'étude ont souvent cliqué sur le lien pour visiter le "site complet", pensant qu'ils rataient quelque chose en restant sur la version mobile du site. Choisir le «site mobile» implicitait pour eux qu'ils ne recevaient pas l'expérience «complète», alors qu'en réalité, le site mobile offre la plupart, sinon toutes les fonctionnalités mais dans un format plus confortable à lire.

Si votre site mobile offre le même contenu et les mêmes fonctionnalités que votre site "classique" mais dans un format "Responsive Design" ou mobile, il n'est pas nécessaire d'indiquer le lien vers le site classique. Si vous affichez le lien vers votre site "classique" en utilisant des termes comme «site classique" au lieu de "site complet", vous indiquez clairement que les deux sites offrent une expérience similaire et complète.

3. Simplifier la navigation vers un autre écran.

Nous utilisons très souvent nos smartphones en mobilité, et en conséquence, nous sommes plus susceptibles d'être interrompus durant l'expérience de navigation que si nous sommes devant un ordinateur.
Certains sites exigent de s'inscrire ou d'ouvrir une session pour faire un achat ou tout simplement pour parcourir le site. Ces approches sont à bannir sur mobile. "Certains sites exigent de vous inscrire ou ouvrir une session pour faire un achat. C'est une grosse erreur. Les boutiques en ligne peuvent très bien récupérer ces informations durant ou après le processus d'achat. Nous avons également observé que les utilisateurs souhaitaient avoir la possibilité de poursuivre le processus de conversion, ou le suivi de la recherche, à une date ultérieure ou sur un autre appareil», explique Jenniger Gove. «Nous avons vu de nombreux utilisateurs copier/coller des URL pour eux-mêmes."

La solution serait peut être d'afficher un bouton de raccourci pour que les utilisateurs puissent s'envoyer le lien afin de le vérifier plus tard. Ceci est la conception centrée sur l'utilisateur et cela implique aussi de laisser le choix à l'utilisateur de s'inscrire plus tard depuis un autre appareil.

4. Scindez les grands formulaires.

Parmi les nombreux sites utilisés pour cette étude, nombreux sont ceux qui utilisent de longs formulaires dans leurs processus pour recueillir les informations des utilisateurs (adresses, numéros de cartes de crédit pour l'expédition et la facturation d'un achat, etc). Si cela ne pose pas de difficultés d'affichage sur un écran de bureau, il convient alors de "casser" ces formulaires en les divisant afin de les rendre plus accessible sur mobile car les mêmes informations peuvent être demandées sur plusieurs pages.

«Quand les utilisateurs arrivent sur un grand formulaire sur leur mobile, c'est d'emblée très décourageant. Il faut donc les scinder en faisant attention de ne pas répéter les demandes d'informations en veillant à ce qui est réellement important", explique Jennifer Gove. "Une autre chose liée à cela est qu'il n'y a rien de pire que d'avoir rempli un formulaire, de le soumettre, et de recevoir un message d'erreur ensuite."

5. Optimisez ou mobilisez.

Sans surprise, il était plus facile pour les participants de naviguer sur des sites mobiles réellement optimisés que sur les sites de bureau depuis leurs appareils mobiles. Cependant, les sites qui comprenaient un mélange de pages classiques et de pages mobiles optimisées étaient effectivement plus difficile à utiliser pour les participants.

Pour améliorer l'expérience utilisateur, l'exécution des tâches et les taux de conversion, il convient d'optimiser l'ensemble de votre site pour la navigation mobile en optant pour le "Responsive Design". Si le lancement de votre site doit se faire en plusieurs phases, assurez-vous que les utilisateurs n'aient pas à naviguer entre des pages classiques et des pages optimisées pour accomplir leurs tâches.

En conclusion

Comme moi, vous vous dites probablement que tout ceci semble évident et Jennifer Gove nous le confirme aussi. "Il est intéressant de constater qu'à propos de l'expérience utilisateur, que ces remarques sont évidentes, mais il est surprenant de constater aussi combien de sites sont encore en retard sur ces règles. C''est une bonne chose de partager et publier ces données afin d'indiquer ce qui doit être fait."

Globalement, cette étude tend à démontrer que trop de sites ne sont pas encore optmisés pour le mobile et que ceux qui le sont ont encore des progrés à faire pour avoir une bonne expérience utilisateur.
Penser "utilisateur" d'abord, penser "multi-écran", penser navigabilité, tout ceci ne s'improvise pas et doit être intégrer très en amont dans le processus de conception du site. En cas de doute ou de besoin pour votre projet, n'hésitez pas à prendre contact avec moi pour échanger à ce sujet.
Prenez également le temps de commenter cet article pour partager votre expérience en la matière.

Source : étude Google

L'heure de la mobilité a déjà sonné. Le smartphone a donné aux utilisateurs la possibilité de se connecter à tout moment et de n'importe où. Mais votre site est-il présent pour eux dans les moments importants ? Pour répondre véritablement aux besoins de vos clients, l'expérience utilisateur de votre site mobile doit leur permettre de trouver rapidement et facilement ce qu'ils recherchent sans pour autant sacrifier la richesse de votre contenu.
Sur la façon d'aborder cette problématique, je crois qu'il existe autant d'opinions que d'experts. Seulement très peu sont basées sur des données réelles issues de la recherche. Google a collaboré avec AnswerLab et ils ont récemment organisé 119 sessions de test utilisateurs durant lesquelles ils ont observé le comportement des mobinautes sur 100 sites mobiles différents, allant de la vente au détail, à l'assurance et aux site d'informations. Les utilisateurs ont été invités à évoquer leurs frustrations en temps réel en essayant de faire un achat ou d'obtenir un devis.

De cette recherche, 25 principes de conception de site mobile ont été mise en lumière afin d'aider le développement de sites mobiles qui séduisent à la fois les clients tout en générant également des conversions. Jennifer Gove, chercheur sur l'expérience utilisateur chez Google, commente les principaux points à retenir de cette étude.

Regardons plus en détail les principaux enseignements tirés de cette étude.

1. Ajouter une barre de recherche visible.

Les participants à l'étude ayant un besoin spécifique, en particulier sur les sites de vente, se sont d'abord tournés vers le moteur de recherche du site pour trouver ce qu'ils cherchaient. Ils ont été prompts à abandonner les sites qui avaient renvoyé des résultats de recherche incohérents ou en trop grand nombre.
Si votre site mobile ne dispose pas d'une barre de recherche, vous devriez probablement en ajouter une. «Les utilisateurs [sur les mobiles] veulent trouver l'information rapidement, de toute urgence. Nous avons donc trouvé un réel besoin pour avoir une recherche visible et accéssible sur la page d'accueil» explique Jennifer Gove.

Cela n'est pas si surprenant que Google recommande la mise en avant d'un outil de recherche. Jennifer Gove admet qu'elle était curieuse de savoir si la nécessité de taper un terme de recherche dans une barre pourrait rebuter certains utilisateurs. En réalité, Google a constaté que cela ne dérangeait pas les utilisateurs car cela leur a simplifié la navigation vers l'information qu'ils cherchaient.

Assurez-vous que la barre de recherche de votre site mobile est visible sur la page d'accueil, qu'elle renvoie des résultats pertinents et qu'elle est dotée de fonctionnalités avancées, comme l'auto-complétion et les filtres, afin de permettre aux utilisateurs de trouver rapidement ce qu'ils veulent.

2. Idées reçues sur les sites mobile.

Les participants de l'étude ont souvent cliqué sur le lien pour visiter le "site complet", pensant qu'ils rataient quelque chose en restant sur la version mobile du site. Choisir le «site mobile» implicitait pour eux qu'ils ne recevaient pas l'expérience «complète», alors qu'en réalité, le site mobile offre la plupart, sinon toutes les fonctionnalités mais dans un format plus confortable à lire.

Si votre site mobile offre le même contenu et les mêmes fonctionnalités que votre site "classique" mais dans un format "Responsive Design" ou mobile, il n'est pas nécessaire d'indiquer le lien vers le site classique. Si vous affichez le lien vers votre site "classique" en utilisant des termes comme «site classique" au lieu de "site complet", vous indiquez clairement que les deux sites offrent une expérience similaire et complète.

3. Simplifier la navigation vers un autre écran.

Nous utilisons très souvent nos smartphones en mobilité, et en conséquence, nous sommes plus susceptibles d'être interrompus durant l'expérience de navigation que si nous sommes devant un ordinateur.
Certains sites exigent de s'inscrire ou d'ouvrir une session pour faire un achat ou tout simplement pour parcourir le site. Ces approches sont à bannir sur mobile. "Certains sites exigent de vous inscrire ou ouvrir une session pour faire un achat. C'est une grosse erreur. Les boutiques en ligne peuvent très bien récupérer ces informations durant ou après le processus d'achat. Nous avons également observé que les utilisateurs souhaitaient avoir la possibilité de poursuivre le processus de conversion, ou le suivi de la recherche, à une date ultérieure ou sur un autre appareil», explique Jenniger Gove. «Nous avons vu de nombreux utilisateurs copier/coller des URL pour eux-mêmes."

La solution serait peut être d'afficher un bouton de raccourci pour que les utilisateurs puissent s'envoyer le lien afin de le vérifier plus tard. Ceci est la conception centrée sur l'utilisateur et cela implique aussi de laisser le choix à l'utilisateur de s'inscrire plus tard depuis un autre appareil.

4. Scindez les grands formulaires.

Parmi les nombreux sites utilisés pour cette étude, nombreux sont ceux qui utilisent de longs formulaires dans leurs processus pour recueillir les informations des utilisateurs (adresses, numéros de cartes de crédit pour l'expédition et la facturation d'un achat, etc). Si cela ne pose pas de difficultés d'affichage sur un écran de bureau, il convient alors de "casser" ces formulaires en les divisant afin de les rendre plus accessible sur mobile car les mêmes informations peuvent être demandées sur plusieurs pages.

«Quand les utilisateurs arrivent sur un grand formulaire sur leur mobile, c'est d'emblée très décourageant. Il faut donc les scinder en faisant attention de ne pas répéter les demandes d'informations en veillant à ce qui est réellement important", explique Jennifer Gove. "Une autre chose liée à cela est qu'il n'y a rien de pire que d'avoir rempli un formulaire, de le soumettre, et de recevoir un message d'erreur ensuite."

5. Optimisez ou mobilisez.

Sans surprise, il était plus facile pour les participants de naviguer sur des sites mobiles réellement optimisés que sur les sites de bureau depuis leurs appareils mobiles. Cependant, les sites qui comprenaient un mélange de pages classiques et de pages mobiles optimisées étaient effectivement plus difficile à utiliser pour les participants.

Pour améliorer l'expérience utilisateur, l'exécution des tâches et les taux de conversion, il convient d'optimiser l'ensemble de votre site pour la navigation mobile en optant pour le "Responsive Design". Si le lancement de votre site doit se faire en plusieurs phases, assurez-vous que les utilisateurs n'aient pas à naviguer entre des pages classiques et des pages optimisées pour accomplir leurs tâches.

En conclusion

Comme moi, vous vous dites probablement que tout ceci semble évident et Jennifer Gove nous le confirme aussi. "Il est intéressant de constater qu'à propos de l'expérience utilisateur, que ces remarques sont évidentes, mais il est surprenant de constater aussi combien de sites sont encore en retard sur ces règles. C''est une bonne chose de partager et publier ces données afin d'indiquer ce qui doit être fait."

Globalement, cette étude tend à démontrer que trop de sites ne sont pas encore optmisés pour le mobile et que ceux qui le sont ont encore des progrés à faire pour avoir une bonne expérience utilisateur.
Penser "utilisateur" d'abord, penser "multi-écran", penser navigabilité, tout ceci ne s'improvise pas et doit être intégrer très en amont dans le processus de conception du site. En cas de doute ou de besoin pour votre projet, n'hésitez pas à prendre contact avec moi pour échanger à ce sujet.
Prenez également le temps de commenter cet article pour partager votre expérience en la matière.

Source : étude Google

Daniel Dubois - auteur à web-eau.net

A propos de Daniel

Passionné par le Web depuis 2007, Daniel défend la veuve et l'orphelin du web en créant des sites respectueux du W3C. Fort de son expérience, il partage ses connaissances dans un état d'esprit open source. Très impliqué en faveur du CMS Joomla depuis 2014, il est également conférencier et fondateur du Joomla User Group Breizh.

web-eau.net

29800 Landerneau

06 74 50 27 99

daniel@web-eau.net

Liens rapides