Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Tabs

Problem

Access must be provided to a small number of items at the same level in the information architecture, while also clearly communicating this hierarchy of information.

Solution

Follow the file folder metaphor by creating distinct labels that separate three to eight sets of content.

Scrolling tab controls can contain a larger number of items than a standard tab control. To navigate to the next/previous view, swipe left or right.

Examples