Scrolling and Navigation

Guidelines | Scrollbar | Scroll Buttons

 

Guidelines

With touchscreens, it is easier to scroll by pointing than by dragging.

  • Therefore, we propose, not to use conventional scrollbars, even if they are enlarged, but to use simple pushbuttons instead.
  • In addition, the scroll buttons may may a repeat function. The repeat function should start after a predetermined delay (not too long), and then repeat the scrolling while the screen is touched.
  • Scroll buttons should follow the usual guidelines for buttons. Better make them larger than too small.

 

Scrollbar

Scrollbar from the "Leonardo the Inventor" CD

Scrollbar from the "Leonardo the Inventor" CD.

Requires drag operation, therefore not optimal for finger-operated touchscreens!

...

 

Scroll Buttons

Simple Buttons for Vertical Scrolling/Movement

Scroll/move to first

Scroll button: Scroll/move to first item

Scroll/move back faster / more lines /a page

Scroll button: Scroll/move back faster / more lines / a page

Scroll/move back slower / one line

Scroll button: Scroll/move back slower / one line

Scroll/move forward slower / one line

Scroll button: Scroll/move forward slower / one line

Scroll/move forward faster / more lines / a page

Scroll button: Scroll/move forward faster / more lines / a page

Scroll/move to last

Scroll button: Scroll/move to last item

 

top top

Source:  Interaction Design Guide for Touchscreen Applications