Sunday, October 20, 2013

Things They Should UNInvent: banners that overlap the body text section of a website (or web browsers that can't handle this)

Some websites (such as Twitter and Salon) have banner-style headers that overlap the body text area.

The problem with this is if you press the spacebar to page down one screen, the browser behaves as though the area covered by the banner is visible, which means you miss a line or two every time you page down, and then have to page back up with a mouse.  This is very irritating, and also bad ergonomically - pressing the spacebar to page down is basically the minimum amount of ergonomic strain, and having to mouse could cause problems for people who have or are prone to RSI.

Web design and browser design need to fix this.  Pressing the spacebar should show the next page of text, with no text missed (and, in fact, with the last line of the previous page visible at the top, just to reassure the reader that they haven't missed anything.)

3 comments:

M@ said...

I absolutely agree. It's as though fifteen years of web design didn't happen, isn't it? This is the kind of annoyance we would just put up with in 1998. It's inexcusable now.

laura k said...

I agree. I'm having this problem right now with MLB Gameday. The banner covers the line score! The line score for crissakes. Argh.

impudent strumpet said...

That seems like the worst possible screen layout for a baseball site!