Tuesday, July 24, 2007

There is no Fold

I have recently been called to account, in two separate occasions, for a link on a web page being "below the fold."

"Below the fold" means roughly "below the visible part of the page when it first renders." Or, "stuff you have to scroll down to see." There is an urban myth going around that you shouldn't put anything of any remote importance "below the fold," because, apparently, the web is rife with drooling morons who haven't been able to get the scroll bar to work.

The problem is that a lot of non-web-designers have somehow got it into their head that this is the ultimate litmus test on whether you have a good page design: are there any links they like "below the fold" as it is rendered on their personal computer? If so, well, why don't you go back and redo that page?

The problem with this is that there is nothing you can say to this without sounding defensive or uncooperative. If you say, "well, it's not below the fold on my computer," you're being flip. If you say, "if your content is good, they'll scroll," you're just saying that to avoid doing work (as if moving a link up the page is some Herculean task).

That's why I was glad to see this article about the myth of the fold line.

It actually goes over the research that examines the validity of the "below the fold" argument, and the research is pretty damning. Not only has research shown that scrolling been pretty much universally understood since the late nineties, but there is also evidence that the vast majority of users actually do scroll down web pages.

One juicy tidbit is that there is no fold. When you make the argument that it's dumb to base design decisions on the fold since there are so many factors that influence its position (browser, OS, browser features, browser settings, device, screen resolution, default font size, etc.), you get the argument "yeah, there will be a few pages that don't, but you can take the fold location that most users have." However, research shows that this percentage of users is about 10%. In other words, if you plan your page layout for a specific fold line, only 10% of users maximally will see that optimal design. Even if you lump in fold lines that are close together, you only account for 26%. There is no such thing as a fold line for "most" users.

But the best part of the article, actually, was in what one of the commenters on the post said. She pointed out that every novice user she's introduced to the web intuitively began scrolling without any problem, but she always sees them "back right out from a visual overload without thinking to seek lower." That's the real point here. By embracing this "fold line" nonsense, we may actually be driving people away because bad, cramped design does more to deter users than having to scroll to get to information.

Now, how do I get these armchair web designers to read this article?

Wednesday, July 18, 2007

Chore Wars

Chore Wars is a great example of using a gaming aesthetic to improve the experience of a non-gaming activity.
Chore Wars Splash Page
Say you are living with a bunch of roommates. You all create characters on Chore Wars, and together create a set of "adventures," such as taking out the trash, doing the dishes, folding laundry, etc. Each adventure has an associated experience point award roughly equal to the number of minutes it takes to do the activity.

As your roommates do their chores, they gain experience points, and start leveling up. The character class mimics the types of chores done - for instance, someone who does a lot of heavy lifting chores, like moving furniture, will become strong like a warrior, while someone who does a lot of "smarts" chores, like balancing the checkbook or paying bills, will become smart like a wizard.

Even better, you can assign fun treasures and monsters to each adventure for a little bit of fun.

The resultant mechanic is no different than just keeping a spreadsheet of chores, but it's much more interesting this way, and provides a built-in competitive incentive to do chores. And by letting your roommates measure the chores done, you can easily tell who should have to clean up the dog vomit in the middle of the living room floor...

Friday, July 06, 2007

Full Performance of Madame Sarita's Spirit Parlour 2006

I've just uploaded the full performance of Madame Sarita's Spirit Parlour 2006 to the ImaginEERIEing site.
Dark Powers of the Earth threaten Marius Blackwood and Sarah Beaumont
This year, things take a darker turn as Sarita, desperate to stop Marius's evil plot, is forced to make a pact with the Dark Powers of the Earth.