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

So I'm wondering how best to solve this problem.

I want to display a 'list' of elements in my app. Right now this is what it looks like -

enter image description here

That looks really bad, and I'm not sure how to make it so that there's some consistency to the look of the elements on this page.

Does anyone have any suggestions?

share|improve this question
It's because your labels autosize the text to try and display the whole thing. I think it's fine provided most titles fit within a standard range of sizes. – Cyclone Jan 27 '14 at 5:19
yes - but I don't have a standard range of I'm not sure what to do – praks5432 Jan 27 '14 at 5:58

I'd suggest to break the longest labels into two lines and change their font size. I'd suggest to rework the label's phrases if they are way too long. Otherwise, you can try to break them up to three lines (reducing the font size / increasing the block's height).


download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
how would I go about doing this? – praks5432 Jan 27 '14 at 9:14
@praks5432 how would you code this ? Don't really understand what's the question ^^ – Gabin Jan 27 '14 at 9:37

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.