
Some practical notes on how to design an effective web page – from Seth Godin’s blog, via UX, via Orange Yeti:
- Ads in the top and left portions of a page will receive the most eye fixation.
- Ads placed next to the best content are seen more often.
- Bigger images get more attention.
- Clean, clear faces in images attract more eye fixation.
- Fancy formatting and fonts are ignored.
- Formatting can draw attention.
- Headings draw the eye.
- Initial eye movement focuses on the upper left corner of the page.
- Large blocks of text are avoided.
- Lists hold reader attention longer.
- Navigation tools work better when placed at the top of the page.
- One-column formats perform better in eye-fixation than multi-column formats.
- People generally scan lower portions of the page.
- Readers ignore banners.
- Shorter paragraphs perform better than long ones.
- Show numbers as numerals.
- Text ads were viewed mostly intently of all types tested.
- Text attracts attention before graphics.
- Type size influences viewing behavior.
- Users initially look at the top left and upper portion of the page before moving down and to the right.
- Users only look at a sub headline if it interests them.
- Users spend a lot of time looking at buttons and menus.
- White space is good.
Good stuff.
It is easy for company execs to leave the design of their website to IT guys because they “get” all that “computer stuff”. Bad move. Sorry, IT peeps, but while IT guys can be web guys, let me point out that website design goes well beyond a person’s knowledge of code and “computer stuff.”
A good web designer is a designer first and foremost: Someone who understands how to create the right kind of website for a company, and uses his technical knowledge to make it happen. A good web designer can write beautiful code, sure, but great code is meaningless if the website looks horrible or doesn’t serve the needs and wants of its users (your customers). Designing a website is about creating a consistently engaging, pleasant and valuable user experience.
This goes well beyond the world of code and IT. Website design is both a science and an art. Because few people/firms can manage both elements exceedingly well, a very small proportion of web design firms is capable of doing exceptional work.
Look at most corporate websites today, and you will notice that the same templates are used over and over again: There’s a big box of “content” in the middle, a fat banner at the top of the page, a left column with some sort of navigation/menu, and maybe a column to the right with ads and other resources. Not that there’s anything wrong with that: There is value – especially for very small businesses – in spending very little money on a website that can launch inside of a week. Plug & play websites have their place. No question. But when it comes to creating or driving a brand, understand that having a website that essentially looks like everyone else’s, a website that looks like you took little more than a couple of hours to put together, a website that offers nothing interesting or compelling for your users and fans, you are falling short of expectations. You are sending the wrong message. At some point along the way, your company needs to differentiate itself. When that happens, your website needs to reflect the difference between your company and all of your other would-be competitors. If you are going to stand out as being different, don’t just talk about it: stand out and be different – especially on the web.
If your management team is old-school and branding is the last thing on its mind, look at it this way: You are the type of company that takes care of the way it presents itself – from the experience you create for your customers and visitors to the design of your catalogs, ads and other promotional materials. You don’t want to look like a bunch of amateurs who can’t adapt to change and have neither the funds nor the good sense to create a decent website. Right? Right. More and more, your customers’s first impression of you is made via the web. This isn’t 1997 anymore. Your website isn’t an aside. It isn’t something you can throw at your cousin’s neighbor’s kid because he needs a part-time job and “boy, you should see his MySpace!” Your website is your global storefront. Your global lobby. Your global showroom. You can’t afford to allow it to be boring, ineffective or outdated. (It can’t be too obnoxious either, so be use flash sparingly, if at all.)
Do yourself a favor: If you have a website now, put together a small team of branding, marketing and customer service experts in a room with a handful of customers, and get them to do a complete 360 review of your website’s usability. If that doesn’t work for you, hire a creative studio or a web design firm instead. However you decide to do it, the point of the exercise is to stop what you are doing, take a real look at your website, and identify all of the things that could be improved upon. Once you’ve done that, hire a real web designer (or web design firm) to either improve your website as needed or rebuild it completely.
If you don’t already have a website… I just have to ask… what you are waiting for. (Tip: Most people I know haven’t cracked the Yellow Pages in years… and I know a lot of people.)
Spending money on creating an extraordinary web presence (or at least an adequate one) is probably one of the best marketing/communications investments you can make for your company, especially in this economy. If your senior management team doesn’t understand that completely yet, it is your job to help them get there.
If you aren’t sure how to get started, print the above list, go to your company website, and use it as a checklist. How many of your website’s design features match the above recommendations? How many don’t? What could you change already – today?
Have a great Monday, everyone.

















Aweosme post!
“Lists hold reader attention longer.” I’ve found this to be absolutely true! Strange how well lists work. Search engines like them too I hear.
Can I please bring you on some of my sales calls? I could not agree more.
I never try to position myself as low-cost leader, yet 75% or more of the prospects I talk to find price to be the driving factor in their website decisions. It’s frustrating that some people don’t see the value in quality website design and development.
(Or they think they can get a high-quality website for dirt cheap. If quality and cheap don’t go together in things like building construction, cars, TVs and PCs, why do people think they can get both in a website? What am I missing here?)
One of the biggest lessons I’ve had to learn over the past few years is that I don’t have to work with everyone. If someone doesn’t value what I can provide enough to pay for my services, then I don’t need to work with them and they are better off going somewhere else. It’s always tough to turn down business or know that you are pricing yourself out of the work, but in the end both me and the prospect will be happier for it.
Great post Olivier! “Calling out” the IT-gurus that know fancy code is important and I love the idea of a focus group of real people. Websites should neither require any training to learn to navigate nor any explanation as to their functionality. Thanks again for another thought-provoking and dead-on post!
Old golden rules very well listed. Should be a check list at hand for every online department. If a company doesn’t use ads pls. replace adds with ‘your main USPs’.
[...] This Post will Make Your Website Better by Olivier Blanchard at TheBrandBuilderBlog [...]
Do you have a points system to review the effectiveness of someone’s blog brand?
For example the blog brand scores:
54 out of 100 which is: “average/poor”
78 out of 100 which is “excellent but still scope for improvement”
I have been looking for something like this where I can clearly evaluate the brand effectiveness of my blog.
Gareth: I don’t. I wish I could figure out a way to put something like that together, but I wouldn’t know how to even begin.
What a brilliant article! Thanks!
I’m a photographer putting together a short talk about corporate images on the web – how businesses have to start using “real” photography in their websites, not the horrid microstock stuff that tells their clients absolutely nothing about their business.
Part of the problem I come up against repeatedly is that many web “designers” see the company’s budget and just take it all. Then when it comes to images, all they can afford is (you guessed) horrid microstock, meaningless eye candy. Or maybe even worse, photos taken by the marketing manager with the lovely DSLR he got for Christmas!
I wonder if you have any kind of formula for working out a ratio of the web site budget which should be spent on photography?
Or maybe I need to start tying down web designers and waterboarding them until they mend their ways :p
[...] This post will help you make your website better – It will, really. This is the kind of post every web designer/developer should read. [...]
I found your site on google, great site, keep it up. Will return in the future. Submitted this post to Google News Reader.
LOVE your site, will visit again
Submitted this post to Google News Reader.
Didn’t know about it. Very nice information. Submitted this post to Google News Reader.
Good points. Wish more sites would think about what they were putting up.
1. Speed of access – too many use slow flash pages, all the modern goodies to produce something so slow its better to move on.
2. Text in readable size chunks – including text on background color that makes it easily readable.
3. Good photographs – too many use poorly crafted photos, wrong ones for the web or just wrong. A poor photo, even more than a poor website design, says products are poor.
I’m also finding sites trying to sell are now going too simplistic and not having the details on products which allow me to make a decision. I want real detail and specification, but it can be under a tab or button to bring it up.
I absolutely am in awe of this blog!!! absolutely going to need to put this on the list.