Mobile Design Pattern: Scrolling
Scrolling is defined as sliding text, images, videos, etc on a webpage, application or a document, which cannot be fully shown on the screen at time.
Two types of scrolling designs may be employed,
- Continuous scrolling
- Page-by-page scrolling
In this article we shall use the Opera mini application as an example to illustrate both types of scrolling. Opera mini browser has both types of scrolling options available to its users.
Continuous scrolling
For Continuous scrolling it is required to avoid discontinuous movement/sliding of or in other words - to avoid jumps. For example, as shown in the image below, the webpage undergoes gradual uplift (the page moves upward) when the user scrolls by pressing/touching the down key or scrollbar. Similarly the page would move downward when the user presses/touches the up key.
Page-by-page scrolling
When a user needs to scroll quickly downwards or upward, page-by-page scrolling is preferred over continuous scrolling. In page-by-page scrolling when the user scrolls, the screen moves upward or downward respectively, screen by screen. For example, as shown in the image below, when the user presses the down key the screen moves downward.
Submitted by croozeus 17:31, 20 May 2009 (EEST)
17 Sep
2009
This article demonstrates a deeper understanding of mobile design pattern: Scrolling. Basically, this article focuses on how to show the list of items on a linear scrolling menu. Generally scrolling is used as sliding the text,image or video.
The author has explained twp types of scrolling designs in details with screenshots. In the article, the author has used the Opera software to illustrate both type of scrolling. In Continuous scrolling, the page moves upward when the users scroll by pressing the downkey and similarly the page moves downward when the users scroll by pressing the up key. In page by page scrolling , when the users scroll the downward key, the screen moves upwards.
This article is very useful for minimizes users action by arranging or handling large data with the help of scrolling.
16 Sep
2009
Paging and Scrolling are the two different ways to handle large related content which can not be accumulated in one page/ screen. To choose one from paging or scrolling is depended on developer only. Generally scrolling is referred as sliding the text, image or video which can not get fit to the limited screen size. And Paging is reffered as to move frequebtly between pages/ views.
The article deals with quick overview and basic types of Scrolling. Both types of scrollings are well-explained with image implementations. Scrolling secures its importance in handeling/ arranging large data, and thus this article also secures its importance to the developers.
The article can be useful to beginners and intermediate developers to study Scrolling.