UIQ Style Guide

The Style Guide provides developers and interaction designers with guidelines on how to design application User Interfaces for the UIQ platform. The Style Guide gives a good overview of the organization and function of key UIQ components. The UIQ Style Guide can be found here:

• UIQ Style Guide

Table of contents

1 Introduction

1.1 UIQ 3.1

2 UIQ Reference UI Configuration

2.1 Overview of Softkey style variants

3 Screen layout

3.1 Screen layout in Softkey style

• 3.1.1 Screen areas

• 3.1.2 Softkeys

3.2 Full screen

• 3.2.1 General

• 3.2.2 Full screen persistence

• 3.2.3 Dialogs in full screen

3.3 Layout of UI Controls

• 3.3.1 Building block guidelines

• 3.3.2 System Building Block Overview

4 Interaction

4.1 Saving information

4.2 Focus handling and basic control behavior

4.3 Hardware keys behavior

5 Navigation

5.1 Navigation to and from the start screen

5.2 Navigation within an application

5.3 Navigation between applications

• 5.3.1 Persistence of views

• 5.3.2 Direct Navigation Links

6 Commands

6.1 Softkey style

6.2 General command availability in menus

6.3 Command order in menus

• 6.3.1 Menu example from the Contacts application list view

6.4 Command guidelines

• 6.4.1 Named group and unnamed group of commands

• 6.4.2 Non-editable views and dialogs

• 6.4.3 Editable views/ dialogs

• 6.4.4 More menu

6.5 New command

7 Dialogs

7.1 General dialog guidelines

• 7.1.1 Commands in dialogs

• 7.1.2 Modal dialogs

• 7.1.3 Dialogs in Landscape

7.2 Simple dialog

7.3 View-dialog

7.4 Standard dialogs

• 7.4.1 Information dialogs

• 7.4.2 Query dialogs

• 7.4.3 Progress dialogs

8 UI control guidelines

8.1 Control stand-in

8.2 Choice list

8.3 Option button

8.4 List box

• 8.4.1 List box layouts

  • 8.4.4.1 Mark mode enabled in the multiple select List box

• 8.4.2 Content swapping

• 8.4.3 Navigation and highlight in a list

• 8.4.4 Multiple select

• 8.4.5 Using lists

  • 8.4.5.1 Select and view

  • 8.4.5.2 Select one option and continue

  • 8.4.5.3 Select and return

8.5 Tabs

• 8.5.1 View tabs

• 8.5.2 Dialog tabs

8.6 Infoprints

8.7 Busy messages

8.8 Scroll bars

9 Storing and organizing user data

9.1 Database applications

• 9.1.1 Base/ list view

• 9.1.2 Editable detail view

• 9.1.3 Category persistence

9.2 File based applications

• 9.2.1 File dialogs

• 9.2.2 Digital Camera Images

9.3 Viewers

• 9.3.1 Database items

• 9.3.2 Data files

10 Messages and text

10.1 Action-key labels

10.2 Wording

10.3 Notifications

11 Common application features

11.1 Find

• 11.1.1 Starting a Find

• 11.1.2 Displaying the results

• 11.1.3 Search

11.2 Text input

11.3 Undo

11.4 Zoom

12 Icon size

12.1 Application icons

13 Glossary

Appendix A (Softkey style Touch)

1 Abstract

2 Screen furniture

3 Dialogs

4 Interaction

4.1 Focus handling and basic control behavior

5 Text input

6 Mark/ unmark commands

6.1 Navigation to and from the start screen