?

Log in

No account? Create an account
entries friends calendar profile It's Me Previous Previous Next Next
Design & UI: Remember the fold - The Autobiography of Russell
Life from a different perspective
zimzat
zimzat
Design & UI: Remember the fold
Designers & Interface Developers: You may have 24" monitors and your users may have 20" monitors but most will not have their browser maximized to that. Remember that there are two folds on every page: a horizontal and vertical one. Your users will not appreciate resizing their browser or scrolling down and left/right to see your content. If most of what they see above the folds are ads and/or navigation or logo then it's unlikely they'll stick around for long. If they need your service they'll do it begrudgingly and won't speak favorably of you to others. You may get their first ad impression, but they likely won't be repeat customers so ultimately you'll lose out.

Remember the fold.



PS: Also don't make 15-25% of the area above the fold (their browser window) stickied to never go away, especially if it contains practically no content or very little they actually need at any given moment.

Current Mood: irritated irritated

4 comments or Leave a comment
Comments
unspeakablevorn From: unspeakablevorn Date: August 20th, 2012 10:10 pm (UTC) (Link)
Even more importantly, horizontal scrolling is still a pain on most computers: if I have to scroll horizontally at all to read your web page, you're probably Doing It Wrong.
zimzat From: zimzat Date: August 20th, 2012 10:15 pm (UTC) (Link)
Yep! I've tried to tell Woot that, but I doubt they'll care. At least their RSS feed now links directly to the item rather than only the home page (it was fine before the redesign).

I've noticed this from a number of Google products as well, although currently I only see it happening in Contacts (which especially insidious as the contact list doesn't look scrollable so you only see the first page and don't realize it's scrolling or can be paged).

I can sort of understand this behavior on a mobile device, but a tablet or netbook is still very common and shouldn't requiring horizontal scrolling.
unspeakablevorn From: unspeakablevorn Date: August 21st, 2012 06:33 am (UTC) (Link)
but... 300 px tall to catch 99% of users above the fold? seriously? That's kind of ludicrous.

(for the record I'm at 1264x935)
zimzat From: zimzat Date: August 21st, 2012 08:03 am (UTC) (Link)
They're probably factoring mobile devices into their calculations. It would be nice to separate it into four overlays: phones, tablets, laptops, and desktop. The last two are the ones where sizes overlap yet make a critical difference as laptops don't have a choice in increases size when they're already maximized.
4 comments or Leave a comment