193 lines
12 KiB
HTML
193 lines
12 KiB
HTML
|
<?xml version="1.0" encoding="UTF-8"?>
|
||
|
|
<!DOCTYPE html
|
||
|
|
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
|
<html lang="en-us" xml:lang="en-us">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
<meta name="security" content="public" />
|
||
|
|
<meta name="Robots" content="index,follow" />
|
||
|
|
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0) "http://www.classify.org/safesurf/" l gen true r (SS~~000 1))' />
|
||
|
|
<meta name="DC.Type" content="reference" />
|
||
|
|
<meta name="DC.Title" content="Checklist: User interface design" />
|
||
|
|
<meta name="abstract" content="When creating a user interface with globalized support, you should follow some rules and guidelines." />
|
||
|
|
<meta name="description" content="When creating a user interface with globalized support, you should follow some rules and guidelines." />
|
||
|
|
<meta name="DC.Relation" scheme="URI" content="rbagsuseint.htm" />
|
||
|
|
<meta name="copyright" content="(C) Copyright IBM Corporation 1998, 2006" />
|
||
|
|
<meta name="DC.Rights.Owner" content="(C) Copyright IBM Corporation 1998, 2006" />
|
||
|
|
<meta name="DC.Format" content="XHTML" />
|
||
|
|
<meta name="DC.Identifier" content="rbagsuserinterdeschklist" />
|
||
|
|
<meta name="DC.Language" content="en-us" />
|
||
|
|
<!-- All rights reserved. Licensed Materials Property of IBM -->
|
||
|
|
<!-- US Government Users Restricted Rights -->
|
||
|
|
<!-- Use, duplication or disclosure restricted by -->
|
||
|
|
<!-- GSA ADP Schedule Contract with IBM Corp. -->
|
||
|
|
<link rel="stylesheet" type="text/css" href="./ibmdita.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="./ic.css" />
|
||
|
|
<title>Checklist: User interface design</title>
|
||
|
|
</head>
|
||
|
|
<body id="rbagsuserinterdeschklist"><a name="rbagsuserinterdeschklist"><!-- --></a>
|
||
|
|
<!-- Java sync-link --><script language="Javascript" src="../rzahg/synch.js" type="text/javascript"></script>
|
||
|
|
<h1 class="topictitle1">Checklist: User interface design</h1>
|
||
|
|
<div><p>When creating a user interface with globalized support, you should
|
||
|
|
follow some rules and guidelines.</p>
|
||
|
|
<div class="section"><p>The rules and guidelines are shown in the following
|
||
|
|
table:</p>
|
||
|
|
|
||
|
|
<div class="tablenoborder"><table cellpadding="4" cellspacing="0" summary="" frame="border" border="1" rules="all"><thead align="left"><tr><th valign="top" width="16.666666666666664%" id="d0e22">Complies</th>
|
||
|
|
<th valign="top" width="16.666666666666664%" id="d0e24">Not applicable</th>
|
||
|
|
<th valign="top" width="66.66666666666666%" id="d0e26">Rule</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody><tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">The use of a graphic character for software control purposes must not
|
||
|
|
preclude the use of the same character in the text of messages, menus, prompts,
|
||
|
|
input fields, or output fields.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Graphic symbols and icons must be translatable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Language-dependent parts of a product must be isolated from nonlanguage-dependent
|
||
|
|
parts for easy modification.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">All user interface text and presentation control information must be
|
||
|
|
isolated from the running code.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Sufficient space must be available for user-interface text expansion
|
||
|
|
caused by translation.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Functions dependent on display field length and display field position,
|
||
|
|
or display field position alone, must not be designed in such a way that they
|
||
|
|
are affected by user-interface text expansion.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">A method must be provided to allow for the identification and tracking
|
||
|
|
of panels and messages during the translation process.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Variables must be permitted to assume any location and order within
|
||
|
|
a display field.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Messages and other displayed words or phrases must be complete entities
|
||
|
|
and must not be constructed from individual words or phrases.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Entry of end-user commands, keywords, or responses must be possible
|
||
|
|
without regard to uppercase or lowercase characters.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Date and time formats must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Numeric punctuation must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Number rounding and mathematical formats must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Monetary format must be definable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">The default currency symbol and its abbreviations must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">The currency symbol position must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Field sizes for monetary values must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">The measurement system must be selectable.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Lowercase alphabets should not be assumed to be invariant.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Special characters, including punctuation marks, should be definable
|
||
|
|
and not program dependent.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">User-interface text modules should be packaged separately from the
|
||
|
|
running code.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">User-interface text modules for single-byte coded character set systems
|
||
|
|
should be loaded separately from the running code.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">A consistent convention should be used throughout the product for denoting
|
||
|
|
variables and input fields.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Words should not be used in place of numbers.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">The terminology in user interface text should be consistent throughout
|
||
|
|
a product.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Abbreviations should be avoided.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Slang, jargon, and humor should not be used.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Trademarks should be identified and explained.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Ambiguous words should not be used.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Proper style and sentence structure should be used in user interface
|
||
|
|
text.</td>
|
||
|
|
</tr>
|
||
|
|
<tr><td valign="top" width="16.666666666666664%" headers="d0e22 "> </td>
|
||
|
|
<td valign="top" width="16.666666666666664%" headers="d0e24 "> </td>
|
||
|
|
<td valign="top" width="66.66666666666666%" headers="d0e26 ">Negative questions should be avoided.</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="familylinks">
|
||
|
|
<div class="parentlink"><strong>Parent topic:</strong> <a href="rbagsuseint.htm" title="A user interface is the part of a software product that your customer actually sees.">User interfaces</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|