main img

Chapter 5: Welcome Experience

Creative implementation of the Welcome Animation in the Priceline iPhone app

5.1 Antipattern: End User License Agreements (EULAs) EULA antipattern in Chase app 5.2 Antipattern: Contact Us Impediments Contact Us Impediments antipattern in the US Bank app Contact Us Impediments antipattern expressed as a long form in the Kodak app 5.3 Antipattern: Sign Up/Sign In Registration Failure: Sign Up/Sign In antipattern in SitOrSquat app 5.4 Pattern: […]

Chapter 7: Search

394151_f0804

7.1 Pattern: Voice Search Google’s native Voice Search in Android 4.0 is straightforward. Adding the Voice Search pattern to the Yelp app would be easy from the UI standpoint. Siri responds to a Voice Search query: “I need to hide a body.” 7.2 Pattern: Auto-Complete and Auto-Suggest The Auto-Complete and Auto-Suggest patterns work in tandem […]

Chapter 8: Sorting and Filtering

394151_f0911

8.1 Antipattern: Crippled Refinement The Amazon app includes an example of the Crippled Refinement antipattern. Here’s a battery of filters and sort options in the Amazon.com desktop web. The Amazon mobile app does not support multistep refinement. 8.2 Pattern: Refinement Page The eBay app is an excellent example of a Refinement Page pattern. One uncommon […]

Chapter 9: Avoiding Missing and Undesirable Results

394151 f1005

9.1 Antipattern: Ignoring Visibility of System Status The Yelp app includes an example of the Ignoring Visibility of System Status antipattern. 9.2 Antipattern: Lack of Interface Efficiency The Lack of Interface Efficiency antipattern is evident in the Target app. 9.3 Antipattern: Useless Controls The TripAdvisor app demonstrates the Useless Controls antipattern. 9.4 Pattern: Did you […]

Chapter 11: Forms

394151 f1243

11.1 Pattern: Inline Error Message This Implementation of the Inline Error Message pattern is from the Calendar app. The Inline Error Message pattern from the eBay app uses two ways to alert customers of issues. EXPERIMENTAL PATTERN: This proposed wireframe provides an alternative implementation (the Toast Alert) of the eBay app’s Inline Error Message...

Chapter 13: Navigation

394151 f1428_Experimental

13.1 Antipattern: Pogosticking ANTIPATTERN: This example of the Pogosticking antipattern is from the TripAdvisor app. Beefed-up results: Yelp’s solution to the Pogosticking antipattern. 13.2 Antipattern: Multiple Featured Areas ANTIPATTERN: There’s a lot going on in the Multiple Featured Areas antipattern in the NewEgg app...

Chapter 14: Tablet Patterns

394151 f1413_Experimental

14.1 Pattern: Fragments The Fragments pattern in the Google Play app forms a single column on a 7-inch tablet in the vertical orientation. The Fragments pattern pattern in the Google Play app forms two columns on a 7-inch tablet in a horizontal orientation. 14.2 Pattern: Compound View The Settings app shows an excellent Compound View...