web-dev-qa-db-fra.com

Meilleur moyen pour l'utilisateur de créer un arbre de catégories

Nos clients doivent créer une structure de boutique avec de nombreuses catégories et sous-catégories, et notre système actuel n'est pas très facile pour eux.

Je pensais que le meilleur moyen serait juste une zone de texte vide - créant des catégories en écrivant son nom et en appuyant sur entrée, et des sous-catégories en appuyant sur tab et en écrivant le nom.

Text area category creation

C'est probablement le plus rapide, mais d'un autre côté, je pense que ce n'est peut-être pas assez évident et que vous ne pouvez pas configurer d'autres attributs de la catégorie.

Quelle serait la meilleure pratique pour permettre aux utilisateurs de créer rapidement un ensemble complet de catégories?

1
djilt

Je déconseille simplement de fournir une zone de texte comme:

  • Il n'est pas évident pour l'utilisateur de quelle structure vous avez besoin .
  • Leur donne la possibilité d'entrer une syntaxe non valide .

Cependant, les méthodes suivantes utilisées par Wordpress seront plus conviviales pour l'UX et vous permettront d'entrer d'autres attributs:

  1. Glisser-déposer
  2. Sélectionnez le parent dans une liste

Drag-and-Drop

Au lieu de cela, le système Wordpress glisser-déposer Structure du menu fonctionne bien.

Wordpress Menu Structure

Il s'agit d'un système de glisser-déposer qui permet à l'utilisateur de réorganiser visuellement la hiérarchie.

Si vous implémentez le glisser-déposer, vous voudrez suivre les conseils de Nielsen :

Les conceptions par glisser-déposer sont souvent les pires contrevenants quand il n'est pas évident que quelque chose puisse être traîné ou où quelque chose peut être déposé. (Ou ce qui se passera si vous faites glisser ou déposez.)

Les symptômes courants du manque de capacités perçues sont:

  • Les utilisateurs disent: "Que dois-je faire ici?"
  • Les utilisateurs ne s'approchent pas d'une fonctionnalité qui pourrait les aider.
  • Une profusion de texte à l'écran tente de surmonter ces deux problèmes.

Sélectionnez un parent dans une liste

Alternativement, Wordpress a également une autre méthode: Sélectionnez un parent dans une liste déroulante .

Select parent from drop-down

C'est:

  • Plus facile à mettre en œuvre.
  • Ne vous oblige pas à faire des possibilités de dragabilité.
  • Mais la hiérarchie est moins évidente visuellement.
1
Joel Tebbett