Nokia Series 60 manual Navigation using Tabs

Page 23

1

1-1

1-2

1-3

1-1-1

1-1-2

1-2-1

1-3-1

1-3-2

1-3-3

Figure 4-1.An example of a basic state hierarchy in an application. Solid lines indicate moving forward from a state into a sub-state. Dotted lines are backward moves to the previous level.

Navigation using Tabs

Nokia Series 60 UI uses the tab metaphor that allows combining several pages of related information into a single state when all of it would not fit onto a single screen or list. The user can switch the tabs using the left and right scroll keys, as indicated in Navi pane.

1

1-1	1-2	1-3a		1-3b

1-1-1

1-1-2

1-2-1

1-3-1

1-3-2

1-3-3

Figure 4-2.In this example, state 1-3 uses two tabs to present its information. The user moves between views 1-3a and 1-3b using the left and right scroll keys. Note that there’s no Back function moving between the tab views; Back from both of them leads to state 1.

23

Image 23

Contents Nokia Editorial notes Contents Page Page Page Audience About this documentPurpose 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 softkeyEditors, can be used together with End Applications key Numeric keypad 0-9, *, # Clear EditDuring calls Navigating in applications PowerNavigation 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 listAvailable values in a menu list Setting listsPop-up setting 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 2 with graphic Double item With large graphicDouble item style 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 usageGrouped soft notification Soft notificationsUngrouped soft notification Many simultaneous soft notifications Discarding soft notificationsConfirmation query Queries45.A confirmation query List queryMultiselection list query Data query Password queryData queries with multiple fields IndicatorsSignal and battery indicators 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 End Volume controlCall handling Image viewers Viewers and playersText viewers Audio and video players Multimedia viewersEdit key Text editingKey # keyEdit menu 10.Special character window Editing indicatorsCreating new documents Document handlingSelecting text Saving edited data Groups FoldersFetching data Settings