UX GuideSubscribe to RSS - UX Guide

 

View Modes

In Tizen applications, you can use portrait, landscape, and reversed landscape view modes.

NOTE: In Tizen applications, the reversed landscape view mode is available, however, avoid using it.

The portrait view is the default screen orientation for most application designs. For special purposes, such as games or a camera, you can specify the landscape view as the default. However, we recommend supporting both views with your application and optimizing the screen design layout for both.

Application Structure

The Tizen platform features a range of UI components. The purpose and functionality of your application determine the components and layout you select.

In this section, we use available Tizen UI components to demonstrate the most basic application structure.

NOTE: For applications that require a special layout (such as camera, video player, and games), the following guidelines cannot be always applied.

For applications with a structure, display a list of items and only show details when an item is selected.

Indexed List

Overview

This article demonstrates the UI of Indexed IOS Contacts List. Link for external library used is this.

The source code consists of a JS library (iphone-scroller.js) and JQuery plugin (jquery-1.2.6.min.js). This can be downloaded from here.

Design Principles

In this section, we'll introduce you to the key design principles that have shaped Tizen and helped set it apart from other mobile operating platforms. These principles ensure every application people use to customize their phones will be content-driven, focused and tailored.

Please take a few minutes to familiarize yourself with the Tizen design principles so that you can put them to best use when developing your application.

Dynamic Box

The Tizen Home screen contains the Dynamic Box and Drop View areas. The Dynamic Box provides the essential or latest information about applications. The Drop View is a hidden area that appears when the Dynamic Box is flicked down, and allows users to quickly access a detail screen or perform tasks.

UI Overview

The Tizen platform gives you optimum flexibility when developing your applications. Using Tizen's native and web frameworks, you'll be able to build applications in the HTML5 environment that deliver a consistent user experience on all devices.
 
Before you get started, please take a moment to familiarize yourself with the fundamental aspects of the Tizen user interface:

Accessibility

To deliver screen information effectively to users with disabilities, the Tizen platform offers:

  • Screen reader
  • Font size adjustment

Design your application to offer visually impaired users an accessible, consistent, and enjoyable user experience.

Focus

Interactions on touch devices normally execute functions immediately, so you do not need to create focus functionality for an object on an additional screen.

However, you can create additional focus functionality to increase device usability in situations that involve the use of a hardware input device, such as:

Settings

In Settings, users can view and customize various functions that an application offers to avoid repeatition and to ensure consistency when executing a function. By offering the right setting at the right time, you can enrich the user experience of your application.

Designing Settings

The user can view application preferences: