UX GuideSubscribe to RSS - UX Guide

 

Pop-up

Pop-ups can give users vital information when they're completing a task. You can use the following types of pop-ups:

Center Pop-up

As you would expect, the center pop-up appears in the center of your application screen. Keep the following guidelines in mind when designing a center pop-up:

View Modes

Tizen screen orientation is available in both landscape and portrait view modes, and you can use the rotation function to transition between the two. Activating the rotation function ensures the screen will adjust its view depending on the orientation of the device. In Tizen applications, you can use portrait, landscape, and reversed landscape view modes. We recommend you avoid using reversed portrait view. Portrait view generally serves as the default screen orientation for most application designs.

Progress and Process

If a specific task is running continually over a certain period of time, you must offer users a visual cue about its progress or process. Progress means that the duration or volume of the entire task can be predicted. Process means that the duration or volume of the task cannot be predicted, so you can only make users aware that the task is being processed. You should fill the progress bar from left to right as the task is being completed.

Split View

The split view consists of two separate viewing areas. If an application uses the split view in landscape mode, the application screen automatically changes from portrait to split view. You should only apply the split view design in landscape mode.

The purpose of the split view is to display more information beyond simply widening a list. For example, you may wish to give users a preview of the content. Make sure you display any lists or added depth in both portrait mode and split view.

Design

Welcome to Tizen Design. We've created this online guide to help you bring Tizen's key principles, features and functionality into your application design process and deliver a consistent user experience.

 

 

Picker

In the Tizen platform, you can include pickers in your application design to help users set the date and/or time, and select colors.

Time Picker

You can use the following types of time pickers:

Slider

Give users sliders so they can adjust values in settings with multiple or consecutive steps. If you want to make a slider's function as clear as possible, you can place text or icons at each end. However, neither the text nor the icons should be interactive.  

Text Field

You can allow users to enter text in an application via a text field. Tapping the text field activates the keypad and reveals a cursor. There are 2 types of text fields:

  • Fixed single-line
  • Multi-line

In a fixed single-line text field, if the amount of text a user is entering exceeds the text field range, the entered text scrolls to the left and disappears so that the user can continue writing. In a multi-line text field, the amount of text the user enters will dictate the number of lines.  

Controls

You can use a variety of UI controls in your application:  

Button: Executes a specific function.
Button

 


On/off button: Enables or disables a function.
On/Off button