×
Namespaces

Variants
Actions
(Difference between revisions)

Mobile Design Pattern: Scrollbar

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Fix image in frame)
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
 
Line 1: Line 1:
[[Category:Mobile Design]][[Category:Mobile Design Patterns]]
+
[[Category:Mobile Design Patterns]]
 
{{ArticleMetaData <!-- v1.2 -->
 
{{ArticleMetaData <!-- v1.2 -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->

Latest revision as of 06:26, 9 May 2012

Article Metadata
Article
Created: croozeus (31 May 2009)
Last edited: hamishwillee (09 May 2012)


This design pattern is part of the Mobile Design Patterns series.

According to the Wikipedia: "A scrollbar is a graphical object in a GUI with which continuous text, pictures or anything else can be scrolled including time in video applications, i.e., viewed even if it does not fit into the space in a computer display, window, or view port."

Scrollbars.jpg

Scrollbars are components/tools for scrolling or sliding content on the screen. The default or the built-in scrollbars are the conventional long rectangular scrollbars, preferably used with contrasting colors. However, today with many innovative design patters flowing out, there are varieties of scrollbar designs available. A use of good scrollbar makes the application have a more attractive user interface.

  • Long rectangular scrollbar - Conventional scrollbar

Conventional-scrollbar.jpg

  • Showing arrows at top and bottom of the screen

Arrows-Top-Bottom.jpg

  • Showing arrows at the bottom of the screen

Arrows-Bottom.jpg

  • Using a slider as a scrollbar

Sliderscrollbar.jpg

Allow other scrolling options

  • Allow scrolling by arrow, volume or any other shortcut keys.
  • Allow scrolling by the navigation wheels.
  • Allow scrolling by dragging the screen - for touch enabled devices.
Devoid of scrollbars
  • When scrollbar is not used but scrolling is allowed with up and down arrow keys (or any other keys) - the application fails to indicate the end of content to the end-user.

--Submitted by croozeus 07:39, 31 May 2009 (EEST)

  • croozeus
This page was last modified on 9 May 2012, at 06:26.
88 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×