User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
I have a system where I have to get a number, between 1 and 10, from the user in a web application. (The actual use case is the user has to say which group he is from, and group names are numbers from 1 to 10)
What design would result in the best user experience for something like this? A radio button?
A radio input with visual feedback on selected number?
Or maybe a normal select with redundant ("th Group") info?
Or another option?
Avoid abstracting the label from the control wherever possible. That is, avoid separating the control and the label that describes the control's state because that forces the user to look in two different places in order to understand what's going on. Instead combine them so that the control clearly describes its own state.
In this particular situation, I would want to have the number directly above each of the radio buttons or use a custom control that presents this more elegantly, like the one below that was given as an example in another question (The best practices for a rating bar/slider/buttons).
How about this? Group is not redundant and also in line with the options.
I would also suggest you carefully consider the order of the values.
Ordering values from 10 to 1 (instead of from 1 to 10) leads users to give an higher average rating (you can find more informations in this answer I wrote a couple of days ago).
You may also want to have a look at the primacy effect:
a cognitive bias that results in a subject recalling primary information presented better than information presented later on.
