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.

I have 2 options to design a list view, the list item is a sentence:

  1. Just list the list items (sentences)

  2. Put a line between each list item

Which is better?

share|improve this question
1  
Can you provide an example of the two versions you are referring to, and give us a bit more detail on the requirements? Otherwise I fear the answer will just be the classic 'It Depends'. –  JonW Apr 16 '12 at 10:02
    
Like everyone has pointed out, it all depends. Way too many variables to be able to give you a this-or-that answer. In general, though: LESS IS MORE. –  DA01 Apr 16 '12 at 13:23

4 Answers 4

up vote 2 down vote accepted

It depends on how and where you want to use the list. As a best practice for better usability, it is best to represent a list with alternative row colors for each list item - this makes it easy to read, which makes even bigger difference in a list of sentences as user can read each sentence and know without any confusion where it ends and the new one begins.

Lines as separators is a trivial way of using list items, but still prevalent in XHTML based WAP pages since it saves space and size of page.

share|improve this answer
    
If using alternative row colors, when adding a new item, the color of all items will change. Is this a problem? –  Bruce Dou Apr 16 '12 at 9:57
    
@bruce-dou Color of all items should not change if you are adding the new item at bottom. If at top, it will definitely change. But this change doesn't bother the users since the alternate row colors should be very light and unobtrusive. Refer to example screens on http://quince.infragistics.com/Patterns/Alternating%20Row%20Colors.aspx most of which use light unobtrusive alternate colors. –  djagatram Apr 16 '12 at 10:59
    
A good list likely doesn't need zebra striping. A table might, but a list should be able to get away without it. –  DA01 Apr 16 '12 at 13:22
    
@DA01 I agree that a good list doesn't need zebra striping. That is exactly why one needs to know the context of usage and its target audience, business requirements, technological demographics etc. Zebra striping generally works well as a safe option when you are unsure of other activities and your list items are mainly text sentences with the style of list being no-decoration. I have seen people using lists of sentences without any starting decoration and one has to bang his head to figure out where items start and end. –  djagatram Apr 17 '12 at 5:59

You should check the ratio of line spacing and the height of the gap between sentences. If you can cluster each sentence and provide nice breathing space between items then you don't need separators. The more important question here is whether each item is selectable and has some signs or buttons, or something like 'disclosure indicators' next to it, then you better use separator lines. And if you use them make them weaker than the text: use pale/dimmer/more neutral color, so they won't distract from the content of each item.

share|improve this answer

As the others said, it will help to have an example of the use, but here is my answer.

I'm a believer of less is more... until more is more. That said, I got used to keeping list items separated by white space IF there is only a few items AND it's clear that each is an item on its own. Also, if you know that the list won't grow you can use this approach.. as it will keep the list clean, classy, simple and easy to read. When the list is a long list of items or could potentially grow, using separators is the best thing (either lines, colored rows or other) as it will help the users to quickly spot the rows, and in turn the item that they may want to locate. Personally, I like the use of thin lines as separators as I find them quite unobtrusive to the eye, specially if in a neutral color. Also, if the list includes items that can be selected, remember to make sure the users know which item/s are selected using some visual resource (different coloured row, border, etc.)

share|improve this answer

Based on your list view.

  1. If you use more data: Use "header" with bottom line segregation for each rows

  2. If you use only one data type (like sentence): You can use bullets or sentences without line or some padding

  3. If you use multiple data a. Use different color for (even row / odd row) like gmail tabular view b. If you use multiple data within single column (like twitter), just you can use row bottom line.

NOTE: Here, If you post sample data, we will help you better than this.

share|improve this answer

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.