Scrolling

Figure 1. Scroll bar indicator
Summary:
  • Avoid horizontal scrolling.
    • Unexpected.
    • Interferes with category bar.
  • If content exceeds the screen, a scroll bar should be used.
  • Disappears after time-out of 1,5 seconds.

Java:
  • Form

Releated design guidelines:

Patterns

Note: Only Java Form, List and Alerts draw the scroll bar automatically. In normal or full canvas, the scroll bars have to be drawn.
Scroll bar principles  
Figure 2. Scroll bar indicator in landscape
  • Appears if the content is larger than the available content area on the screen.
  • Horizontal scrolling should be avoided.
    • Not expected by the user.
    • May interfere with other navigation.
      • Category bar.
      • Swipe.
  • Occurs by dragging over the object (e.g., list or grid).
  • Object follows the finger.
  • Scrolling works also with a short or long flick over an object.
  • Bouncing effect to indicate that the border is reached, should simulate the tension of a spring.
  • The scroll bar position indicator represents:
    • Position in the view.
    • Length of the view in relation to the actual screen content.

Scroll bar indicator appearance  
Figure 3. Scroll bar indicator, after opening the view and after timeout
  • Appears when entering the screen.
  • Fades out after 1,5 seconds .
  • Shown while scrolling with same timeout.

Reading direction alignment  
Figure 4. Scroll bar indicator for left-to-right and right-to-left reading languages
  • Left-to-right language:
    • Vertical scroll bar on the right.
  • Right-to-left language:
    • Vertical scroll bar on the left.
  • Possible horizontal scroll bar always on the bottom.