Most bloggers have missed the most useful points of the recent eyetrack study. I've seen a number of blog items on the eyetrack study recently published by Poynter. But checking it out this morning, I've found much more interesting things in it than the "people look at the top left of the page first" angle that most people are talking up. Granted, that's the angle mentioned at the top of the story.
Reading the article and looking at kief.com, I realize my new design is an atrocity of unreadability. Some key points:
- Headline sizes affect whether people actually read what's on the page, or skim it. Big page headlines, and article headlines significantly larger than the blurbs, encourage people to scan the page rather than read the details.
- My biggest crime is the groovy lines I put around the headline of each article. Even underlining headlines discourages people from reading the text beneath. Looking at it, the way I have the header and footer blocks of each post indented, although I find the look pleasing, is jarring for reading through the stuff on the page. This is the nastiest effect of my new design, I think.
- The first few words of the blurb are critical; they determine if someone is going to read the whole blurb. Of course it's no news that the lede needs to have a hook, but on the web it looks like the hook needs a sharper barb than in print.
- Shorter paragraphs are better. We're talking one or two sentences each
- Summary paragraphs at the beginning of an article are a winnder
- Interesting words or phrases can draw a reader's attention to areas of the page that wouldn't normally get looked at:
We observed a high number of eye fixations on a headline about clothing maker FCUK, which was placed far down on a page with a long list of headlines and blurbs
People do scroll down a page looking for interesting bits, but need something special that hooks them. One point is that although many people would probably try visual tricks to highlight things they want people to look at, like changing the color, using a big font size, or underlining it, but the other findings of the study suggest that would actually be counter-productive. The key is to make the actual words used compelling enough that people will read them.
Some other things I want to think about:
- Right side navigation actually gets people to spend more time looking at it
- Ads work better on the left side than the left
- Ads in the middle of the text work best (this is for attention, I don't know if they affect click-throughs)
- Separating ads with lines or even whitespace decreases the chance people will look at them. Not sure how you would do this without confusing people about what's advertising and what's editorial, this sounds like a false "win".
- People look at text ads much more than banners
So I need to take a stab at making my design more readable. I probably won't get around to it soon, since my plate is overflowing both at work and home, and we've got a trip to Turkey next week.