CHAPTER 16

DESIGN PATTERNS FOR MORE EFFECTIVE MOBILE FACETED SEARCH

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 ...

Get Designing Search: UX Strategies for eCommerce Success now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.