Je conçois une page de réservation pour une application de livraison et nous devons segmenter les sections dans les catégories suivantes: Nouveau, Actif et Terminé. Dans la catégorie "Actif", il y a des emplois qui doivent être livrés "Aujourd'hui" et "Futur" (demain et au-delà).
Le client préfère adopter une approche de barre d'onglets empilée où une barre d'onglets secondaire avec "Aujourd'hui" et Futur "apparaissant sous l'onglet principal lorsque l'utilisateur appuie sur Travaux actifs. Ma suggestion est d'avoir une seule barre d'onglets avec toutes les options: Nouveau , Aujourd'hui, Futur et Terminé.
Jusqu'à présent, je n'ai pas réussi à convaincre le client que les barres d'onglets empilées sont la mauvaise approche pour les raisons suivantes:
1) Espace d'écran: cette approche consomme beaucoup plus d'espace d'écran qu'une seule rangée d'onglets
2) Confusion des utilisateurs: maintenant il y a trop de choses à l'écran, donc ce n'est pas clair à 100% ce qui se passe - c'est-à-dire que deux onglets peuvent être sélectionné à la fois.
Qu'en pensez-vous? Mon approche est-elle la bonne approche? Y a-t-il une autre façon de voir les choses? Ou devrais-je continuer à essayer de convaincre le client que ce n'est pas la bonne approche? Quel est le mot officiel d'Apple à ce sujet? Honnêtement, c'est l'ultime atout;)
Bien que n'étant pas spécifique à Apple, Material Design a des informations utiles à ce sujet, voir l'image ci-dessous
Comme vous pouvez le voir, c'est le même cas que votre exemple, qui est les onglets imbriqués , et il est présenté comme un exemple de ce que vous ne devriez pas faire .
Maintenant, ce sont les spécifications pour les onglets de matériaux
Spécifications de formatage:
- Présentez les onglets sur une seule ligne.
- Enveloppez les étiquettes de tabulation sur une deuxième ligne si nécessaire, puis tronquez.
- ** N'incluez pas un ensemble de contenu à onglets dans un onglet. **
- Mettez en surbrillance l'onglet correspondant au contenu visible.
- Regroupez les onglets de manière hiérarchique.
- Connectez un groupe d'onglets à son contenu.
- Gardez des onglets adjacents à leur contenu pour maintenir la relation entre les deux.
(Plus d'informations sur Sepcifications de l'onglet Material Design )
Encore une fois, ce n'est pas spécifique à Apple . Il s'agit pourtant d'une directive de conception largement acceptée avec un raisonnement UX solide, donc je pense que cela devrait être plus que suffisant pour convaincre votre client.
Enfin, vous mélangez les dimensions dans vos onglets imbriqués, en particulier le temps et l'état, ce qui rend les choses vraiment déroutantes, comme vous le dites. Cette rangée en haut n'a pas vraiment de sens, je me gratte la tête en essayant de comprendre ce que cela pourrait signifier, alors que votre première approche est vraiment claire (et j'ai fait quelques applications de réservation, donc si je ne reçois pas , les chances que vos utilisateurs l'obtiennent sont vraiment minces)
Il s'agit d'une décision difficile à prendre avec les informations présentées.
Sans trop savoir comment la navigation a mené à cet écran, les deux options semblent un peu déroutantes.
Comment "Nouveau" [votre recommandation] représente-t-il "Actif" et "Aujourd'hui" [recommandation du client]? Vous pourrez peut-être découvrir pourquoi ils pensent qu'il est important de donner à un utilisateur une meilleure compréhension de l'endroit où il se trouve dans la navigation dans votre application.
Suggestion
Je pense qu'il peut être utile de considérer où les deux écrans suggérés étaient censés mener dans la hiérarchie de vos applications, car vous pourriez probablement obtenir la même navigation avec votre contrôle segmenté unique.
Vous voudrez peut-être envisager de diviser le ListView par des dates similaires à l'application Calendrier par défaut.
Tout ce que j'ai pu trouver dans le Apple Human-Interface Guide qui pourrait se rapporter à cette situation est:
tilisez un contrôle segmenté pour proposer des choix étroitement liés mais s'excluant mutuellement.