enter image description here

Please see attached. I need to represent this data within an App. My thoughts are just to keep it as a list - with pretty icons. The user will be doing nothing with this data, it is just for reference. I did consider putting this info into boxes, but the boxes may look clickable and also will take up more room, making the page even longer than what it already is!

What do we think?

  • 1
    I think we need some more background to help you sort through this one. What is this app for? Who are your users? What are their goals? Dec 1, 2016 at 13:35
  • I agree with Andrew Martin, is this simple help so people can understand the format of the data? Rather than have it as a lengthy list, why not make it in-line help? Jul 18, 2017 at 8:53

5 Answers 5


I don't know what the data is but could you only show the most important things to users? so you don't have longer page and keep it simple?

You also could split the list by category and make them collapse.


enter image description here

Keep it simple and display data similar to http://nutritiondata.self.com.


Sorting ****Sorting Sort your data by priority and sort those data again. Go through your users and use cases . Ask yourself a question why are you showing all the data. Show only what is required. In mobile cases use tables or sort data by making a super categories.


It really depends on your user, but to start, I would begin by sorting the data by both order of importance (important values first) and categories. So separate the data by category to make it less visually intimidating and show important values first so users don't need to search for them.


Agreeing to the above (sort by importance, group by category, reduce based on use cases), I have these additional remarks to the actual form you pasted:

Instead of one row with two cells listing "Drug" and drug name (which look like groups to me based on the indentation), turn this into a group labelled with the drug name.

Instead of littering the labels with an "if applicable" caveat, either don't show not-applicable (i.e., empty) data fields, or indicate "not applicable" in the date field.

Move safety ranges or explanations ("if needed < 800mg..") into a third column or a popover or some other control, so they don't interfere with the layout (making the first column too wide for all other entries) or with finding the measure of interest (distracting the user by the need to read/skim additional information).

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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