Whiteboard: Why Less Is More In Design
Readers only have so much attention to give, and this variable will expand and contract depending on factors you can’t control: whether they are rushed for time, whether they have had your site recommended to them or have simply stumbled across it, and so on.
Reader attention doesn’t expand depending on how much information your site communicates to them. More elements does not mean they will devote more attention to compensate.
The visualization above is designed to show how a set amount of reader attention is distributed differently across two different sites: the top, a site which has not simplified down to essentials, and bottom, a site which has. The visualization represents the ‘initial sweep’ of reader attention, in which a reader rapidly determines where and how to focus on your layout.
It’s intended to resemble a blog layout, with a left sidebar, content and headline in the middle, a right sidebar, topped by a header. The layout isn’t meant to suggest a concrete design for your site, and the boxes and rectangles could be switched around to any other configuration. It does aim to show how the way attention is distributed changes depending on what is emphasized by your design.
A site mixing unimportant and essential elements ensures reader attention is split, divided, unfocused, and sometimes squandered. The most important aspects of your site will often get lost in the mix.
A site simplified down to its essential elements ensures reader attention is lazer-focused on what matters. More attention devoted to specific elements means more interactivity, more resonance, and greater understanding.
Your design isn’t an ornament — it’s a means to those crucially important ends.
This article has explained the why of simplifying your design. The articles below explain how, from a variety of perspectives: usability, uncluttering, minimalism, and simplicity.
Skellie, I recently did a complete redesign of my site (yet again) that went totally frugal on site elements, yet I tried to retain most of the functionality.
It’s really very simple, text-based (thus faster to load) and is pretty straight-forward. I’m only still working on rebuilding images, as I had a major data crash recently, losing all of it.
cupofchai.net
Another clever post on the subject of usability. I am continually impressed with your work.
Simply awesome, Skellie. I’m pouring over my website right now, using your guide as a lens. I guess it’s a tradeoff between density and simplicity. I want to give the reader all this info and all these links, but how much is too much? Awesome post, Skellie. Thanks.
Skellie - Brilliant way to simplify and explain why simplicity is crucial and clutter is bad.
Patrick - the way to keep it simple and still have the information is to subordinate the things of lesser importance. Make sure the important things stand out, and the less important ones are hidden or unobtrusive until they are relevant.
In the end, you still need to remove anything that isn’t really serving the reader.
- Mason
Your advice has caused me to re-think my layout many, many times. I even sent a review request… I can imagine the responses you got for that offer and totally understand why I didn’t hear from you.
However, how do you feel about 1 post being featured and not a long list of past post? My approach is to eventually market each individual post and allow readers to sort of discover the site. Article/Post first, blog as a whole secondly.
By the way very informative site I reference you and problogger heavily. Aussie bloggers rock!
This is how I learn best, seeing charts and graphs and things. For me, it’s so much easier to digest and apply. Very sharp, Skellie.
The chart does the trick. I agree with you, Skellie. I was just discussing with a blogger pal yesterday on making her blog less cluttered. Her blog was like the upper image where a reader’s attention was divided as it was filled with “noise”. It’s getting better now. I should just direct her to your site for all the tips.
@ Arjun: I like where you’re going with the theme — very simple. One thing I’d suggest would be to keep the article headlines in line with the post body. Otherwise, it’s definitely heading in the right direction.
@ Christopher: The review is still in the queue, but I’ve developed a bit of a backlog. You will definitely get it, it’s just a question of when!
Do you mean featuring one post in the main page (rather than several, from most recent backwards), or are you referring to posts featured in the sidebar?
@ Pablo: It’s great to see someone sharing the philosophy with others. That brings a smile to my face :).
Can’t even remember how I ended up here…but I’m glad I did. I have to really monitor myself in keeping my blog clutter at a minimum. I have recently been toying with the idea of a ‘Top Posts’ section and I like how you have included the photos…nice touch. Great information here!!
Yes ma’am featuring one post on the main page, bad idea? That seems super minimal to me, my ultimate goal. Just curious.
Also I understand the backlog on the review request, your information on this blog alone is valuable! I can imagine the request are extensive so no biggie I understand.
@ Christopher: I would say featuring only one post probably isn’t minimalism, because it’s taking away something important. Having a number of posts on the main page (maybe five, for example) shows new visitors straight away that your site has depth and value to it. I’d always suggest giving your content emphasis, rather than hiding it away :).
I look forward to doing the review — your site has plenty of potential, and I love the premise!
[...] I went on a little purge of blog clutter. Skellie had a wonderful visual for the usability impaired representing the real value of simplicity on your [...]
[...] programming talk might bore you, but the problem of simplicity in design is cross-discipline and applies to any blogger. This entry was written by engtech and posted on December 06, 2007 at and filed under [...]
[...] up the sidebars and really think about what belonged there and in what order. It was important to truly de-clutter the design. These are what I call “design basics” because they don’t give you a full picture [...]
[...] Whiteboard: Why Less is More in Design [...]
[...] Why Less is More in Design - An article from Skellie that looks at different layouts and how they affect visitors. [...]
Hello! I’m Crystal. I am almost 16. :)
I guess http://www.skelliewag.org - beautiful name for this site! ;)
It is so interestingly here, especially in this category.
I was surfed about 3 hours before found this forum. I think i’ll be here for a long time! :-*