Nokia Series 60 manual Editorial notes

Page 2

Editorial notes

A style guide should give an overview and provide enough guidelines for designing good applications, but not all the information to write the software. This is intended to be a compact and easy to read guide, which means skipping many details that can be found in other documents. There's no general discussion about good usability; instead this document tries to clarify how the style elements of the Nokia Series 60 user interface are meant to be used in practice.

The content is also intended to be independent of product-specific hardware, so that the guidelines would apply to any product that implements the UI style. Sometimes this means dropping out things that would be appropriate for one product but maybe not for another one.

A few example images in this version are not final.

Seppo Helle, 31.10.2001

2

Image 2

Contents Nokia Editorial notes Contents Page Page Page Audience About this documentPurpose Where Nokia Series 60 UI Belongs Display Colour capability 4096 or more colours preferredFollowing keys are required for Series 60 UI KeysExtra keys Softkeys Call handling OtherWindows and panes Application windowStandard panes in application windows Main paneStatus pane Title paneContext pane displays the current applications icon Context paneNavi pane TabsIndicators Signal paneBattery pane / Universal indicator pane Navigation textCharging indicator Battery paneUsing a graphical indicator. It also acts as a Pop-up windowsSoft notification Options menuQuery Call windowJustification Presentation of textKeypad functions TruncationScroll up / Scroll down Keypad toneTypical functions of the standard keys Scroll left / Scroll rightRight softkey Section Selection listLeft softkey SendEditors, can be used together with End Applications key Numeric keypad 0-9, *, # Clear EditDuring calls Navigating in applications PowerNavigation Navigation using Tabs Folder hierarchies Navigation using Links HighlightingEmpty lists and grids List browsingScrolling indicator for lists Vice versaOrder of items and browsing in grids Empty cells are skipped the focus is never on an empty cell Menu list Scrolling indicator for gridsList types Scroll up / down Move focus the list Scroll left / rightSelection list Select From the user required otherwise ignored Other keys Do the default action of the keyScroll up / down Move focus in the list Scroll left / right See section Markable listMarkable list Page Multiselection list Keypad functions for multiselection listsAvailable values in a menu list Setting listsPop-up setting Using the Scroll left and Scroll right keys Text settingSlider setting Type, like date/time editorScroll up / down Left softkey OKForms Always-editable formsForms without the Options softkey Form itemsRight softkey Done CancelDone Text fieldSelecting it opens a data query Adjustable using the Scroll left and right keysList layouts SliderColumn structure of lists List item types Two-line item Single-line item with graphic HeadingSingle-line item with Large graphic Double itemDouble item style 2 with graphic Double item With large graphicDouble item style Numbered items Setting itemAttribute text ABC, value text C usage Setting lists Item type combinationsMenu grid Grid typesFind pane Selection gridOptions menu 37.A find pane within a selection list of names in PhonebookSubmenus 39.Submenu in the options menuOK options menu Unavailable itemsOther option menus Add recipientFunction in the context Options templateFunction Edit options menuSMS Mandatory Information note Error noteConfirmation note Permanent noteSome guidelines concerning note usage Use a confirmation note whenGrouped soft notification Soft notificationsUngrouped soft notification Discarding soft notifications Many simultaneous soft notificationsQueries Confirmation queryList query 45.A confirmation queryMultiselection list query Password query Data queryData queries with multiple fields IndicatorsSignal and battery indicators Status indicators Indicators in Navi paneWhen all tabs are not visible Editing indicators in pop-up windowsSoft indicators As the editing mode numeric/alphanumericApplication-specific indicators Operator indicatorScrolling indicators IdleApplication shell Customizing the Application shell Application handlingShortcuts Fast application swappingOpening and closing applications MultitaskingApplication interactions Phone Simple one-call cases, the Phone application looks like this End Volume controlCall handling Image viewers Viewers and playersText viewers Multimedia viewers Audio and video players# key Text editingKey Edit keyEdit menu Editing indicators 10.Special character windowCreating new documents Document handlingSelecting text Saving edited data Folders GroupsSettings Fetching data