UIQ Technology
 Developer Library

UIQ 3 SDK

UIQ developer portal

FEEDBACK 

[Index] [Spacer] [Previous] [Next]



4 INTERACTION

Many of the built-in applications are based around two standard view layouts: a base/ list view and a detail view. The detail view can be of a “viewing” nature or an “editing” nature.

The base view is the topmost level of the application, providing the user with an overview of all items and navigation between them. The base/ list view normally displays a list of items for the application where one item is always highlighted.

The interaction style of UIQ is to navigate to an item within the list view and open the detail view for the item by pressing the Action key. An item can also be selected by tapping with the pen (Pen style). This implies that you view a single item at a time. The item that was opened in detail view (or just created) is highlighted in the list view when the user returns.

The list view has a button bar at the bottom for actions (Pen style). At a minimum, there is a back option in the button bar that closes the list view. When selecting the back option, the user is typically returned to the Application launcher or the start screen, that is, one step up in the navigation hierarchy. See section 5 for details regarding navigation. See section 8.4 for details regarding lists.

Applications may support the concept of categories to allow selective filtering of the items shown in the base/list view. Categories are explained further in section 9.1.

As far as possible, all screen elements react to tapping in Pen style.

Dialogs can be used as a compliment to application views. For example, a Dialog can be used to display an information message or to display or change user settings.


4.1 SAVING INFORMATION

The user can save any changes by selecting the Save option. Save is normally available on the left softkey in Softkey style and as a button in Pen style. The Save option applies to the entire view/ dialog, not to a specific tab. No item is saved if the user has opened the detail view but made no changes.

Cancel is available via the Cancel hardware key in Softkey style and as a Cancel button in Pen style. If any data is changed and the Cancel command is used to navigate from the view, the user is prompted with a query dialog that asks if the changes should be saved or not.

[Top]


4.2 FOCUS HANDLING AND BASIC CONTROL BEHAVIOR

A highlight is displayed to indicate which control has focus. The highlight covers both the caption and the control and always uses full width independent of which control has focus. It is recommended that only controls that have commands shall gain highlight, for example, a label control should normally not gain highlight.

The Action key acts on the highlighted control. The control is typically changed to an active state when the Action key is pressed. The surrounding screen area, except the Softkey bar and the Status bar, is dimmed when a control is activated.

In Pen style, highlight is set on a pen down event and the control switches to active state on a pen up event. Tapping outside of a control that has an active state normally saves any changes, returns the control to a passive state where any changes made are displayed. The highlight stays on the same control. The exceptions are controls that require one selection, for example, a choice list or a menu pane where the user has to select an option in the control before the action has any affect; tapping outside these controls will just close the control.

When activating a control in Softkey style, the set of commands displayed in the softkey menu is switched to the commands that relate to the active control.

In Pen style, the application menu is dimmed when a control becomes active. The rich-text editor and the image-capture control are exceptions. Commands belonging to the active control are available in the application space. For example, cut, copy and paste will be available in the menu of the container control when using a text editor.

[Top]


4.3 NAVIGATION KEYS BEHAVIOR

Hardware key

Description

Up and Down navigation key

  • Used to navigate within the control when a control is activated.

  • Moves the highlight up or down. The highlight loops when the last item or control is displayed.

Left and Right navigation keys

  • Used to navigate within the control when a control is activated.

  • Navigates between tabs. When the last tab is reached the focus loops.

  • The highlight position within a tab is persisted when the user switches to another tab.

  • If no tabs are present, the navigation keys can be used to navigate within the view/ dialog, for example, in a grid list box.

Cancel key

This key maps to the currently active Cancel command. If there is no currently active Cancel command, the key code for Escape is generated.

  • The Cancel key cancels and closes an active control or a pop-up, for example, the menu. The highlight stays on the same control.

  • The Cancel key cancels and closes the view or dialog when no control or pop-up is active. If the view or dialog has a save option and any data is changed, the user is prompted with a query dialog. See section 5 for details regarding the back navigation.

  • A long press on the Cancel key works as repeatedly pressing the Cancel key.

Action key

In Softkey style this key acts as the center softkey, executing the command assigned to the center softkey when pressed.

In Pen style this key is assigned to the currently active Item command with the highest priority. If no such command exists, it is assigned to the Done command. If neither of these commands exists, the key code for Action is generated.

Done key

This key maps to the currently active Done command. If no such command exists, the key maps to the Cancel command. If neither of these commands exists, the key code for Done is generated.

Because this key is optional, the command it is associated with will always be available through another input method as well, for example, on a Softkey, as a button-bar button, or in a menu.

Clear key

This key maps to the currently active Delete command. If none exists, the key code for Backspace is generated.

In a list of items:

  • The Clear key launches a query dialog and then deletes the highlighted item or the selected items when the user confirms the dialog. If several items are selected, only selected items are deleted; a highlighted unselected item is not deleted.

When editing text or numbers:

  • The Clear key clears the first character directly behind the cursor. If one or more characters are selected, the Clear key clears all of the selected characters. A long press on the Clear key clears characters behind the cursor repeatedly until the Clear key is released.

[Top]


4.4 SOFTKEY GUIDELINES

The UIQ command processing framework (CPF) handles different command types.

The most frequently used CPF types are:

Command type

Description

Screen

Commands added by the application that are valid for the active view. For example, Sort by size, Find, and Preference.

Item

Commands that operate on the currently focused item. For example, Edit item, Select item, View contact, and Call contact.

Yes

Used to indicate a positive action.

No

Used to indicate a negative action.

Done

The opposite of the Cancel command. For example, Done, Save, and Send.

Cancel

The command that cancels all changes and closes the view, pop-out, or dialog. Assigned to the Cancel key.

Most application commands are of the screen type. Context sensitive commands, that is commands that are dependent on which control is highlighted, are most often of the item type.

If the command to be assigned to a softkey is a named group, the entire group is assigned to the softkey as a menu pop-out with the group name as the soft key label. The group will become a cascading menu if it is placed in the menu.

Dividers are displayed above and below commands within an unnamed group that is placed in the menu. Placing a named grouped in a cascading menu will have the same effect.


4.4.1 Non-editable views and dialogs

Action key: operates on the object or control in focus. The label "View" is normally displayed if there is a detail view for the focused item. This is commonly used in list views. See section 10.1 for details about Action-key labels.

Left softkey:

Right softkey: The rest of the commands with "More" as the softkey label.

Examples of softkey layouts in list and non-editable detail views:

List view

Detail view

Softkey layout in a list view

Softkey layout in a list view

Softkey layout in a detail view

Softkey layout in a detail view


4.4.2 Multiple selection

See section 8.4.4 for details regarding the multiple selection behavior.

Action key: View/ Select/ Done

Left softkey: Mark/ Unmark

Right softkey: More

Multiple selection

Multiple selection

Multiple selection


4.4.3 Editable views/ dialogs

Action key: Operates on the object or control in focus. The label on the Action key is provided by the control.

Left softkey: The Done command is most often named "Save". In some dialogs with just one control Save is moved to the Action key.

Right softkey: If there is one command still to be assigned, it is placed on the right softkey. If more then one command is still to be assigned, they are placed on the right softkey with "More" as the softkey label.

Example of Softkey layout in an editable view:

Editable view

Editable view

Editable view


4.4.4 More menu

Action key: Select, provided by the control.

Left softkey: Empty.

Right softkey: Close, provided by the control.

More menu

More menu with cascading submenu

More menu with cascading submenu


4.4.5 Simple dialogs

In dialogs, when no command is explicitly assigned to the Cancel key, the behavior of this key is to carry out the Cancel command. It is possible to create an exception to this rule.

Here is an example of the softkey layout in system dialogs. See section 7 for more details regarding dialogs.

Dialog

Left softkey

Action key

Right softkey

Query dialog

"Yes"

Most often empty.

(Defining a Yes or a No command will cause the Action key to be a More key if necessary.)

"No"

Information dialog

Empty

"Continue"

Empty

Information dialog

Empty

Empty

"Cancel" or "Stop"

Terms and conditions of use of the material