Style guide exercise Nokia Janne Hietanen

General This is a presentation about Nokia guidelines Janne Hietanen, k6hija00@students.oamk.fi

General This document gives an overview of the Nokia Symbian^3 (S^3) user interface and describes its essential parts, giving examples of how to use the interface elements. It can be used as an introduction to the style or as reference material. It provides background material to help user interface designers make decisions about their products. The style guide gives an overview and provides guidelines This is intended to be a compact and easy-to-read guide This document clarifies how the style elements of the S^3 user interface are to be used in practice.

Navigation The model of navigation is based on states arranged as hierarchical trees. The following added features bring in new flexibility: • Tabs • S^3 key and menu • Direct navigation between sibling folders • Links to applications and documents

Fonts / colors Color capability (4096 or more colors preferred) Primary or secondary font

Icons/buttons

menus Menu is the menu used for accessing all the applications in the device. Menu can be opened by pressing the Home/Menu key. In addition to direct access to applications, there can be ‘meta-applications’ that collect applications related to the same area under a main folder. Applications are presented as a grid of items by default; the user can also choose to use some other customized version of the Menu layout.

Help feature A device with S^3 software may have a Help application containing information about the system, the functions it offers, and advice on getting the most out of it. The topics in Help are arranged by applications and in a hierarchical fashion so that they can be navigated in the usual way. The Help application is a normal application in regard to the ways it interacts with other applications. Context Sensitive Help can be obtained by selecting the Help item from the Options menu within applications. The Help menu item opens the corresponding topic in the Help application. The user can further navigate the Help application to find more information.