Half moon
Passer les menus de navigation
Logo Acorn

Design UX UI à Rennes

Le design UX UI est la combinaison de deux choses : comment une interface fonctionne (UX pour User Experience) et à quoi elle ressemble visuellement (UI pour User Interface). L’UX travaille les parcours utilisateur, les frictions, l’éditorial afin qu’il rende l’expérience la plus intuitive possible, et la navigation. L’UI travaille la forme : couleurs, typographies, éléments graphiques, animations. Un travail d’UX UI vise à aider l’utilisateur à trouver l’information ou à effectuer une démarche le plus facilement possible. Vous disposez d’un outil métier, d’un site ou d’une application avec un design vieillissant ou des parcours utilisateurs ultra complexes ? Vous vous apprêtez à développer une interface et voulez maximiser son utilisation ? Dans les deux cas, c’est le moment de prendre le temps de travailler la conception. C’est là que démarre le design UX / UI.

UX et UI : deux sujets complémentaires, un seul objectif

On peut confondre ces deux acronymes, ou les lire accolés sans bien comprendre ce qu’il y a derrière. Ils décrivent pourtant deux étapes bien distinctes du travail de conception d’une interface.

L’UX (User Experience) : le parcours utilisateur, l’ergonomie

Le design UX, c’est la conception globale de l’expérience utilisateur. Il répond à des questions concrètes : est-ce que l’utilisateur va trouver l’information facilement ? Va-t-il pouvoir avancer en autonomie, et en limitant les frictions ? Est-ce que l’information est bien hiérarchisée ? Où y a-t-il des points de blocage ou des abandons ? Pourquoi ?

L’UI (User Interface) : la forme, le design

Le design UI, c’est la conception visuelle de l’interface : la typographie, les couleurs, le style des boutons, des blocs, des dalles, etc. Mais aussi les micro interactions, les animations et les visuels (illustrations et photos). L’UI donne vie aux décisions ergonomies faites à l’étape d’UX. Ce n’est pas un simple habillage en couleur, c’est ce qui rend l’usage agréable et qui ancre votre univers de marque.

Notre méthode design UX/UI à Rennes : du besoin au prototype

Analyse des besoins utilisateurs

On essaie de comprendre au mieux les utilisateurs : vos collaborateurs s’il s’agit d’un outil interne, ou vos usagers, clients ou prospects en externe. Nous combinons une analyse de vos statistiques actuelles, et des interviews individuelles d’utilisateurs ou ateliers.

Parcours utilisateurs

Création des parcours utilisateurs. Objectif : imaginer tous les scénarios de navigation possibles (même ceux qui nous semblent les plus improbables) et les fluidifier au maximum.

Ergonomie

Une fois que les parcours utilisateurs sont prêts, on dispose de la liste d’écrans qui composent votre interface. Il est temps de passer à l’ergonomie. Chaque gabarit de page est travaillé en wireframe, avec de vrais contenus. Car l’UX, c’est aussi l’UX writing : trouver les bons intitulés pour être compris du premier coup. L’UX est travaillée en desktop et en mobile.

Design

Une fois l’ensemble des wireframes validés, on attaque le design. On démarre par l’écran d’accueil pour poser la direction artistique, que vous challengez. Puis, on décline cette identité sur l’ensemble des gabarits de pages.

Tests

A partir du prototype réaliste, nous réalisons des tests. En interne, avec des collaborateurs de l’agence externes au projet a minima. Et si le projet le permet, nous organisons des tests utilisateurs. Cela nous permet de challenger encore l’interface et de procéder à des ajustements en fonction des retours. Car après, le projet part en développement, et les évolutions pourront coûter cher.

Spécifications

Un prototype doit être explicite, mais il n’est pas forcément suffisant pour les développeurs qui sont ensuite chargés de la production. En effet, il peut parfois y avoir des interprétations. Et c’est souvent synonyme de mauvaises surprises pour la suite. En fonction des projets, et des partenaires de nos clients, nous adaptons notre accompagnement : commentaires au sein du prototype, réunion pour répondre aux questions du prestataire en charge du développement, ou rédaction de spécifications fonctionnelles.

On est souvent tenté de se lancer bille en tête dans des écrans avec des contenus génériques, puis d’affiner ses contenus plus tard. Or le contenu, c’est la clé de voute. Bien choisir ses mots, c’est le premier effort pour être compris par l’utilisateur. Ensuite, on compose avec ces vrais textes pour produire la meilleure ergonomie possible. En plus, c’est une source vraie source d’inspiration pour le design

Designer créant des wireframes dans le cadre d'un projet de design UX UI à Rennes
Cartographie du parcours utilisateur lors d'un projet de design UX à Rennes

Utile et beau : ils témoignent que ce n'est pas incompatible

Je vous partage un commentaire que nous avons eu via le module feedback suite à la mise en ligne du nouveau compte utilisateur STAR : « Très clair et facile d’accès, cette page est bien faite pour des personnes qui pourraient ne pas si retrouver ». Encore merci pour votre travail !
Flora, Keolis

Merci pour l’accompagnement dans ces deux workshops, vous avez été d’une grande aide pour mobiliser l’équipe et à la vue des retours d’hier tout le monde est convaincu par la méthode.
Mathias, Groupe Atlantic

Vous êtes convaincu ? Contactez-nous

Designer présentant une interface utilisateur (UI) à Rennes chez Concept Image

Pourquoi de nombreux projets digitaux ratent la conception UX/UI ?

C’est souvent parce qu’on est trop pressé. Normal, on est enthousiaste sur sa solution, on veut vite voir à quoi ça va ressembler. Mais à partir trop vite sur le design, ou pire, directement en développement, on loupe forcément des choses. Des pages que personne ne parcourt comme on l’avait imaginé, des formulaires abandonnés, des interfaces qui nécessitent une formation pour être comprises.

Le design UX/UI n’est pas une étape à bâcler. C’est le fondement de tout projet numérique. Et c’est souvent ce qui prend le plus de temps dans le projet. D’une part parce qu’il faut d’abord bien comprendre vos utilisateurs (via des interviews et tests utilisateurs par exemple). D’autre part car on peut vite juger une interface par rapport à ses goûts personnels, et non pour qu’elle serve réellement ses utilisateurs. Oui, votre boss déteste le rose et trouve que c’est écrit trop gros. Mais si cela correspond aux besoins de votre cible, il faut le considérer. Et réussir à se décoller de nos premières réactions personnelles, c’est difficile, et ça peut être un peu long.

Session de test utilisateur sur un prototype dans le cadre d'un projet UX UI à Rennes

Questions fréquentes sur le design UX/UI à Rennes

  • A quel moment faut-il intégrer le design UX/UI dans un projet ?

    C’est la première étape. Dans certains projets, il est même pertinent de commencer à travailler l’UX/UI lors de l’AMOA web. Cela permet de joindre à un cahier des charges un parcours utilisateur exhaustif, et des wireframes ou maquettes d’écrans complexes. L’idée : s’assurer que tous les futurs gabarits de pages sont bien listés dès le début, et faciliter la compréhension du brief. A la clé : un chiffrage précis dès le début, pas de mauvaises surprises et de nouveaux devis une fois le projet lancé.

  • Combien de temps prend une mission de design UX/UI ?

    Tout dépend du périmètre du projet : nombre d’écrans, nombre d’ateliers à organiser, etc. Une landing page peut prendre quelques semaines. Une application métier ou une refonte complète nécessite plusieurs mois de travail. Dans tous les cas, nous cadrons le planning avec vous lors de la réunion de lancement.

  • Peut-on faire du design UX.UI sur une interface déjà existante ?

    Absolument. Et c’est très bien de continuer à améliorer une interface existante. Car là, on dispose d’une matière très précieuse : des utilisateurs actifs qui nous remontent des frustrations ou des besoins, et qui peuvent nous dire si une nouvelle proposition leur facilite la vie. Soit ce sont de vrais utilisateur qui nous le disent, par le biais d’enquêtes. Soit on le lit dans les chiffres, en consultant vos statistiques : fort taux de rebond, faible taux de conversion. Il est pertinent de démarrer par un audit UX pour identifier les priorités d’intervention, avant de se lancer dans la reconception.

  • Pourquoi faire appel à une agence plutôt qu'à une IA pour un projet UX/UI?

    L’IA propose très rapidement un wireframe ou une maquette d’une page ou même d’une application entière. En quelques clics, ça a l’air beau, complet et fonctionnel. Et puis on met le nez dedans. On s’aperçoit qu’il manque des choses, qu’il y a des incohérences, que certaines exceptions ne sont pas prévues. Par ailleurs, l’IA aboutit à un résultat très générique. Normal, c’est comme ça qu’elle est programmée. L’IA peut être un point de départ, une pierre à casser, une bonne base de discussion pour échanger sur quelque chose de visuel et se comprendre plus vite. Ensuite, ce qui prend le plus de temps dans le projet, c’est de creuser les détails et aligner les parties prenantes. Cela nécessite une gestion de projet professionnelle, et une bonne expérience en conduite du changement. Bonne nouvelle : chez Concept Image, votre projet est piloté par un interlocuteur unique, votre chef de projet expérimenté, qui a une casquette conseil et maîtrise les enjeux web.

Pourquoi confier son design UX/UI à Concept Image à Rennes ?

Le design au service de la stratégie de marque

Nous sommes une agence de communication, et pas uniquement une agence web. Et c’est une très bonne nouvelle pour votre UX/UI. En effet, on s’intéresse d’abord à votre ADN de marque, à vos axes de différenciation, avant de se lancer bille en tête dans une parcours utilisateur ou un prototype. Cela vient cadrer l’éditorial, et donc le travail d’UX writing. Puis, cela guide nos choix pour l’ergonomie et le design. Nous avons par exemple travaillé sur l’UX/UI d’une application tablette destinée à de la rééducation. Particularité de la marque : intégrer une dimension ludique dans l’app. Il ne s’agit pas de mettre des petites animations rigolotes, mais vraiment de gamifier l’expérience utilisateur.

Le design optimisé pour les développeurs

Certaines agences pures créa ou print proposent du design UX/UI. Pas de doute sur le fait qu’elle peuvent faire du beau. Mais est-ce suffisant ? Chez Concept Image, nous avons l’habitude de travailler des projets de bout en bout. Alors quand on ne travaille que sur l’amont d’un projet, en phase UX/UI, on garde les bons réflexes. Toutes nos maquettes sont revues par un développeur qui s’assure que le prototype est exhaustif, que tout est cohérent via une bibliothèque de composants, et que tout est optimisé.

Eco-conception et accessibilité numériques peuvent être intégrés à la démarche

Si ces sujets sont importants pour vous, il faut les traiter dès la phase  de design UX/UI à Rennes. On se pose d’abord la question des fonctionnalités : sont elles vraiment toutes utiles pour l’utilisateur ? Peut on les simplifier ? Puis, nous optons pour une approche nativement éco-conçue ou accessible. Une attention particulière sur les typographies et leur nombre, sur les contrastes, sur l’éditorial, sur les médias, les animations, etc. Nous vous sensibilisons sur tous les leviers que nous pouvons activer afin que vous puissiez mettre le curseur là où vous le souhaitez. Une fois votre interface développée, nous pouvons d’ailleurs aller au bout de l’exercice et réaliser un audit d’accessibilité numérique conforme au RGAA.

Équipe en revue d'un projet de design UX UI à l'agence Concept Image Rennes

Vous avez un projet de site, d'application ou de refonte ?

Parlez-nous de votre projet UX/UI