web-dev-qa-db-fra.com

Burger flottant vs navigation inférieure pour le Web mobile

Nous avons un menu de 5 options et nous voulons décider d'utiliser un burger flottant ou un menu de navigation inférieur pour notre application Web mobile.

Nous avons déjà une barre collante sur le dessus où notre logo, une cloche de notification et l'avatar de l'utilisateur (en cliquant dessus ouvriront les options du profil) en direct.

Un hamburger flottant donnera un bouton d'action rapide pour naviguer dans le menu, mais il se démarque et ... il s'oppose.

D'un autre côté, la navigation inférieure offre un accès rapide aux menus sans effort et elle peut être considérée comme un bon standard pour les applications, mais en raison de la barre inférieure de safari, elle offre une mauvaise expérience utilisateur pour les utilisateurs iOS car vous devez cliquer deux fois sur un onglet de menu lorsque la barre inférieure du navigateur est absente.

Quelle est la meilleure option entre les deux? D'autres meilleures alternatives?

4
Dimitris

Comme lié ici , le hamburger peut garder des parties de votre application invisibles comme décrit dans cette étude . De cette évidence, un menu qui montre au moins en permanence les autres catégories pourrait être mieux.

Conclusion de l'étude en cas de coupure du lien: après le passage d'un hamburger à une barre de navigation inférieure (avec moins d'entrées, c'est-à-dire une architecture d'informations différente),

  • "Les clients ont utilisé l'application plus fréquemment: le nombre de sessions a plus que doublé!
  • Ils ont passé plus de temps dans l'application: le temps de session a augmenté de 70%
  • Nous avons finalement vu plus de clients revenir, avec une augmentation de 65% des utilisateurs actifs quotidiens presque du jour au lendemain. "
1
virtualnobi

Peut-être qu'une autre option serait de placer le menu sur la barre collante sur le dessus. Traditionnellement, le menu devrait se trouver en haut de l'écran. Le burger flottant est principalement utilisé pour des actions rapides, pas tant pour la navigation.

Une autre option serait d'avoir le menu des 5 éléments collé au bas de l'écran afin que vous n'ayez pas besoin de l'ouvrir.

Home, User profile and notification on the bottom

0
Dimitra Miha

Vous pouvez également faire un style de navigation par onglet swipable comme Apple utilisé sur leur site Web mobile. Les avantages ici sont l'interface utilisateur sera toujours présente, sans les options hors écran. À mon avis, le hamburger est une mauvaise solution à un problème difficile à résoudre. Evident l'emporte toujours, et garder plus d'options montrées à plus d'utilisateurs conduira le plus souvent à plus d'utilisation.

0
jefff