Modèles de navigation iOS modernes

Modèles de navigation pour la structure des apps iOS

• Les apps iOS possèdent une structure hiérarchique fixe, ce qui permet aux utilisateurs d’anticiper les options de navigation.
• Les modèles de navigation aident les utilisateurs à identifier leur position actuelle et précédente, et à comprendre comment revenir en arrière.

Navigation drill-down

• Le drill-down est un modèle qui permet d’explorer une arborescence d’informations étape par étape, en utilisant des animations de transition horizontales.
• Il ne conserve pas l’état, et la barre de navigation affiche le titre de l’écran actuel.
• L’indicateur de divulgation dans les lignes de liste signale qu’il est possible d’aller plus en profondeur dans la hiérarchie.

Navigation plate

• La navigation plate divise la hiérarchie au niveau racine et l’affiche via une barre d’onglets.
• Les éléments de la barre d’onglets sont organisés autour des principales fonctions de l’app, façonnant les attentes des utilisateurs et leur modèle mental de l’app.
• La barre d’onglets reste toujours visible sur l’ensemble de l’app, sauf lorsqu’elle est temporairement masquée par une feuille modale.

Modèle en pyramide

• Le modèle en pyramide permet de se déplacer rapidement entre des vues sœurs situées au même niveau hiérarchique, sans revenir à l’écran parent.
• Il est possible de naviguer entre des vues sœurs dans une app multimédia à l’aide d’un geste de balayage horizontal ou de boutons.

Modèle hub-and-spoke

• Le modèle hub-and-spoke convient à de vastes collections d’éléments non liés entre eux, situées au sommet de la hiérarchie.
• L’écran d’accueil d’iOS sert de hub, en fournissant un « état neutre » fiable du système d’exploitation.

Navigation en superposition

• Les superpositions requièrent l’attention de l’utilisateur, et les superpositions modales exigent une action de sa part.
• Les modales à forte friction demandent une décision de l’utilisateur et se concentrent sur l’accomplissement d’une tâche précise.
• Les modales à faible friction peuvent être facilement ignorées, et il faut éviter autant que possible les boîtes de dialogue d’alerte à action unique.

Navigation intégrée

• Les modèles de navigation intégrée exigent une attention particulière à la structure stricte et au modèle spatial d’iOS.
• Un changement d’état ne modifie pas la position dans la hiérarchie, et il faut vérifier qu’un changement d’état ne relève ni de la hiérarchie ni d’un modal.

Navigation par étapes

• Le modèle par étapes relie une série d’écrans dans un flux linéaire, comme une visite guidée, un parcours de réglages ou un tutoriel d’onboarding.
• Une séquence par étapes doit être incluse dans une superposition modale, et se terminer par un bouton de validation ou de fermeture.

Navigation centrée sur le contenu

• La navigation centrée sur le contenu téléporte instantanément l’utilisateur vers une autre page ou vue via un lien hypertexte ou un bouton.
• Dans les apps iOS, il faut éviter ce modèle, sauf pour l’hypertexte, les jeux immersifs ou les contenus non linéaires.

L’avis de GN⁺

• Cet article peut être très utile aux développeurs d’apps iOS, car il présente des modèles de navigation essentiels pour améliorer l’expérience utilisateur.
• Les différents modèles de navigation, comme le drill-down, la navigation plate ou la pyramide, contribuent à renforcer l’utilisabilité et l’accessibilité des apps.
• En particulier, l’usage de la navigation modale et en superposition peut avoir un impact majeur sur le flux de travail des utilisateurs, ce que les développeurs doivent donc examiner avec soin.

[genkino]

Bonjour ! Je l’ai appris moi aussi en partageant cet article avec un collègue. Il paraît qu’en coréen, la forme standard conforme à l’orthographe est naebigeisyeon plutôt que nebigeisyeon. Comme il s’agit d’une transcription de l’anglais, il est vrai qu’il peut être un peu délicat d’affirmer catégoriquement laquelle est « correcte ». Mais comme c’est un endroit que beaucoup de gens consultent, je me suis dit qu’il serait préférable, tant qu’à faire, d’utiliser la forme standard, donc je me permets de laisser ce petit commentaire.

[xguru]

Cet article est un résumé réalisé par GPT-4. GPT semble bien utiliser « navigation », mais mélange parfois aussi avec « névigation ». Je l’ai corrigé haha.