Monday, January 23, 2017

overflow - How do you deal with unusually long labels?


A piece of software that I'm updating uses some incredibly long labels, but due to the nature of the software (taxes and payroll) this seems unavoidable at times. On some pages, maybe 50% of the labels look like this in the current implementation:


current label design


To make this easier on the eyes, I'm considering whether I should phrase these long labels as questions:


label as question


But this makes the label somewhat harder to scan, and the label has been like this for about 10 years so many users are familiar with it as is.


Another option would be to present these options as a list of checkboxes, which might work better when there are a number of shorter options on the same page that cannot be worded as a question: label using checkbox


I'm curious how others have handled this and if there is a better solution. For the application that I'm working on, most of these options are boolean but there are others that may involve a dropdown or some other control. The layouts begin to look particularly cluttered and difficult to read when there are a mixture of different controls in conjunction with long labels. The application is also for trained expert users within this industry.




Answer



When I was involved with tax software (not in the US by the way) we also had a huge variety in the length of the labels. We dealt with it by adopting a two-column approach. One column for the labels and one for the answers. So the answers would always be at the same distance from the left edge and long labels would word wrap and simply take up more vertical space.


a long line of question            v yes     v no
that needed to be broken up

a short question v yes v no

Added bonus here is that it the lines of text are shorter which makes them easier to read.


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...