0

So, I'm currently trying to improve our system. But I've come across an obstacle.
Whats the best approach for this kind of situation?
Should I use it centered like this:

Centered Dashboard Form

Or Should I use it at left:

Left Dashboard Form

So, I would like to know the "WHY" should I use it in this way or another. How the user would benefit with those situations. And also, if you guys see any kind of "wrong doings" in here, please feel free to tell me. I'm kinda new into those kind of work.

Thanks in advance!

2

Align to the left

Based on your screen captures, you can see how the center aligned version requires a "jump" for the user, causing a cognitive load and momentary interruption of flow, which brings no benefit at all and is quite annoying.

There are 3 basic reading patterns: Gutenberg, Z-shape and F-shape, plus some sub-patterns from these main ones. There are others, but these are the main ones, based on many studies on how users read a page. If you check your center aligned version, it doesn't fit with any of the common reading patterns and how users visualize information. Simply put: If you follow the logical flow, you'll see that the line of content (left, where you find the title and the controls on bottom) is interrupted with a blank space.

However...

This applies in your case because all remaining elements are aligned to the left. If they were aligned to center, you could have the form in the middle, because they would be in the same line.

An extra tip: To increase ease of visualization and logical flow, try removing all the blank space that holds no information. Simply make the container box fit the width of the form and it will work just perfect

  • Great! Sorry if I can't upvote it, don't really have the rep to do that. Anyways, you said something about removing all the blank space. How exactly would that be? Like this? Image @Devin – Andre Aquiles Aug 9 '17 at 17:31
  • exactly :) I didn't include it because I answered from my iPad, but you got it right – Devin Aug 9 '17 at 17:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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