Thursday, November 23, 2017

visual design - Best form element to indicate level of completeness of a task?


For example, if the user is prompted how long they have spent playing a videogame, with the options being:



  • I have played it

  • I have completed it

  • I have mastered it


Instead of a select list or radio group, would a slider powered by JS be the best option?


For example:



enter image description here



Answer



There are two questions two answer here...


1. What do you need to do with the data?


It is important to keep in mind what data you are trying to get from a user. If you are trying to get their subjective opinion on how they are through a game, a 1-100 scale, using a free-sliding slider input, could give you a more in-depth idea as to what they are thinking.


2. What is the most intuitive user interaction?


I think what is successful about the method you showed is that the position of the options gives some context to the user. It shows a progression; least to greatest amount of time, left to right. It makes sense. More specifically it makes more sense than a list of radio options top to bottom. I'm assuming you planned on the slider snapping to one of the three positions.


Free-sliding Slider Input


I would say if you are going to make it free sliding that it might be more intuitive to just label the 2 ends; something like "Tried it out -> Dominated every level".


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...