Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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 at 5:19
    
yes - but I don't have a standard range of sizes...so I'm not sure what to do –  praks5432 Jan 27 at 5:58

1 Answer 1

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

mockup

download bmml source – Wireframes created with Balsamiq Mockups

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

Your Answer

 
discard

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.