Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Zoom Scale

Problem

Data in dense information arrays, such as charts, graphs and maps, must be able to change the level of detail presented by a zooming function or metaphor.

Solution

Use Zoom and Scale to zoom into and out of information while communicating a sense of scale, whether relative or absolute.

Examples