Listings

From MobileDesign

Design patterns: Application Navigation

---

An excellent way to display information on small mobile devices is with a List-based Layout. Search results and other types of information are presented in lists regardless of the device size or input methods.

When the list items are mostly or entirely linked, these are considered navigational lists, and special consideration must be paid to their display and interaction.

Note that these patterns cover information that can primarily be displayed as text. Groups or list of graphical information should usually be displayed in other ways, such as a Carousel.

[edit] Patterns for List-based Navigation

The following patterns and informational guidelines exist for building list-based navigational designs for mobile or small-screen devices:

• List Navigation
• Alphabetic Listings (Short)
• Alphabetic Listings (Long)
• Autocomplete (advanced)
• Faceting

We suggest you read all of them if considering any. There are significant overlaps, and some portions are used within other patterns. The image below provides a summary of some of the guidelines linked above: