Slashdot Mirror


David Pogue Calls Out 18 Sites For Failing His Space-Bar Scrolling Test (yahoo.com)

An anonymous reader quotes Yahoo Finance's David Pogue: You know this tip, don't you? When you tap the Space bar, the web page you're reading scrolls up exactly one screenful... But in recent years, something clumsy and unfortunate has happened: Web designers have begun slapping toolbars or navigation bars at the top of the page. That's fine -- except when it throws off the Space-bar scrolling! Which, most of the time, it does.

Suddenly, tapping Space doesn't scroll the right amount. The lines you were supposed to read next scroll too high; they're now cut off. Now you have to use your mouse or keyboard to scroll back down again. Which defeats the entire purpose of the Space-bar tip. Over the last few months, I've begun keeping track of which sites do Space-bar scrolling right -- and which are broken. I want to draw the public's attention to this bit of broken code, and maybe inspire the world's webmasters to get with the program.

Pogue's article announces "the world's first Space-Bar Scrolling Report Card," shaming sites like the Wall Street Journal, USA Today, The New Yorker, and Scientific American for their improperly-scrolling web sites. (As well as, ironically, Yahoo -- the parent company of the site Pogue is writing for.) Pogue writes that web programmers "should get their act together so that the scroll works as it's supposed to. (And if you work for one of those sites, and you manage to get the scrolling-bug fixed, email me so I can update this article and congratulate you.)"

31 of 309 comments (clear)

  1. Space-bar? by Anonymous Coward · · Score: 2, Interesting

    Never realized that key performs scrolling.
    Why don't people use the Page-up/-down keys anymore?

    1. Re:Space-bar? by Joce640k · · Score: 4, Funny

      Never realized that key performs scrolling.
      Why don't people use the Page-up/-down keys anymore?

      It's almost as if you've never seen an Apple keyboard.

      --
      No sig today...
    2. Re:Space-bar? by UnknownSoldier · · Score: 2

      > but what purpose does having a filename beginning with a space serve?

      Forced Sorting.

      It is MY filenames, not the OS's filenames. That is why we have filenames in the first place -- to be human accessible.

      This is why CP/M was designed by an idiot, which MS copied. You can't use colons (:), or double quote (") in a filename.

      * https://msdn.microsoft.com/en-...
      < (less than)
      > (greater than)
      : (colon)
      " (double quote)
      / (forward slash)
      \ (backslash)
      | (vertical bar or pipe)
      ? (question mark)
      * (asterisk)

    3. Re:Space-bar? by chipschap · · Score: 2

      Page-up/page-down are subject to the same problem. I know not everyone scrolls in this manner, but if you do (as I do) it's extremely annoying on the type of site mentioned in TFS.

      But it's a symptom of a larger problem, alluded to in the "list of historical problems" post above. Web designers care about pushing their products and their adverts and little else. If the site isn't especially usable or even downright annoying, they could care less. And people keep coming back to such sites, which in the designer's mind proves their design is "good."

      Is anyone else old enough to remember way back when, the then FCC director Newton Minnow referring to radio as a vast wasteland? The Web is getting to be the same thing.

    4. Re:Space-bar? by leiz · · Score: 2

      Shift+space acts as a page-up in Chrome and Firefox, at least.

    5. Re:Space-bar? by MightyYar · · Score: 2

      It comes down to your task at hand. I (usually) prefer the Mac "natural sort", where it tries to get all fancy and put "a_10" after "a_9" instead of after "a_1". I almost never want "A" to follow "z". But then sometimes I'm dealing with a big machine-generated data set and the natural sort gets it badly wrong.

      My pet peeve is that Windows does not offer a sort which includes the folders mixed in and that Mac does not offer a sort with the folders segregated :)

      --
      W..w..W - Willy Waterloo washes Warren Wiggins who is washing Waldo Woo.
  2. aka PgDn "trick" by TeknoHog · · Score: 3, Informative

    I wouldn't call it a "tip" or "trick" if the meaning of the key is obvious. Of course, kids these days might not see an actual PgDn key any more, and there are probably other reasons for the (unix)? tradition of using space for the same action, like HJKL for arrow keys.

    Speaking of tradition, if browsers can respect the traditional space key, how about basic text manipulations like Ctrl-K, Ctrl-A and Ctrl-E?

    --
    Escher was the first MC and Giger invented the HR department.
    1. Re:aka PgDn "trick" by tomhath · · Score: 2

      That depends on what program you're running. Wordstar? Bash? Nano? There is no One True Standard.

    2. Re:aka PgDn "trick" by jafiwam · · Score: 2

      They are bash shortcuts. https://www.ice2o.com/bash_qui...

      And no, they are only worth knowing if you find yourself stuck without gui editors, as no one in their right mind gives a fuck about raw bash text manipulation.

      Actually, lots of people are starting to care to a much larger degree. The tools they are complaining about in TFA are used for keyboard navigation, screen readers, reader enhancers, etc. for disability ADA compliance. Non ADA compliance is going to be 2017's big boogyman issue to fix on the web.

      The static toolbar at the top is one of the ways you can solve the "skip navigation" requirement for keyboard tabbing navigation and "No CSS" functionality. Put the div at the bottom of the code, and position it at the top and boom, you solve several compliance problems.

      That said, the space bar is pretty useful for browsing and realistically what should happen is browsers should have a tool that lets you set the scroll distance yourself, and to set it customized by site. (Which, is already done with zoom factors.)

    3. Re:aka PgDn "trick" by fph+il+quozientatore · · Score: 2

      There is a shortcut for that, it's called "Print Screen".

      --
      My first program:

      Hell Segmentation fault

  3. Perhaps by Hognoxious · · Score: 3, Insightful

    Perhaps he should check sites for whether, when you follow a link and return, it takes you back to where you were or to the top of the page.

    --
    Confucius say, "Find worm in apple - bad. Find half a worm - worse."
  4. Not the real problem - Toolbars are! by cycler · · Score: 5, Insightful

    Well, the fact that some of the text gets obscured by a toolbar isn't the problem.

    The real issue IS all the toolbars that remain in place when you are scrolling.
    Who ever thought it was a good idea to steal my vertical pixels should be shot at dawn.

    Even with Full HD screen there is still LESS vertical pixels than what I had 15 years ago on an old 21" 1600x1200 CRT.
    "Progress" my as.

    Seriously, could someone in web design please explain WHY keeping a toolbar on the top is a good idea?

    /C

    1. Re:Not the real problem - Toolbars are! by UnknownSoldier · · Score: 5, Interesting

      > Seriously, could someone in web design please explain WHY keeping a toolbar on the top is a good idea?

      Graphics Guru here. (I've been programming graphics and doing UI design since the mid 80's)

      I used one for the first time on one of my web pages a few months ago where I show the Section name, Page Number, and other misc info -- some which is clickable to navigate to a different section. Basically a "sticky floating header." I also have an option where the viewer can toggle color on/off (since I use color highlighting to show categories.)

      I have mixed opinions about this:

      * (+) It looks sexy as hell so I can understand why people want to use it. As you scroll the page up the last section you come across "sticks" to the top of the screen until the next one. It helps "anchor" the reader by showing them useful information relevant for the current section.
      * (-) Calculating where to scroll now needs to be intercepted / adjusted to account for the sticky header height.
      * (+/-) If used the ancient iFrame that would solve the scrolling calculation problem but I lose the graceful "scroll up into fixed place".
      * (-) I hate the fact that I'm losing vertical space which is already at a premium.
      * (-) Treating it as a "sticky footer" solves the scrolling calculation problem, but it just looks weird as the reader is mis-led into believing what the "next" section is, not the "current" section.
      * (-) I really wish there was an option to auto-hide it -- but that has it own's problems. What triggers it? That forces the reader to press a key or move their mouse to make it visible. UGH.

      With all the problems it creates I'm not convinced the sticky header is the right solution -- it has a limited usefulness. It definitely should be used sparingly, but I lament that there really are no good alternatives.

      i.e. Form without Function is useless visual vomit.

      Unfortunately too may UI / UX "experts" get dazzled by the "bling" forgetting WHY people are reading in the first place. i.e. They want to solve a task: either linear reading, or non-linear navigation.

      This is why I constantly asked myself 4 questions when I was deploying it:

      * What purpose does this sticky header server?
      * What problem does it solve?
      * Does it create more problems then it solves?
      * What are the alternatives?

      Good design is almost always a trade off. :-/

      The problem modern Web designers don't know what the fuck they are doing anymore. They don't understand the _context_ of the problem that has been "solved" for 20 years. Instead they want to dumb their UI down to tablet / phone standards tossing out all the UI advantages that people have come to expect as standard behavior. UI has become a "lowest common denominator" -- the worst of everything. Even worse these UX designers think they are doing god's work unwilling to listen to feedback on all the dumb shit they are doing, unable to learn.

      This current fad of "flat design" is one such idiocracy. Instead of empower the view to use different colors to help distinguish icons you force them to decode similar monochromatic silhouettes. *face palm*.

      It is good someone is starting to call out these dumb web designers.

  5. Fucking mobile keeps ruining everything by Anonymous Coward · · Score: 5, Informative

    Huge fonts, toolbars, mystery hamburger navigation and goddamn parallax scrolling.

    1. Re:Fucking mobile keeps ruining everything by tepples · · Score: 2

      Say you have a 12" tablet and a 10" laptop. Which is the "desktop computer" and which the "mobile device"?

      You appear to recommend the use of a separate m.-site. If a phone user shares a link through e-mail, Usenet, or more recent web-based substitutes for the above (forums, Facebook, Twitter, etc.) with a desktop user, which version should the recipient see?

    2. Re:Fucking mobile keeps ruining everything by tepples · · Score: 2

      How about this; give the user an easy-to-use function that forces the page to load the mobile or desktop version on a site-by-site basis.

      Good luck designing such "an easy-to use function", especially when such a large percentage of the population can't perform even the simplest tasks on a computer.

  6. I always scroll with the mouse by reboot246 · · Score: 5, Informative

    Scrolling isn't a problem. There are a lot of ways to scroll.

    What IS a problem is damned hover menus. They should be banned from the universe.

  7. Re:Does'nt work in slashdot either :D by Plus1Entropy · · Score: 2

    I'm using an ad blocker and it works fine.

    --
    Only crack the nuts that crack. You don't put the ones that don't crack in the sack.
  8. Re:As a developer. by Orgasmatron · · Score: 5, Informative

    "Jarring UI experience"?

    Seriously? When I ask for the next page, it is because I WANT TO READ THE NEXT PAGE, and not because I want to see how clever the scrolling animation is.

    Also, key scrolling is a local browser function. Whether it is space or page down or META+wheel on the mouse or shaking your phone in just the right way, the browser is just jumping down the buffer a bit.

    The problem is that the HTML specs provide a way to float crap on top, and ways to pin it to the top or bottom of the page, and also a hint to the browser that indicates how much reading space is covered by the crap, so that the browser knows how far to jump per page request. Lots of websites have the floaty crap, without the hint.

    That's all that needs to happen. Web designers need to provide the height of the crap they are cluttering the page with, and they aren't. They aren't being asked to write special javascript to jump properly, they aren't being asked to write keyboard drivers, or layout engines. Just to include a hint about how much of the reading space their floaty crap is obscuring.

    --
    See that "Preview" button?
  9. Re:Didn't you know? by BarbaraHudson · · Score: 2

    Even the original design of Windows was supposed to have keyboard shortcuts as the main way to interact with the environment and individual programs, with the mouse functions translated, depending on context, to the appropriate keyboard shortcuts in the main event loop.

    Using the mouse to access menu functions, you'd see the keyboard shortcuts beside the desired operation (Print Ctl-P, Save-Ctl-S, etc) and quickly increase your speed. F*cking web developers screwed that paradigm up real good. Windows also screwed it up in later iterations.Now we're all screwed. Thanks, people, by dumbing shit down, you've just made everyone dumber, forcing them to work at the level of the lowest common denominator.

    --
    "Transparent" is a shit show that trades on every stereotype going. A man in drag is NOT a transsexual.
  10. The scourges of the WWW, in chronological order by catmistake · · Score: 3, Interesting

    There is necessarily some overlap to these plagues

    1) AOL (1990's Internet gateway confused with the actual Internet)
    2) hotmail/msn
    3) spam/malware
    4) Penguinistas (from the advent of Linux until Linux became a stable and mature OS, c. 2004/6; subsequently, for the most part, it's all good, ignoring the systemd pimple)
    4) Adobe Flash
    5) poorly implemented Javascript (still continues, never ends)
    6) Apple and the development and ubiquity of the iOS-dominated mobile web (this ruined nearly everything for mobile device power-users)
    7) unrestrained web developers and site feature creep, KISS is replaced with incomprehensible complexity (slow steady march to WWW apocalypse)

    WWW/Internet never needed any of these things. Some of them started out innocuously enough, and turned evil (like Flash), and some started out evil and turned to goodness (such as Linux and it's irrational popularity prior to become mature and stable).

    What will be the next scourge of the Internet?

    1. Re:The scourges of the WWW, in chronological order by ortholattice · · Score: 2

      8) Hidden menus and mystery meat.

      Google Maps is the prototype example. In the first or second iterations some years ago, Google Maps was very nice. Menus and functions used to be obvious and intuitive. They've hidden more and more things behind cryptic icons or that only show up on mouseover. I'm sure I could read up on it and figure it all out, but I use it so rarely that it's not worth my effort. Alternatives such as Mapquest are easier to use, and for occasional things like printing directions they're adequate (although Mapquest is also moving in the Google direction).

      Just 2 days ago I needed some custom directions, because a road where I wanted to go was closed by construction making the GPS useless. I tried to use Google maps and futzed around until I sort of had the route I wanted on the screen, but when I tried to print only a small portion was shown and the rest chopped off. By trial and error, I kept zooming out until it fit the printer page, but then the street names became suppressed because I zoomed out too far. After about 10 minutes I gave up and used Mapquest.

      (I now remember that the previous time I used Google Maps a few months ago I also gave up on printing directly and instead captured a screen shot and printed that! I forgot about that trick 2 days ago.)

      And while I'm on a Google rant, they used to have links to to translate, books, etc. on the main page, and now there's nothing. I have no idea how people find these anymore (I have bookmarks for them). Well, I guess they can Google for "Google translate", but you have to know that it even exists before you can do that.

  11. Re:Let's get them good by Anonymous Coward · · Score: 2, Interesting

    If you don't know who David Pogue is, you have no business criticizing anything related to usability. Just keep on making your crappy interfaces and collect your check.

  12. Re: The scourges of the WWW, in chronological orde by Anonymous Coward · · Score: 2, Informative

    Except for all the 'made for Internet Explorer' pages which abused ActiveX to the detriment of Netscape.

  13. Re:Let's get them good by DaphneDiane · · Score: 4, Funny

    It makes the view move down causing the contents or page to scroll up. In no cases should it cause the screen to move unless your device is on unstable surface.

  14. Re: The scourges of the WWW, in chronological orde by QuietLagoon · · Score: 2

    ...Microsoft's browser monopoly shenanigans are technically not something that affected anyone other than Microsoft users that didn't have the ability to work around it....

    Au contraire... It appeared that Microsoft's goal was to leverage its Windows monopoly in an attempt to push the web "standards" towards its Internet Explorer capabilities. Microsoft wanted the web to work best when viewed via Internet Explorer, and in the process, take control of the web in the same manner in which they took control of the desktop.

    .
    Microsoft wanted the web client to drive the web standards development, instead of the standards driving the web client development. Fortunately, Microsoft failed. However, inside many companies, the web doesn't work right unless it works right with IE.

  15. Re:Random jackass whines about nonsense by bidule · · Score: 2

    Besides, we already have the page down key.

    No we don't.

    They both have the same broken behavior. You missed the forest for the trees.

    --
    ID: the nose did not occur naturally, how would we wear glasses otherwise? (apologies to Voltaire)
  16. And while we're at it by JustAnotherOldGuy · · Score: 3, Insightful

    And while we're at it, can we name and shame the fucktards who implement the "infinitely scrolling" page feature?

    I hate that shit- you can't bookmark the page properly, and if you back up to it then it either loses it's memory of where you were (forcing you to scroll and scroll and scroll and scroll and scroll and scroll and scroll down to where you were) OR it forces you to reload 150 pages of crap back to get back to where you were. Either way its a pain in the ass and a hostile UI design.

    --
    Just cruising through this digital world at 33 1/3 rpm...
  17. Re:Didn't you know? by lgw · · Score: 3, Insightful

    Why do you think the key is called "Enter" to begin with? Think about it. It was the key that entered (submitted) form data. That's what the key meant for 30+ years before the PC (let alone the mouse) was invented. "Return" was a different key entirely, one that took the same action as a carriage return on a typewriter (and sometimes labeled with the down-and-right arrow).

    The real mistake was combining the functions of these two, distinct keys in the early PC days - at the time, terminal keyboards still did it right. Then a bunch of kids re-invented form submission, ignoring decades of best practices in usability.

    Enter for form submission was the standard and the correct standard since before you were born. That's what the name of the key means ffs. Now get off my lawn!

    --
    Socialism: a lie told by totalitarians and believed by fools.
  18. Re:Didn't you know? by lgw · · Score: 4, Insightful

    You can no longer discover the keyboard shortcuts in Windows. Discoverability is the victim in the latest user-hostile UI fads.

    --
    Socialism: a lie told by totalitarians and believed by fools.
  19. Re:As a developer. by StyXman · · Score: 2

    The problem is that the HTML specs provide a way to float crap on top, and ways to pin it to the top or bottom of the page, and also a hint to the browser that indicates how much reading space is covered by the crap, so that the browser knows how far to jump per page request. Lots of websites have the floaty crap, without the hint.

    I found a solution this weekend: just disable CSS. Pages are readable again, besides the catastrophic breakdown of design, but articles... man, articles are text and images again. And space/PgDown scrollable.