Mobile Faceted Search Challenges PAGE 270
Four Corners and Modal Overlay Patterns PAGE 273
Status Bar Drop-Down Menu Pattern PAGE 275
Watermark Pattern with the Full-Page Refinement Options Pattern PAGE 279
Teaser Mobile Design Pattern PAGE 283
Basic/Advanced Parallel Architecture Pattern PAGE 286
As covered in Chapter 7, “Best Practices for Designing Faceted Search Filters,” faceted search can be extremely helpful for certain kinds of finding—particularly for ecommerce apps. Unfortunately, the designers of mobile applications do not have established user interface paradigms they can follow nor abundant screen real estate for presenting facets and filters in traditional ways. To implement faceted search on mobile devices, you need to be creative because of this inability to follow established design patterns. This chapter examines several patterns that are well suited for mobile devices, including Four Corners, Status Bar Drop-Down Menu, Modal Overlay, Watermark, Refinement Options, Teasers, and Parallel Architecture. Following these patterns can move you one step closer to making faceted search a usable reality on mobile devices.
Before discussing these patterns, first take a look at several mobile-specific challenges that require designers to look at search in new ways, including: navigational elements that demand precious screen real estate, limited search-refinement options, and the general lack of an iterative ...