Avez-vous consulté les analyses de votre site Web récemment? Il est fort probable qu'une partie importante - peut-être même plus de la moitié - de vos utilisateurs visitent 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 stellaire pour chacun de ces utilisateurs mobiles. Vous n'avez pas à partir de zéro pour le faire non plus. En réfléchissant à l'utilisateur mobile et à la manière dont il interagit avec la conception, vous contribuerez à l'apparence et au fonctionnement de vos interfaces.
Voici cinq astuces de conception que vous pouvez utiliser pour personnaliser votre UX mobile avec le goût des utilisateurs.
1. Rationaliser la navigation
Ces menus de méga navigation à l'ancienne ne vous sont d'aucun avantage, surtout lorsqu'il s'agit de mobile. Les utilisateurs mobiles peuvent avoir la capacité d'attention la plus courte de tous les groupes d'utilisateurs. Ils veulent ouvrir le site Web ou l'application et trouver immédiatement ce dont ils ont besoin.
Concevez des menus de navigation avec seulement quelques options: consultez vos analyses pour voir ce que la majorité des utilisateurs recherchent ou naviguez en premier.
Moins d'options prennent moins d'espace à l'écran, ce qui vous permet d'intégrer plus de place dans la conception, ce qui est idéal pour le toucher et la lisibilité.
Bien que nous ne discutions pas des avantages de l'icône de hamburger ici, la navigation contextuelle est un motif auquel les utilisateurs sont habitués. Assurez-vous simplement que si vous envisagez d'afficher ou de faire glisser le menu de navigation, vous disposez d'un identificateur visuel clair pour les utilisateurs.
L'application Ebates utilise deux niveaux de navigation: l'un correspond à la liste de leurs meilleures offres et l'autre à la liste de vos magasins favoris (dans l'icône hamburger / cœur) dans les favoris. Aucune option ne semble lourde. Il ressemble presque et fonctionne comme un contenu. La conception entière est la navigation sans se sentir écrasant.
2. Pensez en gestes (et haptiques)
Les utilisateurs mobiles interagissent avec leurs appareils tout à fait 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 utilisant des commandes communes et intuitives ravira les utilisateurs.
Ces gestes incluent:
- Tapez et tapez deux fois
- presse
- Tenir
- Glisser déposer
- Défilement (un et deux doigts)
- Zoom avant et arrière
- Glisser
- Feuilleter
En ce qui concerne les gestes mobiles, ce sont les nouveaux clics.
Et pendant que vous réfléchissez aux interactions tactiles, n'oubliez pas les haptiques. Cette subtile? Bosse? de votre portable ou que les vibrations de votre téléphone dans une poche sont des notifications haptiques, des simulations mécaniques du toucher utilisant des vibrations ou des mouvements.
Le truc pour haptic 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 feront souvent pas. L'interface tactile devient de plus en plus courante et semble susciter une réaction positive de la part des utilisateurs.
Le jeu Two Dots, par exemple, utilise une bosse chaque fois que vous enlevez les points d’une certaine manière. L'option sans bruit 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 les chatbots peuvent vous aider à créer ces interactions, vous évitant ainsi d'être en veille pour des sessions de chat en direct 24h / 24.
Il existe trois façons de créer une interface utilisateur conversationnelle:
- Écrire une copie dans votre interface qui a une touche plus personnelle. Des longs blocs de texte aux minuscules morceaux de microcopies, le texte doit avoir une personnalité, telle que dans l'application WTFWeather ci-dessus. Il devrait être lu dans la façon dont les gens parlent. Veillez à ne pas paraître trop formel ou robotique dans vos messages.
- Utilisez les fonctionnalités de messagerie ou les chatbots pour créer des interactions instantanées avec les utilisateurs. Cela peut être un excellent outil de service à la clientèle et également aider à fidéliser la clientèle si quelqu'un est toujours là pour les aider à résoudre leurs problèmes.
- Intégrer une interface utilisateur vocale dans la conception. Siri et Alexa sont des noms familiers grâce aux interfaces vocales. L'autre bonus à 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 dessin.
Les éléments animés sont très attrayants, car ils attirent l'attention des utilisateurs et peuvent aider les utilisateurs à mieux interagir avec un dessin. (Cela remonte à l'idée classique de «montrer, ne dites pas» lors de la création d'un design.)
Google Maps, par exemple, regorge de petites animations. Faites attention la prochaine fois que vous l'utilisez.
Nick Babich, pour UX Planet, est un excellent guide sur les utilisations de l'animation dans la conception d'interface utilisateur mobile. Il a présenté trois utilisations clés pour bien utiliser le mouvement.
- Pour l'état du système: Utilisez l'animation pour afficher l'état du chargement, l'actualisation du contenu et 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 afficher un changement d'état.
- Pour un retour visuel: utilisez l'animation pour montrer la reconnaissance d'une action ou pour aider à visualiser le résultat d'une action.
5. Bien utiliser le bateau et bien utiliser 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é dedans? Ou avez-vous eu besoin d'un tutoriel rapide pour réussir?
Une expérience d’intégration interactive pour les applications aidera les utilisateurs à apprendre à tirer le meilleur parti des fonctionnalités incluses dans l’expérience utilisateur. Une option amusante les aidera également à les fidéliser. Assurez-vous que le didacticiel d'intégration est court et veillez à inclure une foire aux questions ou une section d'aide afin que les utilisateurs puissent y revenir s'ils ont des problèmes.
Avec les sites Web mobiles, l’intégration est moins une préoccupation majeure, mais les formulaires d’inscription ou d’enregistrement peuvent poser problème.Les formulaires sur les appareils mobiles doivent être simples et faciles. Les utilisateurs n'aiment pas les formulaires compliqués volumineux.
Rationalisez les formulaires pour mobile afin d’accroître les conversions. (Vous pouvez toujours demander des informations supplémentaires plus tard.)
Regardez le point de départ simple pour GoodRx, ci-dessus. Il ne demande que le médicament sur lequel vous souhaitez en savoir plus. La forme est la mise au point et c'est super simple.
Demandez juste une information - une adresse électronique. C'est tout ce dont vous avez besoin pour créer une relation avec un utilisateur. Si votre site ou votre application nécessite une connexion, utilisez une adresse e-mail et un mot de passe.
Concevez le formulaire de manière à ce que les zones soient faciles à remplir (du point de vue de la taille) et envisagez de supprimer toutes les fonctions de saisie semi-automatique afin de réduire les risques d'adresses électroniques mal typées. Encore un tour? Utilisez un formulaire de connexion sociale lorsque vous le pouvez pour simplifier davantage le processus. Les utilisateurs sont habitués à ce processus et est-ce 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 à prendre en compte lors de la création de votre site Web ou de votre application. Et les besoins des utilisateurs mobiles continuent à changer tout le temps.
Créez une interface facile à utiliser et qui tire parti des technologies et des fonctionnalités modernes pour créer un environnement auquel les utilisateurs voudront s’impliquer à maintes reprises.