1. Manuals
  2. Brands
  3. Nokia Manuals
  4. Cell Phone
  5. Communicator 9210
  6. Interface manual

Nokia COMMUNICATOR 9210 Interface Manual

Nokia cell phone user manual
Hide thumbs Also See for COMMUNICATOR 9210:
Table of Contents

Advertisement

Quick Links

Download this manual See also: Service Manual, Owner's Manual
Nokia 9210 Communicator Style Guide
Version:
1.0
Date:
29 August, 2000
Copyright © Nokia Mobile Phones 2000. All rights reserved.
1 (71)

Advertisement

Table of Contents
loading

Related Manuals for Nokia COMMUNICATOR 9210

Summary of Contents for Nokia COMMUNICATOR 9210

  • Page 1 Nokia 9210 Communicator Style Guide Version: Date: 29 August, 2000 Copyright © Nokia Mobile Phones 2000. All rights reserved. 1 (71)

  • Page 2: Table Of Contents

    8.2.3 Multipage Dialogs can make your application much easier to use ...25 Common Dialogs...26 Save Dialog...26 Open Dialog...26 Insert Object Dialog ...27 Format Object Dialog...27 Folder Browse Dialog ...28 Calendar Browse Dialog...28 Time Dialog...29 Spell Checking Dialog...29 Copyright © Nokia Mobile Phones 2000. All rights reserved. 2 (71)
  • Page 3 Icon palette...53 11.6.2 Application icons...54 11.6.3 List icons...54 11.6.4 Note icons...54 11.6.5 Animations...55 12. Audio UI ...56 13. Writing style ...57 13.1 General guidelines...57 13.2 The communicator...57 13.3 Application names...57 Copyright © Nokia Mobile Phones 2000. All rights reserved. 3 (71)
  • Page 4 Protect user data ...63 17. LegalIssues (product liability)...64 18. Appendices ...65 18.1 Differences in functionality: CBA vs. Pen device...65 Views...65 Dialogs...65 18.2 Recommended terms ...65 18.3 Shortcut List...67 19. legal notice...71 Copyright © Nokia Mobile Phones 2000. All rights reserved. 4 (71)

  • Page 5: Introduction

    The purpose of this document is to convert the UI principles and to unify the UI of all applications within a single Nokia 9210 Communicator. The target readership of this document includes developers of the previous communicators, EPOC platform developers and developers of any other small device environments (handheld devices, palmtops, PDAs, smart phones).

  • Page 6: General Ui Principles

    If you develop an application that is not going to be localised, make sure that you create all strings yourself. Do not take them from the system. This is because the operating system that your application runs on may well be in Copyright © Nokia Mobile Phones 2000. All rights reserved. 6 (71)
  • Page 7 7 (71) another language. The communicator is localised. Mixed language versions are not good from the point of view of style, nor are they user friendly. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 8: Layout

    There are two sizes for the Indicator Area; the wider Indicator Area is 92 x 200 pixels and the narrow one is 32 x 200 pixels. The wider Indicator Area has also a place for time, the application icon and name (see Figure 2). Application Area Copyright © Nokia Mobile Phones 2000. All rights reserved. 8 (71) Command...
  • Page 9 The origin of the information Note Application in Wide Ind. Area only Application in Wide Ind. Area only System in Wide Ind. Area only System in Wide Ind. Area only System System Copyright © Nokia Mobile Phones 2000. All rights reserved. 9 (71)

  • Page 10: Application Area

    When Full Screen Mode is active, neither the Indicator Area nor the Command Button Area are seen on the screen. Showing the title in Full Screen Mode is optional. Full Screen Mode can be set on and off in the Menu (by check mark). Copyright © Nokia Mobile Phones 2000. All rights reserved. 10 (71)

  • Page 11: Button Pressed

    After activating a command in the Full Screen Mode, the Application Area again occupies all the space on the screen, i.e. if the CBA or Menu or an Indicator Area are active, they disappear from the screen. Figure 7: Full Screen Mode. Copyright © Nokia Mobile Phones 2000. All rights reserved. 11 (71)

  • Page 12: Command Button Area

    Roughly estimated, text string widths in the Command Button Area can extend from 7 to 12 characters per line, depending on the width of the area. Copyright © Nokia Mobile Phones 2000. All rights reserved. 12 (71)

  • Page 13: Interaction

    Optional default command = Button1 underlined (e.g. OK in text list box) Cancels (clears a dialog box and any changes made) Changes the focus from the one control to another Focuses on the active control Copyright © Nokia Mobile Phones 2000. All rights reserved. 13 (71)

  • Page 14: Arrow Manipulated Pointer

    When using the Arrow Manipulated Pointer, not all standard EPOC controls are suitable because the look-and-feel of these controls is not designed for direct manipulation. Arrow Manipulated Pointer mode can be activated/deactivated in the Menu or via Shortcut. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 15: Command Buttons

    Edit / New / Add / Change window / Options New / Delete / Remove / Deselect / Options Close / Cancel / Hang up / Disconnect / No Copyright © Nokia Mobile Phones 2000. All rights reserved. 15 (71)

  • Page 16: Menu And Shortcuts

    Shortcut key combination. All views of an application should have the same Menu unless the views are radically different Copyright © Nokia Mobile Phones 2000. All rights reserved. 16 (71)

  • Page 17: Guidelines For Designing The Menu

    The standard menu structure illustrated below can be applied to most of the applications. Using a standard menu structure helps the user to learn the application menu faster and to increase the speed of his of her use of the Menu. Copyright © Nokia Mobile Phones 2000. All rights reserved. 17 (71)
  • Page 18 Save as… Sh+Ctrl+S -------------------- Revert to saved Ctrl+R as fax as SMS as mail via infrared Print… Ctrl+P Print preview Sh+Ctrl+V ----------------------- Page setup… Sh+Ctrl+U Edit... Sh+Ctrl+Z Format... Sh+Ctrl+J Grid Copyright © Nokia Mobile Phones 2000. All rights reserved. 18 (71)
  • Page 19 <about_this_3 _party_product> -------------------------------------- Sh+Ctrl+L Receive via infrared Table 5: Standard Menu Items Borders Title Ctrl+I Name Date Ascending Descending Ctrl+T Zoom in Zoom out ----------------- Zoom ratio… Sh+Ctrl+E Copyright © Nokia Mobile Phones 2000. All rights reserved. 19 (71) Sh+Ctrl+I...

  • Page 20: Common Layouts

    7.2 Snaking list view (Application Groups) A snaking list view is a list view with two columns, and is used mainly in Application Group views e.g. in Control panel which has lots of smaller ‘‘sub-applications.’’ Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 21: Editor View

    7.3 Editor view Browsers, editors and viewers always have a Narrow Indicator Area,a title bar with no margins and an Application Area with (optional) 10-pixel margins. Figure 12: Editor layouts 7.4 Window view Copyright © Nokia Mobile Phones 2000. All rights reserved.
  • Page 22 ‘‘details’’ or content window. The window has a window frame and a title with a 1-pixel margin. Window frames can also be used to separate certain views from each other. Figure 13: Window layouts Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 23: Guidelines For Dialogs

    When text strings are for informative purposes only, i.e. they cannot be edited, the text strings are shown in italics. Additional text may help the user to understand technical terms better. There is a separator between the annotation text and editable (selectable) list. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 24: Do Not Show The Effects Of Changes Until The Dialog Is Complete

    With five tabs, the maximum tab label text string width is 104 pixels, i.e. ca. 11 characters. With two tabs, the maximum tab label text string width is 248 pixels, i.e. ca. 27 characters. Copyright © Nokia Mobile Phones 2000. All rights reserved. 24 (71)

  • Page 25: Grouping Settings And Choosing The Title Of The Page

    As with everything else, a dialog should focus on the everyday things the user wants to do, and should express things in terms the user understands. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 26: Common Dialogs

    'OK' selects the document to be opened 'Browse' opens a Folder Browse Dialog for changing a folder 'Show all files' also shows the files in the folder that are not supported Copyright © Nokia Mobile Phones 2000. All rights reserved. 26 (71)

  • Page 27: Insert Object Dialog

    'Cancel' dismisses the dialog and no file is selected Attributes - either existing ones or new documents are inserted as objects Attributes - the appearance, scaling, cropping and size can be changed Copyright © Nokia Mobile Phones 2000. All rights reserved. 27 (71)

  • Page 28: Folder Browse Dialog

    Attributes The title shows the current month 'Select' accepts the date 'Next month' and 'Previous Month' change the month 'Cancel' dismisses the dialog and no selection is made Copyright © Nokia Mobile Phones 2000. All rights reserved. 28 (71)

  • Page 29: Time Dialog

    Attributes 'Replace' changes the misunderstood word with the one selected 'Skip' jumps over the misunderstood word 'Add' includes the misunderstood word in the dictionary 'Stop' interrupts the spellchecking procedure Copyright © Nokia Mobile Phones 2000. All rights reserved. 29 (71)

  • Page 30: Find Dialog

    'Find next' continues the searching procedure 'Replace' replaces one word with another 'Options' includes the attributes 'Case sensitive', 'Match whole word' and 'Replace all' 'Close' closes the dialog and the changes are accepted Copyright © Nokia Mobile Phones 2000. All rights reserved. 30 (71)

  • Page 31: Font Dialog

    Attributes - provides 3 pages of special characters, a page of mathematical symbols and a page of miscellaneous symbols Copyright © Nokia Mobile Phones 2000. All rights reserved. 31 (71)

  • Page 32: Insert Field Dialog

    9.14 Bullets Dialog Figure 30: Bullets Dialog Usage - used for inserting and defining bullets Attributes document name page number number of pages current time current date Attributes Copyright © Nokia Mobile Phones 2000. All rights reserved. 32 (71)

  • Page 33: Alignment Dialog

    - used for defining indents 9.17 Borders Dialog Attributes - 4 attributes: left, right, centred and justified Attributes - 3 attributes: definitions for the left indent, right indent and the first line Copyright © Nokia Mobile Phones 2000. All rights reserved. 33 (71)

  • Page 34: Tabulator Dialog

    - used for defining the tabulator step 9.19 Print Dialog Figure 35: Print Dialog Attributes line style and colour for borders distance from text Attributes - standard and custom tabs Copyright © Nokia Mobile Phones 2000. All rights reserved. 34 (71)

  • Page 35: Attributes

    'Print' start the printing procedure 'Page setup' opens a Page Setup Dialog ‘Close’ returns the user to the previous view/dialog Attributes number of copies, connection (serial or infrared) and printer type can be Copyright © Nokia Mobile Phones 2000. All rights reserved. 35 (71)

  • Page 36: Page Setup Dialog

    'Page setup' opens a Page Setup Dialog 'Settings' include definitions for Serial Printing Attributes paper size and orientation margins headers and footers page numbering Attributes 2 editors for entering the password asterisks used as feedback Copyright © Nokia Mobile Phones 2000. All rights reserved. 36 (71)

  • Page 37: Get Password Dialog

    9.25 Set Zoom Dialog Figure 41: Set zoom dialog Usage - used for user-defined zoom level Attributes - asterisks as feedback by the editor Attributes - an editor for zoom level Copyright © Nokia Mobile Phones 2000. All rights reserved. 37 (71)

  • Page 38: Notes

    10.2 Confirmation Note Attributes located in the centre of the screen title and 5 lines of text note icon in the top left-hand corner background dims when note appears Copyright © Nokia Mobile Phones 2000. All rights reserved. 38 (71)

  • Page 39: Flashing Note

    Attributes located in the centre of the screen title and 5 lines of text note icon in the top left-hand corner Copyright © Nokia Mobile Phones 2000. All rights reserved. 39 (71)

  • Page 40: Cancel Note

    Attributes located in the centre of the screen 4 lines of text animation located in the bottom right- hand corner background dims when note appears Copyright © Nokia Mobile Phones 2000. All rights reserved. 40 (71)

  • Page 41: Progress Ball

    OR in the bottom right-hand corner of the screen the text resides in front of the progress drop shadow background not dimmed Copyright © Nokia Mobile Phones 2000. All rights reserved. 41 (71)

  • Page 42: Information Banner

    Attributes located in the bottom right-hand corner of the screen drop shadow background not dimmed Attributes located in the top right-hand corner background does not dim Copyright © Nokia Mobile Phones 2000. All rights reserved. 42 (71)

  • Page 43: Graphical Guides And Rules

    Narrow Indicator Area, the maximum dialog width is 402 pixels and the maximum height 175 pixels. In views with a Wide Indicator Area, the maximum width is 338 pixels and the maximum height is 175 pixels. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 44: Window Frames

    Application Area, but, preferably, it should be narrower (a minimum of 1/3 of the Application Area). The width of the details window (i.e. the right-handwindow) depends on the CBA. The margins are 4 pixels to the Application Area borders. The space between the windows is 7 pixels. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 45: Grouping In Layout

    In windows and tables, the margin between the table border frame and the text or bitmap is at least 4 pixels wide at the sides (see chapter 7.4). The space between icon and text should be 4 pixels. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 46: Fonts

    Text body (in zoom step 1), Menu Normal texts, Dialogs Text body in notes, Italic Informative text in title lines Labels, New (unread) messages in Bold messaging (in zoom step 1) Copyright © Nokia Mobile Phones 2000. All rights reserved. 46 (71)

  • Page 47: Controls

    Labels, New (unread) contacts in Bold messages (in zoom step 3) Digital font type for clock application normal (small clock) Digital font type for clock application Normal (large clock) Copyright © Nokia Mobile Phones 2000. All rights reserved. 47 (71)
  • Page 48 In the dialogs, the title bar height is 30 pixels and the top-, left- and right-hand margins are 1 pixel each to the frame, as in window layout only the title text margin is 20 pixels. Figure 58: Title bar in dialog Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 49: Scroll Bars

    The height of the scroll bar depends on the view. The scroll bar does not exceed the margins in the list views, but in the editors and in windows the scroll bar resides close to the frame without any margins. Copyright © Nokia Mobile Phones 2000. All rights reserved.
  • Page 50 The location of the scroll bars in the editors is always vertically on the right-hand side and/or horizontally at the bottom of the view. There is no margin between the scroll bar and the application frame or the edge of the view beneath it. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 51: Search/Input Box

    The icon on the right-hand side changes, depending on the context and function. Note that the width of the search box in dialogs has to be restricted according to dialog size! Figure 66: A Search Box Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 52: Selection Bar And Selection Frame

    If new components are created, the colours should conform to the system palette. Keep it simple. In addition to black, grey and white, one main colour in the system is enough. Usually, the dominant colour is presented in the Title bar. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 53: Icons

    Smoke (greyish blue) Light blue 240,240,240 48,48,48 80,80,80 96,96,96 128,128,128 160,160,160 176,176,176 192,192,192 208,208,208 224,224,224 0,0,0 240,240,96 240,240,0 240,224,144 240,160,0 224,176,112 192,112,32 160,48,0 112,48,16 240,0,0 240,48,112 240,176,192 96,128,176 192,224,240 Copyright © Nokia Mobile Phones 2000. All rights reserved. 53 (71)

  • Page 54: Application Icons

    128,192,240 0,0,240 0,0,192 128,64,192 112,0,128 176,240,128 0,240,0 0,144,16 0,224,144 0,240,240 0,144,240 Copyright © Nokia Mobile Phones 2000. All rights reserved. 54 (71)

  • Page 55: Animations

    Animations are mainly used in cancel notes to illustrate the progress and to entertain the user. Animations are very simple and are dynamic. The size of the area for a cancel note animation is 110 x 60 pixels. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 56: Audio Ui

    The user must be able interrupt alert tones. Do not exaggerate the use of sounds; Designing a high-quality sound set is an art form but it is rather easy to create 'audio pollution.' Copyright © Nokia Mobile Phones 2000. All rights reserved. 56 (71)

  • Page 57: Writing Style

    Say ‘‘Lock the keypad’’ instead of ‘‘Activate the keypad lock’’ 13.2 The communicator Officially the communicator is The Nokia 9210 Communicator (N.B. capital letters). When referring to the communicator in general, you can use either ‘‘communicator’’ or ‘‘device,’’ but never ‘‘telephone’’.
  • Page 58 ‘Built-in’ (dictionary) ‘Read-only’ ‘Li-ion battery’ ‘E-mail’ preferred, ‘email’/‘mail’ acceptable within text ‘3-second delay’ ‘14400 bit/s’ (not ‘14400-bit/s’) ‘SIM card’ ‘PIN code’ See suggested terms in chapter 18.2. bit/s kbit/s min. Copyright © Nokia Mobile Phones 2000. All rights reserved. 58 (71)

  • Page 59: Localisation

    Not all tones are suitable for every environment. A loud volume level in Tuupovaara may not seem so loud in New York City. 14.3 Provide room for text expansion Do not optimise any user interface elements for the English text lengths. English is a ‘short’ language. Copyright © Nokia Mobile Phones 2000. All rights reserved. 59 (71)

  • Page 60: Do Not Declare Buffers Of An Exact String

    Operations that check whether a character is between A and Z might work for English, but they exclude important characters in just about every other language in the world. Use generic system functions for cases like this. Copyright © Nokia Mobile Phones 2000. All rights reserved.

  • Page 61: Use International System Functions

    14.9 Check English Use correct language and consistent terminology when composing messages and other translatable strings. Have a linguist or a professional writer edit your texts before translation. Copyright © Nokia Mobile Phones 2000. All rights reserved. 61 (71)

  • Page 62: Responsiveness

    Display an animation (optional) Copyright © Nokia Mobile Phones 2000. All rights reserved. 62 (71)

  • Page 63: File Handling

    Confirmation: confirmation should be requested whenever the deletion is extreme and irreversible. The confirmation dialog should contain as much relevant information as possible (and no unnecessary information). Examples of confirmations: Calendar delete entry File deleting Copyright © Nokia Mobile Phones 2000. All rights reserved. 63 (71)

  • Page 64: Legalissues (Product Liability)

    17. LEGALISSUES (PRODUCT LIABILITY) Indicate and confirm operations that cause expense to the user. Make sure that the connection, etc. does not stay active after the user has ended the task (time-out). Copyright © Nokia Mobile Phones 2000. All rights reserved. 64 (71)

  • Page 65: Appendices

    Button1 underlined (e.g. OK) Cancel (dismisses dialog) Changes the focus from one control to another Focused on the active control (control dependent) Copyright © Nokia Mobile Phones 2000. All rights reserved. 65 (71) Application specific Application specific Application specific Application specific Application specific Open control (e.g.
  • Page 66 WWW browser: ‘FORWARD’ not ‘Next,’ ‘BACK’ not ‘Previous’ Hang up In data calls use ‘HANG UP’; in voice calls ‘END CALL’; in PC connectivity ‘DISCONNECT’ Image ‘IMAGE’ not ‘Picture’ or ‘Photo,’ of JPEG or UPF images Copyright © Nokia Mobile Phones 2000. All rights reserved. 66 (71)

  • Page 67: Shortcut List

    IR activation Green IR activation icon resides in button ':' (colon) in UK keyboard Zoom out Green magnifier glass (minus) icon resides in button '<' (less than) in UK Copyright © Nokia Mobile Phones 2000. All rights reserved. 67 (71) party...
  • Page 68 Marks to the beginning of the line in Editor of the line Move word left Moves a word left Mark word left Marks a word to the left Mark Marks char in Editor (right) Copyright © Nokia Mobile Phones 2000. All rights reserved. 68 (71)
  • Page 69 Changes the sort order Find next Find Next (when needed) Format object Format Object Dialog Preferences View Preferences General preferences View General Preferences Spell Check Spell Check Move Move to group Copyright © Nokia Mobile Phones 2000. All rights reserved. 69 (71)
  • Page 70 Print preview Print preview Wrap to screen Word count Cuts data to the Clipboard Redo When possible Tab positions Tab dialog Undo Reverses last operation Edit object Edit object dialog Copyright © Nokia Mobile Phones 2000. All rights reserved. 70 (71)

  • Page 71: Legal Notice

    Nokia operates a policy of continuous development. Nokia reserves the right to make changes and improvements to any of the products described in this document without prior notice. Under no circumstances shall Nokia be responsible for any loss of data or income or any special, incidental, consequential or indirect damages howsoever caused.

Table of Contents