Circular UX

Overview

The watch delivers an optimized experience using the circle’s geometric characteristics and metaphors. Create circular designs that best express your app's concept on a round screen.

Appealing Shape

The watch’s circular shape means a high degree of freedom when it comes to expressing diverse themes. Placing items along the curved edge can express flow or indicate that the items are independent from one another with equal priority. Also, consider that the circular shape represents completeness, as any point on its perimeter is the same distance from the center.

The circle can express flow, rotation, or other diverse themes.

Inspiring Metaphors

Watch apps can use round ##ch-obj##s from daily life as a design metaphor. Users recall familiar experiences as they interact with an app. Metaphors can also guide how users control the bezel.

Carefully observe circular objects around you for inspiration. For example, the bezel's rotation can be associated with turning a steering wheel, and the dial-style app list intuitively guides users to rotate the bezel.

Round objects from daily life can serve as metaphors for your app's UI.

Optimize circular motion

The watch’s circular screen lends itself to both soft and vibrant expressions of motion. By leveraging the circular shape, you can use motion to imply specific meanings. A spreading motion outward from the center represents expansion or creation, while an inward contraction shows a decrease or disappearance.

The watch's circular shape lends itself to diverse animations to make your app more dynamic.