3 ms·

Delineation and white space are two related but different concepts. One is talking about some way of separating different parts of an interface, through lines o

by pbz 15y ago

Delineation and white space are two related but different concepts. One is talking about some way of separating different parts of an interface, through lines or contrast (i.e. different colors). The other is talking about avoiding clutter, avoiding related items from stepping on each other. In a way, white space should be used for closely related elements, while delineation (there may be a better term for this) to allow you to separate larger items. If you look at the page you linked, the yellow/white contrast clearly delineates where the content column starts/ends.

ricardobeat 15y ago
The end goal is to convey the separation - that is achieved by both. The whole point of the article is that whitespace can be a (more) effective separator. just noticed they haven't rolled out these changes to everyone, I still have an outline and text buttons: http://cl.ly/2X1r2G322r241K3M2Z0U http://cl.ly/2X1r2G322r241K3M2Z0U People should also note that the "classic" theme is still available. I like the "dense" version of the new theme, though I don't use the web interface much anymore.
- pbz 15y ago
  Yes, convey separation, but after a certain number of pixels white space is not as effective anymore. Notice how in the example of the table he argues that for wider tables using white space is not effective, and that delineation using colors should be applied. The brain has to look at a layout and make sense out of it. In real life we're aided by contrast to make sense where one object starts and where the other begins -- without contrast you end up with camouflage. When using white space our brains figure out the delineation based on positioning. If blocks of text are perfectly aligned we fill out the delineation automatically; so lines are not necessary. This process breaks down over large areas since our field of vision is small and we would have to scan the whole area before we would make sense of it. In the new Gmail layout, the menu items are aligned to the left, and so is the content. There are no "lines" between the menu and content the brain can fill out. Of course we can tell where one stops and the other starts, but it takes longer, it wastes more brain cycles than necessary. Based on the screenshot we do no see the same version. In your version you have a separation between the menu area and the body of the email, the buttons have text and not icons, so we're not arguing over the same layout. Also, I do not see a classic theme being available. EDIT: I don't see a classic theme that would look like your screenshot.
  - ricardobeat 15y ago
    The classic theme is the first option in my settings (it's the original, blue/silver one)
    - pbz 15y ago
      Right, but here's what that one looks like for my account: http://i.imgur.com/QiV1E.png http://i.imgur.com/QiV1E.png

by pbz 15y ago

ricardobeat 15y ago

The end goal is to convey the separation - that is achieved by both. The whole point of the article is that whitespace can be a (more) effective separator. just noticed they haven't rolled out these changes to everyone, I still have an outline and text buttons: http://cl.ly/2X1r2G322r241K3M2Z0U http://cl.ly/2X1r2G322r241K3M2Z0U People should also note that the "classic" theme is still available. I like the "dense" version of the new theme, though I don't use the web interface much anymore.

pbz 15y ago
Yes, convey separation, but after a certain number of pixels white space is not as effective anymore. Notice how in the example of the table he argues that for wider tables using white space is not effective, and that delineation using colors should be applied. The brain has to look at a layout and make sense out of it. In real life we're aided by contrast to make sense where one object starts and where the other begins -- without contrast you end up with camouflage. When using white space our brains figure out the delineation based on positioning. If blocks of text are perfectly aligned we fill out the delineation automatically; so lines are not necessary. This process breaks down over large areas since our field of vision is small and we would have to scan the whole area before we would make sense of it. In the new Gmail layout, the menu items are aligned to the left, and so is the content. There are no "lines" between the menu and content the brain can fill out. Of course we can tell where one stops and the other starts, but it takes longer, it wastes more brain cycles than necessary. Based on the screenshot we do no see the same version. In your version you have a separation between the menu area and the body of the email, the buttons have text and not icons, so we're not arguing over the same layout. Also, I do not see a classic theme being available. EDIT: I don't see a classic theme that would look like your screenshot.
- ricardobeat 15y ago
  The classic theme is the first option in my settings (it's the original, blue/silver one)
  - pbz 15y ago
    Right, but here's what that one looks like for my account: http://i.imgur.com/QiV1E.png http://i.imgur.com/QiV1E.png