Description du projet
TraduitNotre interface a été assemblée pendant trois ans par différentes personnes, et vous pouvez voir chaque passage de relais. Le bouton sur la page de facturation est deux pixels plus haut que le bouton dans les paramètres, les espacements sont choisis à l'œil, et j'ai compté six gris dans les maquettes que personne ne peut distinguer ou expliquer. Chaque nouvel écran commence par une discussion sur l'apparence d'un bouton principal et se termine par un champ de saisie légèrement différent.
Je veux clore cette question une bonne fois pour toutes. Je commande un système de design dans Figma qui devient la seule source de vérité pour le produit : tokens de couleur et de taille, une échelle typographique, une grille, et une bibliothèque de composants où chaque élément porte tous ses états — par défaut, survolé, pressé, désactivé, erreur et chargement. Les formulaires et les tableaux méritent le plus d'attention, car c'est là que nos utilisateurs travaillent réellement et où l'incohérence fait le plus de mal aujourd'hui.
Les thèmes clairs et sombres doivent être construits à partir des mêmes tokens, donc changer de thème est un échange de valeurs et non un second ensemble d'écrans. Chaque composant a besoin d'une courte page de documentation : quand l'utiliser, quand ne pas l'utiliser, quelles variantes existent, comment il se comporte sur un écran étroit. Le test d'acceptation est simple : un développeur ouvre la bibliothèque et assemble un écran sans me poser une seule question.
Ce que j'attends du travail :
— tokens pour la couleur, l'espacement, le rayon et la typographie, thèmes clairs et sombres à partir d'un ensemble partagé ;
— une bibliothèque de composants avec tous les six états sur chaque élément interactif ;
— formulaires et tableaux en détail : champs, validation, tri, pagination, états vides ;
— règles d'espacement et une grille qui permettent d'assembler un écran sans improvisation ;
— une page de documentation pour chaque composant, écrite pour les développeurs, pas pour un portfolio ;
— modèles d'écrans typiques : liste, fiche d'enregistrement, paramètres, formulaire étape par étape, états vides et d'erreur ;
— le contraste du texte et des éléments d'interface est vérifié par rapport aux normes d'accessibilité communément acceptées, et non à l'œil ;
— les polices sont choisies avec une licence qui couvre l'utilisation web ;
— la bibliothèque est remise avec des droits sur le fichier et n'est pas liée au compte du contractant.
Deux semaines est le délai sur lequel je compte, et je suis heureux de diviser le travail en étapes avec une révision après chacune.
Je veux clore cette question une bonne fois pour toutes. Je commande un système de design dans Figma qui devient la seule source de vérité pour le produit : tokens de couleur et de taille, une échelle typographique, une grille, et une bibliothèque de composants où chaque élément porte tous ses états — par défaut, survolé, pressé, désactivé, erreur et chargement. Les formulaires et les tableaux méritent le plus d'attention, car c'est là que nos utilisateurs travaillent réellement et où l'incohérence fait le plus de mal aujourd'hui.
Les thèmes clairs et sombres doivent être construits à partir des mêmes tokens, donc changer de thème est un échange de valeurs et non un second ensemble d'écrans. Chaque composant a besoin d'une courte page de documentation : quand l'utiliser, quand ne pas l'utiliser, quelles variantes existent, comment il se comporte sur un écran étroit. Le test d'acceptation est simple : un développeur ouvre la bibliothèque et assemble un écran sans me poser une seule question.
Ce que j'attends du travail :
— tokens pour la couleur, l'espacement, le rayon et la typographie, thèmes clairs et sombres à partir d'un ensemble partagé ;
— une bibliothèque de composants avec tous les six états sur chaque élément interactif ;
— formulaires et tableaux en détail : champs, validation, tri, pagination, états vides ;
— règles d'espacement et une grille qui permettent d'assembler un écran sans improvisation ;
— une page de documentation pour chaque composant, écrite pour les développeurs, pas pour un portfolio ;
— modèles d'écrans typiques : liste, fiche d'enregistrement, paramètres, formulaire étape par étape, états vides et d'erreur ;
— le contraste du texte et des éléments d'interface est vérifié par rapport aux normes d'accessibilité communément acceptées, et non à l'œil ;
— les polices sont choisies avec une licence qui couvre l'utilisation web ;
— la bibliothèque est remise avec des droits sur le fichier et n'est pas liée au compte du contractant.
Deux semaines est le délai sur lequel je compte, et je suis heureux de diviser le travail en étapes avec une révision après chacune.
Design et multimédia Espèces, Virement bancaire
