The Interface

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=95 BGCOLOR="#999999" TEXT="#080000" bgproperties="fixed" background="061005f0ermwup.png"> <div> <FONT SIZE="5" COLOR="#FFFFFF" FACE="Arial" ><B>EDIT 797 - Performance Based Design</B></FONT><B>     </B><B>|     </B><A HREF="index.htm" TARGET="_top" TITLE="EDIT 797 Performance Based Design"><U><B>home</B></U></A></div> <div> back to the start of<B>  </B><A HREF="id285.htm" TARGET="_top" TITLE="11/04/2002"><U><B>11/04/2002</B></U></A></div> </td> </tr><tr> <td valign="top" width=190 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14"><B>  </B><A HREF="id285.htm" TARGET="_top" TITLE="11/04/2002"><U><B><IMG SRC="05e0e0e0.png" border=0 width="14" height="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></U></A><B>      </B><A HREF="id241.htm" TARGET="_top" TITLE="Actions"><U><B><IMG SRC="05f0e0e0.png" border=0 width="14" height="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></U></A><B>  </B><A HREF="id243.htm" TARGET="_top" TITLE="Test / Ensure Usability"><U><B><IMG SRC="0600e0e0.png" border=0 width="14" height="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></U></A></div> <div> <A HREF="id223.htm" TARGET="_top" TITLE="Typical"><U>Typical</U></A></div> <div> <A HREF="id225.htm" TARGET="_top" TITLE="Desired "><U>Desired </U></A></div> <div> <A HREF="id226.htm" TARGET="_top" TITLE="PerformanceCentered UI Design"><U>Performance-Centered UI Design</U></A></div> <div> <A HREF="id227.htm" TARGET="_top" TITLE="Interface Design Approach"><U>Interface Design Approach</U></A></div> <div> <A HREF="id228.htm" TARGET="_top" TITLE="Another Lifecycle..."><U>Another Lifecycle...</U></A></div> <div> <A HREF="id229.htm" TARGET="_top" TITLE="Orienting the Team"><U>Orienting the Team</U></A></div> <div> <A HREF="id230.htm" TARGET="_top" TITLE="ObjectAction Paradigm"><U>Object-Action Paradigm</U></A></div> <div> <A HREF="id231.htm" TARGET="_top" TITLE="Tasks"><U>Tasks</U></A></div> <div> <A HREF="id232.htm" TARGET="_top" TITLE="Interactions"><U>Interactions</U></A></div> <div> <A HREF="id233.htm" TARGET="_top" TITLE="Interactions: Personal Goals"><U>Interactions:  Personal Goals</U></A></div> <div> <A HREF="id234.htm" TARGET="_top" TITLE="Interactions: Business Goals"><U>Interactions:  Business Goals</U></A></div> <div> <A HREF="id235.htm" TARGET="_top" TITLE="Interactions: Practical Goals"><U>Interactions:  Practical Goals</U></A></div> <div> <A HREF="id236.htm" TARGET="_top" TITLE="Interactions: False Goals"><U>Interactions:  False Goals</U></A></div> <div> <A HREF="id237.htm" TARGET="_top" TITLE="Polite Interactions"><U>Polite Interactions</U></A></div> <div> <A HREF="id238.htm" TARGET="_top" TITLE="Appropriate Interactions"><U>Appropriate Interactions</U></A></div> <div> <A HREF="id239.htm" TARGET="_top" TITLE="Usability of Interactions"><U>Usability of Interactions</U></A></div> <div> <A HREF="id240.htm" TARGET="_top" TITLE="Objects"><U>Objects</U></A></div> <div> <A HREF="id241.htm" TARGET="_top" TITLE="Actions"><U>Actions</U></A></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c8bf000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The Interface</B></div> <div> <A HREF="id243.htm" TARGET="_top" TITLE="Test / Ensure Usability"><U>Test / Ensure Usability</U></A></div> </td> <td valign="top" height=385 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> The Interface</div> <div> <IMG SRC="24c68700.png" border=0 width="104" height="112" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> Usable Windows:</div> <div> <IMG BORDER="0" SRC="Symb075c00b70118bf000000.png" HEIGHT="19" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">are appropriately modal or modeless (...typically the latter)</div> <div> <IMG BORDER="0" SRC="Symb075c00b70118bf000000.png" HEIGHT="19" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">include</div> <div> <IMG BORDER="0" SRC="Aria006c00bb0118bf000000.png" HEIGHT="19" WIDTH="37" ALIGN="bottom" HSPACE="0" VSPACE="0">Primary Windows</div> <div> <IMG BORDER="0" SRC="Aria006c00bb0118bf000000.png" HEIGHT="19" WIDTH="37" ALIGN="bottom" HSPACE="0" VSPACE="0">Secondary Windows</div> <div> <IMG BORDER="0" SRC="Aria006c00bb0118bf000000.png" HEIGHT="19" WIDTH="37" ALIGN="bottom" HSPACE="0" VSPACE="0">Dialog Boxes</div> <div> <IMG BORDER="0" SRC="Aria006c00bb0118bf000000.png" HEIGHT="19" WIDTH="37" ALIGN="bottom" HSPACE="0" VSPACE="0">Menus and tool bars</div> <div> <IMG BORDER="0" SRC="Symb075c00b70118bf000000.png" HEIGHT="19" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">In a browser, consider wayfinding and real estate:</div> <bR> <bR> <div> <IMG SRC="24bc7820.png" border=0 width="455" height="386" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <I>Primary Windows</I> allow the performer to view a business object within the client area.  Menu bars typically distinguish the primary window.  Multiple primary windows may be opened on the desktop, but the active primary window has a highlighted title bar.  The term "parent" is sometimes used for the primary window.</div> <bR> <div> <I>Secondary Windows </I>belong to a parent or primary window, and are restricted to the business object viewing area of the primary window.  They can be used to show additional components of an object when space is challenged, or they can be used to show multiple instances of a basic business object.  </div> <bR> <div> Secondary windows do not have separate menu, control, or information bars because they use those of their primary (parent) window.  The term "child" is often used for secondary windows.</div> <bR> <div> Dialogue boxes are used to complete actions in modal- or modeless forms.</div> </td> </tr></table></body>