web-dev-qa-db-fra.com

Existe-t-il une meilleure solution que le fil d'Ariane pour les catégories en cascade sur mobile?

Je travaille sur une application mobile (Android ICS) où je dois montrer beaucoup de produits à l'écran. Maintenant, les produits sont classés en plusieurs catégories qui sont au niveau X, où X est défini par l'entreprise. Il pourrait donc être 4, il pourrait être 10.

Donc, dans une navigation où je veux laisser l'utilisateur choisir dans la catégorie pour naviguer vers un ensemble particulier de produits, j'essaie d'utiliser le menu en cascade comme indiqué ci-dessous. Mais comment puis-je laisser l'utilisateur passer d'un niveau au parent ou directement à la maison ou directement au niveau 2? enter image description here

J'utilise une sorte de fonctionnalité de fil d'Ariane ici, mais je veux comprendre si vous avez une meilleure solution qui est plus pour une utilisation mobile et aide à une navigation facile. À mon avis, cliquer sur le fil d'Ariane semble bon marché pour un appareil mobile.

25
ajayashish

Sautez le fil d'Ariane.

Vous ne créez pas d'application de bureau. La plateforme mobile s'accompagne de contraintes. Certaines fonctionnalités, comme le fil d'Ariane, fonctionnent mieux sur ordinateur que sur mobile. Il est souvent préférable de réduire le nombre de façons de faire des choses dans une application mobile. Heureusement ...

... les utilisateurs savent que le bouton de retour standard leur permet de retracer leurs étapes à travers une hiérarchie d'informations. ... La création d'un bouton de retour multisegment provoque plusieurs problèmes/ iOS HCI Guidelines

Sur un mobile, vous multitâchez moins avec les applications que sur un ordinateur de bureau, et le risque d'oublier d'où vous venez est plus petit. Les raisons en sont entre autres: pas d'applications multiples à l'écran et une fois, pas de Alt + Tab, et des scénarios d'utilisation plus courts . Au lieu de cela, cela exige de préciser où vous vous trouvez en ce moment. Se concentrer sur le contenu, clarifier ce que l'utilisateur regarde et ce qui attend un niveau d'ici devrait suffire.

enter image description here

Je vois que vous développez pour Android, et j'ai fait une prise iPhone. Mais j'espère toujours que vous envisagerez de vous installer sur un système de navigation plus simple. :) Bonne chance!

17
JOG

J'ai vu quelques façons de résoudre ce problème:

  1. Au lieu du fil d'Ariane, vous affichez une zone cliquable qui dit "<Voir tous les soins à domicile". Si l'utilisateur clique dessus, il reviendra à "Soins à domicile". Dans "Soins à domicile", vous afficherez "Voir toutes les catégories", etc. Il ne permettra pas de passer directement au niveau 3 à partir du niveau 7.

  2. Vous remplacez le fil d'Ariane long par "..." et si l'utilisateur le choisit, il se développera ou affichera une popup. Cela permettra de passer du niveau 7 au niveau 3.

  3. Le fil d'Ariane peut défiler horizontalement avec un geste, ce qui permet de passer aux niveaux précédents. La même chose ici permettra de passer du niveau 7 au niveau 3 ...

10
alincc

Je pense que votre problème principal est votre point de départ: une hiérarchie profonde à 10 niveaux est difficile à naviguer et à comprendre sur les plates-formes toutes, sans parler d'un appareil mobile. Essayez de voir si, au lieu d'utiliser des hiérarchies, vous pourriez penser à une autre façon de faciliter la tâche des utilisateurs pour affiner les éléments. N'oubliez pas que pour de nombreux articles, il ne sera pas facile de les placer exclusivement dans une seule catégorie de toute façon, et les chances que votre catégorisation ait un sens pour tous vos utilisateurs peuvent être supposées proches de zéro. Dans votre exemple ci-dessus: pourquoi CIF est-il dans les soins de cuisine si je prévois de l'utiliser dans la salle de bain? Qu'est-ce qui serait sous Nutrition et quoi sous Aliment exactement?

Envisagez de proposer une forme de recherche à facettes à la place.

3
André

Vous pouvez rendre l'écran glissable. S'ils glissent vers la droite (c'est-à-dire pour revenir en arrière), ils obtiennent un aperçu de la catégorie précédente avant de s'engager en relâchant le doigt (en soulevant le doigt, je tapais en relâchant la souris avant de réaliser :)). Je voudrais probablement animer la sélection d'une nouvelle catégorie avec un pseudo glissement vers la gauche, renforçant le mnémonique (Note à moi-même, découvrez pourquoi j'ai appelé ça un mnémonique, probablement à tort).

1
Ian