Android UX - Quand utiliser la navigation inférieure et quand utiliser les onglets
Je regarde modèle de navigation des matériaux sur material.google.com Cela montre que Android a officiellement navigation en bas pour Android UI
Avant mars 2016 Android mettez sérieusement le commutateur de page sur les onglets supérieurs ou le tiroir, mais aujourd'hui, la directive permet à UI Designer de choisir ce que nous voulons.
Quels sont les critères pour que le concepteur UX choisisse entre les onglets et la navigation inférieure? Cela a du sens pour Material Design sur iOS mais Photo App utilise également l'onglet Bas sur Android
Donc, si mon application comprend 3-4 vues principales, que dois-je utiliser? Onglets ou navigation en bas?
Merci
Gardez la navigation regroupée.
Gardez les éléments de navigation ensemble pour établir la cohérence dans l'application. Donc, si vous avez des éléments de navigation en plus des onglets en haut, faites les sous-en-têtes des onglets. Si les onglets sont les seuls éléments de navigation, choisissez ce qui a le plus de sens compte tenu du contexte de votre application, assurez-vous simplement d'être cohérent tout au long de l'application quant à leur emplacement.
En ce qui concerne "choisir ce qui a le plus de sens compte tenu du contexte de votre application", examinez attentivement les sections Onglets et barre de navigation inférieure de la documentation sur les matériaux que vous avez liée.
Onglets:
Les onglets permettent aux utilisateurs de se déplacer rapidement entre un petit nombre de vues tout aussi importantes.
Convient à ces hiérarchies:
- Parents avec vues enfant intégrées
- Un groupe de vues de frères et sœurs
Recommandé pour:
- Commutation fréquente entre les vues
- Applications avec peu de vues de haut niveau
- Sensibilisation aux points de vue alternatifs
Barre de navigation inférieure:
Une barre de navigation inférieure permet aux utilisateurs de se déplacer rapidement entre un petit nombre de vues de haut niveau.
Convient à ces hiérarchies:
- Parents avec vues enfant intégrées
- Un groupe de vues parentales
Recommandé pour:
- Commutation fréquente entre les vues
- Applications avec peu de vues de haut niveau
- Sensibilisation aux points de vue alternatifs
- Appareils mobiles, car la navigation inférieure est située dans un emplacement plus ergonomique
Le contexte dans cette situation est donc: quel contenu est présenté lors de la sélection des différents onglets? Donc, si les différentes pages à afficher sont similaires, en ce qu'elles présentent un contenu similaire, mais avec une vue différente, les onglets de sous-en-tête fonctionnent car chaque onglet a une importance égale par rapport aux autres onglets. Si les différentes pages contiennent un contenu très différent, par exemple un onglet pour les paramètres et un autre onglet pour les favoris, vous utiliseriez une barre de navigation inférieure, car les deux sont des éléments parents. Le contexte est donc la relation qu'entretient le contenu de chaque onglet.
Utilisez des onglets:
S'il y a moins de trois destinations, envisagez plutôt d'utiliser des onglets.
Utiliser le tiroir de navigation:
Si votre navigation de niveau supérieur comporte plus de six destinations, donnez accès à des destinations non couvertes par la navigation inférieure via d'autres emplacements, comme un tiroir de navigation.
Ne combinez pas la barre inférieure et les onglets:
Soyez prudent lorsque vous combinez la navigation inférieure avec des onglets, car la combinaison peut créer de la confusion lors de la navigation dans une application.
Utilisez la barre inférieure uniquement sur mobile:
La navigation par le bas est principalement destinée à être utilisée sur mobile. Pour obtenir un effet similaire sur le bureau, utilisez la navigation latérale.
Donc:
0-2: utilisez les onglets
3 - 5: utilisez la barre inférieure ou les onglets
5+: utilisez le tiroir de navigation ou/et les onglets
Maintenant, le doute est dans le 3 - 5 pour mobile. Je pense qu'il n'y a pas de bonne réponse ici , et cela pourrait être vrai car nous pouvons voir les applications Google Material utilisant les onglets et la barre inférieure de manière indistincte (apparemment).
Une différence que j'ai remarquée et qui pourrait avoir du sens selon le cas est:
Les onglets permettent d'explorer et de basculer facilement entre différentes vues.
vs.
Les barres de navigation inférieures permettent d'explorer et de basculer facilement entre vues de niveau supérieur en un seul clic.
(Je souligne).
Références:
L'argument "emplacement ergonomique" tombe à plat sur son dos puisque les onglets appropriés permettront également un balayage horizontal comme navigation. Je ne vois donc aucune bonne utilisation des onglets inférieurs. Ils se heurtent également aux boutons de navigation existants sur Android. C'est un échec complet dans mon livre ...