You can see the Wearable design guidelines on SAMSUNG Developers site.

Release Date: Sep. 1, 2016

Watch Faces

High color always-on states are now available, for designers who want to match the design of an active state more closely.

Widgets

More guidance about widget types and their associated actions.

Contents

• What's New
• Design Principles
• UI Overview
• Basic Interactions
• Design Library
• Visual Style

This section provides suggestions to make the most out of the UI elements that we have covered in the previous section.

This section provides sample images and information about the UI components included in the Tizen Wearable UI framework.

In the Tizen Studio, we have prepared a set of styles for the common UI elements, such as buttons, lists, and checkboxes. Refer to the following subsections to figure out what the default style elements look like and how they work.

Widgets can be found on the right hand side of the watch face and are accessed by rotating the bezel. They deliver important information and access to quick actions without requiring a user to open an app. Because they’re easy to use on the move, they’re a great opportunity to engage with users.

The Watch Face is the first screen displayed when you turn on the wearable device. Pressing the Home key closes the running application and brings the user to the Watch Face.

Watch Face States

The Watch Face has two different display states: “active” and “always-on.” The active state Watch Face is shown when the user is interacting with the wearable device. It displays every detail that a designer has chosen to add to it. Watch Faces in an always-on state use less battery power, so they are limited to showing just the time of day, and very little else.

The following are the basic actions used for navigating the Tizen wearable UI. When designing the apps, note that these basic system actions are reserved for the system and cannot be used for any other interactions.

Tap

Users can tap the elements on the current screen (for example, lists and pop-ups) to move from one screen to another, open a new screen for more details, and proceed with tasks.

You can choose to use one of the four navigation views to design your app pages: Vertical, horizontal, anchored, and freeform views.

The circular screen design provides maximized user control by introducing unique and intuitive actions to make the best use of its design. The newly added controls maximize navigation efficiency by maintaining and fortifying the concepts of previous user interface conventions.