Legacy Maemo 5 Documentation/Human Interface Guidelines/Icons

(Icons)
(cut toplevel heading)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
-
=Icons=
+
{{Legacy documentation}}
-
Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have "Previous", "Next" or "Back", "Forward" actions that can represented by arrow icons. For these kind of actions applications should not ship their own icons, they should use the system icons instead (known as stock icons). An alternative is to ship any desired icons but using the common task ones only when there is no equivalence in the system.
+
-
Because there is no mouse on a device with a touch screen, there will be no tooltips. Therefor choosing an icon when there is no text label in the widget involves an more important decision than on a desktop computer. If the user doesn't understand what action is assigned to a button with only an icon, he or she will need to read any help document about the application but is likely to press that button in order to check what's its function (which might not result in what the user wants). If an icon isn't clear enough for the task it represents, don't use it, use a text label instead. Text labels generally give a better explanation to the user. Apart from the mentioned common tasks, the only way where an icon might be preferable to a text label is when there's no space for the text.
+
Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have "Previous", "Next", "Back" or "Forward" actions that can represented by arrow icons. For these kind of actions applications must not ship their own icons, they must use the system icons instead (known as stock icons). An alternative is to ship any desired icons but using the common task ones only when there is no equivalence in the system.
-
For general guidelines on the design of good icons, please read the GNOME HIG [http://library.gnome.org/devel/hig-book/2.26/icons.html.en Icons section].
+
Because there is no mouse on a touch screen device, there are no tooltips. Therefore, choosing an icon when there is no text label in the widget involves a more important decision than on a desktop computer. If users do not understand what action is assigned to a button with only an icon, they need to read any help document about the application but are likely to press that button to check its function (which might not result in what the user wants). If an icon is not clear enough for the task it represents, do not use it, use a text label instead. Text labels generally give a better explanation to the user. Apart from the mentioned common tasks, the only way where an icon might be preferable to a text label is when there is no space for the text.
 +
 
 +
For general guidelines on the design of good icons, see the GNOME HIG [http://library.gnome.org/devel/hig-book/2.26/icons.html.en Icons section].

Latest revision as of 13:39, 18 October 2010

Image:Ambox_content.png
This article is legacy documentation, and is superseded by Forum Nokia documentation.
The Forum Nokia documentation is available as the Hildon 2.2 UI style guide, Fremantle master layout guide and the Hildon 2.2 widget UI specification

Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have "Previous", "Next", "Back" or "Forward" actions that can represented by arrow icons. For these kind of actions applications must not ship their own icons, they must use the system icons instead (known as stock icons). An alternative is to ship any desired icons but using the common task ones only when there is no equivalence in the system.

Because there is no mouse on a touch screen device, there are no tooltips. Therefore, choosing an icon when there is no text label in the widget involves a more important decision than on a desktop computer. If users do not understand what action is assigned to a button with only an icon, they need to read any help document about the application but are likely to press that button to check its function (which might not result in what the user wants). If an icon is not clear enough for the task it represents, do not use it, use a text label instead. Text labels generally give a better explanation to the user. Apart from the mentioned common tasks, the only way where an icon might be preferable to a text label is when there is no space for the text.

For general guidelines on the design of good icons, see the GNOME HIG Icons section.