1

I'm looking for suggestions for displaying multiple choice lists.

vertical text

My first (and naive) solution. Obviously, 90° vertical text is unnecessarily hard to read and takes up a lot of vertical screen real estate.

slanted text

Slanted text works better. Takes up less vertical space and is easier to read.

slanted text with lines

Adding lines might increase usability, although IMO it's less aesthetically pleasing.

different direction

This solution is quite different from the others, but might work well for a limited number of choices. One thing I don't really like is that this layout seems to communicate that it's almost mandatory to select at least one option, which is not the case.


The question

Are there alternative solutions that, for example, provide better readability and take up less space?

The choices need to be visible at all time. The horizontal space is limited (around 640px). There could be as much as 15 checkboxes.

I'm not against going in a completely different direction, but I can't think of anything that would be superior.

2

I find slanted text with added lines really neat and readable solution. What might help is a balloon with hint once you hover over a certain check box - so the user knows a check-box for who they are checking.

See the picture:

Vertical choices

Of course, the colours of the tooltip should correspond with the page design but on the other hand be visible.

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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