web-dev-qa-db-fra.com

Meilleure façon d'afficher l'arborescence des catégories dans les applications mobiles

Je développe une petite application mobile hybride, c'est un e-commerce app, j'ai tout conçu à partir de zéro. Je le conçois de telle manière que l'administrateur puisse à tout moment ajouter des catégories et des sous-catégories, etc. Il pourrait y avoir des cas comme celui-ci (bien qu'ils puissent être un peu rares):

Category 1
  Category 1.1
  Category 1.2
  Category 1.3
    Category 1.3.1
      Category 1.3.1.1
    Category 1.3.2
    Category 1.3.3
Category 2
Category 3

Je voudrais savoir quelle est la meilleure façon de procéder? En tant que framework CSS j'utilise Materialise .

Comment me conseilleriez-vous de parcourir cette section?

Au départ, s'il ne s'agissait que de catégories (sans enfants). Je ferais un accordéon, ou ce que dans Materialise s'appelle pliable . Et puis, lorsque l'utilisateur clique sur un article, une liste de tous les produits est ouverte ci-dessous.

Quelles sont les meilleures pratiques sur ce type d'applications? Dois-je simplement afficher une petite liste de produits et lorsque l'utilisateur clique, aller sur une page spécifique de ce produit?

usabilitynavigationmobile-applicationtree
3
alessadro

Je pense que ce type de menu mobile aiderait votre cas? https://tympanus.net/Development/ResponsiveMultiLevelMenu/

Empêcherait tout défilement ou longue section dans votre menu de navigation et améliorerait certainement votre expérience utilisateur en utilisant votre application, mon inquiétude concernant le menu déroulant par défaut si vous avez de nombreux menus enfants est que vous devez avoir un bon rembourrage pour que les utilisateurs tapent sur le menu, mais si vous utilisez ce type d'interaction, vous pouvez maximiser le remplissage du menu sans vous soucier de la longueur de la section de menu.

3
Rob H. Yamin

Comme vous utilisez la conception matérielle comme guide, je vous recommande de vérifier Modèles de navigation . Selon cela la navigation imbriquée ne doit être utilisée que sur le bureau .

Pour autant que je sache, il n'y a aucun moyen d'utiliser une telle navigation sur mobile dans cette directive et la raison est probablement d'éviter la complexité de la mise en page. La façon dont je l'ai vu dans Google Apps, comme Play, combine les différentes méthodes telles que les onglets, la navigation en bas, etc.

3
Alvaro