Concevoir une application mobile, entre idéal et pièges à éviter.

Comprendre les besoins des utilisateurs

Avant de se lancer dans la conception, il est primordial de saisir les attentes des utilisateurs. Cette étape passe par une recherche auprès des utilisateurs :

Interviews et observations : recueillir des témoignages pour comprendre les besoins réels.
Analyse des usages : observer les comportements pour identifier les habitudes et les points de friction.
Identification des points de frustration : détecter les obstacles rencontrés pour proposer des solutions adaptées.

🫣 Cette démarche idéale n’est pas toujours applicable. La réalité du terrain nous contraint parfois à réduire cette étape et à réfléchir à partir d’hypothèses apportées par le client. Ces hypothèses constituent un socle de connaissances, imparfait et subjectif (existe-t-il un socle de connaissances parfait ?), que nous alimentons et challengeons constamment.

🚩 Partir sans aucune connaissance utilisateurs, sans hypothèse, ou bien se contenter de l’avis d’une seule personne (en général le CEO, le CPO ou le commercial “qui connaît les utilisateurs !”), c’est prendre un risque majeur. N’hésitez pas à relire l’article sur les biais cognitifs.

Lister les écrans indispensables à concevoir

Nos clients pensent souvent fonctionnalités et monétisation de l’application. De notre côté, nous devons assurer une expérience utilisateur globale cohérente. Pour y parvenir, certains écrans sont essentiels. Concevoir des écrans ne signifie pas empiler des fonctionnalités ! Il faut penser aux parcours, à la hiérarchie des informations et à l’accessibilité. Voici les écrans a minima présents dans une application :

Écran d’accueil : point d’entrée principal, il doit être clair et engageant.
Écran d’onboarding : guide les nouveaux utilisateurs dans la découverte des fonctionnalités.
Écran de connexion/inscription : permet d’accéder à un espace personnalisé.
Tableau de bord : présente les informations essentielles et les actions prioritaires.
Écran de navigation principale : facilite l’accès aux différentes sections de l’application.
Écran de contenu détaillé : permet d’approfondir une information ou une fonctionnalité.
Écran de paramètres : offre des options de personnalisation et de gestion du compte.

🫣 Pour les applications avec de nombreux écrans et des fonctionnalités futures, nous prévoyons dès les wireframes toutes les options puis nous réduisons le périmètre de travail sur les maquettes graphiques. Cela permet d’avoir une vision de la solution future, tout en tenant compte des contraintes techniques, budgétaires et temporelles.

🚩 Avoir un client qui ne dispose pas d’une vision claire des fonctionnalités intégrées dans le MVP et de leur priorité. N’hésitez pas à relire notre article sur le passage d’un site vitrine à un site serviciel.

Concevoir une expérience utilisateur optimale

L’esthétisme et l’ergonomie sont essentiels à la satisfaction des utilisateurs. Il n’y a plus de place pour les applications mal conçues. Les utilisateurs sont devenus très exigeants : ils attendent une application accessible et agréable à utiliser. Ainsi, pour offrir une expérience intuitive et fluide, il convient de :

Simplifier le parcours : réduire le nombre d’étapes pour accomplir une action.
Assurer la cohérence des interactions : maintenir une uniformité dans les actions et réactions de l’application.
Hiérarchiser l’information : mettre en avant les éléments essentiels pour guider l’utilisateur.

🫣 Pour certaines applications grand public, à partir d’une analyse concurrentielle, des connaissances de notre client et de notre expertise, nous appliquons des modèles issus des standards du web pour certaines fonctionnalités.

🚩 Partir sans définir les parcours, surtout dans le cas d’une application métier complexe, est une erreur qui pèsera lourdement sur la conception de la solution. C’est la colonne vertébrale des écrans. Une cabane s’improvise, une maison non ! N’hésitez pas à relire l’article sur les flux des activités pour améliorer l’UX.

Soigner l’interface graphique

L’esthétisme joue un rôle clé dans l’engagement des utilisateurs. Pour une interface attrayante et fonctionnelle, nous veillons à :

Respecter une charte graphique cohérente : assurer l’identité visuelle du client voire la “pimper” pour la rendre plus forte, notamment dans un retravail des couleurs.
Opter pour un design épuré : éviter les surcharges visuelles pour faciliter la compréhension.
Assurer une bonne lisibilité : utiliser des contrastes adaptés et des typographies lisibles.
Intégrer la marque sur des éléments clés comme les empty states, l’écran de chargement ou la vignette de présentation des stores.

🫣 Notre design est basé sur l’univers de marque du client. Et dans ce domaine, nos clients ne sont pas tous égaux et à l’écoute ! Chez Yumans, nous nous engageons toujours à remplir notre devoir de conseil. Cependant, il arrive que celui-ci ne soit pas entendu.

🚩 Lorsque le client vient du monde du print et n’a aucune connaissance ni ressource adaptée au web. La première étape de notre travail consiste à créer une direction artistique numérique. Cette dernière sera ensuite déclinée sur l’ensemble des écrans de l’application mobile. N’hésitez pas à relire l’article sur comment déployer sa marque sur un produit numérique ?

Intégrer des micro-interactions

Les micro-interactions jouent un rôle essentiel dans l’amélioration de l’expérience utilisateur. Elles ont le pouvoir de transformer un bon produit en un excellent produit. Elles apportent une dimension fonctionnelle et émotionnelle à l’application et permettent de :

Donner du feedback instantané : indiquer qu’une action a bien été prise en compte (exemple : animation lors de l’ajout au panier).
Rendre l’application plus intuitive : guider les utilisateurs grâce à des animations discrètes.
Créer une connexion émotionnelle : une animation bien pensée renforce l’attachement à l’application.

🫣 Dans nos interventions, trop souvent cette partie est mise au second plan par manque de temps ou de budget et laisser aux mains des intégrateurs…. et parfois, on découvre que l’application en est dépourvue. Le travail de recettage permet de signaler cette absence.

🚩 Un client en quête de l’effet waouh (le fameux !) avec les micro-interactions. Trop d’animations nuisent à l’expérience. Elles doivent être subtiles et servir un objectif précis.

Optimiser pour le mode sombre

Le mode sombre est devenu une fonctionnalité incontournable dans la conception des applications mobiles. De plus en plus d’utilisateurs le privilégient, que ce soit pour des raisons de confort visuel, d’économie d’énergie ou simplement par préférence esthétique. Concevoir une application compatible avec le mode sombre ne se résume pas à inverser les couleurs : cela demande une réflexion UX et UI spécifique. Ainsi, pour garantir une expérience optimale en mode sombre, il est essentiel de :

Adapter les contrastes : éviter les noirs trop purs qui fatiguent les yeux et privilégier des gris foncés adaptés.
Repenser la hiérarchie visuelle : certaines couleurs vives peuvent perdre en lisibilité sur un fond sombre, nécessitant des ajustements.
Gérer la cohérence entre les modes : assurer une transition fluide entre mode clair et sombre sans altérer l’expérience utilisateur.

🫣 Parfois, nous décidons de ne pas traiter le mode sombre au risque de frustrer une partie des utilisateurs. Concevoir et maintenir une interface en mode sombre nécessite des efforts supplémentaires pour assurer la cohérence entre les versions claires et sombres.

🚩 Lorsque le client souhaite ajouter le mode sombre comme une option de dernière minute. De notre côté, il influence directement la perception et l’ergonomie de l’application, ce qui exige nécessairement des ajustements voire des modifications importantes de l’interface. N’hésitez pas à relire notre article sur les couleurs et design d’interface.

Tester et évaluer en continu

Le lancement n’est que le début de la vie d’une application. Pour garantir la pertinence d’une application, il est crucial de tester, surtout lorsque nous intégrons de nouveaux comportements ou lors de l’ajout de nouvelles fonctionnalités. Il est nécessaire de :

Réaliser des tests utilisateurs : identifier les points d’amélioration avant la mise en ligne.
Analyser les données d’usage : comprendre les comportements pour ajuster les fonctionnalités.
Améliorer régulièrement l’interface : tenir compte des retours pour proposer une expérience toujours meilleure.

🫣 Nous intervenons souvent dans la phase de conception ou en mode “pompiers”, sans pouvoir produire un réel suivi dans le temps des intégrations et des évolutions. Nous sensibilisons les équipes à nos travaux qui sera amenée à maintenir voire à défendre les choix de conception en interne une fois que nous serons partis.

🚩 Ne pas avoir de relais en interne et avec des interlocuteurs qui font pleinement confiance aux indicateurs collectés sur Hotjar ou sur les synthèses générées par IA. C’est la mort assurée de nos travaux et un appauvrissement de l’application à terme. N’hésitez pas à relire notre article sur la relation designer / développeur : facteur clé de succès.