web-dev-qa-db-fra.com

Android design avec navigation à deux niveaux (primaire et secondaire)

J'ai besoin d'un moyen d'inclure la navigation principale à onglets (c'est-à-dire Facebook) Facebook top tab primary nav

avec l'un de ces onglets principaux ayant 2 états (nav secondaire/onglets).

Mes 3 idées sont les suivantes:

  1. les empiler (eeek!)
  2. Faites une liste déroulante (juste pour cet onglet)
  3. Mettez les nav/tabs secondaires en bas de l'écran tout en gardant 5 primaires en haut

Nav Options

Est-ce que l'une de ces idées fonctionne dans la Android Android? Le client ne veut vraiment pas utiliser un menu de tiroir ... donc je suis coincé avec une solution non conventionnelle. Faites-moi savoir ce que vous pensez fonctionne mieux ou si vous avez une meilleure alternative!

2
Michelle Price

La navigation Android appartient en haut

The Material Guidelines sont assez clairs à ce sujet. En plus de son utilisation bizarre, mettre la navigation en bas est solidement associé à iOS.

Material tabbed nav

La navigation en contexte peut être la réponse

Dans une situation à trois niveaux comme celle-ci, il est courant de plonger vers une page dédiée et d'utiliser la commande "flèche vers le haut" pour revenir à la navigation principale. Cela vous évite d'utiliser de grandes quantités de biens immobiliers pour montrer trop de niveaux de profondeur.

Lorsque vous vous déplacez dans la navigation contextuelle, la navigation vers une nouvelle scène affichera les commandes de navigation spécifiques à cette vue.

Material sub-page

1
plainclothes

Ajouter les deux dans la barre supérieure? 6 icônes devraient toujours bien s'adapter.

De plus, si c'est pour Spotify ou une autre application musicale, je pense que vous devriez réserver la partie inférieure de l'écran pour la chanson en cours avec les boutons 'pause', 'skip' et 'add'.

0
PixelSnader

Wow c'est une coïncidence folle! J'ai littéralement eu ce même problème aujourd'hui en essayant de concevoir un filtre en profondeur à deux niveaux dans iOS et j'ai essayé d'empiler des contrôles segmentés. Il n'a pas reçu de commentaires positifs et nous avons fini par restructurer les informations dans différents domaines. J'ai gardé un contrôle segmenté (très similaire aux onglets d'Android) qui ne changeait que la vue en dessous, et nous nous sommes assurés que les différentes vues du contrôleur segmenté étaient similaires (dans ce cas, il s'agissait de listes de blocs de texte de format similaire avec une icône ). Ensuite, nous avons déplacé la vue impaire (une carte) vers la barre de navigation sous forme d'icône sur le côté droit en ligne avec le titre. Cela était logique car la vue de la carte était un niveau d'informations plus élevé qui n'appartenait pas réellement à l'intérieur du filtre. C'est une réponse très détournée, mais peut-être qu'un ou deux de ces onglets de niveau supérieur ne sont pas réellement au bon endroit et cela vous oblige à créer un filtre trop profond.

Je pense que le menu déroulant est la meilleure solution ici que vous avez présentée, mais il sacrifie la visibilité et les utilisateurs ne se rendront probablement pas compte ou n'auront pas de difficulté à trouver ces fonctionnalités.

0
M. Callahan