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 (*Consistency*)
Design system
Expérience utilisateur (*User Experience*)
Material design
Sources
Apple, Human Interface Guidelines
Google, Material Design Guidelines
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.