<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://maemo.octonezd.me/index.php?action=history&amp;feed=atom&amp;title=Legacy_Maemo_5_Documentation%2FHuman_Interface_Guidelines%2FIcons</id>
	<title>Legacy Maemo 5 Documentation/Human Interface Guidelines/Icons - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://maemo.octonezd.me/index.php?action=history&amp;feed=atom&amp;title=Legacy_Maemo_5_Documentation%2FHuman_Interface_Guidelines%2FIcons"/>
	<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;action=history"/>
	<updated>2026-04-22T07:46:14Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.45.1</generator>
	<entry>
		<id>https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14449&amp;oldid=prev</id>
		<title>imported_&gt;amigadave: cut toplevel heading</title>
		<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14449&amp;oldid=prev"/>
		<updated>2010-10-18T13:39:21Z</updated>

		<summary type="html">&lt;p&gt;cut toplevel heading&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 13:39, 18 October 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Legacy documentation}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Legacy documentation}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;=Icons=&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot;, &amp;quot;Back&amp;quot; or &amp;quot;Forward&amp;quot; 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.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot;, &amp;quot;Back&amp;quot; or &amp;quot;Forward&amp;quot; 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.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported_&gt;amigadave</name></author>
	</entry>
	<entry>
		<id>https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14450&amp;oldid=prev</id>
		<title>imported_&gt;amigadave: {{Legacy documentation}}</title>
		<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14450&amp;oldid=prev"/>
		<updated>2010-02-12T09:27:58Z</updated>

		<summary type="html">&lt;p&gt;{{Legacy documentation}}&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 09:27, 12 February 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;{{Legacy documentation}}&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=Icons=&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=Icons=&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot;, &amp;quot;Back&amp;quot; or &amp;quot;Forward&amp;quot; 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.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot;, &amp;quot;Back&amp;quot; or &amp;quot;Forward&amp;quot; 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.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported_&gt;amigadave</name></author>
	</entry>
	<entry>
		<id>https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14451&amp;oldid=prev</id>
		<title>imported_&gt;msoini: Documentation/Maemo 5 Developer Guide/Human Interface Guidelines/Icons moved to Legacy Maemo 5 Documentation/Human Interface Guidelines/Icons: Phase out from Maemo Developer Guide, superceded by Official Nokia Forum documentation</title>
		<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14451&amp;oldid=prev"/>
		<updated>2009-10-14T09:12:04Z</updated>

		<summary type="html">&lt;p&gt;&lt;a href=&quot;/index.php/Documentation/Maemo_5_Developer_Guide/Human_Interface_Guidelines/Icons&quot; class=&quot;mw-redirect&quot; title=&quot;Documentation/Maemo 5 Developer Guide/Human Interface Guidelines/Icons&quot;&gt;Documentation/Maemo 5 Developer Guide/Human Interface Guidelines/Icons&lt;/a&gt; moved to &lt;a href=&quot;/index.php/Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&quot; title=&quot;Legacy Maemo 5 Documentation/Human Interface Guidelines/Icons&quot;&gt;Legacy Maemo 5 Documentation/Human Interface Guidelines/Icons&lt;/a&gt;: Phase out from Maemo Developer Guide, superceded by Official Nokia Forum documentation&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 09:12, 14 October 2009&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-notice&quot; lang=&quot;en&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(No difference)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>imported_&gt;msoini</name></author>
	</entry>
	<entry>
		<id>https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14452&amp;oldid=prev</id>
		<title>imported_&gt;liox_lang_valid: /* Icons */</title>
		<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14452&amp;oldid=prev"/>
		<updated>2009-09-22T10:31:47Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Icons&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 10:31, 22 September 2009&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=Icons=&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=Icons=&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &quot;Previous&quot;, &quot;Next&quot; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;or &lt;/del&gt;&quot;Back&quot;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/del&gt;&quot;Forward&quot; actions that can represented by arrow icons. For these kind of actions applications &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;should &lt;/del&gt;not ship their own icons, they &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;should &lt;/del&gt;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.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &quot;Previous&quot;, &quot;Next&quot;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, &lt;/ins&gt;&quot;Back&quot; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;or &lt;/ins&gt;&quot;Forward&quot; actions that can represented by arrow icons. For these kind of actions applications &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;must &lt;/ins&gt;not ship their own icons, they &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;must &lt;/ins&gt;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.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Because there is no mouse on &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;a device with &lt;/del&gt;a touch screen, there &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;will be &lt;/del&gt;no tooltips. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Therefor &lt;/del&gt;choosing an icon when there is no text label in the widget involves &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;an &lt;/del&gt;more important decision than on a desktop computer. If &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;the user doesn&#039;t &lt;/del&gt;understand what action is assigned to a button with only an icon, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;he or she will &lt;/del&gt;need to read any help document about the application but &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;is &lt;/del&gt;likely to press that button &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;in order &lt;/del&gt;to check &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;what&#039;s &lt;/del&gt;its function (which might not result in what the user wants). If an icon &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;isn&#039;t &lt;/del&gt;clear enough for the task it represents, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;don&#039;t &lt;/del&gt;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&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;s &lt;/del&gt;no space for the text.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Because there is no mouse on a touch screen &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;device&lt;/ins&gt;, there &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;are &lt;/ins&gt;no tooltips. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Therefore, &lt;/ins&gt;choosing an icon when there is no text label in the widget involves &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;a &lt;/ins&gt;more important decision than on a desktop computer. If &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;users do not &lt;/ins&gt;understand what action is assigned to a button with only an icon, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;they &lt;/ins&gt;need to read any help document about the application but &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;are &lt;/ins&gt;likely to press that button to check its function (which might not result in what the user wants). If an icon &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;is not &lt;/ins&gt;clear enough for the task it represents, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;do not &lt;/ins&gt;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 &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;is &lt;/ins&gt;no space for the text.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For general guidelines on the design of good icons, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;please read &lt;/del&gt;the GNOME HIG [http://library.gnome.org/devel/hig-book/2.26/icons.html.en Icons section].&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For general guidelines on the design of good icons, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;see &lt;/ins&gt;the GNOME HIG [http://library.gnome.org/devel/hig-book/2.26/icons.html.en Icons section].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported_&gt;liox_lang_valid</name></author>
	</entry>
	<entry>
		<id>https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14453&amp;oldid=prev</id>
		<title>imported_&gt;jeremiah: /* Icons */</title>
		<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14453&amp;oldid=prev"/>
		<updated>2009-09-18T16:24:45Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Icons&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 16:24, 18 September 2009&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l2&quot;&gt;Line 2:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 2:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot; or &amp;quot;Back&amp;quot;, &amp;quot;Forward&amp;quot; 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.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot; or &amp;quot;Back&amp;quot;, &amp;quot;Forward&amp;quot; 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.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;In &lt;/del&gt;a device with a touch screen&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, since there is no mouse&lt;/del&gt;, there will be no tooltips&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, hence &lt;/del&gt;choosing an icon when there is no text label in the widget involves an &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;even &lt;/del&gt;more important decision than &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;in &lt;/del&gt;a desktop computer. If the user doesn&#039;t &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;readily &lt;/del&gt;understand what&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;s the &lt;/del&gt;action 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&#039;s its function (which might not result in what the user wants). If an icon &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;doesn&lt;/del&gt;&#039;t &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;seem &lt;/del&gt;clear enough for the task it represents, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;then &lt;/del&gt;don&#039;t use it, use a text label instead. Text labels generally give a better explanation to &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;a &lt;/del&gt;user. Apart from the mentioned common tasks, the only way where an icon might be preferable to a text label is when there&#039;s no space for the text.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Because there is no mouse on &lt;/ins&gt;a device with a touch screen, there will be no tooltips&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. Therefor &lt;/ins&gt;choosing an icon when there is no text label in the widget involves an more important decision than &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;on &lt;/ins&gt;a desktop computer. If the user doesn&#039;t understand what action &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;is &lt;/ins&gt;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&#039;s its function (which might not result in what the user wants). If an icon &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;isn&lt;/ins&gt;&#039;t clear enough for the task it represents, don&#039;t use it, use a text label instead. Text labels generally give a better explanation to &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;the &lt;/ins&gt;user. Apart from the mentioned common tasks, the only way where an icon might be preferable to a text label is when there&#039;s no space for the text.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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].&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;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].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported_&gt;jeremiah</name></author>
	</entry>
	<entry>
		<id>https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14454&amp;oldid=prev</id>
		<title>imported_&gt;bijjal: New page: =Icons= Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &quot;Previous&quot;, &quot;Next&quot; or &quot;Back&quot;, &quot;Forward&quot; actions ...</title>
		<link rel="alternate" type="text/html" href="https://maemo.octonezd.me/index.php?title=Legacy_Maemo_5_Documentation/Human_Interface_Guidelines/Icons&amp;diff=14454&amp;oldid=prev"/>
		<updated>2009-07-13T20:02:42Z</updated>

		<summary type="html">&lt;p&gt;New page: =Icons= Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot; or &amp;quot;Back&amp;quot;, &amp;quot;Forward&amp;quot; actions ...&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;=Icons=&lt;br /&gt;
Many applications share similar tasks that can can be represented by a generally known icon. For example, several applications have &amp;quot;Previous&amp;quot;, &amp;quot;Next&amp;quot; or &amp;quot;Back&amp;quot;, &amp;quot;Forward&amp;quot; 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.&lt;br /&gt;
&lt;br /&gt;
In a device with a touch screen, since there is no mouse, there will be no tooltips, hence choosing an icon when there is no text label in the widget involves an even more important decision than in a desktop computer. If the user doesn&amp;#039;t readily understand what&amp;#039;s the action 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&amp;#039;s its function (which might not result in what the user wants). If an icon doesn&amp;#039;t seem clear enough for the task it represents, then don&amp;#039;t use it, use a text label instead. Text labels generally give a better explanation to a user. Apart from the mentioned common tasks, the only way where an icon might be preferable to a text label is when there&amp;#039;s no space for the text.&lt;br /&gt;
&lt;br /&gt;
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].&lt;/div&gt;</summary>
		<author><name>imported_&gt;bijjal</name></author>
	</entry>
</feed>