2 (71)
Copyright © Nokia Mobile Phones 2000. All rights reserved.
TABLE OF CONTENTS
1. Introduction....................................................................................................................................................................................5
1.1 Purpose of this document...................................................................................................................................................5
1.2 Interactive Elements............................................................................................................................................................5
1.3 Glossary...................................................................................................................................................................................5
2. General UI principles....................................................................................................................................................................6
3. Layout...............................................................................................................................................................................................8
3.1 Indicator Areas: Wide and Narrow Indicator Areas.....................................................................................................8
3.2 Application Area.................................................................................................................................................................10
3.2.1 Title....................................................................................................................................................................................10
3.3 Full Screen Mode................................................................................................................................................................10
Button pressed.............................................................................................................................................................................11
Visible on the screen...................................................................................................................................................................11
3.4 Command Button Area......................................................................................................................................................12
4. Interaction.....................................................................................................................................................................................13
Views...............................................................................................................................................................................................13
Dialogs............................................................................................................................................................................................13
4.1 Enter key...............................................................................................................................................................................13
4.2 Menu button........................................................................................................................................................................13
4.3 Esc Key...................................................................................................................................................................................13
4.4 Tab key...................................................................................................................................................................................13
4.5 Arrow Manipulated Pointer..............................................................................................................................................14
5. Command Buttons......................................................................................................................................................................15
6. Menu and Shortcuts...................................................................................................................................................................16
6.1 Guidelines for designing the Menu................................................................................................................................17
6.2 Standard menu items........................................................................................................................................................17
7. Common layouts..........................................................................................................................................................................20
7.1 List view................................................................................................................................................................................20
7.2 Snaking list view (Application Groups).........................................................................................................................20
7.3 Editor view............................................................................................................................................................................21
7.4 Window view.......................................................................................................................................................................21
8. Guidelines for Dialogs................................................................................................................................................................23
8.1 Guidelines for dialogs........................................................................................................................................................23
8.1.1 Number of items in setting dialogs...........................................................................................................................23
8.1.2 Avoid additional commands........................................................................................................................................23
8.1.3 Make the title informative..........................................................................................................................................23
8.1.4 Informative strings (annotation text).......................................................................................................................23
8.1.5 Do not show the effects of changes until the dialog is complete....................................................................24
8.1.6 Validation in dialogs — take the user to the line he or she needs to set........................................................24
8.2 Guidelines for Multipage Dialogs...................................................................................................................................24
8.2.1 Grouping settings and choosing the title of the page.........................................................................................25
8.2.2 Display the most important page first.....................................................................................................................25
8.2.3 Multipage Dialogs can make your application much easier to use..................................................................25
9. Common Dialogs..........................................................................................................................................................................26
9.1 Save Dialog...........................................................................................................................................................................26
9.2 Open Dialog..........................................................................................................................................................................26
9.3 Insert Object Dialog...........................................................................................................................................................27
9.4 Format Object Dialog.........................................................................................................................................................27
9.5 Folder Browse Dialog.........................................................................................................................................................28
9.6 Calendar Browse Dialog....................................................................................................................................................28
9.7 Time Dialog...........................................................................................................................................................................29
9.8 Spell Checking Dialog........................................................................................................................................................29