Recently, I encountered this problem. There are two options for a redesign, one would be to list the information vertically aligned with its label, the other is to show the information side by side with the label.

There are a few competing design rules here and I don't know which direction to take.

  • A is more easy to scan, but B provides more information on each field by showing its label
  • A seems aesthetically more pleasing, but B might be more consistent when editing individual fields

Which direction is better for user experience?

enter image description here

2 Answers 2


Knowing that it's for mobile screens, based on Visual Hierarchies, I would choose the one with the least complicated reading for the user.

enter image description here


I thing option A is obvious. And as Steve Krug says in his book... "Dont Make me thing..." Everyone understands it. Avoid the option B, becaouse in my opinion it has so many informations that it confuses me.

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.