Le terme «hygiène de convivialité» a été introduit pour la première fois par Google dans le contexte des bases nécessaires pour éviter la frustration des utilisateurs.

Dans cet article, nous examinerons six domaines clés du design mobile auxquels vous devez accorder une attention particulière afin de créer une expérience utilisateur positive.

1. Assurez-vous que le contenu est accessible lorsque l'utilisateur n'a pas de connexion Internet

Selon une étude récente de Google, 34% des utilisateurs préfèrent une application sur un site Web mobile lorsqu'ils ont une connexion Internet médiocre. Lorsqu'ils ouvrent une application, ils s'attendent à y voir beaucoup de contenu, qu'ils soient connectés à Internet ou non. Il est essentiel de rendre le contenu clé accessible même en cas de connexion de données faible ou inexistante. Si le contenu n'est pas là, les utilisateurs seront frustrés et passeront à une application différente qui effectuera un meilleur travail de mise en cache des informations qu'ils souhaitent voir.

Vous trouverez ci-dessous un exemple de la façon dont Apple Maps (à gauche) et Google Maps (à droite) utilisent leur cache. Google Maps se souvient du dernier emplacement et contient une quantité impressionnante de détails cartographiques dans le cache, tandis que Apple Maps ne vous montre absolument rien. Pas grand chose à dire sur l'expérience hors ligne d'Apple Map.

001

2. Concevoir pour chaque plate-forme mobile native

Son interface utilisateur est un facteur important pour faire briller le mobile UX de votre application. Aujourd'hui, la plupart des développeurs souhaitent distribuer leurs applications sur plusieurs plates-formes. Lorsque vous planifiez votre application sur plusieurs plates-formes, gardez à l'esprit que chaque langage dispose de son propre langage visuel: un ensemble distinct de conventions et de styles à suivre.

Par exemple, des éléments globaux, tels qu'une barre d'état et un en-tête, apparaissent sur toutes les pages de votre conception. La différence entre les deux plates-formes semble assez insignifiante: une taille légèrement différente, un alignement du texte du titre différent (sur Android, le texte est aligné, tandis que pour iOS, il est centré) et les polices (Roboto sur Android). Ne modifiez aucun de ces paramètres si vous souhaitez que l'application se sente native.

002

Il en va de même pour les boutons et autres boutons de contrôle-radio, les cases à cocher, les champs, les commutateurs. Tous les composants fonctionnels devraient donner une impression native. Si vous répliquez des éléments d'une plate-forme à une autre, vous risquez de compromettre l'expérience utilisateur et la conversion. Les différences sont assez petites pour que vous puissiez progresser avec un seul design, mais ces différences subtiles sont essentielles pour un aspect natif.

003

Si vous souhaitez personnaliser les éléments de l'interface utilisateur dans votre application, vous devez les personnaliser avec soin en fonction de votre image de marque et non selon les conventions d'une plate-forme différente.

3. Rien dans votre application ne devrait être une impasse

Concevoir un UX en concevant des flux et des flux consiste, dans la plupart des cas, à avancer pour atteindre un objectif. Vous devez éviter de créer des pages sans issue dans vos applications, car les impasses créent de la confusion, bloquent les utilisateurs vers le but et entraînent des actions supplémentaires et inutiles. Prenez un écran d'état d'erreur de Spotify comme exemple. Cela n'aide pas les utilisateurs à comprendre le contexte et ne les aide pas à trouver la réponse à la question: "Que puis-je faire à ce sujet?"

004

4. Ne répliquez pas l'expérience Web sur les applications

Les utilisateurs attendent certains modèles d'interaction et éléments d'interface dans les applications mobiles. Ce que nous concevons sur le Web est souvent gênant dans une application mobile - pas nécessaire parce que quelque chose ne va pas, mais parce que cela diffère simplement de ce que nos utilisateurs attendent de voir. Un exemple courant consiste à utiliser du texte avec des liens soulignés, qui sont fortement associés aux pages Web. Vous trouverez ci-dessous un exemple de formulaire de connexion de l'application TD Bank pour iOS. On a vraiment l'impression qu'ils conçoivent pour le web mobile, et non une application mobile: les liens sont soulignés, et il y a même une notice de copyright dans l'interface utilisateur.

Les applications utilisent des boutons, pas des liens.

005

5. Ne pas interrompre les utilisateurs avec des demandes pour noter l'application

Personne ne veut vraiment être interrompu, encore moins pour quelque chose d’inutile alors qu’il est au centre de quelque chose d’important. Malgré cela, les applications interrompent souvent les utilisateurs en les invitant à laisser un commentaire. Le pire est que ce dialogue interrompt les utilisateurs au milieu de la tâche ou juste après le lancement de l'application.

006

Vous devez éviter d’interrompre les utilisateurs pour leur demander d’évaluer votre application s’ils ne l’ont que récemment téléchargée ou l’ont utilisée seulement quelques fois. Il n'y a rien de mal à demander une révision, mais rappelez-vous que vous voulez donner une première expérience à vos utilisateurs. Attendez qu'ils soient des utilisateurs réguliers et trouvez dans votre application un moment qui est le moins intrusif. Clear, une application à faire pour iOS en est un bon exemple: elle affiche le dialogue "Rate the app" après que l'utilisateur a effacé les tâches restantes d'une liste. C'est un grand moment dans l'application: les utilisateurs se sentent bien d'avoir juste effacé leur liste de tâches et seront plus susceptibles d'évaluer l'application favorablement.

007

6. Ne pas emmener les utilisateurs au navigateur

Gardez les utilisateurs dans l'application à tout moment. Si votre application ne dispose pas d'une fonctionnalité ou d'un contenu spécifique, essayez d'utiliser un navigateur intégré à l'application. mais n'invoquez pas le navigateur du smartphone, sinon vous risquez de perdre la trace des utilisateurs et de ne pas revenir à l'application. Cela augmentera l'abandon et réduira la conversion.

008

Lorsqu'un utilisateur clique sur le lien "Mot de passe oublié?" Dans l'application Facebook, l'application invite l'utilisateur à lancer le navigateur pour effectuer cette action.