Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

Mobile Design Pattern: Sorting

From Wiki
Jump to: navigation, search
Yiibu (Talk | contribs)
m (New page: Category:Mobile_Design Category:Mobile_Design_Patterns This design pattern is part of the Mobile Design Patterns series. ==Description== A me...)
 
Yiibu (Talk | contribs)
Line 1: Line 1:
 
[[Category:Mobile_Design]]
 
[[Category:Mobile_Design]]
 
[[Category:Mobile_Design_Patterns]]
 
[[Category:Mobile_Design_Patterns]]
 +
  
 
This design pattern is part of the [[:Category:Mobile Design Patterns|Mobile Design Patterns]] series.
 
This design pattern is part of the [[:Category:Mobile Design Patterns|Mobile Design Patterns]] series.
Line 6: Line 7:
 
==Description==
 
==Description==
 
A means of re-ordering a list based on a chosen parameter.
 
A means of re-ordering a list based on a chosen parameter.
 +
  
 
==Advantages==
 
==Advantages==
Line 12: Line 14:
 
==Disadvantages==
 
==Disadvantages==
 
* Providing an easily discoverable and intuitive sort command can be tricky on small screens.
 
* Providing an easily discoverable and intuitive sort command can be tricky on small screens.
 +
  
 
==Use when==
 
==Use when==
Line 33: Line 36:
  
 
==Design Tips==
 
==Design Tips==
* Where possible, provide an indication of the active sort method. This indicator should ideally be on-screen however this may not always be possible due to limited screen real estate. In S60, the active sort parameter is commonly indicated via a sub-menu indicator.  
+
* Where possible, provide an indication of the active sort method. This indicator should ideally be on-screen however this may not always be possible due to limited screen real estate. In S60, the active sort parameter is commonly indicated using a sub-menu indicator.  
 
* Provide the user with an easily discoverable means to revert the list to its default sort order.
 
* Provide the user with an easily discoverable means to revert the list to its default sort order.

Revision as of 10:32, 8 May 2009


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

Contents

Description

A means of re-ordering a list based on a chosen parameter.


Advantages

  • Increases findability of distinct items within long lists.

Disadvantages

  • Providing an easily discoverable and intuitive sort command can be tricky on small screens.


Use when

  • When a list contains a large number of items.
  • When list items contain complex data and/or multiple associated metadata.

Use how

Provide users with a contextual series of sorting options. On mobile, these are most often presented in the following way:

  • A ‘Sort’ or 'Sort by' command within the Options menu.
  • A drop-down menu or toggle located at the top of a table column (primarily used in HTML).


37-sort-by-date.jpg

Figure: Nokia Messaging provides a drop down menu enabling mail sorting by date, subject and sender (open menu not shown). The above list is sorted chronologically by Date.


38-sort.jpg

Figure: The S60 sort command is available within the Options menu. The active sort method is indicated using a submenu indicator.

Design Tips

  • Where possible, provide an indication of the active sort method. This indicator should ideally be on-screen however this may not always be possible due to limited screen real estate. In S60, the active sort parameter is commonly indicated using a sub-menu indicator.
  • Provide the user with an easily discoverable means to revert the list to its default sort order.
65 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.

×