Design UX/UI à Lyon
Un bon design UX/UI se reconnaît à ce qu'on ne le remarque pas : l'utilisateur comprend l'écran sans mode d'emploi. À Lyon, AELVON conçoit les interfaces de vos sites, logiciels et applications avec les personnes qui les utiliseront, et les valide sur maquettes cliquables avant le développement.
Un logiciel peut faire exactement ce qu'on attend de lui et rester inutilisé. Les commerciaux continuent de noter leurs rendez-vous dans un carnet, parce que la saisie oblige à passer par plusieurs écrans. Les clients abandonnent le formulaire de devis au moment où on leur demande un numéro de SIRET qu'ils n'ont pas sous la main. Le support reçoit chaque semaine les mêmes questions sur le même bouton. Ce ne sont pas des problèmes de code, mais de conception.
Nous intervenons avant le code, au moment où une correction coûte le moins cher. Avec vos futurs utilisateurs, nous décrivons leurs tâches, puis nous dessinons les écrans sous Figma et les relions en maquettes cliquables. Chacun peut essayer le parcours comme s'il était réel, signaler ce qui le gêne, et nous corrigeons avant de développer. Pour un outil déjà en service, un audit d'ergonomie montre où les utilisateurs se perdent et ce qu'il faut changer en priorité.
Ateliers utilisateurs et maquettes cliquables
Les personnes qui connaissent le mieux le travail sont celles qui le font. Nous partons de leurs gestes, de leurs mots et de ce qui les agace au quotidien.
Ateliers avec vos utilisateurs
Entretiens et séances de travail avec les personnes concernées, au bureau, sur le terrain ou en visioconférence, pour comprendre leurs tâches réelles.
Parcours et arborescence
Les étapes de chaque tâche et l'organisation des écrans sont posées à plat avant le moindre visuel.
Maquettes cliquables sous Figma
Des écrans réalistes, reliés entre eux, que l'on parcourt comme le futur produit, sur ordinateur ou sur téléphone.
Tests avec de vrais utilisateurs
Quelques personnes essaient les maquettes pendant que nous observons où elles hésitent. Les corrections sont faites avant le développement.
Audit d'ergonomie de l'existant
Votre site ou votre logiciel existe déjà, mais quelque chose coince. L'audit identifie où, et propose quoi changer en premier.
Analyse des parcours
Les tâches principales sont déroulées une à une pour repérer les étapes inutiles, les libellés ambigus et les impasses.
Accessibilité
Contrastes, tailles, navigation au clavier, lecteurs d'écran : un contrôle au regard des critères du RGAA, qui profite à tous les utilisateurs.
Données d'usage
Quand elles existent, les statistiques de visite ou les demandes adressées au support confirment ou nuancent l'analyse.
Recommandations priorisées
Une liste courte, classée selon l'effet attendu et l'effort nécessaire, illustrée par des maquettes des écrans corrigés.
Design system et cohérence des interfaces
Quand plusieurs écrans, applications ou développeurs se succèdent, l'interface se disperse. Un design system la garde cohérente.
Composants réutilisables
Boutons, formulaires, tableaux, messages d'erreur : chaque élément est dessiné une fois, documenté, puis réutilisé partout.
Règles visuelles partagées
Couleurs, typographies, espacements et icônes sont définis une fois pour toutes et partagés entre Figma et le code, avec Tailwind CSS.
Lien direct avec le développement
Les mêmes composants existent dans Figma et en React, ce qui limite les écarts entre la maquette validée et l'écran livré.
Comment se déroule la prestation
Immersion
Entretiens avec vos équipes et vos utilisateurs, revue de l'existant et des statistiques disponibles, choix des tâches prioritaires.
Parcours et wireframes
Des schémas simples des écrans, sans couleurs ni visuels, pour valider l'enchaînement et le contenu de chaque page.
Maquettes et tests
Des maquettes cliquables fidèles au rendu final, testées avec quelques utilisateurs, puis ajustées.
Passage au développement
Remise du design system et des maquettes à l'équipe de développement, puis suivi jusqu'à la mise en ligne pour que l'écran livré respecte l'écran validé.
Où intervenons-nous ?
Depuis notre siège de Lyon 6e, nous travaillons avec les entreprises de toute la métropole et d'Auvergne-Rhône-Alpes : sur site quand la mission l'exige, à distance pour le reste, et partout en France pour les prestations qui se font en ligne.
Questions fréquentes
Quelle différence entre UX design et UI design ?
L'UX design s'occupe de l'expérience : comprendre ce que l'utilisateur veut faire et organiser le parcours pour qu'il y arrive simplement. L'UI design traite de l'apparence et du comportement des écrans : mise en page, boutons, couleurs, états, lisibilité. Une belle interface sur un mauvais parcours reste pénible à utiliser, et un bon parcours mal présenté inspire peu confiance. C'est pourquoi nous travaillons les deux ensemble.
Combien coûte une prestation de design UX/UI ?
La prestation est chiffrée sur devis, selon le périmètre défini lors d'un premier échange. Le prix varie avec le nombre d'écrans et de parcours à concevoir, du nombre d'ateliers et de tests avec les utilisateurs, de l'existence d'une charte graphique et de la création éventuelle d'un design system. Un audit d'ergonomie sur un outil existant constitue une porte d'entrée plus légère, qui cible les écrans à revoir en priorité.
Qu'est-ce qu'une maquette cliquable et à quoi sert-elle ?
C'est une simulation de votre futur site ou logiciel : les écrans ont leur aspect définitif et les boutons mènent aux bons endroits, mais rien n'est encore développé. Elle permet de faire valider le parcours par la direction et par les utilisateurs, de repérer les incompréhensions et de figer le périmètre avant d'écrire le code. Les développeurs s'en servent ensuite comme référence précise.
Peut-on vous confier seulement le design, sans le développement ?
Oui. Nous pouvons mener un audit d'ergonomie, concevoir les maquettes d'une nouvelle fonction ou construire un design system, puis remettre les fichiers Figma à votre équipe ou à votre prestataire de développement. Nous restons joignables pendant la réalisation pour répondre aux questions des développeurs. Si vous nous confiez ensuite le développement, les maquettes servent directement de base de travail.
Faut-il être à Lyon pour organiser des ateliers UX ?
Non. Les entretiens et les tests de maquettes fonctionnent très bien en visioconférence, avec partage d'écran. Certains ateliers gagnent pourtant à se tenir sur place, au plus près du travail réel : un entrepôt, un comptoir, une chaîne de production. Nous nous déplaçons pour cela dans la région, jusqu'à Annecy ou Chambéry par exemple, et nous menons le reste à distance, pour des entreprises de toute la France.
Prestations associées
Parlons de votre situation
Un premier échange sans engagement pour comprendre votre besoin, puis une proposition claire, chiffrée et sans jargon.