{"id":154,"date":"2009-03-02T09:04:31","date_gmt":"2009-03-02T17:04:31","guid":{"rendered":"http:\/\/palblog.fxpal.com\/?p=154"},"modified":"2009-03-09T23:45:22","modified_gmt":"2009-03-10T06:45:22","slug":"hypertext-interaction","status":"publish","type":"post","link":"https:\/\/blog.fxpal.net\/?p=154","title":{"rendered":"Hypertext interaction"},"content":{"rendered":"<p>The upcoming <a title=\"CHI 2009 | ACM SIGCHI Conference\" href=\"http:\/\/www.chi2009.org\/\" target=\"_blank\">CHI 2009<\/a> conference will be the 20th consecutive CHI I have attended.\u00a0 My first CHI was in <a title=\"Proceedings of CHI 1990 | ACM Digital Library\" href=\"http:\/\/portal.acm.org\/toc.cfm?id=97243&amp;coll=ACM&amp;dl=ACM&amp;type=proceeding&amp;idx=SERIES260&amp;part=series&amp;WantType=Proceedings&amp;title=CHI&amp;CFID=23069391&amp;CFTOKEN=83855367\" target=\"_blank\">1990<\/a>, where I discovered the field of Human-Computer interaction, a term I had not come across in my undergraduate education as an electrical engineer.<\/p>\n<p>One of the most memorable experiences at CHI was a tutorial on &#8220;Hypertext&#8221; taught by <a title=\"Robert J. Glushko | SIMS, UC Berkeley\" href=\"http:\/\/people.ischool.berkeley.edu\/~glushko\/\" target=\"_blank\">Bob Glushko<\/a>. The concept was fascinating, and Bob was a good teacher. He did, however, say one thing that struck me as a challenge. He talked about nodes, links, and anchors, and said that to build hypertext systems, you needed a &#8220;graphics display and a mouse.&#8221; At the time, I was working at UCLA in the Office of Academic Computing (OAC) as a consultant and programmer. UCLA was an IBM shop, and we had a bunch of 24&#215;80 green-on-black IBM 3178 (and equivalent) terminals. No mouse, no windows, no graphics. But we had something called <a title=\"Interactive System Productivity Facility | Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/ISPF\" target=\"_blank\">ISPF<\/a>, which allowed the program to read the cursor location on the screen, and <a title=\"Virtual storage access method | Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/VSAM\" target=\"_blank\">VSAM<\/a> with which I built a crude inverted index of our local online help.<\/p>\n<p><!--more-->The help files had useful information, but no a good way for users to get at it.\u00a0 Challenged by Bob&#8217;s statements,\u00a0 I put together a program that allowed users to select a document, read it, move the cursor under any word on the screen, press enter, and cause the system to retrieve all documents that contained that word. The process could continue indefinitely. (No, there wasn&#8217;t a &#8220;back&#8221; button!)<\/p>\n<p>So was this a hypertext? There were certainly nodes, but no <em>a priori<\/em> links, and no anchors. And yet the interaction style was in the right spirit: users could select an object&#8217;s proxy (a keyword, in my case), and having followed a one-to-many link, would arrive at a document. In subsequent years, I built several other hypertext systems that skipped the traditional node-link structure to focus on interaction with (and within) documents. Each of these <em>dynamic hypertext<\/em> systems, in their own way, captured the spirit of hypertext while rejecting the static node-link paradigm.<\/p>\n<ul>\n<li><a title=\"Golovchinsky,G. and Chignell, M.H. (1993) Queries-R-Links: graphical markup for text navigation, In Proc. CHI 1993. | ACM Digital Library\" href=\"http:\/\/portal.acm.org\/citation.cfm?id=169372\">Queries-R-Links<\/a> allowed users to select terms in a document, and to draw connecting lines representing conjunctions. Each interaction resulted in a graphical Boolean query that was immediately executed to generate a list of matching passages in the document. Click, and the list updates, drag a line, and the list updates. Select a matching passage, and the query boxes and lines would be re-drawn on the newly-displayed text, where they could be edited or augmented to refine the query. In hypertext terms, markup could be seen as user-authored anchors and the link was mediated by a full-text Boolean query.<\/li>\n<li><a title=\"Golovchinsky, G. (1997) What the Query Told the Link: The Integration of Hypertext and Information Retrieval. In Proc. CHI 1997 | FXPAL\" href=\"http:\/\/www.fxpal.com\/?p=pubs&amp;author=723\" target=\"_blank\">VOIR<\/a> took this notion a bit further, by creating recognizable blue, underlined anchors typical of those in Netscape. Each anchor, however, was not connected to a pre-determined node, but rather ran a query based on the lexical context of the selected anchor to retrieve related documents. A weighting scheme that included the selected anchor text and the recent browsing history affected the set of documents retrieved as the target of the link. Anchors were computed based on query terms with high <a title=\"tf\u2013idf | Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Tf-idf\" target=\"_blank\"><em>tf-idf<\/em><\/a> scores and also included capitalized terms such as names of people and places. Documents were displayed seven at a time, in a newspaper-like layout. Thus the system created anchors based on observing users&#8217; behaviors, and used each anchor to link to a compound document that addressed various aspects of the user&#8217;s information need. <a title=\"Rick Bodner | Interactive Media Lab, University of Toronto\" href=\"http:\/\/imedia.mie.utoronto.ca\/~rbodner\/\" target=\"_blank\">Rick Bodner<\/a> later implemented these techniques on the <a title=\"Bodner, R.C. and Chignell, M.H. (1999) ClickIR: Text Retrieval using a Dynamic Hypertext Interface. NIST Special Publication 500-242 | NIST\" href=\"http:\/\/trec.nist.gov\/pubs\/trec7\/papers\/uoftimg_trec7_report2.pdf.gz\" target=\"_blank\">web<\/a>.<\/li>\n<li>The last example of a dynamic hypertext was a system that Cathy Marshall and I built as yet another manifestation of <em>Forward Anywhere,<\/em> a hypertext she co-wrote with Judy Malloy. Forward Anywhere the text has existed in several media, including a Hypertext distributed by <a title=\"Forward Anywhere | Eastgate Systems\" href=\"http:\/\/www.eastgate.com\/catalog\/ForwardAnywhere.html\" target=\"_blank\">Eastgate Systems<\/a> (and listed on <a title=\"Forward Anywhere | Amazon\" href=\"http:\/\/www.amazon.com\/Forward-Anywhere-Judy-Malloy\/dp\/1884511252\" target=\"_blank\">Amazon<\/a>,\u00a0 ironically, as &#8220;out of print,&#8221; perhaps because 3.5&#8243; disks are no longer widely available), a <a title=\"Forward Anywhere | Judy Malloy and Cathy Marshall\" href=\"http:\/\/www.csdl.tamu.edu\/~malloy\/html\/beginning.html\">web site,<\/a> and, for some time, an <a title=\"Golovchinsky, G. and Marshall, C.C. (2000) Hypertext Interaction Revisited. In Proc. Hypertext 2000 | FXPAL\" href=\"http:\/\/www.fxpal.com\/?p=abstract&amp;abstractID=82\" target=\"_blank\">XLibris <\/a>version. The XLibris version allowed the user to annotate pages of the book with free-form digital ink, and then used the &#8220;forward&#8221; button to link to another, related but not yet seen, page based on the terms that were marked up. Pages are nodes, &#8220;forward&#8221; button is the link anchor, and the target is determined dynamically based on prior interaction with the system and some expression of the user&#8217;s interest in the current node based on the presence of annotations.<\/li>\n<\/ul>\n<p>There are other forms of hypertext (e.g., <a title=\"Shipman, F. and Marshall, CC. (1999) Spatial Hypertext: An Alternative to Navigational and Semantic Links, ACM Computing Surveys 31(4), ACM Press\" href=\"http:\/\/www.cs.brown.edu\/memex\/ACM_HypertextTestbed\/papers\/37.html\" target=\"_blank\">spatial hypertext<\/a>) that also break the traditional node-link paradigm, but interestingly, interactions with those systems are also quite different from conventional link following.<\/p>\n<p>Dynamic hypertext is a way to combine the (now) familiar hypertext interaction style with a variety of algorithms\u2014rather than static data structures\u2014that determine the target of a user&#8217;s selection. Because hypertext software does not reveal to the user how it determined the target of the link, it is the user&#8217;s interaction experience that characterizes a hypertext rather than any particular data structure or algorithm.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It is the user&#8217;s interaction experience that characterizes a hypertext rather than any particular data structure or algorithm<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,15,7],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts\/154"}],"collection":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=154"}],"version-history":[{"count":17,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts\/154\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts\/154\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}