Scrolling Directions Revisited

It is well known that novice users often find traditional scrollbars counterintuitive: ”How come the document moves upwards when I’m scrolling downwards?” The reason for the confusion is the faulty mental model the user has created – due to the problematic system image. When moving the scroll thumb, one does not actually move the document but the viewpoint, hence the direction is inverted.

In the case of a hand tool the direction is more intuitive. Once the document is grabbed and the hand is moved downwards, the document moves like it would in real life.

***

The other day when I was fiddling with my iPod touch and computer simultaneously, it suddenly occurred to me that the same phenomenon is demonstrated there as well. Having just scrolled a list on iPod and trying to scroll a webpage in Safari using the two finger scroll gesture, I ended up moving to the wrong direction. iPod works like the hand tool, whereas the scroll gesture mimics traditional scroll bars.

This got me thinking how this is implemented in the new MacBook Air with its new gesture-capable trackpad. As can be seen in the video, Air works like other laptops and the gesture used for flicking through photos is exactly the opposite to the one used on iPhone. In order to advance you flick from right to left on iPhone and from left to right on MacBook Air. This is the difference between the direct interaction of a touchscreen and the indirect of a trackpad.

It is worth noting, though, that when it comes to rotating photos, the mapping is direct again. When fingers are rotated clockwise, also the photo rotates clockwise. Interestingly, what feels intuitive can change so abruptly between different gestures.

4 kommenttia artikkeliin ”Scrolling Directions Revisited

  1. Good points!

    I’d say How come, the document moves upwards when I’m scrolling downwards, though. (or why does the document move upwards when I’m scrolling downwards)

  2. Well, you would but maybe these guys are novices when it comes to using the language, too.

    Äh, I corrected the mistake.

    In conversational language, questions with ”How come” are common. ”How come” means Why, but it uses the word order for statements

  3. Actually, one might find the page scrolling up when rolling the mouse wheel down intuitive, if they have a mental model of the mouse wheel as as wheel or a ball pressed against the page and rolling around its axis: When the wheel is rolled down, the page ”under” it scrolls up. For a user learning to use the touch pad (and not accustomed mouse-to-pad mappings) to this is probably not the first thing to come in mind.

  4. Paluuviite: 3D-Piclense ja makeuden määritelmä

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out / Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out / Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out / Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out / Muuta )

Muodostetaan yhteyttä palveluun %s