Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Hierarchical List

Problem

A large set of information must be presented. The information is hierarchically ordered, and this structure is relevant to the user.

Solution

Display hierarchically ordered information so that it is comprehensible and quickly accessible. The parent-child relationships are exposed visually, and users may fold and unfold the list to view only the parts they need.

Examples