web-dev-qa-db-fra.com

Quel est le meilleur, le menu latéral ou le menu à fond fixe?

Actuellement, je conçois une Android qui a 4 menus principaux sans sous-menus supplémentaires (juste des menus simples comme Accueil, Mes prêts, Historique, Paramètres). Cette application est un produit financier pour aider les utilisateurs obtiennent des prêts. Je pensais qu'avoir un menu latéral comme Gmail serait une mise en page plus agréable que d'avoir un menu fixe comme Instagram où chaque menu a besoin d'une icône et d'une étiquette.

Un conseil pour le placement du menu?

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

14
Rob H. Yamin

La navigation en bas fonctionne bien sur les appareils Apple Apple mais non recommandés pour Android à cause des boutons système.

Cher Google, c'est sympa mais j'insiste sur le fait que la navigation du bas ne fonctionne pas bien sur les appareils Android à cause des boutons du système. Quand je demande environ 15 Instagram les utilisateurs sur les appareils Android Android, ils ont déclaré qu'ils cliquaient souvent sur les boutons du système accidentellement lorsqu'ils fonctionnaient avec le menu du bas .

https://medium.com/house-of-apps/bottom-navigation-issue-on-ios-Android-and-ux-8851ffe726

Il s'agit d'un échec en termes d'expérience utilisateur lorsque l'utilisateur quitte accidentellement l'application. En tant qu'équipe produit, souhaitons-nous que l'utilisateur quitte l'application?

enter image description here


Facebook a utilisé la barre de navigation inférieure sur Android pendant un certain temps, mais ils n'ont pas obtenu de résultats positifs dans les tests et à la structure à onglets.

enter image description here


Je vous suggère d'utiliser le menu latéral ou de faire un petit test utilisateur avec Menu Hamburger à fond flottant pour aider les gens à accéder aux menus avec leur pouce. Similaire à l'icône plus de Google -

enter image description here

15
DPS

Mon concepteur interne prend en charge le menu hamburger car ils peuvent être si jolis - regardez simplement tous les coups de dribble (en fait, ne regardez pas le dribble pour les questions liées à l'UX) . Mais, malheureusement, cela ne fonctionne pas si bien pour l'utilisateur!

Ce n'est pas découvrable

Non seulement de nombreux utilisateurs ne reconnaissent pas le hamburger, mais cela ralentit également le processus d'achèvement des tâches.

Voici quelques articles relatifs à votre question: https://www.nngroup.com/articles/mobile-navigation-patterns/
https://www.nngroup.com/articles/hamburger-menus/
Mais il y a littéralement des milliers d'articles à l'appui de cette affirmation.

C'est difficile à atteindre

Le menu du hamburger est généralement situé dans le coin supérieur gauche, mais seulement 10% de la population mondiale est gaucher (selon Wiki). Et à mesure que les écrans s'agrandissent, il devient beaucoup plus difficile d'atteindre cette partie de l'écran. Ce qui, encore une fois, ralentit le temps d'exécution de la tâche.

enter image description here

3
Armands

Il y a quelques facteurs pour lesquels les gens s'éloignent du menu des hamburgers.

Voici l'un des nombreux articles à ce sujet: https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/

Si vous le regardez objectivement, les menus du bas sont probablement plus faciles à naviguer que les menus cachés.

L'exemple numéro 1 est l'application Facebook iOS (je n'ai pas d'Android). Toutes les sections principales dont l'utilisateur a besoin (flux, demandes, messages, notifications) sont déjà affichées. Navigation plus facile vers et depuis les sections. Le dernier élément est le menu, qui contient des éléments moins susceptibles d'être visités par l'utilisateur.

Néanmoins, cela dépend de votre contexte pour savoir quel menu est préférable d'utiliser.

2
olegdeleon

Étant donné que vous disposez de 4 menus principaux, il serait préférable d'afficher ces menus à l'utilisateur. Tout comme olegdeleon l'a dit, les menus du bas sont probablement plus faciles à naviguer, c'est donc plus efficace et plus efficace.

Cet article pourrait vous être utile.

La règle d'or de la conception de navigation par le bas

1
Livin

Ne choisissez pas: utilisez le meilleur des deux mondes

Navigation haut/bas vs navigation latérale

Side-navigation offre beaucoup plus d'espace pour placer des objets tandis que d'autre part top/bottom-navigation est très limité et au plus 4 ou 5 articles peut s'adapter (veuillez noter les écrans plus petits).

Dans notre application, nous avons pas mal d'éléments de navigation de haut niveau (7+) et nous utilisons la navigation latérale pour afficher tous d'entre eux et nous utilisons top/navigation en bas pour afficher les éléments les plus importants/utilisés . De cette façon, les utilisateurs peuvent accéder aux écrans de niveau supérieur les plus utilisés en un seul clic et moins écrans importants en deux clics.

Exemple tiré des directives de conception des matériaux montrant les deux:

Example of bottom navigation with side navigation

Sur iOS, ce modèle est assez courant, mais au lieu d'utiliser la navigation latérale pour tous les éléments, la navigation supérieure/inférieure propose une option "plus". Mais pour Android j'utiliserais avec défi la navigation latérale au lieu d'une option plus qui prend un espace précieux dans la navigation supérieure/inférieure.

Haut vs bas

Comme suggéré par d'autres réponses, la navigation en bas sur Android peut entraîner des problèmes de convivialité même si la zone peut être plus facile à atteindre à la main.

1
Rolf ツ