web-dev-qa-db-fra.com

Comment gérez-vous la navigation en bas à des niveaux plus profonds?

Nous envisageons de convertir notre navigation hamburger en une barre d'onglets, nous avons trop d'éléments dans le menu latéral en ce moment et nous voulons une barre d'onglets avec 3-4 éléments et un menu où l'utilisateur peut personnaliser ce qui apparaît sur la barre.

Nous voulons afficher la barre sur nos quelques vues de haut niveau comme le courrier électronique, les tâches, le calendrier, etc. l'espace, mais la seule façon de gérer que je pouvais trouver était de le cacher lors du défilement vers le bas et de l'afficher lors du défilement vers le haut.

Nous pensons que c'est une solution vraiment moche qui ne conviendrait pas du tout à notre application et à nos utilisateurs. Existe-t-il une alternative commune? Comment géreriez-vous un système de navigation inférieur qui ne devrait pas être présent dans toutes les vues?

5
kevin

Une solution qui peut s'adapter à votre problème est de rester concentré sur la page actuelle en limitant la navigation de niveau supérieur.

Par exemple, Facebook le fait sur son application mobile:

Si l'utilisateur est sur l'onglet `` flux de nouvelles '', il peut voir toute la navigation de niveau supérieur sur les onglets - lorsque l'utilisateur explore ensuite un article (contenu de sous-niveau), les onglets de navigation sont supprimés et l'utilisateur est alors concentré sur le contenu de sous-niveau tout en ayant la possibilité de se retirer. Cela maintient une hiérarchie claire tout au long.

Exemple visuel de niveau supérieur, où les onglets sont visibles:

enter image description here

Exemple visuel du sous-niveau, où les tabulations sont remplacées par une navigation arrière:

enter image description here

J'espère que cela t'aides!

6
RobbyReindeer

Vous pouvez utiliser la navigation du bas pour naviguer entre les principales parties de votre application, puis dans chacune des onglets en haut qui sont commutables en balayant vers la gauche ou la droite pour vos "sous-catégories". Par exemple, l'application Wattpad fait ceci: Wattpad screenshot

1
Namnodorel