Symbian3/SDK/Source/GUID-5486EFD3-4660-4C19-A007-286DE48F6EEF.dita
author Dominic Pinkman <Dominic.Pinkman@Nokia.com>
Thu, 21 Jan 2010 18:18:20 +0000
changeset 0 89d6a7a84779
permissions -rw-r--r--
Initial contribution of Documentation_content according to Feature bug 1266 bug 1268 bug 1269 bug 1270 bug 1372 bug 1374 bug 1375 bug 1379 bug 1380 bug 1381 bug 1382 bug 1383 bug 1385

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (c) 2007-2010 Nokia Corporation and/or its subsidiary(-ies) All rights reserved. -->
<!-- This component and the accompanying materials are made available under the terms of the License 
"Eclipse Public License v1.0" which accompanies this distribution, 
and is available at the URL "http://www.eclipse.org/legal/epl-v10.html". -->
<!-- Initial Contributors:
    Nokia Corporation - initial contribution.
Contributors: 
-->
<!DOCTYPE concept
  PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="GUID-5486EFD3-4660-4C19-A007-286DE48F6EEF" xml:lang="en"><title>Scale
and positioning of controls</title><prolog><metadata><keywords/></metadata></prolog><conbody>
<section id="GUID-EF8CA4BE-130F-4117-9722-3F652DD1D244"> <p>Interface elements
a user has to select and manipulate should not be smaller than the smallest
average finger pad, that is, no smaller than 1 cm (0.4") in diameter or a
1 cm × 1 cm square.</p> <p>In the Symbian OS, UI style defines
the target minimum sizes for a UI element considered as finger usable:</p><ul>
<li><p>7 x 7 mm with 1 mm gaps for index finger usage</p></li>
<li><p>8 x 8 mm with 2 mm gaps for thumb usage</p></li>
<li><p>List type of components should have minimum of 5 mm line spacing</p></li>
</ul><p>The width of a finger limits the density of items on screen. If the
items are too close, the user will not be able to choose a single one.</p><p>As
the user is more likely to touch higher on the button by mistake than either
side, button and icon sizes can be increased vertically.</p><p>Essential information
or features, such as a label, instructions, or sub-controls should never be
placed below an interface element that can be touched, as it may be hidden
by the user's own body.</p><fig id="GUID-FF8225A9-0D9F-4E8F-8B19-32FAECEFE47C">
<image href="GUID-FD85921E-AC9F-481F-8A58-0D03D56661C0_d0e47154_href.png" scale="60" placement="inline"/>
</fig><ul>
<li><p>With interfaces with traditional input devices, it makes sense to place
targets like menu items on the edges of screens: the user cannot overshoot
the target, as the cursor stops at the edge of the screen. </p></li>
<li><p>When using a touch screen, a user seldom drags his finger across the
screen as he would with a cursor. Instead, they most likely lift their finger
and place it on a new target. Users may have difficulties in reaching the
objects located on the edges of the screen, especially if the physical device
has protruding edges around the touch screen panel. Additionally, with some
devices, the screen edges may be less sensitive to register the touch input.</p></li>
</ul> </section>
</conbody></concept>