Évaluation de plusieurs éléments à la fois - recherche d'exemples et d'idées
Je cherche à présenter aux utilisateurs un tableau de données des éléments à notés sur une échelle de 1 à 5, ou rejeté (par exemple, marqué "Pas intéressé").
Fondamentalement, j'envisage un tableau de lignes comme:
|ITEM NAME [1][2][3][4][5] X |
Je ne trouve pas de bons exemples de tels tableaux où de nombreux articles sont présentés pour être évalués à la fois. Quelqu'un en connaît-il? Connaissez-vous le nom de ce type de widget --- "tableau d'évaluation multi-éléments"?
Si plusieurs éléments doivent être notés à la fois, un regroupement d'éléments pourrait être utile. Dans le ltimate guide to table UI patterns l'auteur décrit le concept des sections de table:
Lorsque vous devez regrouper des lignes liées, vous pouvez envisager d'utiliser des sections de tableau (ou un regroupement de tableaux). Une section fait partie du tableau qui regroupe les données associées. Tous les groupes partagent le même ensemble de colonnes. Par exemple, dans un tableau qui affiche la liste des pays, les régions sont un moyen naturel de regrouper les lignes. Chaque section doit être de style différent et peut être pliable/extensible. Sous chaque section, vous pouvez afficher des données résumées, si nécessaire.
Pour chaque section, une ligne contient des informations résumées. À ce stade, vous pouvez ajouter un widget d'évaluation pour la section. La cote devrait être appliquée à tous les articles de la section. Les évaluations individuelles doivent devenir visibles lorsque l'utilisateur développe la section.
Vous pouvez faire quelque chose comme ci-dessous et désolé, je n'ai pas eu le temps de créer un échantillon à montrer visuellement.
Ligne de tableau: -
Prenez une icône sur le côté gauche de la ligne suivie du titre de l'article.
Sur le côté droit, vous pouvez conserver une étoile ou un nombre (1 à 5) ou une liste déroulante (1 à 5) à des fins d'évaluation.
En dessous de la note, vous pouvez fournir une case à cocher suivie du texte "Pas intéressé".
Si un utilisateur appuie sur la case à cocher "Pas intéressé", modifiez la couleur de surbrillance de la ligne (similaire à l'affichage comme si la ligne était désactivée).
J'espère que cela vous aide !!!
Je suis presque sûr que Facebook en est un bon exemple lorsqu'il offre aux utilisateurs la possibilité d'évaluer les lieux qu'ils ont visités (en fonction de leur historique de localisation). L'utilisateur présente trois cartes empilées verticalement, avec le titre et l'emplacement de l'entreprise, ainsi que 5 étoiles saluées. Lorsque l'utilisateur survole une étoile, je surligne les étoiles précédentes jusqu'à ce point (survolez la cinquième étoile, quatre étoiles s'allument). Ils permettent également à l'utilisateur de "fermer" un emplacement particulier et non de le noter, avec un petit X accueilli en haut à droite, qui une fois cliqué présente un nouvel emplacement.
Probablement pas utile de penser à cela en termes de "widget" ou de "tableau de notation" ... ce sont des éléments de développeur et non des utilisateurs qui voient le monde.
Les utilisateurs ont "des entités qui peuvent vouloir évaluer". LinkedIn fait une intéressante "Personne X. Ont-ils la compétence Y?" UI. Une version de notation de ceci pourrait montrer la notation actuelle ou une interface utilisateur de notation au survol.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Vous décrivez un simple sondage. De nombreux moteurs de sondage sur le Web font un excellent travail avec Survey UX. Visitez simplement Surveymonkey ou Survs ou tout autre moteur de sondage de premier plan et voyez comment ils le font. Les formulaires Google sont également indispensables.