Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Screen Orientation

Problem

You must provide a way for any device orientation changes to display content in the manner most readable and comfortable to the user.

Many devices have accelerometers, dedicated rotation switches, or both. This hardware, and any other OS-level orientation changes should be respected by all applications and other content. When not available at the OS level, orientation can often be changed anyway, if it would be more helpful to the user./p>

Solution

Mobile devices are small, portable and unlike desktop computers can therefore be manipulated and viewed in any manner. Naturally, users will rapidly face the screen the correct direction, but after this should be allowed to choose their preferred viewing Orientation. Content must be presented in a useful format in whichever orientation is chosen, modified to fit the screen, but without changing context, or modifying existing user entry.

This change must be performed either automatically, or with an obvious or deeply-integrated physical mode switch.

This pattern exclusively addresses screen orientation or activation, and does not discuss use of the orientation sensors as a gestural control. For generalized discussion of position and orientation, see the Kinesthetic Gestures pattern. For some methods of employing more subtle orientation changes, see the pattern on Simulated 3D Effects.

Examples