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: […]
Filed Under:
Design Patterns,
Patterns
Tagged With:
antipattern,
Contact Us Impediments,
End User License Agreements,
EULA, Sign In,
Sign Up,
Tutorial,
Watermark,
Welcome Animation
6.1 Pattern: List of Links The Travelocity app uses a typical List of Links pattern. This early version of the Google Plus List of Links tells just a bit more of the story with the number of notifications (though it does not tell you what those notifications are). The Southwest Airlines app shows a grouped […]
Filed Under:
Design Patterns,
Patterns
Tagged With:
android,
browse,
dashboard,
design patterns,
history,
homescreen,
list of links,
login, map,
notifications,
updates
Chapter 7: Search
May 18, 2014 By admin
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 […]
Filed Under:
Design Patterns,
Patterns
Tagged With:
antipattern,
Auto-Complete,
Auto-Suggest,
Dedicated Search,
Pull to Refresh,
Search from Action Bar,
Search from Menu,
Search in the Content Page,
Separate Search and Refinement,
Tap-Ahead,
voice search
Chapter 8: Sorting and Filtering
May 17, 2014 By admin
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 […]
Filed Under:
Design Patterns,
Patterns
Tagged With:
antipattern,
Crippled Refinement,
Filter,
Filter Strip,
Parallel Architecture,
Refinement Page,
Sort,
Tabs
Chapter 9: Avoiding Missing and Undesirable Results
May 16, 2014 By admin
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 […]
Filed Under:
Design Patterns,
Patterns
Tagged With:
antipattern,
Did you Mean,
Ignoring Visibility of System Status,
Lack of Interface Efficiency,
Local Results,
Partial Match,
Useless Controls,
Zero Results
Chapter 11: Forms
May 14, 2014
By admin
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...
Filed Under:
Design Patterns,
Patterns
Tagged With:
Callback Validation,
Cancel/OK,
Getting Input from the Environment,
Inline Error Message,
Input Accelerators,
Pop-up Alert,
Toast Alert,
Top-Aligned Labels
Chapter 12: Mobile Banking
May 13, 2014
By admin
12.1 Pattern: Login Accelerator The Chase mobile banking app uses two-factor authentication. The Login Accelerator in the Chase app saves the User ID. The USAA banking app uses a Login Accelerator with a four-digit pin called Quick Logon...
Filed Under:
Design Patterns,
Patterns
Tagged With:
Dedicated Pages Wizard Flow,
Dedicated Selection Page,
Form First,
Login Accelerator,
Near Field Communication,
NFC,
Verification-Confirmation,
Wizard Flow with Form
Chapter 13: Navigation
May 12, 2014
By admin
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...
Filed Under:
Design Patterns,
Patterns
Tagged With:
Carousel,
Integration,
Multiple Featured Areas,
Pogosticking,
Popover Menu,
Swiss-Army-Knife Navigation,
Watermark
Chapter 14: Tablet Patterns
May 11, 2014
By admin
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...
Filed Under:
Design Patterns,
Patterns
Tagged With:
2-D More Like This,
C-Swipe,
Compound View,
Content as Navigation,
Experimental Pattern,
Fragments,
Multitouch Gestures,
Side Navigation