Structure & Accessibilité

Qu’est-ce que Interface utilisateur (UI) ?

Couche visible et interactive par laquelle une personne agit sur un produit numérique : écrans, composants, états, voix ou gestuelle — au sens large du terme, pas seulement « joli design ».

UI

Définition simple

C'est comme le tableau de bord d’une voiture : voyants, boutons et lisibilité déterminent si le conducteur comprend vite sans relire le manuel à chaque trajet. L’interface utilisateur matérialise modèle mental et marque via typographie, couleurs, densité d’information et feedback système. Elle vit dans navigateur, applications natives ou objets connectés selon le contexte.

Comment ça marche ?

Grilles, composants réutilisables, états (hover, erreur, vide), navigation, langage micro-copy. La UI s’appuie souvent sur un [design system](/lexique/design-system) et sur des guidelines accessibilité ; elle est codée en composants dans le front-end. Elle doit rester alignée avec l’[expérience utilisateur](/lexique/experience-utilisateur) définie en amont.

Impact business

Une UI incohérente ou illisible fait chuter adoption interne comme conversion client — les audits interface montrent souvent que simples corrections de contraste, hiérarchie et labels récupèrent des points de succès sur tâches critiques sans nouveau budget acquisition.

Bonnes pratiques

  • Hiérarchie visuelle claire ; guidelines tokens ; revues accessibilité systématiques ; prototypes testables tôt ; synchronisation continue design ↔ dev (Storybook).

Erreurs communes

  • Surcharger l’écran « au cas où ». Iconographie obscure sans texte. États erreur absents des maquettes. Déconnexion entre ce que marketing promet et ce que l’UI permet réellement.

Prompt IA

Contexte : refonte [dashboard métier]. Liste cinq principes de lisibilité UI et trois checks accessibilité à passer avant livraison développeur.

QUESTIONS FRÉQUENTES

Aller plus loin sur Interface utilisateur (UI).

Concepts distincts mais indissociables en livraison : l’UX pose problèmes et parcours ; la UI les rend utilisables — voir aussi [designer UI](/lexique/designer-ui).