Contents

• Introducing the Circular Design
• Navigating Views on a Circular Type Wearable Device
• Gestures

This section provides essential information about the wearable app design in terms of the basic actions, color schemes, icons, typographic factors, and the design elements that can be incorporated into the wearable apps.

Iconography

Tizen wearable iconography consists of a few requirements to achieve a simple but elegant design. These rules cover all the icons used in the wearable device and the manager app on the mobile device. Refer to the following for information about icon sizes and other style properties.

User experience design for a Tizen wearable device shares the traits of other wearable platforms. The wearable device must be small enough to be worn and must be accessible on the go. For wearable UX design, the size of the wearable device and the smallness of the screen are two of the greatest challenges.

Contents

• Design Principles
• Design For Wearables
• Circular UX
• Watch Face
• Structure

Assist views are used to provide the user with additional information to complement the main content. The following UI components are assist views:

• Pop-up
• Toast pop-up
• Context pop-up
• More menu
• Floating action button

User input components are used to collect user input for specific tasks. The following UI components are user input components:

• Button
• Checkbox components
• Radio button
• Text input
• Dropdown menu
• Slider
• Picker

Presentation views are used to display the main content of an app in different forms. The following UI components are presentation views:

• List view
• Grid view
• Group index
• Progress components

List View

The list view is used to display multiple items on one screen. It is the most basic view. You can include various UI elements, such as text, icons, images, or buttons, as list items.

Navigation elements are used to browse content and switch between screens. The following UI components are navigation elements:

This chapter provides information about the basic UI components in the Tizen SDK. You can include these components in your app designs to implement specific features.

Tizen UI components may be divided into four categories:

In Settings, users can view and customize various functions. By offering the right settings at the right time, you can enrich your app’s user experience.

Designing Settings

The Settings menu is provided in the 'More' menu. Since users don’t change their settings that often, emphasizing this menu is not necessary. Put Settings below all other items, except 'About' or 'Help'. If your app provides 'Settings', 'About', and 'Help' menus, the order should be 'Settings' > 'About' > 'Help'.