wize.

INSIGHTS

Décryptage
Tous les Insights

Identité numérique, identité visuelle, UX, UI : de quoi parle-t-on ?

Notes et documents de travail sur une table

Un logo, une charte graphique et un site ne répondent pas aux mêmes besoins. Ces chantiers se rejoignent, mais font appel à des métiers distincts. Voici comment comprendre leurs rôles et organiser leur collaboration.

Par Wize10 min de lecturePublié le Mis à jour le

« Nous allons créer votre identité numérique. » La promesse paraît claire, jusqu’au moment de comparer deux devis. L’un prévoit un logo et des couleurs. L’autre des maquettes de site. Un troisième ajoute des textes, des comptes sociaux et de l’hébergement. Parlent-ils vraiment du même travail ?

Pas nécessairement. Derrière ces mots se trouvent des compétences et des métiers distincts qui doivent travailler ensemble. Ces métiers et ces livrables se croisent, mais leurs noms ne sont pas interchangeables. Un entrepreneur peut avoir une identité visuelle aboutie sans maîtriser son nom de domaine, ou un site soigné dans lequel les clients ne comprennent pas comment demander un devis.

Dans cet article, l’identité numérique désigne l’ensemble par lequel une entreprise existe, se présente et est perçue dans l’univers numérique : ses noms et ses comptes, ses contenus, ses services et les traces qui circulent à son sujet. Ce périmètre inclut des éléments qu’elle pilote et d’autres, comme les avis ou les mentions par des tiers, qu’elle ne contrôle pas entièrement. Il dépasse largement la création d’un site.

Être reconnu : l’identité visuelle et les règles qui la font vivre

L’identité visuelle est le langage graphique qui permet de reconnaître l’entreprise. Le logo en fait partie, avec les couleurs, les typographies, les formes, le traitement des photographies ou le style des illustrations. Elle peut apparaître sur une devanture, un devis, un véhicule et un écran : elle n’est donc pas réservée au numérique.

Le mot « marque » peut lui-même prêter à confusion. Il désigne tantôt ce qui donne à l’offre une identité et une réputation, tantôt un signe protégé par le droit des marques. Concevoir un logo, déposer une marque et enregistrer un nom de domaine sont donc des démarches distinctes, même lorsqu’elles concernent le même nom.

La charte graphique est le document qui explique comment appliquer ce langage. Elle précise par exemple quelles variantes du logo utiliser, quel espace laisser autour, quelles couleurs et quelles polices employer. Selon son périmètre, elle peut aussi montrer des exemples de mise en page et des usages à éviter. L’identité visuelle est ce que l’on conçoit ; la charte aide à l’utiliser de manière cohérente.

Recevoir une charte ne signifie pas avoir reçu tous les supports prêts à l’emploi. Un modèle de devis, une signature email ou les écrans d’un site peuvent constituer d’autres livrables. Et disposer des fichiers ne règle pas automatiquement les droits d’utilisation. Ces éléments méritent d’être précisés dans la commande, comme l’explique notre article sur les droits sur les créations.

Un autre terme peut apparaître dans les projets plus étendus : le « design system ». Il rassemble des règles, des composants réutilisables et des manières de les employer pour concevoir des interfaces cohérentes. Un bouton n’y est pas seulement dessiné : ses variantes et son comportement peuvent être documentés, parfois accompagnés du code. Une petite entreprise n’a pas forcément besoin d’un dispositif aussi développé.

Utiliser un service : l’UI et l’UX ne racontent pas la même chose

L’, pour « user interface », désigne l’interface avec laquelle la personne interagit. Sur un site, ce sont notamment les menus, les champs, les boutons, leur disposition et les informations affichées lorsqu’une action réussit ou échoue. La concevoir suppose de traduire l’identité visuelle en écrans utilisables, avec des états et des comportements compréhensibles.

L’, pour « user experience », est l’expérience vécue dans l’utilisation d’un produit ou d’un service. Elle ne s’arrête pas à l’apparence d’un écran et peut dépasser le numérique. La personne trouve-t-elle ce dont elle a besoin ? Comprend-elle ce qui lui est proposé ? Parvient-elle à agir, et que se passe-t-il ensuite ? La recherche auprès des utilisateurs et les essais de parcours permettent de confronter les choix à ces questions.

Prenons un client qui veut réserver une réparation. Le formulaire peut être très beau, avec les bonnes couleurs et un bouton bien placé. Mais s’il demande un numéro que le client ne sait pas trouver, ne confirme pas l’envoi ou transmet la demande à une boîte que personne ne consulte, le parcours fonctionne mal. L’interface, le contenu, la technique et l’organisation de l’entreprise se rejoignent dans son expérience.

Il serait donc trompeur d’opposer une UI qui serait « le beau » à une UX qui serait « le pratique ». Les deux se nourrissent. Un libellé clair, une erreur expliquée et un contraste lisible concernent à la fois la conception des écrans et leur utilisation.

Une carte des chantiers, plutôt qu’un mot pour tout désigner

Les cinq expressions du titre n’épuisent pas le sujet. Il faut aussi décider de ce que l’on raconte, organiser les informations, faire fonctionner les services et prévoir leur suivi. La carte ci-dessous distingue les principaux sujets à examiner. Elle ne constitue pas un catalogue de prestations à acheter : une activité de proximité et une plateforme de vente n’auront ni les mêmes besoins ni les mêmes moyens.

Une carte de préparation, à adapter à l’activité et aux moyens disponibles.
ChantierLa question qu’il traiteCe qu’il faut préciser
Activité, public et positionnement
Intervenants possibles : Direction de l’entreprise, conseil en stratégie de marque
Ce que l’entreprise propose, à qui et avec quelle différence.Objectifs, publics prioritaires, promesse et limites de l’offre.
Nom, marque et droits
Intervenants possibles : Spécialiste du nommage, conseil en propriété intellectuelle, avocat
Comment se nommer et quels signes ou créations pouvoir utiliser.Nom retenu, vérifications, autorisations et droits sur les livrables.
Identifiants et points de présence
Intervenants possibles : Administrateur de comptes, spécialiste des domaines et de la messagerie
Où trouver et reconnaître l’entreprise en ligne.Domaines, adresses email, comptes sociaux, fiches et plateformes utiles.
Identité visuelle et charte graphique
Intervenants possibles : Graphiste, directeur artistique
Comment être reconnu et conserver une cohérence.Logo, variantes, couleurs, typographies, fichiers et règles d’application.
Identité éditoriale et contenus
Intervenants possibles : Rédacteur, concepteur de contenus, photographe, traducteur
Ce que l’entreprise dit et la façon dont elle le dit.Messages, ton, textes, photos, langues, droits et personne chargée des mises à jour.
Organisation de l’information
Intervenants possibles : Architecte de l’information, concepteur UX
Comment trouver ce que l’on cherche.Rubriques, noms des menus, hiérarchie des contenus et recherche éventuelle.
Parcours et UX
Intervenants possibles : Chercheur utilisateur, concepteur UX
Comment accomplir une action et ce qui se passe autour.Besoins, scénarios, essais avec des utilisateurs, confirmation et traitement des demandes.
Interface et UI
Intervenants possibles : Designer d’interface (UI)
Avec quels écrans et commandes la personne interagit.Maquettes, boutons, formulaires, états d’erreur et adaptations mobile/desktop.
Accessibilité et qualité technique
Intervenants possibles : Spécialiste de l’accessibilité, développeur, spécialiste des tests
Qui peut utiliser le service et dans quelles conditions.Navigation au clavier, lisibilité, alternatives aux images, rapidité et tests techniques.
Réalisation et services numériques
Intervenants possibles : Développeur, administrateur systèmes, spécialiste des intégrations
Comment faire fonctionner l’ensemble.Développement, hébergement, messagerie, formulaires, intégrations et maintenance.
Visibilité, diffusion et réputation
Intervenants possibles : Spécialiste du référencement, des campagnes, des réseaux sociaux ou de la réputation
Comment être trouvé, compris et perçu.Canaux choisis, présence dans les moteurs, informations publiques, avis et réponses.
Maîtrise et continuité
Intervenants possibles : Responsable interne, administrateur technique, spécialiste de la sécurité
Comment garder la main et faire évoluer ce qui a été construit.Titulaires, administrateurs, accès, renouvellements, sauvegardes, récupération et sortie du prestataire.
Données, suivi et amélioration
Intervenants possibles : Analyste de données, spécialiste de la mesure, conseil en protection des données
Comment observer les usages et décider de la suite.Données collectées, finalités, règles applicables, indicateurs utiles et responsables du suivi.

Ces lignes se recoupent volontairement. L’accessibilité, par exemple, se prépare dans les textes, les couleurs, les interactions et la réalisation technique. Le la rapporte à la possibilité pour les personnes handicapées de percevoir, comprendre, parcourir et utiliser le Web. On ne la règle donc pas uniquement en ajoutant une option à la fin du projet.

Des chantiers reliés, des métiers différents

Le graphiste conçoit un langage visuel. Le chercheur utilisateur étudie les besoins et les difficultés rencontrées. Le concepteur UX organise les parcours ; le designer UI travaille les interfaces et leurs interactions. Le développeur les fait fonctionner. Le rédacteur construit les messages, tandis qu’un spécialiste du référencement travaille sur la visibilité dans les moteurs. Ces missions demandent des savoir-faire différents, même lorsqu’elles contribuent au même site.

La carte indique des intervenants possibles, pas une distribution obligatoire. Les intitulés varient selon les équipes. Une même personne peut cumuler plusieurs compétences, et une agence réunir différents métiers ou faire appel à des partenaires. Il faut examiner les missions réellement couvertes, les réalisations et les méthodes proposées, plutôt que déduire la compétence de la seule mention « agence digitale » ou « création de site ».

Pour une petite entreprise, il ne s’agit donc pas d’engager treize prestataires. Il s’agit d’identifier les compétences nécessaires, celles déjà disponibles et les spécialistes à solliciter. Le périmètre peut rester modeste : quelques pages claires et un parcours de contact bien testé peuvent suffire à une activité.

Cette diversité rend la coordination essentielle. Qui transmet les textes au designer ? Qui vérifie que les écrans sont réalisables et accessibles ? Qui contrôle que les formulaires livrés correspondent au parcours prévu ? Désignez aussi, dans votre entreprise, une personne capable de fixer les priorités et de valider le résultat. La collaboration entre métiers doit avoir un responsable, pas simplement être supposée.

Comment ces sujets se relient dans un vrai projet

Le point de départ est l’activité : ce que vous proposez, à qui, et l’action que vous attendez de cette présence numérique. Cela oriente le nom, les messages et les services utiles. L’identité visuelle donne une cohérence reconnaissable ; les contenus et l’organisation de l’information rendent l’offre compréhensible ; l’interface permet d’agir.

La réalisation technique doit ensuite faire fonctionner ces intentions, tandis que l’organisation interne assure la suite : répondre, confirmer, livrer ou traiter une demande. Le domaine, les accès et les droits permettent de garder la maîtrise de l’ensemble. La visibilité amène les bonnes personnes jusqu’au service, et les retours observés aident à l’améliorer.

Ce n’est pas une chaîne figée où chaque métier attend son tour. Un essai sur téléphone peut révéler qu’un texte est trop ambigu, qu’une couleur manque de lisibilité ou qu’un formulaire demande trop d’informations. Il faut alors revenir sur plusieurs décisions. De même, modifier un nom peut entraîner des changements d’email, de contenus et de supports bien au-delà du logo.

C’est aussi pourquoi construire son identité et l’exploiter sont deux questions liées. Mettre un site en ligne ne crée pas automatiquement une audience. À l’inverse, attirer des visiteurs ne sert pas durablement un service qui déçoit ceux qui essaient de l’utiliser.

Ce qu’il faut clarifier avant de signer un devis

Au lieu de demander seulement « une identité numérique », décrivez quelques situations : un prospect doit comprendre votre offre sur téléphone, demander un devis, recevoir une confirmation et savoir qui contacter. Faites ensuite préciser quels livrables et quelles interventions permettront d’y répondre.

Un devis devrait permettre de distinguer les fichiers graphiques, les règles d’usage, les textes, les maquettes et le service effectivement développé. Demandez aussi ce qui sera testé, ce qui vous sera remis, qui aura les accès et qui prendra en charge les mises à jour. Une maquette cliquable ne suffit pas à faire fonctionner un site, et la livraison d’un site ne garantit pas un suivi continu.

Demandez quels professionnels interviendront, sur quelles missions et qui coordonnera leur travail. Faites préciser les éventuelles prestations confiées à des partenaires et les validations qui vous reviennent. Un interlocuteur commercial unique peut simplifier les échanges ; le périmètre des compétences et des responsabilités doit rester explicite.

Pour commencer, prenez la carte des chantiers et indiquez, pour chaque ligne, ce qui existe déjà, ce qui reste nécessaire et qui en répond. Vous disposerez d’une base plus utile pour décider, comparer des propositions et construire une présence cohérente qu’avec un mot unique censé tout contenir.

Les mots de cet article

Les mots soulignés en pointillés ont une définition au survol, au clavier ou au toucher. Toutes les définitions sont également regroupées ici.

UI — User Interface · interface utilisateur
La partie du service avec laquelle une personne interagit : écrans, boutons, menus et formulaires, notamment.
UX — User Experience · expérience utilisateur
L’expérience d’une personne lorsqu’elle utilise un service : comprend-elle ce qu’elle peut faire, y parvient-elle, et que se passe-t-il ensuite ? Cela dépasse l’apparence des écrans.
W3C — World Wide Web Consortium
Un organisme qui développe des standards et recommandations pour le Web, notamment en matière d’accessibilité.

Pour passer à la pratique

Approfondir dans le dossier Wize
Sources & Crédits

Poursuivre la lecture