User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want a user to prioritize 4 items from the highest to lowest priority without being able to select the same priority for each item for the registration process. So far this is the wireframe I have developed.


Is there a better way to design the user interface or will this do fine?

share|improve this question
I was also thinking of making it a hold-and-drag experience. Allowing the user to drag items with higher priority to the top with color formatting. i.e. Red/highest = highest priority, blue/lowest = lowest priority – fardown Jul 10 '14 at 3:27
up vote 3 down vote accepted

The drag and drop and "older version" of it - using arrows:

options mockup

Drag and drop needs to have well solved interactions (how it behaves and looks like when dragging, how it looks like when you can and can't drop it). This is good thing to do, but only in case if you have a solid library to implement it (true on web, rarely true for desktop app frameworks).

Another option – I am also thinking whether you really need to have all the options prioritized right at this step or whether doing something like encouraging user to pick the most important only and further in the process the next most important etc. Just a thought, whether it is relevant or not depends a lot on user story.

share|improve this answer

Option boxes are the wrong answer in this case as they aren't suited for this use case. Use option boxes to select one exclusive option.

You might want to rearrange the items. This could be either done by drag and drop or some sorting functions. Drag and drop makes it hard for the user to spot if the functionality's there and also on mobile devices. You could however use a hybrid version like the one shown in the picture below:

rearranging items with arrows or drag and rop

The two lines of vertical dots indicate that dragging and dropping is possible. The arrows on the right are for pushing/dropping an item one up or one down.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.