web-dev-qa-db-fra.com

Comment dois-je concevoir un tableau avec des lignes cliquables?

J'ai un tableau avec des informations sur tous les prêts accordés à un client. Ce tableau ressemble à ceci

 Book_Id | BookType_Title |  StartDate  |   EndDate   |
---------+----------------+-----------+---------------+
    1234 | Test1          | 01.01.2013  | 01.02.2013  |
    1337 | Test1          | 01.01.2013  | 01.02.2013  |
    2814 | Test3          | 01.01.2013  | 01.02.2013  |
    3812 | Test4          | 01.01.2013  | 01.02.2013  |

D'accord, comme vous pouvez le voir, l'ID de livre 1234 et 1337 fait référence au même BookType, qui a le titre Test1. 2814 et 3812 font référence à d'autres BookTypes.

L'utilisateur (du programme) doit être en mesure de cliquer soit sur l'id du livre pour obtenir des informations sur ce livre spécifique, soit sur le titre du type de livre pour obtenir des informations sur ce BookType spécifique.

Maintenant, il existe différentes façons de placer les liens:

  1. Je pourrais faire 1234, 1337, etc. un lien mais le programme devrait être aussi intuitif que possible. Donc, avoir différents liens d'affilée pourrait créer un peu de confusion.
  2. Je pourrais le faire avec javascript (jquery): Lorsque l'utilisateur clique sur la ligne, une fenêtre contextuelle lui demande quoi ouvrir: la page d'informations du livre ou la page d'informations du type de livre.

J'apprécierais vraiment toute autre pensée!

Quels sont les avantages et les inconvénients des 2 façons expliquées ci-dessus?

gui-designtableshyperlinks
1
lenny.myr

Le fait de leur faire des liens est qu'ils sont facilement identifiables en tant que liens.

L'inconvénient d'un pop-up est que les pop-ups peuvent être ennuyeux et cela ajoute une étape de plus au processus de l'utilisateur essayant d'obtenir les informations qu'il recherche.

En tant que tel, je suggère de les conserver sous forme de liens.

1
DA01

Combien d'informations devez-vous afficher?

S'il n'y en a pas trop, vous pouvez utiliser une info-bulle comme celle-ci:

enter image description here

1
Gildas Frémont

Est-il utile de traiter un identifiant de livre et un type de livre du même livre séparément?

Je suppose que lorsque je clique sur l'ID d'un livre en particulier, j'obtiendrai l'ID, le type et d'autres informations connexes sous la forme que vous souhaitez (une nouvelle fenêtre, une superposition, une info-bulle).

Un pop-up avec des options n'a pas beaucoup de sens puisque, d'abord, vous cliquez sur la ligne, puis sélectionnez l'option que vous souhaitez. Deux clics pour toute action. Et puisque vous avez créé une fenêtre contextuelle, vous devez ne vous inquiétez pas de ne pas couvrir la ligne afin que l'utilisateur puisse se référer pour voir quelle option il voulait.

A la meilleure solution serait d'avoir 2 liens. L'utilisateur sélectionne l'option qu'il souhaite et c'est tout. Un simple clic. Il n'y a aucune confusion à avoir plusieurs liens dans la ligne puisque vous les attachez à une cellule et non à la ligne. Il est clair que le lien est pour cette propriété particulière de la ligne particulière.

1
rk.