Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.
UI test criteria
|Line 1:||Line 1:|
Here are some considerations to simplify some of the UI related [[Testing Summary|SSfN test]] cases. Here are some of the most important topics of the S60 UI Style Guide
Here are some considerations to simplify some of the UI related [[Testing Summary|SSfN test]] cases. Here are some of the most important topics of the S60 UI Style Guidethis page attempts to be a "good enough" test set to get your application through the UI test cases.
Revision as of 15:44, 26 June 2007
Here are some considerations to simplify some of the UI related SSfN test cases. Here are considerations of some of the most important topics of the S60 UI Style Guide; this page attempts to be a "good enough" test set to get your application through the UI test cases.
- Test that the first item in the options menu is the functionality that is triggered by the selection key / joystick press. This is usually open, select, change, etc.
- Options menu items after the first one should be arranged by the frequency of use, most infrequent functions to the ned of the list.
- Exit should be the last item in the options menu.
- Check that your options menu reacts to your applicaitons states, meaning that there should not be any items in the options menu that cannot be triggered from the current application state. Such items need to be hidden - or they need to return a sensible error message.
Then, a content specific options menu (a menu that concerns only one focused list item) must not contain any general options menu item (such as open, exit, etc). It should only contain the few functions that can be triggered on the selected item.
Soft keys and the selection key
- Left softkey is "Ok", "Accept", anything positive.
- Middle softkey / joystick is "select", "open" - this key action can never be "Back" or "Close"!
- Right softkey is "Back", "Exit", "Cancel", anything negative.
Also make sure that if your application has a hierarchy of views that the right softkey acts as "back" on other levels of the hierarchy, but as "Exit" on the main level of your applciation.
An exception to the above strict rule is give in the Style Guide in chapter 126.96.36.199: editable forms with options menu. In case there is a content specific options menu to an editable component, the right key can be "Done" while left is "Options".
- Make sure that the terminology used in the settings menu is consistent with the system applications. A component that consistently in other applications allows to "change" its state should not allow to "edit" in your application. This will break the total user experience.
- Make sure your settings titles are clear to understand and the settings controls intuitive to use.
- Saving settings: settings should be saved and "activated" immediately. Ok, an example: you have an app that allows for network connection. Same app allows you to modify the IAP in use. Now after modifications the active IAP should be changed to the one selected by the user immediately (and not after an application re-start).
- Insane vs intuitive (is it consistent with other applications).
- By default all lists loop, and they have a scroll bar on the right hand side if the list spans over the edge of screen.
- editable component should be in the correct format when beginnign the edit operation (numeric, alphabetic).
- editable component should not accept invalid input.
- Using UI components "by the book": not using radio buttons in a multiselection list.
For an example:
- Using a grid component on a tabbed pane is not recommended. The grid navigation (when going over an edge) is not in-line what is expected of a tabbed pane (when clicking left or right when at the edge of the screen).
Information notes / Query dialogs
More information in the UI Style Guide, chapter 6.7.
- information note / query dialog must reflect the state of the application accurately. As an example, imagine a situation when you have selected several entries from a multi-selection list. Now you click on "delete" and the application asks for confirmation: "Do you want to delete the selected entry?". What's wrong? You had several entries selected, how can you know which entry is being deleted by the app - or if they all will get deleted.
- As a rule of thumb any piece of information that is presented to the user should be carefully considered to have its informational content maximized ;)