designing good user interfaces (0)

Example of a bad ui layout.

Example of a bad ui layout.

Example of a good ui layout.

Example of a good ui layout.

The first UI (the bad one) has a complex grid layout which is cluttered and confused, while the second UI has a better layout which looks like a book page that can be read easily from left to right and from top to bottom.
The second UI uses more vertical space, but we must not forget that one of our primary goalsĀ  is to provide usable UIs.