Les Human Interface Guidelines (HIG) sont un ensemble officiel de principes, bonnes pratiques et ressources techniques publiés par Apple pour guider la conception et le développement d’applications intuitives, cohérentes et respectueuses de l’expérience utilisateur sur ses plateformes :
- iOS (iPhone),
- iPadOS (iPad),
- macOS (Mac),
- watchOS (Apple Watch),
- tvOS (Apple TV),
- visionOS (Apple Vision Pro).
Ces guidelines visent à garantir que toutes les applications tierces s’intègrent naturellement dans l’écosystème Apple, en respectant ses conventions d’interaction, son langage visuel et ses attentes fonctionnelles.
Objectifs principaux des HIG
- Cohérence : Les utilisateurs ne doivent pas réapprendre à utiliser une app — les gestes, icônes et flux doivent être familiers.
- Clarté : L’interface doit être lisible, hiérarchisée et débarrassée du superflu.
- Profondeur : Utiliser les capacités de la plateforme (gestes, animations, feedback haptique) pour renforcer l’immersion sans distraire.
- Accessibilité : Concevoir pour tous, y compris les personnes en situation de handicap (VoiceOver, Dynamic Type, contraste élevé, etc.).
Contenu des HIG (modules clés)
| Thème | Contenu typique |
|---|---|
| Principes fondamentaux | Clarté, déférence, profondeur ; design centré utilisateur |
| Interaction | Gestes (tap, swipe, drag), navigation (tab bar, navigation stack), feedback |
| Composants UI | Boutons, champs, listes, modales, menus, icônes — avec spécifications exactes |
| Typographie | Utilisation de SF Pro, hiérarchie textuelle, Dynamic Type |
| Couleurs & icônes | Palette système, sémantique des couleurs, guidelines pour les pictogrammes SF Symbols |
| Layout & adaptation | Safe areas, tailles d’écran, orientation, multitâche (iPad), fenêtres (macOS) |
| Accessibilité | Contraste, taille du texte, labels vocaux, réduction des animations |
| Ressources téléchargeables | Templates Figma/Sketch, icônes SF Symbols, wireframes, composants UI |
Accès officiel
Utilisation pratique dans le workflow
Pour les designers :
- Téléchargez les templates officiels (Figma, Sketch) pour commencer sur des bases conformes.
- Utilisez SF Symbols (bibliothèque d’icônes vectorielles d’Apple) pour garantir la cohérence iconographique.
- Respectez les marges système (safe areas, padding standards) dès les wireframes.
Pour les développeurs :
- Implémentez les composants natifs (
UINavigationController,TabBar, etc.) plutôt que de recréer des équivalents personnalisés. - Utilisez les API d’accessibilité (
accessibilityLabel,accessibilityTraits). - Adaptez l’UI via Auto Layout et Size Classes (iOS) ou SwiftUI.
Pour les équipes produit :
- Validez les maquettes contre les HIG avant le développement.
- Évitez les « innovations » qui contredisent les conventions Apple (ex. : bouton « Retour » à droite sur iOS).
Erreurs fréquentes à éviter
- Recréer une navigation Android-style (hamburger menu) sur iOS.
- Ignorer les safe areas (notch, Dynamic Island, barre d’accueil).
- Utiliser des polices non adaptatives (qui ne supportent pas Dynamic Type).
- Négliger le mode sombre (Dark Mode) ou les thèmes personnalisés.
Pourquoi respecter les HIG ?
- Meilleure adoption par les utilisateurs (moins de friction).
- Approbation plus rapide sur l’App Store (Apple valorise la conformité).
- Moins de bugs grâce à l’usage de composants natifs.
- Maintenance simplifiée (alignement avec les mises à jour OS).