org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-D82B43D9-37B4-482A-87C0-FFCF534C712C.html
author Eugene Ostroukhov <eugeneo@symbian.org>
Fri, 04 Jun 2010 09:44:40 -0700
changeset 345 7723a46fe224
parent 229 716254ccbcc0
permissions -rw-r--r--
Bug 2480 - Excluded resources are still available in preview and debugger


<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="copyright" content="(C) Copyright 2009"/><meta name="DC.rights.owner" content="(C) Copyright 2009"/><meta name="DC.Type" content="concept"/><meta name="DC.Title" content="Performing one task in a view"/><meta name="abstract" content="One of the common mistakes when designing for a small screen is trying to fit too many components or too much information in one view. The key to success is prioritization: focus on the essential. However, base your decisions on information, not guesswork."/><meta name="description" content="One of the common mistakes when designing for a small screen is trying to fit too many components or too much information in one view. The key to success is prioritization: focus on the essential. However, base your decisions on information, not guesswork."/><meta name="DC.Relation" scheme="URI" content="GUID-EC9DB569-733E-47A8-AD2D-B878B38660B9"/><meta name="DC.Relation" scheme="URI" content="GUID-7962116F-3FDB-4960-B1C9-6367451554FD"/><meta name="DC.Relation" scheme="URI" content="GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D"/><meta name="DC.Relation" scheme="URI" content="GUID-5949FE0C-207D-4B15-8C03-96AE48986973"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-D82B43D9-37B4-482A-87C0-FFCF534C712C"/><meta name="DC.Language" content="en"/><title>Performing one task in a view </title><script type="text/javascript">
      function initPage() {}
    </script><link href="../PRODUCT_PLUGIN/book.css" rel="stylesheet" type="text/css"/><link href="css/s60/style.css" rel="stylesheet" type="text/css" media="all"/></head><body onload="initPage();"><div class="body"><div class="contentLeft prTxt"><h1 class="pageHeading" id="GUID-D82B43D9-37B4-482A-87C0-FFCF534C712C">Performing one task in a view</h1><div><p>One of the common mistakes when designing for a small screen is trying to fit too many components or too much information in one view. The key to success is prioritization: focus on the essential. However, base your decisions on information, not guesswork.</p>
<p>For more information about how to study your users and their tasks, see <a href="GUID-B2976236-0DC6-4CBB-B2FA-B1A6E6639A1D.html#GUID-B2976236-0DC6-4CBB-B2FA-B1A6E6639A1D">Designing for a specific audience</a>.</p>
<p>To keep pages simple, plan to perform one task in a view. For example, a main view could contain a screen title, a graphic, and buttons for performing the main functions of the widget. If possible, display the content on the main screen. </p>
<div class="figure" id="GUID-98857411-2F0E-40F3-93E9-F819329CAC2F"><img src="GUID-15A1A393-FA24-4580-BD71-27E458AD392D_d0e2127_href.png"/><p class="figure-title"><strong>Figure: </strong>Example of a view</p></div>
<div class="note"><p><strong class="note_title">Note: </strong> Reserve space for softkeys at the bottom of the screen.</p></div>
<p>The widget package can only contain one HTML file. Use the <code>div</code> tag within the HTML file to create widget views. For more information, see <a href="GUID-C294F32D-CAC7-499C-AD4B-701B9AB57ACA.html#GUID-C294F32D-CAC7-499C-AD4B-701B9AB57ACA">Creating the widget HTML file</a>.</p>
<p>For more information about page design, see <a href="http://library.forum.nokia.com/topic/Design_and_User_Experience_Library/GUID-B9469F84-73CC-4356-96DB-5180546EE27F.html" target="_blank">Ensure visual balance and clear focus indication</a>.</p>
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>