Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Interface utilisateur (User Interface)

Interface utilisateur (User Interface)

Concept
Définition

Point de contact entre l'humain et le système avec lequel il interagit. L'interface utilisateur englobe les éléments visuels (boutons, formulaires, menus), mais aussi les modes d'interaction (tactile, vocal, gestuel). En contexte web et mobile, le terme désigne principalement l'interface graphique (GUI). L'UI est la partie visible de l'expérience utilisateur, mais ne la résume pas. Un beau bouton qui ne mène nulle part reste un mauvais design.

En pratique

Suivre les conventions de la plateforme cible (Material Design pour Android, Human Interface Guidelines pour iOS). Hiérarchiser visuellement les actions par importance : une action primaire, une secondaire, le reste en retrait. Maintenir la cohérence des composants dans un design system. Tester l'UI sur les appareils réels, pas uniquement dans le navigateur du poste de travail. Optimiser les zones tactiles pour le mobile : 44px minimum selon Apple, 48dp selon Google.

Exemple

L'interface de l'iPhone original (2007) a introduit les conventions tactiles qui dominent encore : pinch to zoom, swipe to navigate, tap to select. Ces patterns d'UI sont devenus des standards cross-plateforme.

Voir aussi
Affordance
Cohérence
Design system
Expérience utilisateur
Material design
Sources
Apple, Human Interface Guidelines
Google, Material Design Guidelines
Le Journal d'UX : veille UX et design au quotidien, wiki UX de référence en français. Ouvert aux contributions de la communauté.