Démarche UX/UI, l’atout de votre projet

L’ergonomie et le design occupent une place essentielle dans le cycle de production d’une application. C’est pourquoi, nous faisons le choix de positionner l’utilisateur au centre du processus de production, dès le démarrage du projet en faisant appel à des compétences UX (User eXperience) et UI (User Interface).  La démarche UX/UI est donc un vrai levier, que nos clients plébiscitent pour produire des solutions utiles, utilisables et utilisées.

Pour aller plus loin, cette démarche, qui place l’utilisateur et l’utilité d’un service numérique au centre du projet, peut intégrer des bonnes pratiques de Green UX, pour augmenter les performances et alléger l’impact environnemental.

Découvrez les étapes de la démarche, ses bénéfices et des tendances à suivre de près !

UX/UI : quelles différences ?

L’UX se concentre sur l’expérience globale de l’utilisateur, tandis que l’UI se concentre sur l’interface utilisateur.

Le design UX (ou ux design), met l’utilisateur au centre du processus de conception. La démarche UX a pour vocation de concevoir une application en prenant en compte les besoins et les attentes de l’utilisateur en s’appuyant sur l’utilisabilité.

Appliquer une méthodologie d’UX dès le début du projet, c’est gagner en efficacité et en efficience lors de la production des applications, qu’elles soient mobiles, web ou desktop, et contribuer à réduire les coûts de développement. C’est également s’assurer de la satisfaction de ses futurs utilisateurs !

L’UI design (User Interface Design) fait quant à lui référence à l’interface utilisateur et s’intéresse plus précisément à l’aspect graphique du service numérique. Par conséquent, notre process de conception intègre cette notion d’UI pour proposer des solutions qui soient simples, agréables à utiliser et esthétiques, tout en optimisant l’expérience utilisateur.

Une démarche UX en 3 étapes itératives

Cadrage

Cette première phase vise à recueillir toutes les les informations nécessaires pour bien appréhender le contexte. C’est également le moment de la recherche utilisateur, afin de clarifier les besoins utilisateurs. Elle permet d’alimenter le projet tout au long des phases. Plusieurs actions sont possibles sur cette étape :

• Benchmark UX : observer les expériences proposées par les concurrents afin de nourrir la réflexion et s’inspirer de bonnes pratiques.
• Entretien individuel/Focus Group : interroger directement les utilisateurs actuels ou futurs utilisateurs individuellement ou simultanément, pour faire émerger les idées !
• Fiche utilisateur (personas) : affiner les profils des utilisateurs pour orienter la conception.
• Analyse des comportements utilisateurs : observer les comportements de navigation des utilisateurs d’une solution web existante permet d’identifier des leviers d’optimisation.

Conception

Le travail est centré sur l’expérience utilisateur qui privilégie la coconstruction grâce à des ateliers de travail collaboratifs. En fonction du projet et des parties prenantes impliquées, nous nous appuyons sur des outils éprouvés pour stimuler la créativité des participants.

À vos idées !

• Le « Crazy 8″ est un atelier de brainstorming qui vise à trouver 8 idées en 8 minutes. Efficace pour faire émerger les idées rapidement et booster l’innovation.
• Les UX Cards représentent les fonctionnalités les plus utilisées d’une application : formulaire, photo, actions, contenus, etc. Elle permettent de construire rapidement des écrans de façon ludique pour créer le parcours utilisateur.

Maquettes interactives

Pour chaque projet, nous utilisons un outil, Figma, qui permet de prototyper rapidement la future application, sans faire appel au développeur. Cette approche a l’avantage de disposer en quelques jours seulement et à moindre coût d’un support explicite qui permet aux futurs utilisateurs et demandeurs de se projeter dans la future solution.

La conception UI intervient ensuite avec un travail sur le design : l’identité graphique est intégrée au travers de maquettes pour présenter le résultat final ! Un design System est alors créé, maintenu et exploité par tous les acteurs de la chaîne de production.

Évaluation

Cette étape clé a pour objectif de « tester » la solution prototypée par des utilisateurs finaux.

À noter : cette phase peut intervenir au début du projet si l’on part de la refonte d’une application existante.

• Test utilisateur : la méthode think-aloud est une méthode qualitative de réflexion « à voix haute », elle permet d’évaluer la conception de l’interface par les utilisateurs. L’idée est de saisir leurs pensées, émotions et leurs actions/réactions quand ils naviguent sur l’interface. Plus connue, l’A/B testing est méthode d’évaluation qui consiste à tester deux versions différentes de l’interface par les mêmes utilisateurs afin de choisir la plus efficace.
• Interview utilisateur : une autre méthode quantitative qui a fait ses preuves pour tester le design et l’ergonomie d’une application ! Une série de questions bien précises sont posées à l’utilisateur pendant/après l’utilisation de l’interface. Nous utilisons des questionnaires de renom comme le SUS et/ou le DEEP pour prendre en compte l’utilisabilité et l’accessibilité du service.

Notre démarche UX/UI est une démarche sur-mesure. Elle s’adapte aux besoins du client et se met au service des besoins de l’utilisateur final.

Les bénéfices de la démarche UX

La solution numérique est développée en suivant le principe des 3U « Utile – Utilisable – Utilisé ». C’est une règle essentielle de la démarche d’écoconception numérique que nous appliquons sur tout le cycle de vie d’un projet. Les principes d’accessibilité sont quant à eux pris en compte lors de la conception (contraste des couleurs / taille des polices, par exemple) ; un critère important pour rendre la solution utilisable par tous les publics.

De nombreux atouts :

• Aide les utilisateurs à se projeter très vite dans la solution et à se l’approprier ;
• Limite les risques d’écart entre les besoins réels et la solution proposée ;
• Optimise l’expérience et le parcours utilisateur ;
• Participe à la réduction du gras numérique ;
• Fidélise les utilisateurs finaux par leur intégration dès le début du projet ;
• Crée des moments d’échanges entre les différentes parties prenantes.

Les tendances à prendre en compte dans une démarche UX

Le design inclusif

Le design inclusif est une approche qui tient compte de la diversité humaine et qui vise à créer des produits et des services accessibles, engageants et utilisables par le plus grand nombre de personnes possible, quelles que soient leurs capacités ou leur situation (personnes âgées, en situation de handicap, avec des besoins temporaires ou situationnels, etc.).

Ainsi, une interface conçue avec un bon contraste de couleurs et des polices lisibles peut être utilisée par des personnes ayant des troubles visuels, mais aussi par des personnes utilisant leur appareil mobile dans un environnement bruyant ou lumineux (en plein soleil, par exemple). Le design inclusif veille à l’inclusion de toutes les catégories de population.

Nos designers UX/UI sont formés aux principes fondamentaux d’un design éthique et inclusif. Les avantages de cette approche ? En plus d’améliorer l’expérience utilisateur pour tous, les services/produits numériques créés s’adressent à un public plus large et diversifié.

L’accessibilité numérique

L’accessibilité numérique est essentielle pour garantir que les produits et services numériques sont utilisables par tous, y compris les personnes en situation de handicap, temporaire ou permanent. En plus du design, comme vu ci-dessus, et l’ergonomie, l’accessibilité d’un service numérique (site web, application, etc.) consiste à rendre tous les contenus, les ressources et les outils numériques accessibles et compréhensibles par tous.

Cette démarche veille à ce que toute personne, quelle que soit sa situation, accède à un service numérique, son contenu et ses fonctionnalités, quel que soit l’appareil/le matériel utilisé ou l’infrastructure.

Au sein de nos projets, nous veillons à l’accessibilité sous quatre aspect : les fonctionnalités, le design, le développement et les contenus. Nos équipes appliquent des notions incluses dans le RGAA (référentiel général d’accessibilité pour les administrations) pour s’assurer que les produits numériques conçus sont accessibles à tous les utilisateurs.