5 astuces de conception pour faire briller votre UX mobile
Avez-vous récemment regardé les analyses de votre site Web? Les chances sont importantes - peut-être même plus de la moitié - de vos utilisateurs viennent sur votre site Web via un appareil mobile.
Que vous concentriez vos efforts mobiles sur un site Web ou une application, vous devez vous assurer que la conception crée une expérience utilisateur exceptionnelle pour chacun de ces utilisateurs mobiles. Vous n'avez pas besoin de recommencer à zéro pour le faire non plus. Penser à l'utilisateur mobile et à la façon dont il interagit avec la conception contribuera à façonner l'apparence et le fonctionnement de vos interfaces.
Voici cinq astuces de conception que vous pouvez utiliser pour faire de votre UX mobile une application que les utilisateurs adorent.
Explorez Envato Elements
1. Simplifiez la navigation
Ces méga menus de navigation à l'ancienne ne vous font aucune faveur, surtout en ce qui concerne le mobile. Les utilisateurs mobiles peuvent avoir la durée d'attention la plus courte de tout groupe d'utilisateurs. Ils veulent ouvrir le site Web ou l'application et trouver tout de suite ce dont ils ont besoin.
Concevez des menus de navigation avec seulement quelques options - regardez vos analyses pour voir ce que la majorité des utilisateurs recherchent ou accédez en premier.
Moins d'options prendront moins d'espace sur l'écran, vous permettant d'incorporer plus d'espace dans la conception, ce qui est idéal pour le toucher et la lisibilité.
Bien que nous ne discutions pas des mérites de l'icône du hamburger ici, la navigation pop-out est un modèle auquel les utilisateurs sont habitués. Assurez-vous simplement que si vous prévoyez d'ouvrir ou de faire glisser le menu de navigation, il existe un identificateur visuel clair pour les utilisateurs.
L'application Ebates utilise deux niveaux de navigation: l'un qui est une liste de leurs meilleures offres et un autre qui est votre liste de magasins favoris (dans l'icône hamburger / coeur). Aucune des deux options ne semble lourde. Il ressemble et fonctionne presque comme du contenu. La conception entière est la navigation sans se sentir écrasante.
2. Penser dans les gestes (et les haptiques)
Les utilisateurs mobiles interagissent avec leurs appareils très différemment des utilisateurs de bureau. Votre interface utilisateur devrait en tenir compte.
La conception doit tirer parti des gestes pour effectuer certaines actions. Une interface qui utilise des commandes communes et intuitives ravira les utilisateurs.
Ces gestes comprennent:
- Appuyez et appuyez deux fois
- presse
- Tenir
- Glisser déposer
- Défilement (un et deux doigts)
- Zoom avant et arrière
- Glissez
- Feuilleter
En ce qui concerne les gestes mobiles, ce sont les nouveaux clics.
Et pendant que vous pensez aux interactions tactiles, n'oubliez pas les haptiques. Cette «bosse» subtile de votre portable ou cette vibration de votre téléphone dans une poche sont des notifications haptiques, des simulations mécaniques du toucher utilisant des vibrations ou des mouvements.
L'astuce pour haptique est que les interactions sont subtiles et assez discrètes. Bien que l'utilisateur sache qu'il existe une notification, d'autres personnes ne le savent pas souvent. L'interface tactile devient de plus en plus courante et semble recevoir une réponse positive des utilisateurs.
Le jeu Two Dots, par exemple, utilise une bosse chaque fois que vous effacez des points d'une certaine manière. L'option sans son permet un jeu discret et offre une expérience agréable aux utilisateurs.
3. Rendez-le conversationnel
Les gens aiment avoir l'impression de parler et d'interagir avec d'autres personnes. Heureusement pour les concepteurs, une touche d'intelligence artificielle et de chatbots peut aider à créer ces interactions afin que vous n'ayez pas à être en veille pour des sessions de chat en direct 24h / 24.
Il existe trois façons de créer une interface utilisateur conversationnelle:
- Écrivez une copie dans votre interface qui a une touche plus personnelle. Des longs blocs de texte aux minuscules morceaux de microcopie, le texte doit avoir une personnalité, comme dans l'application WTFWeather ci-dessus. Il faut le lire dans la façon dont les gens parlent. Faites attention à ne pas paraître trop formel ou robotique dans votre messagerie.
- Utilisez des fonctionnalités de messagerie ou des chatbots pour créer des interactions instantanées avec les utilisateurs. Cela peut être un excellent outil de service client et aider à fidéliser les clients si quelqu'un est toujours là pour les aider à résoudre leurs problèmes.
- Intégrez une interface utilisateur vocale dans la conception. Siri et Alexa sont des noms familiers grâce aux interfaces vocales. L'autre avantage de l'intégration des commandes vocales? Cela rendra votre site Web ou votre application plus accessible.
4. L'animer
Il semble qu'il y ait des éléments animés sur presque tous les sites Web que vous visitez. Et c'est par conception. L'animation peut donner vie à un design.
Les éléments animés sont très intéressants car ils attirent l'attention des utilisateurs et peuvent aider les utilisateurs à mieux interagir avec un design. (Cela revient à l'idée classique de «montrer, ne pas dire» lors de la création d'un design.)
Google Maps, par exemple, regorge de petites animations. Faites attention la prochaine fois que vous l'utiliserez.
Nick Babich, pour UX Planet, a une excellente introduction aux utilisations pour l'animation dans la conception d'interface utilisateur mobile. Il a décrit trois utilisations clés pour bien utiliser le mouvement.
- Pour l'état du système: utilisez l'animation pour afficher un état de chargement, pour actualiser le contenu et pour les notifications.
- Pour la navigation et les transitions: utilisez l'animation pour aider les utilisateurs à se déplacer entre différents types de contenu, pour établir une hiérarchie visuelle entre les éléments et pour montrer un changement d'état.
- Pour un retour visuel: utilisez une animation pour montrer la reconnaissance d'une action ou pour aider à visualiser le résultat d'une action.
5. Bien à bord et utiliser correctement les formulaires
En particulier avec une application, l'intégration est essentielle à la fidélité des utilisateurs.
Pensez au dernier jeu que vous avez téléchargé. Avez-vous sauté le pas? Ou aviez-vous besoin d'un tutoriel rapide pour assurer le succès?
Une expérience d'intégration interactive pour les applications aidera les utilisateurs à tirer le meilleur parti des fonctionnalités incluses dans l'expérience utilisateur. Une option amusante les aidera également à devenir des utilisateurs fidèles. Gardez le didacticiel d'intégration court et assurez-vous d'inclure une foire aux questions ou une section d'aide afin que les utilisateurs puissent y revenir en cas de problème.
Avec les sites Web mobiles, l'intégration est moins une préoccupation principale, mais les formulaires d'inscription ou d'enregistrement peuvent être un problème. Les formulaires sur les appareils mobiles doivent être simples et faciles. Les utilisateurs n'aiment pas les formulaires volumineux et compliqués.
Rationalisez les formulaires pour mobile pour augmenter les conversions. (Vous pouvez toujours demander des informations supplémentaires ultérieurement.)
Regardez le point de départ simple pour GoodRx, ci-dessus. Il ne demande que le médicament dont vous voulez en savoir plus. La forme est au centre et c'est super simple.
Demandez une seule information - une adresse e-mail. C'est tout ce dont vous avez besoin pour démarrer une relation avec un utilisateur. Si votre site ou application nécessite une connexion, respectez une adresse e-mail et un mot de passe.
Concevez le formulaire de manière à ce que les cases soient faciles à remplir (du point de vue de la taille) et envisagez d'abandonner toutes les fonctions de saisie semi-automatique pour réduire les risques d'adresses e-mail mal saisies. Encore un truc? Utilisez un formulaire de connexion sociale lorsque vous le pouvez pour simplifier encore plus le processus. Les utilisateurs sont habitués à ce processus et c'est facile pour eux… et moins susceptibles d'avoir des erreurs pour vous.
Conclusion
L'expérience utilisateur mobile est l'une des choses les plus importantes auxquelles vous devez penser lorsque vous créez votre site Web ou votre application. Et les besoins des utilisateurs mobiles continuent de changer tout le temps.
Créez une interface facile à utiliser et qui tire parti de la technologie et des fonctionnalités modernes pour créer quelque chose avec lequel les utilisateurs voudront s'engager encore et encore.
