Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
UI Patterns for Mobile Apps: Search, Sort and Filter
1. UI Patterns for Mobile Apps: Search, Sort and Filter
Have you looked at AutoDirect or some of the other freebies print ad, all
are organized by category like trucks, vans, SUVs etc. But others like
Greensheet you will see page after page of classified ads.
Fortunately I have known the three online features that aren’t available
in the analog world: search, sort and filter.
Let’s see an example of Craigslist which can be installed on mobile. Here
you will get all the benefit from some best practices around mobile
search, sort and filter UI design.
The usage of mobile apps is growing, developers around the world want
to create the mobile user experience that improves the elements that
are present in apps.As moving from desktop to mobile, you have to think
really minimalist in order to get everything useful inside the viewing
area.
In this article will explores dozen different approaches to surface and
refine the data your customers want.
2. Search Patterns
Before you try to design a search interface for any platform, read more
about design patterns in these two books: Search Patterns: Design for
Discovery by Peter Morville and Jeffery Callender, and Designing Search:
UX Strategies for eCommerce Success by Greg Nudelman.
Then take a look at these search patterns specific to mobile applications:
Explicit Search - Explicit search relies on an explicit action to perform the
search and view results.
Auto-Complete - Typing will immediately surface a set of possible
results, just tap on one to selected it and the search will be performed
Dynamic Search - Entering text in the search field will dynamically
(onkeypress) filter the data on the screen.
Scoped Search - to get to the desired result by scoping the search
criteria before performing the search
Saved & Recent – making it easy to select from previous searches,
instead of retyping the same keywords or search criteria.
Search Form- This pattern is characterized by a separate form for
entering search criteria, and an explicit search button.
Search Results – Once a search is performed the results can be displayed
in the same screen or on a dedicate results screen.
Sort
It is important to choose a reasonable default sort for displaying search
results. A little common sense plus user validation is the best way to
choose the default sort order. These patterns offer options for changing
the default sort:
3. Onscreen Sort
Sort Selector
Sort Form
Filter
Large sets of data can require additional filtering, also called refining.
Filtering relies on the user selecting criteria by which to refine the set of
search results or a large set of objects. Common filtering patterns
include:
Onscreen Filter
Filter Drawer
Filter Dialog
Filter FormVGFCRXED3ZW2qE VVGFCRXED3ZW2qE V
I hope this article will help you design better mobile apps and succeed in
creating well designed and successful apps.
iMediaDesigns is an Custom Web development and Online Marketing
agency for B2B and B2C clients in the luxury, fashion, lifestyle and retail
industries.