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. Thanks for all your past and future contributions.

Editor Usability for Symbian

From Wiki
Jump to: navigation, search
Article Metadata
Created: naresh99 (19 Jun 2009)
Last edited: hamishwillee (09 May 2012)


Application that involves displaying and processing data in text form require editor control. Application may either require modification in existing data or produce new data. To handle these needs application designer must use them in uniform and efficient way.

Since smart phones have limited input capabilities, there are many aspects to be considered when compared to the usual editor components in modern desktop environments. The editor controls of the S60 platform have been designed to be applied and customized to meet the specific text display and input needs of the application.

Usability guidelines

Depending on your input text requirement, design an application in such a way that editor can take correct input

  • Provide cursor & scrollbar

For displaying normal text use simple plain text editor. Provide a cursor on the editor so that user can navigate and modify the text. In case the content of the editor is large then provide scrollbar to allow user to scroll to the desired location and also to be aware that there is more content that can be viewed.

Good text editor example

Bad text editor example

  • Use number editor for taking integer input

Good number editor example
Good number editor.jpg

Bad number editor example
Bad number editor.jpg

  • Confidential information should be hidden

Secret editors can be used for getting confidential input like login name and password, so the same doesn’t get displayed on the screen.

Good secret editor example
Good pass editor.jpg

Bad secret editor example
Bad pass editor.jpg

  • Use Multi-Field Numeric Editors

In case you want to take input of several numeric fields like time editor, date editor, range editor use multi field editors so that the user can enter information in the different fields.

Good Multi-Field Numeric Editor Example

  • Use rich text editors if you want to show image in editor

Good RichText editor Example

  • While entering text, the user should be given example format with the help of tool tip or by providing the default values.
  • For input fields specify the right field length.
  • The boundary conditions should be validated before the app goes into the hands of the user.

Related link

This page was last modified on 9 May 2012, at 03:42.
37 page views in the last 30 days.