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

The below image represents a sample activity feed from a taxi booking mobile app that I'm working on.

I've looked at several timeline examples on Pttrns website and came up with the following solution.

However, the detail at the bottom still bothers me slightly - it seems a bit cluttered. This bothers me. Is there anyway to better represent the information below? Its all important to have (in my opinion at least), but are there any better ways of highlighting this information to the user.

In a case where something would need to be dropped - what would you leave out.

enter image description here

FYI each entry on the timeline is structured as follows:

Full name                                                      Timestamp

Journey Made

Taxi Company Used      Mileage      Fare      Duration
share|improve this question
Sarah Li is always Sarah Li. Why do you repeat this in the Sarah Li's history?? – Alexey Kolchenko Dec 27 '13 at 22:31
up vote 2 down vote accepted

Some improvements could be made:
enter image description here

  1. Simplicity. Remove repeating elements. Name and photo are always the same and have no meaning in the context.
  2. Typography. Break the lines in an right way.
  3. Search. Clear indicate points A and B of the route for fast search.
  4. Standards. Use standard abbreviations, min for minutes, not m.
  5. Usefulness. Add useful functionality in a history page, like repeat the route, favorite route, etc.
  6. Minimal design. Not sure if the mileage has sense for a user. Time and cost are tangible and concrete measures, while mileage is not.
share|improve this answer

You can consider this, increase the line height and moving the details to a new row and highlight it with a subtle grey to make it less cluttered.

enter image description here

share|improve this answer
In addition, I think you should make meaningful data more visible - maybe the same font size as another text, but in any way icons should be placed into shadow. Note that now they are like letters in a text and make it different to notice. Make icons smaller and more transparent for example. – Serg Dec 27 '13 at 22:02

I think it's just a matter of minor adjustments to the spacing and alignment of the elements. These minor changes keep the essence of your design and make it feel more balanced and less cluttered.

alternative for activity feed

share|improve this answer

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.