Guide pratique des icônes et des libellés

Points clés

• Icônes universelles : seules quelques-unes, comme la recherche et l'impression, sont largement reconnues
• Libellés : les libellés texte améliorent la reconnaissance et la rapidité
• Le geste le plus utile : Associer des libellés texte aux icônes dans la navigation principale.
• Erreur la plus fréquente : Une navigation uniquement par icônes pour les fonctionnalités clés.
• Faites appel à de l'aide si l'une des situations décrites sous « Quand faire appel à de l'aide » ci-dessous correspond à votre projet.

Pourquoi c'est important

Rares sont les icônes comprises universellement, et les boutons à icône seule provoquent hésitations et erreurs, sauf si leur sens est évident.

Les chiffres, au même endroit

Voici les chiffres publiés, réunis en un seul endroit, avec leurs sources à la fin.

À quoi ressemble un bon résultat

Voici ce que font les équipes expérimentées. Une partie vous sera déjà familière.

• Associer des libellés texte aux icônes dans la navigation principale
• Donner aux boutons à icône seule un nom accessible et une infobulle
• Utiliser les icônes de manière cohérente dans tout le produit
• Tester le sens des icônes auprès des utilisateurs
• Gardez des icônes simples aux petites tailles

Ce qu'il faut éviter

Des choses qui semblent raisonnables et ne le sont pas.

• Une navigation uniquement par icônes pour les fonctionnalités clés
• Utiliser une même icône pour des sens différents
• Des icônes décoratives annoncées par les lecteurs d'écran
• Compter sur les icônes à la place des mots d'une culture à l'autre

Place dans le design UI & UX

Le travail sur les icônes et les libellés n'est qu'un des volets de notre approche du design UI & UX. Le sujet arrive rarement seul : les décisions ci-dessus interagissent avec tout le reste du projet, c'est pourquoi il vaut la peine de les trancher tôt plutôt qu'au moment de la relecture.

À qui cela s'adresse vraiment

Personne ne se documente sur les icônes et les libellés pour le plaisir. Si vous êtes ici, c'est que le sujet est sur le point de vous coûter du temps ou de l'argent, et que vous préférez le découvrir maintenant plutôt qu'à l'échéance.

Chacune de ces situations est une bonne raison d'être ici. La suite couvre l'ensemble : en quoi consiste le travail, ce qu'il coûte aux États-Unis, combien de temps il prend, ce dont nous avons besoin de votre part et comment savoir si ce que vous recevez est de bonne qualité. Allez directement à la partie qui vous intéresse.

Quand l'occasionnel devient permanent

Il arrive généralement un moment où le design UI & UX cesse d’être quelque chose que l’on gère entre deux autres tâches pour devenir un vrai chantier. Cela ressemble souvent à ceci :

• Le travail retombe sur quelqu'un dont le vrai métier est tout autre, et ce vrai métier en pâtit.
• Le volume n'est plus occasionnel, il est devenu hebdomadaire.
• La qualité varie selon la personne qui était disponible ce jour-là.
• Vous refusez des opportunités parce que la production ne suit pas.
• On refait sans cesse la même correction parce que personne n'a noté comment bien la faire.
• Vous payez des licences logicielles utilisées quelques jours par mois.

Si deux ou trois de ces points sont vrais, la question n'est pas vraiment de savoir s'il faut se faire aider. C'est de savoir s'il faut recruter, faire appel à un freelance ou travailler avec un studio, et une section plus bas présente honnêtement les avantages et inconvénients, y compris les cas où faire appel à nous est la mauvaise réponse.

Comment le travail se déroule concrètement

Voici le déroulé réel d'un projet de design UI & UX. Certaines étapes semblent superflues, jusqu'à ce que l'on ait vu ce qui se passe sans elles.

1. Comprendre la tâche

Ce que les gens cherchent à accomplir, et ce qui les en empêche aujourd'hui. Les analytics montrent où ils abandonnent ; en interroger six montre pourquoi.

2. Cartographier les parcours

Chaque chemin possible dans la tâche, y compris ceux où quelque chose se passe mal. C'est dans les états d'erreur que se loge l'essentiel de la dette de design.

3. Structure et wireframes

La mise en page et la hiérarchie avant le design visuel. Des blocs gris, délibérément, pour que les retours portent sur la structure plutôt que sur la couleur.

4. Design visuel

Typographie, couleur, espacement et composants, construits comme un système plutôt que comme une série d'écrans.

5. Prototype

Quelque chose de cliquable. Un prototype répond à des questions auxquelles une maquette statique ne peut pas répondre, et il y répond avant que le code ne soit écrit.

6. Tester avec de vraies personnes

Cinq participants suffisent à repérer la plupart des problèmes d'utilisabilité sérieux — un constat publié par le Nielsen Norman Group et qui se vérifie depuis des décennies. Cinq la semaine prochaine valent mieux que vingt le trimestre prochain.

7. Passation

Spécifications, états, tokens et comportements documentés, pour que les développeurs n'aient pas à déduire l'intention à partir d'une image.

8. Mesurer et itérer

Livrer, observer, corriger. Un design reste une hypothèse tant que de vraies personnes ne l'ont pas utilisé.

Quelle place pour les icônes et les libellés ? En général, quelque part au milieu de cette séquence, avec en héritage toutes les décisions prises en amont. C'est l'argument pour fixer le périmètre tôt : un changement à l'étape deux est une simple discussion, le même changement à l'étape sept impose de tout reconstruire.

Les chiffres, et leur provenance

Ce sont des seuils publiés, pas nos opinions. Lorsqu'un organisme de normalisation ou une plateforme a indiqué un chiffre, ce chiffre figure ici et l'organisme est cité en bas de page. Lorsque personne n'en a publié, vous ne trouverez pas de chiffre inventé pour combler le vide.

Combien cela coûte aux États-Unis

Venons-en directement à l'argent. Voici des fourchettes de prix typiques du marché américain pour des travaux de design UI et UX. Ce n'est pas un devis, car un devis exige vos fichiers réels, mais elles devraient vous indiquer si le montant qu'on vous a annoncé est dans le bon ordre de grandeur.

Ce sont des fourchettes larges, et elles le sont pour une raison. Voici ce qui fait passer un projet d'un extrême à l'autre.

Ce qui détermine réellement le prix

Nombre de parcours distincts

Les écrans coûtent peu ; les parcours coûtent cher. Comptez les décisions, pas les plans de travail.

Profondeur de la recherche

Un audit expert prend quelques jours. Des tests modérés avec recrutement prennent des semaines et nécessitent un budget participants.

Périmètre du design system

Concevoir les composants une fois et les documenter coûte plus cher au départ, et moins cher pour chaque fonctionnalité suivante.

Contraintes existantes

Concevoir dans un système existant ou avec une bibliothèque de composants figée est plus rapide à développer, mais plus long à bien concevoir.

Accessibilité

Concevoir selon les WCAG 2.1 AA dès le départ ajoute un peu. Auditer et corriger après coup ajoute beaucoup.

Nombre de plateformes

Le web, iOS et Android ont des conventions différentes. Faire comme si ce n'était pas le cas produit quelque chose qui sonne faux sur les trois.

Comment la rémunération est généralement structurée

Au-delà du montant se pose la question des modalités. Cinq modèles couvrent presque tous les cas dans ce secteur, et le bon dépend de la précision avec laquelle le travail peut être décrit avant de commencer.

À l'unité

Un prix fixe par image, par minute, par page, par élément. Idéal quand le travail est réellement répétitif et que vous pouvez décrire précisément une unité. C'est le modèle le plus simple à budgéter et le plus facile à contester, car tout dépend de la correspondance entre votre définition d'une unité et la nôtre. Mettez-vous d'accord sur un échantillon avant de vous mettre d'accord sur une facture.

Taux horaire ou journalier

Vous achetez du temps, et le résultat est ce que ce temps produit. C'est honnête quand personne ne peut encore cadrer le travail : un sauvetage, des archives inconnues, une phase exploratoire. Demandez malgré tout un montant plafond. Un accord horaire ouvert sans plafond est un budget sans limite.

Forfait projet

Un montant unique pour un périmètre défini, généralement avec un nombre déterminé de cycles de révision. C'est le modèle que préfèrent la plupart des clients, et celui qui pénalise le plus durement un brief flou. Le forfait n'est fixe que si le périmètre l'est, alors attendez-vous à un document de cadrage plus précis que ce qui vous semble confortable. C'est cette précision qui vous protège.

Abonnement mensuel

Une capacité définie réservée pour vous chaque mois. Intéressant dès que le travail est continu plutôt qu'occasionnel : un catalogue qui se renouvelle, une chaîne qui publie chaque semaine, un site qui évolue sans cesse. En dessous d'environ dix à quinze heures par mois, cela revient généralement plus cher que d'acheter le travail au fil de l'eau.

Rémunération à la valeur ou au résultat

Une tarification liée à un résultat business plutôt qu'à l'effort. Rare, et rarement aussi simple qu'il y paraît. Elle fonctionne quand le résultat est sans ambiguïté et attribuable, et s'effondre quand il n'est ni l'un ni l'autre. Examinez une proposition de rémunération au résultat avec la même rigueur que toute autre affirmation en matière d'attribution.

Si vous voulez un vrai montant plutôt qu'une fourchette, le plus rapide est de nous envoyer le vrai brief : périmètre, volume, échéance, et quelques fichiers d'exemple si vous en avez. Cela suffit généralement pour un prix fixe plutôt qu'une estimation.

Combien de temps cela prend

Dans ce domaine, les délais sont globalement prévisibles, à une exception près qui piège presque tout le monde. Voici le schéma habituel.

Une chose mérite d'être dite clairement : la cause la plus fréquente d'un projet en retard n'est pas la production. C'est l'attente : d'un contenu, d'une décision, d'une personne qui doit jeter un œil à quelque chose. Si vous voulez qu'un projet avance vite, le levier le plus puissant dont vous disposez est de désigner une personne habilitée à dire oui et de vous assurer qu'elle est disponible. Ce seul changement vaut plus que toutes les relances du monde.

Le travail en urgence est possible, et il coûte réellement plus cher, car il implique de vraies personnes qui font de vraies heures supplémentaires, ou un projet qui passe devant celui de quelqu'un d'autre. Nous vous dirons toujours ce que coûte réellement une urgence avant que vous vous engagiez.

Ce qu'il faut nous envoyer

La moitié des projets qui semblent lents l'étaient dès le tout début. Une transmission propre est le gain de vitesse le moins cher à votre portée, et elle prend une vingtaine de minutes.

Ce que doit contenir le brief

À qui il s'adresse

Le public, en une phrase, avec vos propres mots. Pas un document de persona : une phrase.

Ce qu'il doit accomplir

L'action que vous voulez que quelqu'un réalise, ou la décision que vous voulez lui permettre de prendre.

Où il sera diffusé

Chaque emplacement, à chaque format. C'est l'oubli le plus fréquent, et c'est celui qui entraîne de nouvelles prises de vue et de nouveaux recadrages.

Ce qui existe déjà

Charte graphique, travaux antérieurs, les fichiers que personne n'aime. Surtout les fichiers que personne n'aime, et pourquoi.

Ce qui est figé

Couleurs, polices, mentions légales, exigences des plateformes, tout ce qui n'est pas négociable.

À quoi ressemble un bon résultat

Deux ou trois références, plus un exemple de quelque chose que vous n'aimez vraiment pas. Ce que vous n'aimez pas est plus utile que ce que vous aimez.

La vraie échéance

La date à laquelle quelque chose doit être en ligne, pas celle à laquelle vous aimeriez voir une ébauche. Précisez laquelle vous nous donnez.

Qui valide

Un seul nom. Un brief avec quatre validateurs et aucun décideur est un brief qui vous coûtera deux cycles de révision supplémentaires.

Deux d'entre eux méritent d'être soulignés, car ce sont ceux qui coûtent de l'argent quand ils manquent. Où il sera diffusé (chaque emplacement, à chaque format) est l'oubli qui entraîne de nouvelles prises de vue et de nouveaux recadrages. Et qui valide est celui qui ajoute discrètement des cycles de révision : un projet avec quatre validateurs et aucun décideur coûtera toujours plus cher qu'un projet avec un seul nom.

Propre aux icônes et aux libellés

En plus du brief général, ce type de projet gagne à ce que vous ayez tranché les points suivants avant que quiconque ne commence :

• Associer des libellés texte aux icônes dans la navigation principale
• Donner aux boutons à icône seule un nom accessible et une infobulle
• Utiliser les icônes de manière cohérente dans tout le produit
• Tester le sens des icônes auprès des utilisateurs

Si vos fichiers sont déjà prêts, vous pouvez nous les envoyer directement : ils sont déposés sur un stockage privé plutôt que dans une boîte de réception, et rien n'est public. Si vous préférez juger de notre niveau avant de vous engager, testez-nous d'abord sur quelques fichiers. Sans carte bancaire, sans engagement, et si cela ne correspond pas à vos besoins, vous n'aurez perdu qu'un après-midi.

Comment vérifier ce que vous recevez

Relire un travail est une compétence, et personne ne l'apprend. Une bonne relecture économise un cycle de révision ; une relecture vague en provoque deux.

Vérifiez-le là où il sera utilisé

Validez un visuel web dans un navigateur, un visuel imprimé sur papier, un mixage audio sur un haut-parleur de téléphone. Valider un livrable dans l'outil qui l'a produit, c'est ainsi que les problèmes arrivent jusqu'au public.

Vérifiez les bords, pas le centre

Le centre est presque toujours correct. Regardez les coins, le plus petit format, la chaîne de texte la plus longue, la zone la plus sombre, les dix dernières secondes.

Vérifiez une chose à la fois

La couleur, puis la typographie, puis les espacements, puis le contenu. Une relecture qui cherche à tout voir d'un coup voit ce qui saute le plus aux yeux et rate le reste.

Rassemblez les retours avant de les envoyer

Une seule liste consolidée vaut mieux que six e-mails. Les contradictions au sein de votre propre organisation se règlent à moindre coût de votre côté que du nôtre.

Soyez précis sur ce qui ne va pas

« Rendez-le plus percutant » coûte un cycle de révision. « Le titre est difficile à lire sur le ciel, pouvez-vous assombrir la zone derrière ? » coûte dix minutes.

Dites aussi ce qui va bien

Pas par politesse. Si vous ne signalez que les problèmes, le cycle suivant risque de faire disparaître ce que vous aimiez sans que personne ne sache que c'était important.

Le niveau d'exigence que nous nous imposons

Pour que vous sachiez à quoi vous comparer, voici ce qui est vérifié de notre côté avant que quoi que ce soit ne vous parvienne. Rien de tout cela n'est facultatif, et rien n'est facturé en supplément.

• Chaque élément interactif accessible au clavier, avec un état de focus visible
• Contraste vérifié à 4,5:1 pour le texte courant et à 3:1 pour le grand texte et les composants d'interface
• Zones tactiles assez grandes pour être touchées de manière fiable — environ 44 points, selon les recommandations courantes des plateformes
• Chaque état conçu, pas seulement le cas idéal : vide, chargement, erreur, trop de contenu
• Testé avec du contenu réel, y compris le nom le plus long et le compte le plus vide
• Comportement documenté pour les développeurs plutôt que suggéré par une image statique

Signaux d'alerte propres aux icônes et aux libellés

Si vous repérez l'un de ces points dans ce qui vous est livré, signalez-le. Tous peuvent être corrigés, et tous coûtent moins cher à corriger maintenant qu'après la mise en ligne.

• Une navigation uniquement par icônes pour les fonctionnalités clés
• Utiliser une même icône pour des sens différents
• Des icônes décoratives annoncées par les lecteurs d'écran
• Compter sur les icônes à la place des mots d'une culture à l'autre

Vous pouvez voir comment nous présentons nos travaux finalisés, avant/après compris, dans le portfolio. Tout ce qui est marqué comme exemple est une réalisation de démonstration de notre part et non un projet client, et c'est indiqué sur l'élément.

Trois situations que vous reconnaîtrez peut-être

Un conseil abstrait est facile à approuver et difficile à appliquer. Voici les formes que prend concrètement ce type de problème, et ce que nous ferions dans chaque cas.

Un tunnel de paiement qui perdait les gens à l'étape trois

Les analytics montraient l'abandon ; cinq sessions modérées ont montré pourquoi. Les frais de livraison apparaissaient pour la première fois à cette étape, et les gens partaient vérifier si c'était normal. Les afficher plus tôt a permis de récupérer la plupart d'entre eux.

Un design system que personne n'utilisait

Il existait sous la forme d'un magnifique fichier, sans documentation, sans tokens dans le code et sans responsable. C'est en le reconstruisant autour de tokens que les développeurs pouvaient réellement exploiter, avec un mainteneur désigné, qu'il est devenu une réalité.

Une interface qui a échoué tardivement à un audit d'accessibilité

Le contraste et les états de focus n'avaient pas été pris en compte pendant le design, si bien que les constats de l'audit sont arrivés chez les développeurs sous forme de reprises. Sur le projet suivant, les mêmes vérifications ont pris quelques minutes dans le fichier de design.

Aucun de ces cas n'exigeait d'exploit. Il fallait simplement que quelqu'un regarde le bon point suffisamment tôt, ce qui est l'essentiel de ce que l'expérience apporte dans ce domaine.

En interne, freelance, studio ou modèle d'IA ?

C'est la décision qui se cache derrière « combien ça coûte », et elle mérite une réponse franche plutôt qu'un argumentaire commercial. Il existe quatre façons de faire réaliser un travail de design UI & UX, et nous ne sommes le bon choix que pour certaines d'entre elles.

Garder le travail en interne

Un membre de votre personnel s'en charge.

Les avantages : la boucle de retour la plus rapide qui soit, la connaissance produit la plus approfondie, aucun effort de briefing pour les petites modifications.

Les inconvénients : vous achetez une personne, pas un travail : ses congés, ses arrêts maladie, ses limites, et les logiciels. Cela cesse d'avoir du sens dès que la demande est irrégulière, car vous payez le pic toute l'année.

Engager un freelance

Un spécialiste, engagé directement.

Les avantages : le moyen le moins cher d'acheter une vraie expertise, et vous traitez directement avec la personne qui fait le travail.

Les inconvénients : une seule personne, c'est un point de défaillance unique. Pas de remplaçant, une capacité limitée, et si elle part en cours de projet, vous héritez de ses fichiers et de ses conventions.

Faire appel à un studio

Une équipe avec un process, un niveau de relecture et des remplaçants.

Les avantages : absorbe le volume et la diversité, prend en charge le contrôle qualité, et ne disparaît pas quand une personne est malade.

Les inconvénients : plus cher à l'heure qu'un freelance, et vous êtes un client parmi d'autres. Intéressant quand la cohérence sur un grand volume de production compte davantage que le tarif le plus bas.

Utiliser un modèle d'IA

Des outils génératifs ou automatisés, avec ou sans vérification humaine.

Les avantages : réellement rapide et réellement bon marché sur ce qu'il fait bien, et il ne se fatigue pas à la page quatre cents.

Les inconvénients : il se trompe avec aplomb, d'une manière difficile à repérer au premier coup d'œil, et ses points faibles sont justement ceux qu'un client remarque : les mains, le texte, les dénombrements, les contours, la continuité. Rien ne devrait être livré sans avoir été vu par une personne, c'est pourquoi nos prestations IA sont tarifées relecture comprise plutôt que présentées comme une remise.

En bref : si le travail est constant et au cœur de votre activité, recrutez. S'il est irrégulier, ou s'il requiert un éventail de compétences que vous ne pouvez pas justifier d'employer, faites appel à un studio. S'il s'agit d'une spécialité précise et que vous avez trouvé le bon spécialiste, faites appel à lui. Nous préférons vous le dire d'emblée plutôt que d'accepter un projet pour lequel nous ne sommes pas adaptés.

Les règles américaines à connaître

Ceci n'est pas un avis juridique et nous ne sommes pas avocats. C'est une liste des règles américaines qui reviennent assez souvent dans ce type de travail pour que les ignorer coûte cher. Si l'une d'elles vous concerne, cela vaut vingt minutes avec quelqu'un qui est avocat.

ADA et Section 508

Les réclamations en matière d'accessibilité web au titre de l'Americans with Disabilities Act sont courantes aux États-Unis, et les agences fédérales ainsi que leurs prestataires sont soumis à la Section 508, qui renvoie aux WCAG. C'est dans les décisions de design — contraste, états de focus, taille des cibles — que l'essentiel se joue, dans un sens ou dans l'autre.

Dark patterns

La Federal Trade Commission et plusieurs procureurs généraux d'États ont engagé des actions contre des interfaces qui masquent les coûts, piègent les gens dans des abonnements ou rendent la résiliation délibérément difficile. Les parcours à option négative et à renouvellement automatique font l'objet d'une attention particulière des autorités.

Formulaires accessibles et gestion des erreurs

L'étiquetage, l'identification des erreurs et les instructions sont des critères de succès explicites des WCAG, et c'est sur les formulaires que se concentrent les plaintes en matière d'accessibilité — car un formulaire impossible à remplir est un service impossible à utiliser.

Et les questions commerciales générales

Quelle que soit la discipline, l'achat de services professionnels aux États-Unis soulève toujours la même poignée de questions. Voici celles que nos clients nous posent le plus.

Contrats et descriptifs de prestations (SOW)

Un statement of work (cahier des charges contractuel) qui précise les livrables, le nombre de cycles de révision, les conditions de propriété et l'échéancier de paiement vaut bien l'heure nécessaire pour le lire. La plupart des litiges dans ce secteur ne portent pas sur la qualité : ils viennent de deux personnes qui ont compris « terminé » différemment.

Propriété et work made for hire

En vertu du droit d'auteur américain, une œuvre créée par un prestataire indépendant appartient en général au prestataire, sauf cession écrite ou si elle relève de l'une des catégories légales restreintes de « work made for hire ». Cela surprend beaucoup d'acheteurs. Obtenez la cession par écrit ; un studio qui hésite vous apprend quelque chose d'utile.

Payer un prestataire externe

Une entreprise américaine qui rémunère un prestataire américain recueille normalement un Form W-9 et peut devoir déposer un 1099-NEC ; pour un prestataire non américain, il s'agit généralement plutôt d'un W-8BEN ou d'un W-8BEN-E. Votre comptable voudra ces documents avant la première facture, pas après la dernière.

Taxe de vente sur les services

Le caractère imposable d'un service créatif ou numérique varie selon les États, et plusieurs États taxent certains livrables numériques mais pas d'autres. Mieux vaut poser une question à votre comptable avant une mission importante que recevoir un courrier de l'administration fiscale d'un État après.

Allégations publicitaires

La Federal Trade Commission tient les annonceurs pour responsables des allégations faites dans leur marketing, y compris celles véhiculées par les images. Une photo produit retouchée qui ne représente plus le produit est un problème publicitaire avant d'être un problème de design, et la responsabilité incombe à l'annonceur plutôt qu'au retoucheur.

Accessibilité

Le titre III de l'Americans with Disabilities Act a été interprété par les tribunaux américains comme s'appliquant aux sites web dans de nombreux cas, et les agences fédérales ainsi que leurs sous-traitants sont tenus par la Section 508, qui renvoie aux WCAG. L'accessibilité coûte moins cher quand elle est intégrée dès la conception que quand elle est réglée devant les tribunaux.

Nos propres conditions sont publiées plutôt qu'envoyées sur demande : vous pouvez lire les conditions générales, les conditions de paiement, la politique de remboursement et notre position en matière de confidentialité et de NDA avant même de parler à qui que ce soit. Si quelque chose ne vous convient pas, dites-le tôt : la plupart des points sont négociables, et tout se règle mieux avant le travail qu'après.

Les questions à poser à tout prestataire qui vous fait un devis

Nous compris. Si un prestataire se montre évasif sur l'une d'entre elles, c'est la réponse à la question que vous vous posiez vraiment.

Qui fait réellement le travail ?

Demandez si le travail reste entre les mains de votre interlocuteur, passe à une équipe ou est sous-traité. Aucune de ces options n'est mauvaise. Ne pas le savoir, si.

Qu'est-ce qu'une révision, exactement ?

Demandez ce qui compte comme une révision par rapport à un nouveau brief, et combien sont incluses. C'est la source la plus fréquente d'une facture inattendue.

À qui appartient le résultat ?

Faites-le mettre par écrit, fichiers de travail compris. « Le fichier final vous appartient » et « tout vous appartient » sont deux positions très différentes, et la seconde coûte plus cher pour une bonne raison.

Que se passe-t-il en cas d'erreur ?

Demandez combien coûte une reprise et dans quel délai elle est faite. Un studio qui a une réponse claire a déjà eu cette conversation.

Puis-je voir des travaux similaires aux miens ?

Pas une bande démo : des travaux dans votre catégorie, à votre volume, avec vos contraintes. Un superbe portfolio dans une autre catégorie prouve le goût, pas l'adéquation.

Comment traitez-vous mes fichiers ?

Où ils sont stockés, qui peut y accéder, combien de temps ils sont conservés et ce qu'il advient à la fin. Si vous envoyez quoi que ce soit de non publié, faites-le inscrire au contrat.

De quoi avez-vous besoin de ma part ?

Un prestataire incapable de répondre à cette question n'a pas réfléchi à votre côté du projet, et vous le découvrirez à l'échéance.

Une dernière, et c'est celle que l'on ose le moins poser : qu'est-ce qui vous ferait refuser ce projet ? Un studio qui n'a jamais refusé de travail est un studio qui accepte tout, et cela en dit long sur le soin avec lequel le vôtre sera traité.

Le jargon qu'on vous servira

Chaque domaine a son vocabulaire, employé comme un raccourci et reçu comme un obstacle. Voici ce que signifient réellement les termes courants du design UI & UX, en langage clair. Vous ne devriez pas en avoir besoin pour commander le travail, mais cela raccourcit la conversation.

Architecture de l'information

La façon dont le contenu est organisé et nommé pour que les gens le trouvent. La structure sous le design.

Wireframe

Une mise en page sans habillage visuel, qui sert à valider la structure avant que quiconque ne débatte de la couleur.

Prototype

Une simulation cliquable. Le moyen le moins coûteux de savoir si un parcours fonctionne.

Design system

Des composants, des tokens et des règles utilisés dans l'ensemble d'un produit, pour que le cinquième écran coûte moins que le premier.

Design token

Une valeur nommée — une couleur, un pas d'espacement — définie une fois et utilisée partout, de sorte qu'un changement ne demande qu'une seule modification.

Évaluation heuristique

Un examen par un expert au regard de principes d'utilisabilité établis. Rapide, peu coûteux, mais qui ne remplace pas l'observation de vrais utilisateurs.

Affordance

Un indice visuel qui vous indique ce que fait un élément. C'est pour cela qu'un bouton doit avoir l'air cliquable.

Charge cognitive

Ce que quelqu'un doit garder en tête pour mener une tâche à bien. Généralement le vrai problème derrière « ça a l'air compliqué ».

Divulgation progressive

Afficher d'abord les options courantes et le reste à la demande, plutôt que tout en même temps.

État vide

L'aspect d'un écran sans données. La première chose que voit chaque nouvel utilisateur, et la dernière que la plupart des équipes conçoivent.

Une bibliothèque de référence plus complète est disponible si vous souhaitez approfondir l'un de ces sujets, et tout y est rédigé de la même manière : simplement, avec les sources.

Les questions posées avant de faire appel à nous

Voici les questions qui reviennent dans presque toutes les demandes concernant les icônes et les libellés, avec des réponses directes. Si la vôtre n'y figure pas, posez-la — personne ne vous inscrira pour autant sur une liste de diffusion.

Combien cela coûte-t-il ?

Sur le marché américain, les tarifs pour concevoir des écrans et des parcours permettant réellement aux utilisateurs d’accomplir ce pour quoi ils sont venus commencent autour de 2 000 $ – 8 000 $ pour les travaux les plus simples, puis augmentent selon la complexité, le volume et les délais. Nous établissons un prix par projet après avoir vu le brief, car un chiffre annoncé sans avoir regardé les fichiers est un chiffre qui changera plus tard.

Pouvez-vous me proposer un prix forfaitaire ?

En général, oui, une fois le périmètre mis par écrit. Un prix forfaitaire exige un périmètre fixe : attendez-vous donc à un document de cadrage plus précis que ce qui vous semble nécessaire. C'est cette précision qui vous protège d'une facture d'avenant.

Dans quels délais pouvez-vous commencer ?

La phase de compréhension et de cartographie prend normalement 1–3 semaines. La date de démarrage dépend de la file d’attente, et nous vous donnerons la date réelle plutôt que celle que vous aimeriez entendre.

De quoi avez-vous besoin de ma part pour commencer ?

Un brief, les fichiers et le nom de la seule personne habilitée à valider. Ce troisième point compte plus qu'on ne le pense : les projets avec un décideur unique se terminent nettement plus vite que ceux pilotés par un comité.

À qui appartient le travail final ?

À vous, fichiers de travail compris, et c'est inscrit dans les conditions plutôt que laissé à l'appréciation de chacun. Selon le droit d'auteur américain, le travail d'un prestataire externe n'est pas cédé automatiquement sans cession écrite : c'est donc un point à vérifier avec tout prestataire.

Et si le résultat ne me plaît pas ?

Dites-nous précisément ce qui ne va pas et nous le corrigerons. Le nombre de cycles de révision est indiqué dans le devis, pour que personne n'ait à deviner. Si le niveau de qualité ne correspond vraiment pas à vos besoins, la politique de remboursement précise ce qui se passe, par écrit, avant que vous ne dépensiez quoi que ce soit.

Travaillez-vous avec des clients américains ?

Oui, et nos horaires recouvrent la journée de travail américaine. Les prix sont en dollars US et les livrables sont spécifiés selon les normes américaines applicables (ATSC, l'ADA et la Section 508, les règles publicitaires de la FTC, les exigences des marketplaces américaines) plutôt que selon les équivalents européens que de nombreux studios appliquent par défaut.

Puis-je faire un essai avant de m'engager ?

Oui. Envoyez-nous quelques fichiers réels et nous réaliserons le travail selon votre brief, gratuitement, sans carte bancaire et sans engagement. C'est un meilleur test que n'importe quel portfolio, car il s'agit de vos contenus et de vos exigences.

Mes contenus restent-ils confidentiels ?

Oui. Les fichiers sont déposés sur un stockage privé plutôt que dans une boîte de réception, rien n'est publié sans votre accord, et nous signerons votre NDA ou utiliserons le nôtre, selon votre préférence.

Quelle est la cause la plus fréquente de retard sur ce type de projet ?

L'attente d'une décision. Pas la production, pas les révisions : l'attente. Si vous ne retenez qu'une chose de cette page, retenez celle-là.

Pour aller plus loin

• Les heuristiques d'utilisabilité de Nielsen : les décisions qui comptent
• L'évaluation heuristique, dans les règles de l'art

Quand faire appel à de l'aide

Faites appel à des spécialistes lorsque les utilisateurs comprennent mal les icônes de navigation, ou lorsque vous créez un jeu d'icônes pour un produit.

Nos sources

• Nielsen Norman Group — Icon usability
• W3C Web Accessibility Initiative — Understanding SC 1.1.1 Non-text Content

Comment cette page a été élaborée

Chaque chiffre, pratique et avertissement ci-dessus est tiré des normes, de la documentation des plateformes et des recherches publiées citées dans la section Nos sources. Rien ici n'est déduit ni généralisé au-delà de ce que publient ces organismes : lorsqu'ils donnent un chiffre, c'est leur chiffre, et lorsqu'ils se taisent, nous aussi. Les pages sont régénérées dès que les sources sous-jacentes changent. Nos propres opinions, lorsque nous en avons, figurent dans les études de cas et sont signées.

Vous travaillez sur un projet similaire ?

Nous prenons en charge des projets de design UI & UX pour les équipes qui veulent qu’ils soient faits une fois, et bien faits. Dites-nous ce que vous construisez et nous vous dirons honnêtement si nous sommes le bon studio pour le faire. Démarrer un projet.

Autres pistes utiles

Suivez ces liens pour poursuivre avec le sujet pratique, le service ou le guide de décision le plus proche.

• Bibliothèque d'articles sur le design UI & UX
• Libellés et placeholders des champs de formulaire : les décisions qui comptent
• Réussir ses favicons et icônes d'application
• Guide pratique de l'UX des candidatures à un emploi
• Guide pratique de l'UX de la localisation