web-dev-qa-db-fra.com

Est-ce une bonne pratique de combiner la navigation dans la barre d'onglets et un menu hamburger dans une application iOS?

Certaines applications iOS de Google, ainsi que d'autres applications (par exemple StackExchange pour iOS) utilisent un modèle de navigation combiné basé à la fois sur une barre d'onglets et un tiroir de navigation (alias Menu Hamburger). En règle générale, la barre d'onglets offrira une navigation vers les principales sections de l'application tandis que les destinations moins fréquemment consultées (telles que l'aide et les paramètres par exemple) seront accessibles à partir du tiroir de navigation.

Que pensez-vous de cette approche? Est-ce une bonne pratique ou un étrange hybride?

enter image description here

4
Goren Berdichevsky

Comme avec la plupart des questions comme celle-ci, le tl; dr est: Cela dépend.

Le modèle de navigation correct dépend en grande partie de trois choses:

  1. Structure d'application (IA)
  2. Fonctionnalité de page feuille (IxD)
  3. Désir de faire respecter les priorités par l'équipe produit (organisationnelle)


Structure de l'application

Si votre application est structurée de manière à prendre en charge moins de 5 pages feuilles de premier niveau, une approche par onglets est idéale. S'il y a des pages supplémentaires qui ne sont pas contenues dans un flux utilisateur principal, il peut être judicieux d'inclure des fonctionnalités supplémentaires dans le menu ☰. Ceux-ci inclus:

  • informations sur le compte (par exemple, connexion/déconnexion, ajout d'un utilisateur, etc.)
  • liens sortants (par exemple, aide, commentaires, rapport de bogue, etc.)
  • réglages
  • dossiers et étiquettes


Fonctionnalité de page feuille

Si les pages feuilles sont suffisamment différenciées les unes des autres mais égales en hiérarchie et en priorité, les onglets constituent un mécanisme de navigation assez solide. En voici quelques exemples:

  • types de flux (par exemple, Accueil, tendances, abonnements et compte YouTube)
  • modèles de navigation (par exemple, navigation selon votre exemple)
  • types de contenu et modèles d'interaction (par exemple, types de directions Google Maps)


Désir d'imposer la priorité par l'équipe produit

Il s'agit moins de la discipline du design que de sa pratique. Les équipes de produits ont des exigences en constante évolution et, par conséquent, le produit/service peut devenir gonflé et flou. Le choix d'un nombre fixe de tâches utilisateur de base et leur placement dans des onglets aident les équipes de conception à repousser la création d'un produit tiroir indésirable rempli de fonctionnalités à longue queue et permet à l'équipe dans son ensemble de consacrer plus de conception et de développement temps sur la fonctionnalité de base.


Autres considérations

Essayez d'éviter les onglets utilisateur comme mécanisme de tri ou de filtrage. Dans votre exemple G +:

il existe des états dans lesquels les utilisateurs ont des onglets supérieur et inférieur, et les onglets supérieurs servent de filtres pour le contenu dans "Collections". Le contenu des onglets "En vedette", "Suivant" et "Le vôtre" est homogène. Il s'agit d'un puissant anti-motif pour les onglets. Il existe de bien meilleurs mécanismes de filtrage.


Ressources supplémentaires

ne mise à jour du menu Hamburger - évolution de l'utilisation du menu hamburger

Qui a conçu l'icône du hamburger - histoire de l'icône

Pourquoi et comment éviter les menus hamburger - guide pratique

J'espère que ça aide!

4
SwankyLegg

Vous avez déjà mis en évidence les fonctionnalités de base de la navigation par onglets et du menu hors canevas. Le seul inconvénient auquel je pouvais penser avec une telle conception est la surface d'écran disponible pour le contenu réel. Cependant, les téléphones portables deviennent plus gros, donc je ne pense pas que ce serait un problème à l'avenir.

Que ce soit pour implémenter la navigation hors zone ou les onglets, ou les deux, cela dépend en grande partie de l'architecture du site et également des objectifs que vous souhaitez atteindre. Si votre objectif est d'attirer plus d'utilisateurs vers une ou des pages particulières ou d'effectuer certaines actions, vous souhaiterez peut-être placer les liens à des endroits auxquels l'utilisateur peut facilement accéder. Étant donné que la barre d'onglets peut être parcourue et cliquée d'une seule main, vous souhaiterez naturellement y placer vos liens.

0
adamsoh