1 / 3

UI Patterns for Mobile Apps: Search, Sort and Filter

Here you will get all the benefit from some best practices around mobile search, sort and filter UI design.

charlieperez
Download Presentation

UI Patterns for Mobile Apps: Search, Sort and Filter

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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, search, sort sort and and filter 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 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. mobile apps is growing, developers around the world want In this article will explores dozen different approaches to surface and refine the data your customers want.

  2. Search Patterns 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 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 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 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 agency for B2B and B2C clients in the luxury, fashion, lifestyle and retail industries. Custom Web development Web development and Online Marketing

More Related