web-dev-qa-db-fra.com

Représenter les relations obligatoires / recommandées / facultatives entre les articles

J'ai une structure arborescente où la relation entre le parent et l'enfant peut être marquée comme obligatoire, recommandée ou facultative. Cette structure peut avoir jusqu'à 3 niveaux de profondeur. Par exemple:

Parent 1
    Child 1-1 (Optional)
        Child 1-1-1 (Mandatory)
            (Course 1
            and
            Course 3)
            or 
            Course 5
        Child 1-1-2 (Recommended)
        Child 1-1-3 (Optional)
    Child 1-2 (Mandatory)
        Child 1-2-1 (Recommended)
        Child 1-2-2 (Recommended)
Parent 2
    Child 2-1 (Recommended)
        Child 2-1-1 (Optional)

J'ai l'affichage de la relation d'arbre vers le bas, mais maintenant je dois afficher les données dans un tableau, semblable à ceci:

Parent 1  Child 1-1  Child 1-1-1  Course 1
Parent 1  Child 1-1  Child 1-1-1  Course 3
Parent 1  Child 1-1  Child 1-1-1  Course 5
Parent 1  Child 1-1  Child 1-1-1
Parent 1  Child 1-1  Child 1-1-2
Parent 1  Child 1-1  Child 1-1-3
Parent 1  Child 1-2  Child 1-2-1
Parent 1  Child 1-2  Child 1-2-2
Parent 2  Child 2-1  Child 2-1-1

Cependant, j'ai besoin d'un moyen de préciser le type de relation (obligatoire/recommandé/facultatif) dans le tableau.

Je pensais que les icônes pourraient être la meilleure façon, car je peux les ajouter aux boutons radio où le type de relation est sélectionné afin qu'il soit cohérent, mais je ne sais pas quel type d'icônes serait le meilleur.

Nous utilisons largement Font Awesome, donc tous les exemples de ce projet seraient formidables.

De plus, puisque je suis ici, il y a un quatrième niveau potentiel, où la relation est et/ou ([cet élément et celui-ci] ou [celui-là]). Ils devront également être affichés dans le tableau, donc les suggestions de représentation et/ou de relations sont également appréciées.

iconstableshierarchyrepresentation
4
shimmoril

Je suppose que nous devrons tous participer à nos idées, mais je ne vois personne donner une "bonne" réponse à cela.

Le problème est qu'il est difficile d'associer des icônes à ces mots, sans obliger les utilisateurs à savoir ce que représentent réellement les icônes (si tel est le cas, j'opterais pour la dernière option).

Vous pouvez envisager les couleurs des feux de circulation:

  • Rouge pour Obligatoire
  • Orange pour Recommandé
  • Vert pour facultatif

S'il s'agit d'icônes, vous pouvez choisir quelque chose comme ceci:

  • Exclamation pour Obligatoire
  • Étoile pour recommandé (comme les notes d'étoiles sur Amazon)
  • Encercler pour facultatif (réassembler à la fois la lettre "O" et une case à cocher que vous souhaiterez ou non cocher

Ou si les utilisateurs sont plutôt de type "créatif", je considérerais l'ensemble "Prenez le parapluie":

  • Boulon pour Obligatoire
  • Cloud pour Recommandé
  • dim pour facultatif
3
Izhaki

Pour simplifier et rendre votre système d'encodage visuel plus cohérent, vous pouvez utiliser l'ensemble: options

5
Alexey Kolchenko

Dans un format de tableau, il peut être difficile de l'afficher (selon l'implémentation sous-jacente). Cependant, qu'en est-il des icônes superposant des flèches légères/grisées pointant vers les enfants?

Obligatoire: une icône de verrouillage Recommandé: une icône de vérification

Quelque chose comme:

Parent 1 --[shrug]-> Child 1-1 --[lock]-> Child 1-1-1
Parent 2 --[check]-> Child 2-1

Cependant, représenter cela dans un tableau au lieu d'une vue arborescente est le drapeau rouge ici: c'est un arbre! Avec un arbre, j'aurais des flèches courbées vers le bas et vers la droite pointant des parents vers les enfants. Il y a beaucoup de choses que vous pouvez faire avec ce type de mise en page.

0
Jesse Smith