Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Group Separators

Problem

People get overwhelmed if too much information is presented at once.

Solution

Group information into sections on a view and add prominent titles to them.

Why

Psychological studies have proven that people are better able to absorb (and remember) information if it is broken down into smaller chunks. In fact, it is sort of a primordial basis of classifying information. The same principle applies for information you put into your solutions to be seen by your users - break stuff down into meaningful groups and label them.

Using visually distinct sections will guide people to see the information as chunks. The titles will help them to quickly scan over the chunks to find what is interesting to them, and then they can look deeper at the section if interested.

Examples