Un user flow (ou flux d’utilisateur) est une suite d’étapes qu'un utilisateur effectue pour atteindre un objectif précis lorsqu’il utilise un site internet, une application, un logiciel…

Le but du user flow est de représenter de façon graphique les différents chemins et actions qu’il est possible d’emprunter et d’effectuer pour la réalisation de cet objectif. Il décrit chaque étape franchie par l’utilisateur, du point d’entrée jusqu’à l’interaction finale.

Prenons l’exemple d’un achat de pantalon sur un site de e-commerce :

L’utilisateur arrive sur la page d’accueil du site

Depuis la page de catégorie il choisit le pantalon qu’il souhaite

Sur la page du produit il choisit sa taille et l’ajoute au panier

Il clique sur son panier pour passer au récapitulatif

Il termine sa commande et est redirigé vers une page de confirmation de paiement

Il s’agit ici d’un user flow très simple avec peu d’étapes et d’actions. D’autres chemins sont également possibles avant d’arriver à la confirmation du paiement.

Une des forces du user flow est de prévoir le chemin de l'utilisateur quand tout ne se passe pas bien ! On anticipe le déroulé idéal mais aussi les cas plus complexes. Reprenons notre exemple d’achat de pantalon. S’il n’y a pas la bonne taille disponible, cela fait emprunter un autre chemin à l’utilisateur en lui proposant de laisser son mail pour être alerté. L’important est d’anticiper tous les cas de figure.

Ok, mais pourquoi on utilise des user flows ?

Cadrer un projet durant la phase de conception

Le user flow intervient lors de la phase de conception d’un produit, avant la réalisation des wireframes. Grâce à lui, il est plus facile d’anticiper toutes les vues à réaliser ainsi que les interactions entre ces dernières.

La mise en place d’un user flow permet un gain de temps conséquent pour leur réalisation. Tout est déjà cadré et défini, il ne reste plus qu’à les produire (ça paraît presque facile dit comme ça).

Le user flow nous permet aussi de nous projeter dans l’utilisation de l’interface et dans sa potentielle complexité. Notre objectif est de la rendre fluide et simple à utiliser. On aide ainsi les utilisateurs à atteindre leur objectif plus facilement et sans frustration. S’appuyer sur les personas du projet pour concevoir un user flow est donc primordial pour être sûr de répondre clairement à leurs besoins.

Il contribue également à la facilitation de la communication et de la compréhension d’un projet au sein d’une équipe, mais aussi à valider le périmètre d’un projet avec le client. Il définit une base sur laquelle tous les membres peuvent s’appuyer et échanger durant toute la conception du produit.

Un user flow bien construit peut permettre d’anticiper les fonctionnalités à développer mais aussi de comprendre plus facilement les objectifs et le fonctionnement d’un produit.

Optimiser des plateformes déjà existantes

Le user flow peut très bien s’intégrer dans une démarche d’amélioration et d’évolution d’un produit. Il sert alors à mettre en évidence les chemins ou les actions qui génèrent de la frustration chez l’utilisateur de par leur complexité notamment.

Il aide ainsi à visualiser les points de décrochage et les étapes peu intuitives qui peuvent décourager l’utilisateur voir le faire abandonner son objectif et quitter le site ou l’application. Une fois ces points de tensions repérés, il est alors plus simple d’apporter des modifications ciblées adaptées aux réalités d’usages des utilisateurs.

L’arborescence et le user flow c’est pareil ?

L’arborescence est le squelette (ou le plan) d’un site ou d’une application. Elle montre la manière dont son contenu est groupé, lié et présenté au visiteur. Elle permet également d’identifier le nombre de pages d’un site web et donc son périmètre.

Elle vise à définir la structure mais aussi à hiérarchiser l’information c’est-à-dire, définir comment il est possible d’accéder aux pages de ce site. Par exemple, pour un site e-commerce le panier sera dans le header, qui lui se trouvera sur l’ensemble des pages du site. L’arborescence n’inclut pas les interactions et les actions que les utilisateurs peuvent effectuer contrairement au user flow.

Arborescence et user flow peuvent donc être complémentaires mais attention à ne pas les confondre !

Si vous ne devez retenir qu’une seule chose sur le userflow, c’est que ce dernier est une représentation graphique de l’ensemble des parcours et des interactions qu’un utilisateur peut effectuer sur un site ou une application.

En interne, il permet un gain de temps important durant la réalisation d’un projet notamment sur l’étape des wireframes. Il fluidifie la communication entre les membres de l’équipe et facilite la validation de la direction du projet avec un client avant de commencer sa conception graphique.

Voilà ! J’espère que le userflow n’a plus de secret pour vous 😉

Peut-être les avez-vous déjà rencontrés sans comprendre à quoi ils servaient. Laissez-moi tout vous expliquer ✌️

Peut-être l'avez-vous déjà rencontré sans comprendre à quoi il sert. Son apparence de carte mentale sans commencement ni fin précise vous a probablement donné le tournis. Pourtant le user flow est un outil UX très puissant dans l’élaboration d’un site, d’une application ou d’un logiciel.

Vous ne me croyez pas ? Laissez-moi tout vous expliquer 👇

Un user flow (ou flux d’utilisateur) est une suite d’étapes qu'un utilisateur effectue pour atteindre un objectif précis lorsqu’il utilise un site internet, une application, un logiciel

Le no code n’est pas quelque chose de nouveau en 2023, ou même dans le milieu des agences digitales. En effet, on voit de plus en plus d’agences spécialisées dans la création de sites internet en no code s’ouvrir un peu partout. Certaines créations 100% no code rivalisent même en terme de créativité avec des sites développés à la main !

Concrètement : qu’est-ce que c’est ? Cela consiste à créer des sites web ou des applications sans avoir à écrire de code, mais en utilisant des outils avec une interface visuelle qui génère le code à votre place.

Les avantages évidents : une création plus rapide, qui ne nécessite pas l’intervention de développeur et donc moins chère. En revanche, ces outils peuvent parfois s’avérer limités lorsque l’on travaille sur des fonctionnalités complexes et spécifiques.

La solution : être malin et combiner plusieurs outils ensemble ! Par exemple : utiliser Bubble pour créer une application web sans coder, gérer une base de données avec Airtable, récupérer des données d’un formulaire grâce à Tally et automatiser des tâches avec Zapier. Il peut être intéressant de noter qu’on parle également  de low code : utiliser une base d’outil no code pour créer son application et y ajouter son propre code pour des fonctionnalités spécifiques.

Les outils no code évoluent rapidement ! Et vous l’aurez compris : créer son site ou son application sans coder devient donc une option de plus en plus viable.

Appréhender le no code en tant qu’agence digitale

Le fonctionnement de l’agence uxer aujourd’hui pourrait laisser penser que le no code n’a pas sa place dans notre process projet. En effet, nous commençons chaque projet par un accompagnement UX poussé, qui se traduit ensuite par une UI moderne et efficace pour enfin prendre vie avec un développement sur-mesure (pour la faire courte, en vrai on s’adapte à chaque client et chaque projet ✌️).

Mais prenons du recul, si on gardait deux composantes de notre savoir-faire : l’UX et le design produit (UI) et qu’on y ajoutait une expertise en no code ? On pourrait alors proposer une offre supplémentaire à nos clients, sans arrêter notre accompagnement traditionnel UX + UI + Code.

Parce que non, le no code ne remplacera jamais nos développeurs, mais il peut permettre de compléter nos possibilités d’accompagnement pour répondre à des demandes de réalisation de projets plus simples, moins couteux mais toujours aussi efficaces.

Et c’est donc là que Webflow intervient. Cet outil permet de créer des sites internet sans coder permettant aux designers d’intégrer directement leurs maquettes de manière visuelle, ce qui apporte un grand nombre d’avantages.

Tout d’abord, la créativité est mise au premier plan. Les designers vont pouvoir penser une maquette ou une marque de son idée à son intégration finale et contrôler tous les petits détails du design, d’animation et de micro interactions. De la même manière, avoir la possibilité de développer directement son idée permet de mieux les expliquer ou de les prototyper et de les faire visualiser.

Webflow offre également aux designers la possibilité de faciliter les itérations sur le design. Ces derniers peuvent effectuer des modifications directement sur le produit final et ajuster leurs designs en temps réel. Les clients peuvent alors visualiser le produit final et donner des commentaires ou des suggestions d'améliorations, sans avoir à attendre des itérations supplémentaires.

Alors qu’est-ce que ça veut dire pour l’agence ? D’abord, que l’on va continuer à proposer notre accompagnement classique. Parce que c’est la force de notre agence : un accompagnement unique pour chaque projet, une conception centrée autours de vos utilisateurs, une direction artistique pour que votre marque sorte du lot et des développements sur-mesure pour répondre aux besoins spécifiques de chaque projet.

Mais nous réfléchissons en ce moment et depuis quelques mois maintenant à une offre complémentaire à celle-ci, qui mettrait en avant le no code pour certains de nos projets, sans pour autant rogner sur notre patte UX et UI, signature de notre agence.

Nous avons hâte de vous présenter le fruit de cette réflexion et de continuer à vous accompagner dans vos projets digitaux, en no code (ou pas).

Nos développeurs ont-ils à craindre pour leur poste ? Est-ce la fin des développements sur-mesure ? Non, mais c’est quand même intéressant.

Comment une agence digitale peut utiliser des outils no code comme Webflow pour créer des sites et des applications web

Pourquoi une agence digitale utiliserait-t-elle le no code ?

J’ai donc fait une rentrée en tant qu’étudiante de troisième année en Bachelor Digital et une comme alternante UX chez Uxer (c’est le début d’une nouvelle aventure au final, car c’est ma première année d’alternance 🥰).

Ces premiers mois m’ont permis de prendre conscience des différences entre enseignement scolaire et réalité du monde du travail.

Pourquoi j’ai choisi d’avoir une alternance ?

L’alternance est un format qui se développe énormément et qui attire bon nombre d’étudiants. Ma nouvelle école propose cette mixité école - entreprise mais elle ne nous l’impose pas. J’aurais pu faire le choix de travailler de mon côté sur des projets personnels, mais non !

Après avoir effectué plusieurs stages, je ne me voyais pas continuer à suivre uniquement des cours théoriques dans une classe. Bien qu’il y ait des exercices et des cas pratiques, nous sommes toujours rattachés à un cadre scolaire et il y a peu de projets concrets.

L’alternance est un excellent moyen d’entrer dans la vie active progressivement. D’acquérir de l’expérience professionnelle et de gagner en confiance dans son travail. Je trouve cela très valorisant de terminer ses études en ayant déjà un certain bagage professionnel.

Grâce à ce format, j’ai pu commencer à me spécialiser dans le domaine et le métier qui me plait (vive l’UX ✨) car pour le moment je n’ai suivi que des études générales (je trouve que c’est une très bonne chose pour démarrer ! Dans le monde du digital qui est très vaste, cela permet d’avoir une vue d’ensemble avant de savoir ce qui nous attire).

Cela fait maintenant deux ans et demi que j’étudie l’UX en cours. Comme pour beaucoup d’apprentissage, tout débute par de la théorie.

J’ai commencé par découvrir ce qu’était l’UX (car oui à ma sortie du lycée je ne savais même pas que ça existait 😅), les enjeux de ce domaine ainsi que les étapes clés d’un projet (entretiens, wireframes, tests utilisateurs…).

J’ai ensuite pu mettre en pratique ces cours dans de nombreux projets d’école. Ce qui est vraiment super pour comprendre les concepts et prendre en main les logiciels !

J’ai ainsi appris les bases de cette discipline, mais depuis quelques temps je me suis rendue compte que je n’apprenais plus vraiment. Je me contentais de refaire encore et encore ce que j’avais appris en première année.

“Comment est-ce possible ?” Me demanderez vous.

Et bien tout simplement car on aborde toujours les mêmes sujets. Les cours sont assez simples et j’ai l’impression de sans cesse revoir les bases, même au niveaux des logiciels. Je pense que cela vient du fait que je suis encore en cursus général et que j’ai changé d’école mais je suis bien triste de revoir des notions de bac+1 en bac+3 snif.

Lors de mon master, qui sera lui spécialisé en UX, je devrais aborder des notions que je n’ai encore jamais vu en cours (j’ai hâte 🤩). De plus, à l’école, nous n’avons pas d’interaction avec un vrai client. On ne nous apprend donc pas forcément à savoir présenter notre travail et à le valoriser.

Alternance et apprentissage par la pratique

Comme dit dans l’introduction j’ai rejoint Uxer en septembre, et depuis mon arrivée j’ai appris énormément de choses par la pratique !

Bien évidemment je ne peux pas me passer d’un peu de théorie. Pour les notions que je ne connais pas encore ou pour tout ce que je ne comprends pas, je peux me tourner vers Romain, UX Designer chez Uxer, qui est toujours prêt à m’aider.

Au départ cela me déroutais un peu. Ce n’est agréable pour personne d’avoir des difficultés pour réaliser une tâche. Mais en essayant et en me trompant au final j’ai énormément appris (l’apprentissage par l’erreur ça marche vraiment bien).

**Chez Uxer, j’ai réalisé certaines missions pour la première fois (coucou le userflow 👋) et j’ai grandement amélioré ma maitrise de Figma !

J’ai pris conscience que l’UX est bien plus complexe que ce que l’on m’apprend à l’école et qu’il n’y a pas une méthode miracle qui marche à tous les coups. Je suis confrontée à de vrais clients qui ont des contraintes, des attentes et des besoins spécifiques. L’idée est donc plutôt d’adapter les méthodes selon le type de projet, son envergure et ses objectifs.

Même si je ne suis qu’alternante le fait de travailler sur de vrais projets me donne la sensation d’avoir des responsabilités, au début cela me faisait peur mais petit à petit je commence à gagner en confiance.

L’école et l’entreprise sont formatrices chacune à leur manière, mais je trouve qu’elles se complètent. Pratiquer sans aucune théorie est assez difficile et ne jamais mettre en pratique ses connaissances est frustrant.

Les cours m’ont constitué une base de connaissances que j’ai décidé d’approfondir par l’alternance.

En tout cas je suis très contente d’avoir cette mixité au quotidien 😃

En septembre 2022, je n’ai pas fait une, mais bien deux rentrées ! Je vous parle de ce que ça m’a appris.

École VS entreprise, de la théorie à la réalité du terrain en UX

Rien de très novateur me direz-vous, presque toutes les entreprises ont des responsables ou des chef(fes) de projets dans leur service, cependant, cette fonction et les compétences demandées diffèrent selon les entreprises.

Me concernant, je suis devenue responsable de projets “sur le tas” et j’ai adapté mes réponses, mon travail et mes compétences en fonction des besoins de chaque projet, des profils de mes collaborateurs et de mon apprentissage quotidien.

De plus, Uxer, étant une agence web à taille humaine, cette fonction m’a demandée de l’adaptabilité, et des ressources afin de trouver des solutions à chaque problématique, quelle qu’elles soient :)

Retour d’expérience de cet apprentissage “sur le tas”.

Une même méthode de projet peut s'appliquer pour l’ensemble de tes clients, mais tu dois toujours avoir une autre alternative si cette méthodologie ne convient pas à un client. C'est ta méthodologie qui doit s'adapter à l'humain, au client, à sa demande et à son niveau de maturité, et pas le contraire, sinon cela ne fonctionnera pas dans le temps.

Pour savoir s’il faut adapter sa méthodologie au projet et au client, il faut :

S’intéresser à son secteur d’activité et à son expérience

Présenter notre équipe, notre organisation et notre façon de travailler de manière simple, sans utiliser trop de terme spécifiques et techniques qui pourraient l’effrayer

Prendre en considération ses craintes et doutes pour l’aider à avancer, à le rassurer

Rendre régulièrement des comptes sur l’avancée du projet

Donner des conseils, avis ou bonnes pratiques

Selon moi, un Responsable de projet, c'est 40% d'expertise dans son secteur d'activité et 60% de communication et de relationnel. 


Pourquoi ? Parce que si j'ai une question spécifique sur une expertise métier, je suis entourée d'experts UX, UI ou technique qui sauront m'apporter une réponse précise et fiable, mais savoir retranscrire ces réponses de manière simple, ludique et compréhensible, c' est mon travail.

En effet, un responsable de projet doit fédérer et doit inspirer confiance et il doit pouvoir communiquer sur n’importe quel sujet (agréable ou pas) avec son client.

Un doute sur nos compétences techniques ? Une mauvaise compréhension sur le cahier des charges initial du projet amenant une frustration de part et d’autres ? Un périmètre du projet qui doit changer en cours de route et qui demande une enveloppe budgétaire supplémentaire ? Ou encore des tests utilisateurs qui remettent en cause un business model ?

Peu importe le sujet, le responsable de projet se doit de savoir aborder ces sujets plus ou moins délicats et de trouver une alternative acceptable pour tout le monde, en concertation avec son équipe et le client afin d’ouvrir le dialogue.

L’objectif final pour chacun de nous reste toujours la qualité du projet livré et la satisfaction du client, mais tout en considérant les équipes Uxer et leurs travaux.

Donc on prend le temps d’écouter, de comprendre afin de pouvoir échanger et communiquer au mieux (avec une totale transparence c’est mieux 😉)

Un responsable de projet, c'est malgré lui, le parent de l'agence 😉.

Il doit prendre en considération les humeurs, états d'âmes ou difficultés de chaque membre de l'équipe. Il doit aussi garantir la bonne cohésion de celle-ci, c’est vraiment important que personne ne se sente mis de côté, surtout sur une si petite structure où chaque personne a un vrai rôle à jouer.

Il faut aussi s’assurer qu’il y ait toujours du café à l’agence et de temps en temps, quelques bonbons ! Une équipe qui se sent bien, c’est une équipe qui prend plaisir à venir à l’agence, qui a à cœur de s’investir dans l’agence et qui contribue à la bonne ambiance collective 😊.

Etre responsable de projet, c'est devenir un couteau-suisse, me concernant, voici la liste non exhaustive de ce que je dois faire au quotidien chez Uxer, qui je rappelle est une petite structure et demande donc d’être un peu touche-à-tout (ce que personnellement, j’apprécie beaucoup) :

manager : motiver mon équipe et la féliciter

gérer le périmètre budget/temps de chaque projet

avoir un esprit de synthèse et le sens des priorités

répondre à toutes les sollicitations (externes ou internes)

gérer tout ce qui est administratif : facture, relance, gestion des congés…

Etre Responsable de projet, c’est un état d’esprit, ça ne s’apprend pas dans les manuels, ça s’expérimente au quotidien et ça demande un réel self-control.

C’est ce qui m’a demandé le plus de travail : l’adaptabilité et la gestion de la pression. Si je suis stressée et submergée, je vais transmettre ces mauvaises ondes à tout le monde.

Comment j’ai fait pour gérer cette dernière partie ?

Avec l’équipe, nous avons automatisé de nombreux process ce qui me permet de gagner du temps en avant-vente par exemple

Mon planning macro est toujours à jour et je sais donc précisément la charge de travail pour chacune des personnes et donc, ce que je peux ajouter ou pas en terme de production

Notre méthode agile SCRUM me permet de pouvoir gérer tous les aléas et imprévus de manière la plus sereine possible

Et surtout, je suis entourée d’une équipe géniale, sur qui je peux m’appuyer pour n’importe quel sujet, qui prend le temps de m’expliquer les choses même quand c’est un peu technique #targetblank ;) et qui prend également le temps de m’écouter et m’aiguiller quand je suis dans une impasse, car cela m’arrive bien évidemment 🙂 💟

5 ans de responsable projet en agence digitale, 5 leçons retenues

Depuis plus de 5 ans, je suis responsable de projet au sein de l'agence digitale de Bordeaux, Uxer. Je vous parle de ce que j’ai appris tout au long de cette aventure !

5 leçons de responsable de projet en agence digitale

Responsable de projets : 5 leçons retenues ces 5 dernières années

Le meilleur logiciel de design de la planète (aka Figma) nous donne la possibilité de créer des composants. Un composant, c’est un élément référent que nous allons créer et que nous allons pouvoir dupliquer sur l’ensemble des maquettes sous forme d’instances. Le fonctionnement est très puissant, si vous apportez des modifications au composant référent, toutes ses instances seront automatiquement modifiées.

Imaginez que vous souhaitiez concevoir un bouton sur votre logiciel de design. Vous allez le créer une première fois, puis le dupliquer partout, là ou vous avez besoin d’intégrer un bouton. Chaque bouton est indépendant et peut être modifié sans impacter les autres.

Reprenons le même exemple en intégrant la notion de composants.

Imaginez que vous souhaitiez concevoir un bouton sur votre logiciel de design. Vous allez créer le bouton une première fois et le convertir en composant, puis le dupliquer partout, là ou vous avez besoin de l’intégrer. Chaque bouton dupliqué est donc dépendant du composant créé initialement. Si je viens rajouter une icône dans mon composant bouton, alors l’ensemble des boutons dupliqués sur la maquette se modifieront automatiquement.

Si on creuse un peu plus dans le fonctionnement d’un composant, on peut voir qu’il est possible de lui assigner des propriétés. Ces propriétés vont nous permettre de personnaliser chaque élément contenu dans le composant. Ainsi, on va associer des propriétés au composant référent, qui vont venir s’appliquer sur chacune des instances et vont donc permettre de les personnaliser en quelques clics.

Reprenons notre exemple de bouton avec son icône. Nous avons ajouté des propriétés à notre composant. Ces propriétés vont permettre de le personnaliser. On peut par exemple définir une propriété texte qui va être liée au texte du bouton, ou une propriété booléenne qui va être lié à l’icône. Ainsi, tous les boutons dupliqués gardent les propriétés du composant initial, mais sont indépendants. On pourra donc afficher l’icône sur ce bouton, la cacher sur un autre, et potentiellement intégrer des textes différents.

Une réflexion qui gravite autour de l’Atomic Design

L’idée de cet article n’est pas de découvrir l’Atomic Design (merci Brad Frost 🙌), mais cette approche fait partie intégrante de notre processus de conception de composants personnalisables.

Cette approche utilise les composants en tant qu’éléments vivants et évolutifs, et peut s’apparenter à vos cours de chimie au lycée ! Pour vulgariser et essayer d’être le plus simple possible, l’idée finale est que chaque élément puisse être combiné à un autre afin de fonctionner.

On part donc de la création de simples composants que l’on va appeler les atomes, que nous allons assembler entre eux et convertir en composant pour créer des molécules, que nous allons pouvoir fusionner entre elles, toujours sous forme de composants afin de créer des organismes, et toujours dans le même processus, arriver à la création de templates et de pages. On part donc des composants les plus petits que l’on va combiner jusqu’à créer des composants plus gros, puis créer des vues.

Reprenons, encore et encore, l’exemple de notre bouton et son icône. Si on suit cette approche, on peut imaginer que le bouton est une molécule, composée de plusieurs atomes assemblés : le texte et l’icône. Puis nous allons créer un bouton primaire et un secondaire qui ensemble vont former un organisme. Vous avez compris le processus !

Tout ça pour vous dire que nous avons créé notre kit de composants pour wireframes ! 🎁

Sur la base des deux points évoqués précédemment, nous avons donc cherché à lister l’ensemble des éléments récurrents d’un projet à l’autre, dans leur forme et dans leur fonction. L’objectif est simple, prendre du temps à les identifier et à les créer, pour être plus productif sur nos projets et consacrer notre de temps sur des parcours plus complexes.

🚨 Attention, nous parlons bien ici d’un kit utilisé sur nos wireframes qui nous permettent de concentrer sur la structure et le contenu d’un produit, et non sur l’UI Design où Manu préfère partir d’une feuille blanche et laisser exprimer sa créativité.

Si ce dernier en est à ses prémices, il est amené à évoluer continuellement dans les mois à venir, au fil des projets, de nos observations, de nos besoins et de nos apprentissages. Nous voyons ce kit comme évolutif, à partager, et personnalisable autant que possible.

Selon nous, il existe de nombreux avantages à créer son kit de composants. On a décidé de vous lister les plus évidents, selon notre expérience :

Gain de temps : imaginez le confort de lancer un nouveau projet et d’avoir son espace prêt à l’emploi. Pas besoin de refaire - encore et encore - l’ajout de styles comme les couleurs, tailles de typo, grilles, etc… Vous n’avez plus qu’à vous exprimer et concevoir votre maquette.

Mises à jour régulières : ce kit est mis à jour continuellement. Un nouvel élément, un nouveau fonctionnement ? Nous l’intégrerons au fil des projets grâce à nos apprentissages et notre expérience. Aujourd’hui composé d’éléments, nous avons la possibilité demain d’y ajouter des templates de pages assez classiques et d’arriver sur un espace assez conséquent.

Ne pas réinventer la roue  : notre métier ne consiste pas à réinventer la roue. Un champ de formulaire est un champ de formulaire, un bouton est un bouton. Certes, ils peuvent avoir des propriétés différentes, des variantes, mais dans le fond, ils vont réaliser la même action sur l’ensemble de nos projets. Si vous concevez 10 sites avec des formulaires, sur vos wireframes, les champs des 10 sites fonctionneront de la même manière, donc autant ne les créer qu’une seule fois et les réutiliser.

Souplesse et adaptabilité : l’ajout des propriétés de composants par Figma permet de personnaliser chaque instance d’un composant. Une modification à apporter, il suffit de modifier le composant principal, de lui affilier des propriétés, et hop, toutes ces instances sur l’ensemble des pages en hériteront.

Nous vous partageons très prochainement la publication de notre kit sur Figma Community, restez à l’écoute ⏳ Cet article est le premier d’une série axée sur les composants, les propriétés, l’Atomic Design et l’évolution de notre kit de composants pour wireframes.

Créer des composants réutilisables et personnalisables pour accélérer la phase de wireframing

Et si nous pouvions gagner du temps sur la création de nos wireframes, en créant des composants réutilisables et personnalisables ?

Gagner en productivité en créant un kit de composants pour wireframes et Atomic Design

Gagner en productivité en créant un kit de composants pour wireframes

Design, code & vied’une agence bordelaise