Finger method of judging graphic design
This was originally posted on blogger here.
Katie Cunningham mentioned this in her blog post today. Since I was asked what that was meant by several people I decided to write it up so you can see one of my rants.
The method is simple:
-
Put your design on a screen.
-
Your hand goes on the screen with fingers horizontal. Ignore the thumb.
-
Count how many fingers it takes from the top of the screen to content. If you run out of fingers on one hand that means your wonderful design is going to force users to scroll to content. Maybe not on your huge desktop monitor, but on the sort of desktop monitor or laptop that has become ubiquitous, absolutely!
-
I have tiny hands for a guy. So for you people with big hands, try it with two or three fingers.
Now lets take a look at how the Python community matches up to my finger method.
-
https://python.org is just one of my fingers! Python.org FTW!
-
https://djangoproject.org is two of my fingers! Good job Django!
-
https://plone.org has a new and improved site that is two to three of my fingers, depending on the location. Plone does good!
-
https://www.turbogears.org jumps between three and four fingers. Acceptable.
-
https://code.google.com is two and a half fingers to content on project pages. Definately workable!
-
https://github.com gets it with three fingers.
-
https://pinaxproject.com is over four fingers to get to content? Boo!
-
https://code.pinaxproject.com makes up for the parent site with two fingers to get to content.
So the Python community does pretty well on average. So does Facebook, Twitter, and the other good social networking sites. Now think about the sites that never went anywhere and how my finger method applies.
How about some some abject failures from outside the python community?
-
CSS Zen Garden is lovely. And yet the designs are often unworkable to anyone outside of a group of graphic designers looking to hand each other design awards. You get designs that take ten (10) fingers before you get to content. WTF?
-
https://www.apple.com/mac fails at over four fingers.
-
https://www.microsoft.com/windows/help-how-to.aspx goes over four fingers and includes my thumb.
-
https://www.adobe.com is as bad as the stuff on CSS Zen Garden.
Is this scientific? Heck no. Yet it is a quick and cheap gauge as to why you rarely get repeat visits to your site or why they only visit your download pages.
3 comments captured from original post on Blogger
pydanny said on 2009-04-21
@Danny,
I agree, it is a problem. My blog will be moved/fixed shortly.
pydanny said on 2009-04-21
@Mark, if every time I visit new content on a page of a site I have to scroll to content, then I'll get tired of the site very quickly.
Of course, on some sites the design is the content. Apple's site, of which I was critical, is actually selling the big image you see.
Brian Peppler said on 2009-05-14
Great link Mark. More information and results from a "below the fold" study can be found at https://tinyurl.com/2jhgxb.
Tags: turbogears rant django plone python pinax MacOS microsoft legacy-blogger