Hypertext Principle #3

<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>Performance Centered Design</B></FONT><B>     </B><B>|     </B><A HREF="index.htm" TARGET="_top" TITLE="Performance Centered Design"><U><B>home</B></U></A></div> <bR> <div> back to the start of<B>  </B><A HREF="id113.htm" TARGET="_top" TITLE="Hypermedia / Information Engineering Kn"><U><B>Hypermedia / Information Engineering & Knowledge Management</B></U></A><B> </B><IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14"><B>  </B><A HREF="id113.htm" TARGET="_top" TITLE="Hypermedia / Information Engineering Kn"><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="id168.htm" TARGET="_top" TITLE="Hypertext Principle 2"><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="id173.htm" TARGET="_top" TITLE="Hypertext Considerations"><U><B><IMG SRC="0600e0e0.png" border=0 width="14" height="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></U></A></div> </td> </tr><tr> <td valign="top" width=190 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <A HREF="id164.htm" TARGET="_top" TITLE="Hypertext and the Performance Zone"><U>Hypertext and the Performance Zone</U></A></div> <div> <A HREF="id166.htm" TARGET="_top" TITLE="What is hypertext?"><U>What is hypertext?</U></A></div> <div> <A HREF="id167.htm" TARGET="_top" TITLE="Hypertext Principle 1"><U>Hypertext Principle #1</U></A></div> <div> <A HREF="id168.htm" TARGET="_top" TITLE="Hypertext Principle 2"><U>Hypertext Principle #2</U></A></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700c8bf000000.png" HEIGHT="13" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Hypertext Principle #3</B></div> <div> <A HREF="id173.htm" TARGET="_top" TITLE="Hypertext Considerations"><U>Hypertext Considerations</U></A></div> <div> <A HREF="id170.htm" TARGET="_top" TITLE="Appropriateness for Conversion"><U>Appropriateness for Conversion</U></A></div> <div> <A HREF="id171.htm" TARGET="_top" TITLE="Screen Areas for Hypertexts"><U>Screen Areas for Hypertexts</U></A></div> <div> <A HREF="id172.htm" TARGET="_top" TITLE="Hierarchies"><U>Hierarchies</U></A></div> <div> <A HREF="id174.htm" TARGET="_top" TITLE="The OED"><U>The OED</U></A></div> <div> <A HREF="id175.htm" TARGET="_top" TITLE="Conclusions"><U>Conclusions</U></A></div> <div> <A HREF="id179.htm" TARGET="_top" TITLE="Process for PCD"><U>Process for PCD</U></A></div> <bR> </td> <td valign="top" height=385 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> Hypertext Principle #3</div> <div> <IMG SRC="18c36250.png" border=0 width="310" height="293" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="635" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFCCCC HEIGHT= 39 WIDTH="629"><div> <B>Neither the </B><I><B>holy scrollers</B></I><B> nor the </B><I><B>card sharks</B></I><B> are necessarily right with regard to hypertext design.  It depends on the performance problem, the performers, etc.</B></div> </tD> </tR> </TABLE></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">People get a sinking feeling each time they jump to a web site and find themselves waiting for the page to load - not because of graphics, but because of the length of the document. </B></div> <div> <I><B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Fear and loathing are symbolized by the long scroll bar</B></I><B>; because they hit STOP and move on. </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Developers of such pages are the </B><I><B>Holy Scrollers.</B></I><B> They develop or convert large quantities of text as single scrolling entities while missing important usability principles. </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">The Holy Scrollers hang on to the </B><I><B>artifact</B></I><B> of scrolling - a traditional means of accessing text on a computer - but confuse it with hypertext, where restructuring, "chunking," semantic encoding, and wayfinding maps must be present if value is to be added.</B></div> <bR> <div> <TABLE BORDER="0" CELLPADDING="1" CELLSPACING="1" WIDTH="227" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 271 ><NOBR><div> <IMG SRC="18de1090.png" border=0 width="225" height="265" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> <tR> <tD VALIGN=CENTER HEIGHT= 19 WIDTH="223"><div> The Holy Scrollers</div> </tD> </tR> </TABLE></div> <bR> <div> <B>According to Jakob Nielsen:</B> </div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="580" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFF99 HEIGHT= 77 WIDTH="574"><div> <B>"Traditional text is extremely heterogeneous as can be seen by comparing a mystery novel with a corporate annual report. You do not need actually to read the text to distinguish between the two. But the same two texts would have looked exactly the same if they had been presented on-line .... "</B></div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">On the other hand, the Card Sharks are those insisting that only a single "screen" or node of text is ever appropriate</B></div> <bR> <div> <TABLE BORDER="0" CELLPADDING="1" CELLSPACING="1" WIDTH="626" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 347 ><NOBR><div> <IMG SRC="18ef5920.png" border=0 width="245" height="146" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="617" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#CCCCE4 HEIGHT= 84 WIDTH="611"><div> <I><B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Neither the Card Sharks nor the</B></I><FONT SIZE="3" COLOR="#111111" FACE="Arial" ><I><B> Holy Scrollers </B></I></FONT><I><B>should win the battle. </B></I></div> <div> <I><B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Applying usability principles, observing human beings work, and analyzing the nature of a document will suggest whether or not nodes need to be restricted in size. </B></I></div> </tD> </tR> </TABLE></B></div> <div> <TABLE BORDER="0" CELLPADDING="1" CELLSPACING="1" WIDTH="626" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 19 WIDTH="622"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="19" ALIGN="bottom" WIDTH="622" HSPACE="0" VSPACE="0"></tD> </tR> </TABLE></div> <bR> <bR> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=CENTER HEIGHT= 19 WIDTH="622"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="19" ALIGN="bottom" WIDTH="622" HSPACE="0" VSPACE="0"></tD> </tR> </TABLE></div> <bR> <bR> <bR> <bR> </td> </tr></table></body>