web design

Web Site Bloopers

Posted in usability, web design on March 4th, 2010 by Susan Weinschenk – Be the first to comment

Callout that says "oops!"I’m amazed by the continual “bloopers” I find on websites. Maybe my expectations are too high, but I expect major companies and organizations to fix issues they have with their websites.  Here are a few of my favorites:

This blooper from Hertz has been going on for months – look at the calendar, it’s wrong… it’s got the wrong day of the week for these dates. Maybe they are using a Mayan calendar or something?

Picture of calendar at Hertz web site

Don’t know English? Then read what to do – in English! — I first saw this content from the state of California Courts website on being a juror several years ago… it’s still there (the highlighting is mine) – “If you cannot unerstand English, follow the instructions on the summons…” all written, of course, in English!:

Picture of California Courts website

And Verizon hasn’t tested what their website looks like — It’s looked like this for several months. There is some kind of problem here, probably a browser issue, but I guess Verizon hasn’t tested with Safari.

Picture of Verizon web site

Do you have favorite bloopers? Send me a URL and description.

——————————————————————-

Did you find this post interesting? If you did, please consider doing one or more of the following:

add your comment
subscribe to the blog via RSS or email
sign up for the Brain Lady newsletter
share this post

100 Things You Should Know About People: #27 — We go below the “fold”

Posted in usability, visual design, web design on February 23rd, 2010 by Susan Weinschenk – 4 Comments

A long web pageFor the last year or so there has been a heated debate about “the fold”. The fold is the idea that there is a place on a web page that is the bottom edge of what people will see when they look at the page in a browser, and that in order to see anything below that line, the visitor has to scroll down the page. This concept comes from newspapers — there is content on a newspaper page (especially the front page) that is below where the paper folds. In the newspaper world there has been interest for decades and maybe even centuries, at this point, about what to print right above the fold, right below the fold, and right on the fold. This concept bled over to websites in terms of what shows on the screen without scrolling.

What’s the big deal about the fold? — For many years a guiding principle of web and content design has been: If it’s important make sure it’s above the fold, because visitors may not scroll and see more. But lately marketing people, user experience professionals, and others have been questioning this principle. Certainly there is often a lot of material that is below the fold, and people seem to be clicking on it.

Want to see a visual example? — At iampaddy.com there is an interesting visual example. Here is a short video I made from the iampaddy blog that makes the point that maybe people really will scroll:

So do we worry about the fold or not? — I believe it still holds true that the most important content should be above the fold, and that if it is above the fold then it is most likely that people will see it. BUT, if it’s below the fold that doesn’t mean people WON’T see it. Ok, not a definitive answer I know, but the best we can do right now with the data we have (stay tuned… I plan to do some research of my own on this topic).

What do you think? How concerned should we be about whether information and links fall below the fold?

——————————————————————-

Did you find this post interesting? If you did, please consider doing one or more of the following:

add your comment
subscribe to the blog via RSS or email
sign up for the Brain Lady newsletter
share this post

10 Best Posts of 2009

Posted in brain, decision-making, eye tracking, multitasking, psychology, reading, research, review, unconscious, usability, visual design, web design on December 29th, 2009 by Susan Weinschenk – 3 Comments

It’s that time of year — so here is my list of the 10 best posts from my blog in 2009. I chose the 10 that I believe have had the greatest impact/most thought provoking/most interest from my readers.

#1: Dopamine Makes You Addicted to Seeking Information — I thought this was an interesting post when I wrote it, but it surprised me how quickly it took off virally; more than any other post I’ve written!

#2: Eyetracking — 7 Traps to Avoid — Another surprise to me how popular this post was.

#3: 7 Steps to Successful Web Site Redesign — I think Jacek Utko has an important view of the world.

#4: Your Attention is Riveted By Pictures of People — If people knew how important this is I think they’d change the pictures they put at their web site.

#5: Web Site User Experience Anatomy — Not one of my posts, but a guest post by Craig Tomlin, and an interesting way to think about web sites. read more »

7 Steps to Successful Web Site Redesign

Posted in usability, visual design, web design on December 16th, 2009 by Susan Weinschenk – 5 Comments
Jacek Utko

Jacek Utko

Jacek Utko is a newspaper designer. He has designed/redesigned many newspapers in Central and Eastern Europe and won world awards. He believes strongly in “giving power to the designers” and that designers should embed their personal vision into the work they do, even at the expense of being a team player.

Utko’s words and work are compelling, and I especially like his 7 Steps to Success. He is talking about 7 steps to success if you are redesigning a newspaper, but when I first read the 7 steps I thought they were a good jumping off point on 7 Steps to Successful Web Site Design. So I’ve taken his 7 steps and modified them to fit the design of websites:

7 Steps To Successful Web Site Design or Redesign (concepts borrowed from Jacek Utko and modified)

1. Web Site Strategy: What is the goal? Where and how can you reach new visitors to your website? Pick one measure of success (sales, conversions registrations), pick your most important measure and ask: “How can we increase that one measure of success?”

2. Content: What content do you have that will attract new visitors and advertisers. What content should you change or add to reach and serve them better? read more »

Web Site User Experience Anatomy

Posted in usability, web design on December 14th, 2009 by Susan Weinschenk – 10 Comments

Guest Blogger Craig Tomlin

Guest Blogger Craig Tomlin

GUEST POST: This is a guest post by Craig Tomlin

Just like human anatomy, the anatomy of a web site is composed of different user experience parts that must all work together seamlessly.  Optimizing the user experience of each part however is problematic: Where do you start?  How much user experience testing and adjusting should you do on each of your page types?  What’s critical, important or just a nice to have in terms of spending your limited user experience testing resources?

Over the past 13 or so years I’ve conduct user experience testing and optimization on hundreds of large and small web sites.  During this time, I’ve noted a pattern to the user experience of typical web site pages.  There seems to me to be what I call a “user experience page weight” and a resulting “user experience testing weight” that are fairly consistent across web sites.

In my opinion, these user experience anatomy points of a web site can be weighted, and that weighting used to help a web site owner determine what user experience importance to place on each page type.  This weighting can also help determine how much user experience testing resources should be applied to each page.

Following is my overview of an average web site user experience page weight, and user experience testing needs.

Of course, no two web sites are exactly the same, thus your web site may or may not have the same weightings as I’m indicating here.  But you can use my criteria and weights as a starting point, and adjust your web site user experience weighting to fit your site.  This provides you the benefit of having a better comprehension of the user experience needs by page type, and how much resources to spend testing and optimizing each page type.

A Few Definitions first:

User Experience Page Weight – I define this as a percentage of your total web site experience cognitive load.  Total web site experience is the average amount of cognitive load your web site visitor will typically expend on your web site during typical critical tasks.

Some pages, for example the home page and products pages, may typically experience a higher cognitive load than other pages, as your web site visitors try to determine if your site should be trusted, and if you provide the products or services the visitor is trying to find.

Many years of usability testing on large and small sites have enabled me to average a “typical” UX Page Weight, which I’ll define specifically for each page type below.  However, your web site may not have the same UX Page Weight as I am providing here – your own usability testing on your own site should be your guide.

User Experience Testing – I define this as a percentage of the resources you should expend in conducting usability testing and related user experience research (clicktrack analysis, eye-tracking, etc.) when evaluating optimizations of the user experience for that page.

It’s a rare firm that has enough UX resources to continually test and optimize all web site pages at the same time, most of us have to spread limited resources around.  This metric is my average for each page gained from years of usability testing observations of multiple kinds of web sites.  Your web site might have different UX testing weights.

User experience anatomy of a typical web site, with UX page and testing weights.

User experience anatomy of a typical web site, with UX page and testing weights.

read more »