Human Interface Guidelines — qu'est-ce que c'est, les principes de design iOS

Que sont les Human Interface Guidelines ?

Human Interface Guidelines (HIG) est la documentation officielle d'Apple pour la conception d'interfaces utilisateur. Le document contient des descriptions de tous les composants système standard, les règles d'utilisation, les exigences relatives aux gestes, animations, typographie et palette de couleurs. Apple a publié les HIG pour la première fois pour Macintosh en 1987, et depuis lors, le document a évolué avec les plateformes — d'iOS 1 (2007) aux versions actuelles iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 et tvOS 18. Les HIG couvrent trois niveaux : la philosophie de conception (principes), les composants système (éléments d'interface) et les recommandations techniques (tailles d'écran, Safe Area, Dynamic Type). Pour un développeur, les HIG servent de source unique de vérité lors des décisions de conception : si un composant est décrit dans les HIG, il n'est pas nécessaire de le réinventer.

Structure du document Human Interface Guidelines

Le document HIG est divisé en trois grandes parties : « Foundations » (principes fondamentaux et modèles), « Platforms » (sections de plateforme pour iOS, iPadOS, macOS, watchOS, tvOS, visionOS) et « Components » (catalogue de tous les éléments d'interface système). Chaque composant est décrit selon un modèle uniforme : objectif, anatomie, comportement, meilleures pratiques et exemples. Par exemple, la section des Navigation Bars contient les spécifications de hauteur (44pt en portrait, 32pt en paysage sur iPhone), les règles de placement des boutons et les limites de personnalisation. Les HIG incluent également des recommandations d'accessibilité — VoiceOver, Dynamic Type, réduction de mouvement — obligatoires pour la publication dans l'App Store.

Pourquoi les HIG sont critiques pour un développeur iOS

Le respect des Human Interface Guidelines affecte directement le succès d'une application dans l'App Store. Lors de la modération, Apple vérifie la conformité aux HIG — les gestes non standard, les composants système remplacés ou les violations de la hiérarchie de navigation peuvent entraîner un rejet. Selon l'Apple Developer Program License Agreement (2025), les applications qui utilisent les API système de manière inappropriée sont rejetées lors de la révision. Chez IT Sectr, nous suivons les HIG dans tous les projets iOS depuis 2017 — cela réduit le temps de révision et augmente les évaluations des utilisateurs. De plus, les applications conformes aux HIG obtiennent des positions plus élevées dans la recherche de l'App Store grâce à une meilleure expérience utilisateur.

Principes fondamentaux des HIG Apple

Six principes fondamentaux des Human Interface Guidelines façonnent la philosophie de design d'Apple. Le premier principe — Aesthetic Integrity (intégrité esthétique) : l'apparence de l'interface doit correspondre à sa fonction. Le deuxième — Consistency (cohérence) : des éléments identiques se comportent de la même manière dans toutes les applications du système. Le troisième — Direct Manipulation (manipulation directe) : l'utilisateur interagit directement avec le contenu (glisser, taper, pincer pour zoomer) plutôt que par des contrôles abstraits.

Clarté, hiérarchie et retour d'information

Clarity (clarté) exige que le texte soit lisible, les icônes compréhensibles et la navigation prévisible. Dynamic Type et SF Symbols sont les outils d'Apple pour maintenir la clarté sur tous les appareils. Deference (respect) signifie que l'interface ne doit pas concurrencer le contenu : fonds flous, barres d'outils minimalistes et éléments transparents (dans le style iOS 7+) mettent en œuvre ce principe. Feedback (retour d'information) garantit que chaque action de l'utilisateur reçoit une réponse visuelle ou tactile : mise en évidence des boutons, retour haptique, animation de transition. La violation du principe de retour d'information est l'une des causes fréquentes de mauvaises notes dans l'App Store, selon les données d'Appfigures (2025).

Sections clés des Human Interface Guidelines

Human Interface Guidelines contient des spécifications détaillées de chaque composant système Apple. La section Bars décrit la barre de navigation (hauteur standard 44pt), la barre d'onglets (49pt), la barre d'outils (44pt) et la barre de recherche. La section Views inclut la vue tableau avec des cellules de types standard et personnalisé, la vue collection avec prise en charge de la disposition compositionnelle, la vue défilement et la vue texte. La section Controls spécifie le bouton, le curseur, l'interrupteur (cible minimale — 44×44pt), le contrôle segmenté, le stepper et le sélecteur de date. Pour chaque contrôle, les dimensions de la zone tactile (zone de contact minimale — 44×44pt selon les directives d'Apple), les états visuels (normal, surligné, désactivé, sélectionné) et les animations de transition sont spécifiés.

Typographie et couleur dans les HIG

Apple recommande d'utiliser la police système San Francisco (SF Pro pour iOS/macOS, SF Compact pour watchOS) avec Dynamic Type — adaptation automatique de la taille aux réglages de l'utilisateur. Les HIG définissent 11 styles de texte : Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, semi-gras), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). La palette de couleurs des HIG comprend les couleurs système : labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — avec prise en charge des thèmes clair et sombre. L'utilisation des couleurs système garantit un affichage correct sur tous les appareils et dans les réglages d'accessibilité.

Fonctionnalités spécifiques aux plateformes dans les HIG

Chaque plateforme Apple possède des éléments d'interface uniques décrits dans les HIG. Pour iOS, ce sont la Tab Bar (navigation inférieure), la Navigation Bar (barre supérieure avec titre et boutons), les Sheets (panneaux modaux), l'Activity View (partage système), les Live Activities et le Dynamic Island. Pour iPadOS, s'ajoutent Split View, Slide Over, Popover Presentation et les raccourcis clavier. Pour macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar avec NSToolbarItem. Pour watchOS — Complications, Digital Crown, Scribble, Swipe Gestures et Always-On Display. Pour tvOS — Focus Engine, Parallax Icons, Top Shelf.

Adaptation du design entre les plateformes

Les HIG recommandent de ne pas transférer mécaniquement les éléments entre les plateformes : la Tab Bar sur iOS n'est pas équivalente à la Sidebar sur macOS, bien que toutes deux résolvent des tâches de navigation. Pour les applications multiplateformes, Apple propose Mac Catalyst et SwiftUI, qui adaptent automatiquement l'interface à la plateforme cible tout en respectant les HIG. Lors du développement avec SwiftUI chez IT Sectr, nous utilisons des modificateurs spécifiques à la plateforme : .navigationViewStyle, .tabViewStyle et .pickerStyle — ils garantissent la conformité aux directives natives. De plus, les HIG décrivent les exigences d'adaptation à Dynamic Type, au texte agrandi, à la réduction de mouvement et au contraste accru.

Comment appliquer les HIG en pratique

L'application des Human Interface Guidelines commence par l'étude de la section « App Architecture », qui décrit la structure d'une application iOS typique : écran de lancement, intégration, écrans modaux, graphe de navigation et états de chargement. La première étape consiste à choisir un style de navigation (hiérarchique avec Navigation Controller, plat avec Tab Bar, modal avec Sheets ou combiné). La deuxième étape consiste à définir la hiérarchie des écrans et à s'assurer que chaque écran est conforme au modèle HIG. La troisième étape consiste à sélectionner les composants système pour chaque tâche : Table View pour les listes, Collection View pour les grilles, Page Control pour les carrousels.

Vérification de la conformité aux HIG avant publication

Apple fournit Xcode Preview Assets et Accessibility Inspector pour vérifier la conformité aux HIG. Il est recommandé de suivre une liste de contrôle : toutes les zones tactiles > 44pt, le texte utilise Dynamic Type, les couleurs prennent en charge le thème sombre, la navigation suit la hiérarchie des HIG, les gestes n'entrent pas en conflit avec les gestes système (par exemple, le glissement de retour n'est pas remplacé). Chez IT Sectr, nous effectuons des révisions HIG avant chaque version — cela élimine les rejets lors de la modération de l'App Store. De plus, les App Store Review Guidelines (section 4.0 « Design ») font directement référence aux HIG : les applications qui violent gravement les directives sont rejetées jusqu'à ce que les non-conformités soient résolues.