web-dev-qa-db-fra.com

Conception de l'interface utilisateur pour l'échelle d'évaluation avec une échelle de points incrémentielle de 0,5

Je travaille sur une échelle de notation qui prendra en compte la virgule décimale avec des incréments de 0,5 de 1 à 5. L'utilisation pour cela est de noter/marquer. L'échelle de notation précédente considère uniquement les nombres entiers de 1 à 5 avec ce format

rating scale

Cependant, lorsque vous ajoutez 0,5 incréments, la solution la plus simple consiste à ajouter 10 cercles ayant chacun ces nombres

1, 1,5, 2, 2,5, 3, 3,5, 4, 4,5, 5

Quelques solutions que je pensais

  1. Utiliser le curseur d'échelle

scale slide

Inconvénient: il ne convient pas très bien car l'utilisation de l'échelle de notation sert à la notation ou à la notation Ainsi, le curseur d'échelle n'est pas facilement compréhensible sur l'utilisation pour l'évaluation.

  1. Menu déroulant

dropdown select

  1. Style de groupe de boutons/style de pagination

button group

Je cherche toujours de meilleures façons de le présenter. Si vous rencontrez quelque chose de similaire, j'apprécierais vos réflexions sur la façon de l'améliorer.

1
iamhonee

Vous pouvez toujours utiliser les intervalles de nombres complets à 5 boutons comme vous l'étiez auparavant, mais autoriser la sélection de demi-intervalles. Ainsi:

enter image description here

Exemple vu ici (je n'ai aucune affiliation): https://codepen.io/jamesbarnett/pen/vlpkh

Ce format vous permettra de prendre la même quantité d'espace et de ne pas surcharger le composant tout en permettant une sélection en demi-pas. Vous pouvez bien sûr utiliser votre échelle numérique au lieu d'étoiles si vous préférez.

7
DasBeasto