Nokia Series 60 manual About this document, Purpose, Audience

Page 7

About this document

Purpose

The Nokia Series 60 UI Style Guide gives an overview of the Series 60 user interface and describes the essential parts of it, giving examples of how to use the interface elements.

The Nokia Series 60 UI Style Guide can be used as an introduction to the style or as reference material. It can provide background material to help UI designers make decisions about their product.

Audience

This document is intended, in the first place, for people who work with application design for devices using the Series 60 UI.

It will also help persons like product managers to get a general view of the Series 60 UI, what it is and how it is intended to be used.

Image 7

Contents Nokia Editorial notes Contents Page Page Page Purpose About this documentAudience Where Nokia Series 60 UI Belongs Colour capability 4096 or more colours preferred DisplaySoftkeys Call handling Other KeysExtra keys Following keys are required for Series 60 UIApplication window Windows and panesMain pane Standard panes in application windowsTitle pane Status paneTabs Context paneNavi pane Context pane displays the current applications iconNavigation text Signal paneBattery pane / Universal indicator pane IndicatorsPop-up windows Battery paneUsing a graphical indicator. It also acts as a Charging indicatorCall window Options menuQuery Soft notificationTruncation Presentation of textKeypad functions JustificationScroll left / Scroll right Keypad toneTypical functions of the standard keys Scroll up / Scroll downSend Section Selection listLeft softkey Right softkeyDuring calls End Applications key Numeric keypad 0-9, *, # Clear EditEditors, can be used together with Navigation PowerNavigating in applications Navigation using Tabs Folder hierarchies Highlighting Navigation using LinksList browsing Empty lists and gridsVice versa Scrolling indicator for listsOrder of items and browsing in grids Empty cells are skipped the focus is never on an empty cell Scroll up / down Move focus the list Scroll left / right Scrolling indicator for gridsList types Menu listSelection list Select See section Markable list Other keys Do the default action of the keyScroll up / down Move focus in the list Scroll left / right From the user required otherwise ignoredMarkable list Page Keypad functions for multiselection lists Multiselection listPop-up setting Setting listsAvailable values in a menu list Type, like date/time editor Text settingSlider setting Using the Scroll left and Scroll right keysLeft softkey OK Scroll up / downAlways-editable forms FormsForm items Forms without the Options softkeyText field CancelDone Right softkey DoneSlider Adjustable using the Scroll left and right keysList layouts Selecting it opens a data queryColumn structure of lists List item types Double item Single-line item with graphic HeadingSingle-line item with Large graphic Two-line itemDouble item style Double item With large graphicDouble item style 2 with graphic Item type combinations Setting itemAttribute text ABC, value text C usage Setting lists Numbered itemsSelection grid Grid typesFind pane Menu grid37.A find pane within a selection list of names in Phonebook Options menu39.Submenu in the options menu SubmenusAdd recipient Unavailable itemsOther option menus OK options menuEdit options menu Options templateFunction Function in the contextSMS Mandatory Permanent note Error noteConfirmation note Information noteUse a confirmation note when Some guidelines concerning note usageUngrouped soft notification Soft notificationsGrouped soft notification Many simultaneous soft notifications Discarding soft notificationsConfirmation query Queries45.A confirmation query List queryMultiselection list query Data query Password querySignal and battery indicators IndicatorsData queries with multiple fields Indicators in Navi pane Status indicatorsAs the editing mode numeric/alphanumeric Editing indicators in pop-up windowsSoft indicators When all tabs are not visibleIdle Operator indicatorScrolling indicators Application-specific indicatorsApplication shell Fast application swapping Application handlingShortcuts Customizing the Application shellMultitasking Opening and closing applicationsApplication interactions Phone Simple one-call cases, the Phone application looks like this Call handling Volume controlEnd Text viewers Viewers and playersImage viewers Audio and video players Multimedia viewersEdit key Text editingKey # keyEdit menu 10.Special character window Editing indicatorsSelecting text Document handlingCreating new documents Saving edited data Groups FoldersFetching data Settings