<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Inventing Interactive &#187; Past</title> <atom:link href="http://www.inventinginteractive.com/category/past/feed/" rel="self" type="application/rss+xml" /><link>http://www.inventinginteractive.com</link> <description>Past, Present, and Future.</description> <lastBuildDate>Thu, 02 Feb 2012 13:17:20 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Xerox Star</title><link>http://www.inventinginteractive.com/2011/12/19/xerox-star/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=xerox-star</link> <comments>http://www.inventinginteractive.com/2011/12/19/xerox-star/#comments</comments> <pubDate>Mon, 19 Dec 2011 14:20:39 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[gui]]></category> <category><![CDATA[Macintosh]]></category> <category><![CDATA[mouse]]></category> <category><![CDATA[Smalltalk]]></category> <category><![CDATA[Xerox Alto]]></category> <category><![CDATA[Xerox PARC]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3709</guid> <description><![CDATA[At one of my first summer college internships, back in the 80&#8242;s, I briefly used a Xerox Dorado workstation. It&#8217;s a pretty fuzzy memory, but the things that made the biggest impression on me were the machine&#8217;s large bitmapped window display, and the mouse that I used to create the flowcharts I needed. Using it felt like a big deal &#8212; but the my time with it was limited, so I never learned more than...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/12/19/xerox-star/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/star.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/star-436x330.png" alt="" title="star" width="436" height="330" class="alignnone size-medium wp-image-3710" /></a></p><p>At one of my first summer college internships, back in the 80&#8242;s, I briefly used a Xerox <a
href="http://bushytree.wikia.com/wiki/Xerox_Dorado">Dorado</a> workstation. It&#8217;s a pretty fuzzy memory, but the things that made the biggest impression on me were the machine&#8217;s large bitmapped window display, and the mouse that I used to create the flowcharts I needed. Using it felt like a big deal &#8212; but the my time with it was limited, so I never learned more than the basics. A couple years later, I worked with Xerox PARC for my college thesis project on <a
href="http://en.wikipedia.org/wiki/Smalltalk">Smalltalk</a> &#8212; and came in contact with these machines again. But again, the specifics of how the machines worked is one of my faded memories.</p><p>So, it was interesting to recently find these two video demonstrations of Xerox&#8217;s Star user interface. The Star&#8217;s UI was the inspiration for Apple&#8217;s Macintosh OS &#8212; and there&#8217;s plenty of information about how that exchange happened in the recent Steve Jobs biography.</p><p>Watching these video demos &#8212; it&#8217;s clear how strongly influenced the Mac was by the work at Xerox. But what I found most surprising, was how the Star didn&#8217;t really embrace the full potential of the mouse. Not to say that the Star wasn&#8217;t a revolutionary system, but the mouse was rarely used without a related keyboard action, and the idea of &#8220;dragging&#8221; doesn&#8217;t appear in any of the demos. The mouse and how it was used was in its infancy.</p><p>For example, to select some text you wouldn&#8217;t click and drag. Instead you&#8217;d click once (to select a point), twice (to select a word), three times (to select a line of text), of four times (to select the paragraph). Or, to move a file on the desktop you&#8217;d click it to select it, but then use a keyboard key (such as &#8220;move&#8221; or &#8220;copy&#8221;) to specify what you wanted to do, and then click the new location. The idea of directly manipulating the file icons wasn&#8217;t there yet.</p><p>An interesting reminder of the sometimes revolutionary, sometimes evolutionary nature of UI design.</p><p><object
width="435" height="295"><param
name="movie" value="http://www.youtube.com/v/Cn4vC80Pv6Q?version=3&amp;hl=en_US&amp;rel=0"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/Cn4vC80Pv6Q?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="435" height="295" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><object
width="435" height="295"><param
name="movie" value="http://www.youtube.com/v/ODZBL80JPqw?version=3&amp;hl=en_US&amp;rel=0"></param><param
name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/ODZBL80JPqw?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="435" height="295" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><div
id="attachment_3711" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/hardkeys.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/hardkeys-436x169.png" alt="" title="hardkeys" width="436" height="169" class="size-medium wp-image-3711" /></a><p
class="wp-caption-text">Function keys</p></div><div
id="attachment_3712" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/dialogboxes.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/dialogboxes-436x164.png" alt="" title="dialogboxes" width="436" height="164" class="size-medium wp-image-3712" /></a><p
class="wp-caption-text">Dialog boxes</p></div><div
id="attachment_3713" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/12/screenandicons.png"><img
src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/screenandicons-436x161.png" alt="" title="screenandicons" width="436" height="161" class="size-medium wp-image-3713" /></a><p
class="wp-caption-text">Screen, and icon details</p></div><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/03/23/the-mother-of-all-demos/" rel="bookmark" title="The Mother of All Demos"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/03/Engelbart_01-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Engelbart_01" title="Engelbart_01" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/03/23/the-mother-of-all-demos/" rel="bookmark" >The Mother of All Demos</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/06/13/of-mice-and-windows/" rel="bookmark" title="Of Mice and Windows"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/06/three_mice_new_yorker-100x70.png" class="attachment-related_thumb wp-post-image" alt="three_mice_new_yorker" title="three_mice_new_yorker" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/06/13/of-mice-and-windows/" rel="bookmark" >Of Mice and Windows</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/07/20/the-greatest-program-ever-written/" rel="bookmark" title="The Greatest Program Ever Written"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/07/macpaint_woman-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="MacPaint" title="macpaint_woman" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/07/20/the-greatest-program-ever-written/" rel="bookmark" >The Greatest Program Ever Written</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/12/19/xerox-star/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Reducing Pain with SnowWorld</title><link>http://www.inventinginteractive.com/2011/08/18/reducing-pain-with-snowworld/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=reducing-pain-with-snowworld</link> <comments>http://www.inventinginteractive.com/2011/08/18/reducing-pain-with-snowworld/#comments</comments> <pubDate>Thu, 18 Aug 2011 18:30:34 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[Cooper Hewitt]]></category> <category><![CDATA[games]]></category> <category><![CDATA[health]]></category> <category><![CDATA[healthcare]]></category> <category><![CDATA[virtual reality]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3572</guid> <description><![CDATA[One of my favorite pieces at the Cooper Hewitt 2006 National Design Triennial was &#8221;SnowWorld.&#8221; It was beautiful, absorbing, and other-worldly. The basic concept and execution are pretty simple&#8230; Wearing VR goggles, you fly through a snowy landscape and throw snowballs at woolly mammoths and penguins, while listening to Paul Simon&#8217;s &#8220;Graceland.&#8221; But the purpose of the piece is to help relieve pain of burn victims, by distracting them from the reality of actual treatment....<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/08/18/reducing-pain-with-snowworld/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/20061005_pid27215_aid27213_snowworld2_w600.jpg"><img
class="alignnone size-medium wp-image-3573" title="20061005_pid27215_aid27213_snowworld2_w600" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/20061005_pid27215_aid27213_snowworld2_w600-436x329.jpg" alt="" width="436" height="329" /></a></p><p>One of my favorite pieces at the Cooper Hewitt 2006 <a
href="http://triennial.cooperhewitt.org/">National Design Triennial</a> was &#8221;SnowWorld.&#8221; It was beautiful, absorbing, and other-worldly.</p><p>The basic concept and execution are pretty simple&#8230; Wearing VR goggles, you fly through a snowy landscape and throw snowballs at woolly mammoths and penguins, while listening to Paul Simon&#8217;s &#8220;Graceland.&#8221;</p><p>But the purpose of the piece is to help relieve pain of burn victims, by distracting them from the reality of actual treatment.</p><blockquote><p>&#8220;Because humans are so visually dominant, wherever you&#8217;re looking typically that&#8217;s where your attention is focused. (For patients) during wound care, when they&#8217;re getting their bandages changed, they&#8217;re looking at these different tools that the nurses are using to treat them, and just looking at those objects makes them anxious. They begin to associate objects in the room with high pain so you can imagine that day after day they start to develop psychological associations between the treatment room and pain, amplifying how much pain they experience.&#8221;</p></blockquote><p>And the data indicates it works, with results as substantial as a &#8220;50-90% reduction in pain-related brain activity in all five pain regions of the brain.&#8221;</p><p>The project was created by <a
href="http://triennial.cooperhewitt.org/designers/hunter-hoffman">Hunter Hoffman</a> and his colleagues at the University of Washington. I haven&#8217;t read much about the research since it was shown at the exhibit, but hopefully work is being done so that it can reach an wider audience.</p><p><em>(For more information see this <a
href="http://www.bbc.co.uk/news/health-12297569">BBC story</a> and the researchers <a
href="http://www.hpl.washington.edu/research/vr">documentation</a>.)</em></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/08/image018.jpg"><img
class="alignnone size-medium wp-image-3574" title="image018" src="http://www.inventinginteractive.com/wp-content/uploads/2011/08/image018-436x327.jpg" alt="" width="436" height="327" /></a></p><p><object
width="436" height="357" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/jNIqyyypojg?version=3&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
width="436" height="357" type="application/x-shockwave-flash" src="http://www.youtube.com/v/jNIqyyypojg?version=3&amp;hl=en_US&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/05/25/animal-interactions/" rel="bookmark" title="Animal Interactions"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/05/suki_in_bed-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="suki_in_bed" title="suki_in_bed" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/05/25/animal-interactions/" rel="bookmark" >Animal Interactions</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/01/13/i-d-and-design-culture/" rel="bookmark" title="I.D. and Design Culture"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/01/id_2001-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="I.D. Magazine, Interactive Media Design Review, 2001" title="id_2001" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/01/13/i-d-and-design-culture/" rel="bookmark" >I.D. and Design Culture</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/04/13/alices-adventures-in-wonderland/" rel="bookmark" title="Alice&#8217;s Adventures in Wonderland"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/04/alice_mac_2-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="alice_mac_2" title="alice_mac_2" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/04/13/alices-adventures-in-wonderland/" rel="bookmark" >Alice&#8217;s Adventures in Wonderland</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/08/18/reducing-pain-with-snowworld/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Crazy UIs</title><link>http://www.inventinginteractive.com/2011/06/03/crazy-uis/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=crazy-uis</link> <comments>http://www.inventinginteractive.com/2011/06/03/crazy-uis/#comments</comments> <pubDate>Fri, 03 Jun 2011 14:07:22 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[Present]]></category> <category><![CDATA[Bill Buxton]]></category> <category><![CDATA[chord kayboard]]></category> <category><![CDATA[Donald Norman]]></category> <category><![CDATA[gesture]]></category> <category><![CDATA[gesture-based interfaces]]></category> <category><![CDATA[Jakob Nielsen]]></category> <category><![CDATA[Matt Ruby]]></category> <category><![CDATA[Microsoft]]></category> <category><![CDATA[Sketchpad]]></category> <category><![CDATA[synesthesia]]></category> <category><![CDATA[usability]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3374</guid> <description><![CDATA[Generated Crazy I started the day reading a fascinating article on generative interfaces, &#8220;Can Algorithms Help Design the Ultimate Gestural Interface?&#8221; At first I thought it was about generating, algorithmically, user interfaces &#8212; something I&#8217;d love to see. What would a UI that was designed by a computer be like?! (I searched, but closest to this was work on robots generating their own spoken language.) But that wasn&#8217;t the case. Instead the article was about...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/06/03/crazy-uis/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<div
id="attachment_3375" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/06/excite.jpg"><img
class="size-medium wp-image-3375" title="excite" src="http://www.inventinginteractive.com/wp-content/uploads/2011/06/excite-436x218.jpg" alt="" width="436" height="218" /></a><p
class="wp-caption-text">Excitebike</p></div><p><strong>Generated Crazy</strong></p><p>I started the day reading a fascinating article on generative interfaces,  &#8220;<a
href="http://www.fastcodesign.com/1663961/can-algorithms-help-design-the-ultimate-gestural-interface">Can Algorithms Help Design the Ultimate Gestural Interface?</a>&#8221;</p><p>At first I thought it was about generating, algorithmically, user interfaces &#8212; something I&#8217;d love to see. What would  a UI that was designed by a computer be like?! (I searched, but closest to this was work on <a
href="http://www.richardbanks.com/trends/?p=15787">robots generating their own spoken language</a>.)</p><p>But that wasn&#8217;t the case. Instead the article was about a group in Poland that&#8230;</p><blockquote><p>Using statistical analysis and a motion capture glove, the authors mathematically distilled 22 common hand gestures (including &#8220;A-OK,&#8221; &#8220;thumbs up,&#8221; &#8220;crazy,&#8221; &#8220;walking,&#8221; and &#8220;cutting&#8221;) into so-called &#8220;eigengestures&#8221;: the pure essence, if you will, of these movements that are common across most instances.</p></blockquote><p>The result was a set of generalized, and potentially universal, gestures that would be comfortable to everybody. These gesture could then form the basis of a new standard building-blocks from which interfaces designers could use. Unfortunately, the resulting gestures are pretty cryptic &#8212; not something people would feel very natural doing. And the <a
href="http://www.technologyreview.com/blog/arxiv/26742/">response</a> hasn&#8217;t been very enthusiastic.</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/06/gesture_data.png"><img
class="alignnone size-medium wp-image-3382" title="gesture_data" src="http://www.inventinginteractive.com/wp-content/uploads/2011/06/gesture_data-436x536.png" alt="" width="436" height="536" /></a></p><p><strong>Gestures Suck</strong></p><p>Not exactly. But an <a
href="http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html">interesting report</a> (via <a
href="http://smallsurfaces.com/2011/05/todays-gestural-user-interfaces-are-a-usability-nightmare">Small Surfaces</a>) from Donald A. Norman and Jakob Nielsen argues that today&#8217;s gestural user interfaces are a nightmare. They really don&#8217;t like the inconsistency of current interfaces. And give examples of how, if you don&#8217;t know a feature is there, it can be pretty non-intuitive to discover. They&#8217;re probably right, but I that&#8217;s part of the fun of our era &#8212; it&#8217;s all still being invented.</p><p><strong>A Crazy Interface</strong></p><p><object
width="436" height="245"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=23185082&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
type="application/x-shockwave-flash" width="436" height="245" src="http://vimeo.com/moogaloop.swf?clip_id=23185082&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always"></embed></object></p><p>When I first saw this I wanted to do an entire post on it. It&#8217;s really awesome. But I&#8217;m including it here because it relates &#8212; it&#8217;s about non-traditional interfaces, and how users learn can to  use them&#8230;</p><p>&#8220;Excitebike,&#8221; part of Matt Ruby&#8217;s <a
href="http://altctrl.matt-ruby.com/">ALT CTRL</a> (link via <a
href="http://www.creativeapplications.net/games/alt-ctrl-openframeworks-games">CreativeApplications</a>), replaces a video game&#8217;s handheld controller with a helmet-based microphone. The player controls the game with the pitch and volume of the sounds they make. From the video, it looks like it&#8217;s pretty hard to figure out an intuitive way to play the game. But the idea of someone shouting to control a game is amazing. And, although it&#8217;s not the point of the project, it could be interesting to see if the game could learn what sounds that players are make are most natural, and then adjust the interface accordingly. (Is this a form of synesthesia?)</p><p><strong>Historical Crazy</strong></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/06/buxton_chord.png"><img
class="alignnone size-medium wp-image-3379" title="buxton_chord" src="http://www.inventinginteractive.com/wp-content/uploads/2011/06/buxton_chord-436x217.png" alt="" width="436" height="217" /></a></p><p>Ok &#8211; maybe crazy isn&#8217;t the right term for this, but Microsoft recently launched a great site: Bill Buxton&#8217;s collection of computing devices (and their interfaces) from the last 35 years. <a
href="http://research.microsoft.com/en-us/um/people/bibuxton/buxtoncollection/default.aspx">The Buxton Collection</a> not only includes interfaces that have become mainstream, but also includes less successful watches, gloves, pedals, and chord keyboards&#8230;</p><p>I never used a chord keyboard but can&#8217;t even imagine how crazy one must feel. They&#8217;ve been around since <a
href="http://www.inventinginteractive.com/2010/01/18/1963-sketchpad/">Sketchpad</a> in 1963, but, getting people to learn something as radically new seems like a fantasy.  At the time, though, some really did think it could happen.</p><p>The site features a beautifully optimistic quote from Bill:</p><blockquote><p>&#8220;Look at the collection and then try and convince me that our slow rate of progress is due to a lack of technology rather than a lack of imagination.&#8221;</p></blockquote><p>Let the chaos continue!</p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/17/windows-phone-7-series/" rel="bookmark" title="Windows Phone 7 Series"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/02/winmobile_01-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="winmobile_01" title="winmobile_01" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/17/windows-phone-7-series/" rel="bookmark" >Windows Phone 7 Series</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/06/13/of-mice-and-windows/" rel="bookmark" title="Of Mice and Windows"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/06/three_mice_new_yorker-100x70.png" class="attachment-related_thumb wp-post-image" alt="three_mice_new_yorker" title="three_mice_new_yorker" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/06/13/of-mice-and-windows/" rel="bookmark" >Of Mice and Windows</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/06/10/luminar/" rel="bookmark" title="LuminAR"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/06/luminar_04-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="luminar_04" title="luminar_04" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/06/10/luminar/" rel="bookmark" >LuminAR</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/06/03/crazy-uis/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Gadget: Invention, Travel and Adventure</title><link>http://www.inventinginteractive.com/2011/03/24/gadget-invention-travel-and-adventure/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=gadget-invention-travel-and-adventure</link> <comments>http://www.inventinginteractive.com/2011/03/24/gadget-invention-travel-and-adventure/#comments</comments> <pubDate>Fri, 25 Mar 2011 05:44:52 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[Present]]></category> <category><![CDATA[Alice]]></category> <category><![CDATA[Auteur Theory]]></category> <category><![CDATA[cd-rom]]></category> <category><![CDATA[games]]></category> <category><![CDATA[Harukiko Shono]]></category> <category><![CDATA[Japan]]></category> <category><![CDATA[L-Zone]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3106</guid> <description><![CDATA[When the iPad was released last year, there were several titles that had strong echos of earlier days of interactive CD-ROMs. Relaxing on a sofa and exploring a new world was much more enjoyable than sitting at the computer where the sense of wonder and adventure quickly transformed into frustration and an eagerness to relax elsewhere. So it&#8217;s great to see a title from &#8220;back in the day&#8221; get reissued and brought, sensitively, up-to-date for...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/03/24/gadget-invention-travel-and-adventure/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget2.png"><img
class="alignnone size-medium wp-image-3109" title="gadget2" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget2-436x185.png" alt="" width="436" height="185" /></a></p><p>When the iPad was released last year, there were <a
href="http://www.inventinginteractive.com/2010/04/13/alices-adventures-in-wonderland/">several titles</a> that had strong echos of earlier days of interactive CD-ROMs. Relaxing on a sofa and exploring a new world was much more enjoyable than sitting at the computer where the sense of wonder and adventure quickly transformed into frustration and an eagerness to relax elsewhere. So it&#8217;s great to see a title from &#8220;back in the day&#8221; get reissued and brought, sensitively, up-to-date for the iPad.</p><p><a
href="http://game.goo.ne.jp/igadget/index.html">Gadget</a>, originally released on CD-ROM in 1993, was designed by the epic <a
href="http://en.wikipedia.org/wiki/Haruhiko_Shono">Harukiko Shono</a>. It was fascinating, mysterious, and beautiful. Its pre-rendered scenes, while static, were great eye-candy in an era when 3D rendered worlds were still a novelty. And its video elements, often in just a tiny portion of the screen, and in black-and-white, were still so new that you couldn&#8217;t help but feel drawn in, straining to capture what they had to say. Were you missing a crucial clue?</p><p>Harukiko designed several other games, including Alice and L-Zone. There&#8217;s a great interview with him on <a
href="http://coregamer.web.simplesnet.pt/shono.htm">Core Gamers</a> and more about him on <a
href="http://easternmind.tumblr.com/post/227814223/coregamers-interview-profile-of-haruhiko-shono-has">Eastern Mind</a>. Check them out&#8230; it&#8217;s interesting to learn, for example, that his games have been quoted in films from Guillermo Del Toro, Alex Proyas, The Wachowsky Brothers and David Lynch.</p><p>It is great to see an interactive auteur&#8217;s work brought forward to be appreciated by a new audience.</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget3.png"><img
class="alignnone size-medium wp-image-3110" title="gadget3" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget3-436x228.png" alt="" width="436" height="228" /></a></p><div
id="attachment_3111" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget5.png"><img
class="size-medium wp-image-3111" title="gadget5" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget5-436x268.png" alt="" width="436" height="268" /></a><p
class="wp-caption-text">Gadget (B&amp;W movie)</p></div><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget4.png"><img
class="alignnone size-medium wp-image-3112" title="gadget4" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget4-436x288.png" alt="" width="436" height="288" /></a></p><div
id="attachment_3113" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget1.png"><img
class="size-medium wp-image-3113" title="gadget1" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/gadget1-436x244.png" alt="" width="436" height="244" /></a><p
class="wp-caption-text">Gadget (updated render)</p></div><p><object
width="436" height="327"><param
name="allowfullscreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6842416&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed
type="application/x-shockwave-flash" width="436" height="327" src="http://vimeo.com/moogaloop.swf?clip_id=6842416&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/10/11/musical-cd-roms/" rel="bookmark" title="Musical CD-ROMs"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/eve1-100x70.png" class="attachment-related_thumb wp-post-image" alt="Eve (1996)" title="eve1" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/10/11/musical-cd-roms/" rel="bookmark" >Musical CD-ROMs</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/09/10/rosemarie-fiore/" rel="bookmark" title="Rosemarie Fiore"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/09/28-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="&quot;Tempest 1&quot; Rosemarie Fiore, 2001, digital c print, 4 ft x 6 ft" title="28" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/09/10/rosemarie-fiore/" rel="bookmark" >Rosemarie Fiore</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/01/21/rediscovering-yugop/" rel="bookmark" title="Rediscovering Yugop"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/01/yugo_videostill-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Yugo Nakamura (click for an interview in Japanese)" title="yugo_videostill" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/01/21/rediscovering-yugop/" rel="bookmark" >Rediscovering Yugop</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/03/24/gadget-invention-travel-and-adventure/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Jim Campbell&#8217;s Reactive Works</title><link>http://www.inventinginteractive.com/2011/03/09/jim-campbells-reactive-works/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=jim-campbells-reactive-works</link> <comments>http://www.inventinginteractive.com/2011/03/09/jim-campbells-reactive-works/#comments</comments> <pubDate>Thu, 10 Mar 2011 04:36:45 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[artists]]></category> <category><![CDATA[installation]]></category> <category><![CDATA[Jim Campbell]]></category> <category><![CDATA[new media artists]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=3056</guid> <description><![CDATA[Back in 1997 Art Center&#8216;s Williamson Gallery housed the exhibition &#8220;Memory, Reflection and Transformation, Reactive Works by Jim Campbell.&#8221; I was teaching there at the time and remember first seeing the show as I took a break from one of my classes. Walking through the gallery was a playful and social experience, as visitors together discovered the reaction the pieces gave. But it was the subtle use of technology and interaction to create remarkably beautiful...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/03/09/jim-campbells-reactive-works/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<div
id="attachment_3063" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/lowres_001.jpg"><img
class="size-medium wp-image-3063" title="lowres_001" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/lowres_001-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">5th and 56th (2006)</p></div><p>Back in 1997 <a
href="http://www.artcenter.edu">Art Center</a>&#8216;s <a
href="http://www.artcenter.edu/williamson/">Williamson Gallery</a> housed the exhibition &#8220;Memory, Reflection and Transformation, Reactive Works by Jim Campbell.&#8221; I was teaching there at the time and remember first seeing the show as I took a break from one of my classes.</p><p>Walking through the gallery was a playful and social experience, as visitors together discovered the reaction the pieces gave. But it was the subtle use of technology and interaction to create remarkably beautiful and wonderful works got me immediately hooked on Campbell. I was also really impressed with gallery director Stephen Nowlin&#8217;s boldness to bring a digital artist into, what had been previously, a fairly traditional gallery.</p><p>The Los Angeles Times had a <a
href="http://articles.latimes.com/1997-05-31/entertainment/ca-64088_1_campbell-jim-engineering">nice review</a> of the show. And they make an interesting point: &#8220;that Campbell recognizes a fundamental danger in the way he makes art. Its technical wizardry can distract us from attending to the important things Campbell has to say.&#8221;</p><p>We live in a world of increasing hype about technology, businesses, and design that&#8217;s shouting to be seen. Campbell&#8217;s work is a reminder to focus on the experiences that matter, the messages we really want to share, and the manner in which we want to say them. To share them, and to slow down.</p><p>Be sure to take a look at Campbell&#8217;s <a
href="http://www.jimcampbell.tv/">website</a>. It&#8217;s also got videos showing the pieces running. Plus, bravely, a section called <a
href="http://www.jimcampbell.tv/portfolio/duds/">Duds</a>.</p><div
id="attachment_3057" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/digital_watch_001.jpg"><img
class="size-medium wp-image-3057 " title="digital_watch_001" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/digital_watch_001-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">Digital Watch (1991)</p></div><div
id="attachment_3058" class="wp-caption alignnone" style="width: 307px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/heisenberg_001.jpg"><img
class="size-full wp-image-3058 " title="heisenberg_001" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/heisenberg_001.jpg" alt="" width="297" height="445" /></a><p
class="wp-caption-text">SHADOW For Heisenberg (1993 - 1994)</p></div><div
id="attachment_3061" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/father_001.jpg"><img
class="size-medium wp-image-3061  " title="father_001" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/father_001-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">Portrait of My Father (1994-1995)</p></div><div
id="attachment_3066" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/memory_recolection_001.jpg"><img
class="size-medium wp-image-3066" title="memory_recolection_001" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/memory_recolection_001-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">Memory / Recollection (1990)</p></div><p>&nbsp;</p><div
id="attachment_3067" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/03/tourists_001.jpg"><img
class="size-medium wp-image-3067" title="tourists_001" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/tourists_001-436x290.jpg" alt="" width="436" height="290" /></a><p
class="wp-caption-text">Tourists At World Trade Center (2005)</p></div><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/" rel="bookmark" title="Yayoi Kusama"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2012/01/detail6591809807_67e852f7a0_o_0-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="The Obliteration Room" title="detail6591809807_67e852f7a0_o_0" /></a></div><div> <a
href="http://www.inventinginteractive.com/2012/01/09/yayoi-kusama/" rel="bookmark" >Yayoi Kusama</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/16/la-vitrine-reactive-wall/" rel="bookmark" title="La Vitrine: Reactive Wall"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/02/wall_01-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="wall_01" title="wall_01" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/16/la-vitrine-reactive-wall/" rel="bookmark" >La Vitrine: Reactive Wall</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/03/22/myron-krueger/" rel="bookmark" title="Myron Krueger"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/03/VideoPlace4-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Videoplace, Myron Krueger" title="VideoPlace4" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/03/22/myron-krueger/" rel="bookmark" >Myron Krueger</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/03/09/jim-campbells-reactive-works/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Underworld&#8217;s DVD-ROM</title><link>http://www.inventinginteractive.com/2011/01/29/underworlds-dvd-rom/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=underworlds-dvd-rom</link> <comments>http://www.inventinginteractive.com/2011/01/29/underworlds-dvd-rom/#comments</comments> <pubDate>Sun, 30 Jan 2011 07:21:36 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[Antirom]]></category> <category><![CDATA[cd-rom]]></category> <category><![CDATA[DVD-ROM]]></category> <category><![CDATA[music]]></category> <category><![CDATA[Tomato]]></category> <category><![CDATA[Underworld]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=2847</guid> <description><![CDATA[In the late 90&#8242;s, Underworld was super-popular among my graphic design and new media friends. It wasn&#8217;t just Underworld&#8217;s music, it was the way they used visual design and motion graphics as part of their brand, and as a central element in their live performances. They weren&#8217;t just music &#8211; they were media! And it made a lot of sense &#8212; Underworld had deep connections with the art/design group Tomato and there was even some...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/01/29/underworlds-dvd-rom/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/201c.jpg"><img
class="alignnone size-medium wp-image-2849" title="201c" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/201c-436x400.jpg" alt="" width="436" height="400" /></a></p><p>In the late 90&#8242;s, <a
href="http://en.wikipedia.org/wiki/Underworld_%28band%29">Underworld</a> was super-popular among my graphic design and new media friends. It wasn&#8217;t just Underworld&#8217;s music, it was the way they used visual design and motion graphics as part of their brand, and as a central element in their live performances. They weren&#8217;t just music &#8211; they were media! And it made a lot of sense &#8212; Underworld had deep connections with the art/design group <a
href="http://www.tomato.co.uk">Tomato</a> and there was even some sort of connection to the innovative interactive group <a
href="http://www.antirom.com/">Antirom</a>.</p><p>Rummaging through storage boxes, I recently stumbled upon an old Underworld DVD, the 2000 &#8220;Underworld Live; EVERYTHING, EVERYTHING.&#8221; What&#8217;s funny is that that it looked like I never actually played it, as the disc was unopened. So it was interesting to look at it with modern eyes, without the memory of what it was like at the time.</p><p>The disc had a DVD-ROM bonus feature, a PC-based interactive component that was comprised of two experiences:</p><p>The first, &#8220;Wongizer,&#8221; takes keyboard input and, based on the character pressed, displays a different video clip of abstract graphics. In an era when video and rich graphics were still pretty rare, this would&#8217;ve been a fun toy. But since you can&#8217;t remember which graphics are associated with which keys, there isn&#8217;t much sense of control. It&#8217;s a keyboard without the ability to really &#8220;play&#8221; it.</p><p>The second, &#8220;Headset,&#8221; lets the user select between four different soundscapes, change the audio mix between music and ambient speech, and vary the mix via a dynamic 3&#215;3 matrix. Mixing audio was, at the time, a <a
href="http://www.inventinginteractive.com/2010/10/11/musical-cd-roms/">common CD-ROM experience</a>, but the dynamic interactive graphics were a nice touch in a world where so much interactive content was made from static images.</p><p>Still, given Underworld&#8217;s design and interactive pedigree, I can&#8217;t help feeling that the piece was a missed opportunity. The <a
href="http://www.inventinginteractive.com/2010/07/21/urban-feedback/">Urban Feedback</a> CD-ROMs, for example, had a similar moody, graphic designed, atmospheres and abstract interactions, but they felt much richer &#8212; spaces you&#8217;d want to explore further. I just wish Underworld had pushed this a bit more.</p><div
id="attachment_2850" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/3.jpg"><img
class="size-medium wp-image-2850" title="3" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/3-436x400.jpg" alt="" width="436" height="400" /></a><p
class="wp-caption-text">Wongizer - interface</p></div><div
id="attachment_2851" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/20.jpg"><img
class="size-medium wp-image-2851" title="20" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/20-436x400.jpg" alt="" width="436" height="400" /></a><p
class="wp-caption-text">Headset - interface</p></div><div
id="attachment_2852" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/102.png"><img
class="size-medium wp-image-2852" title="102" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/102-436x244.png" alt="" width="436" height="244" /></a><p
class="wp-caption-text">DVD - main menu</p></div><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="436" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/lo10CiwGWsA?fs=1&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="436" height="270" src="http://www.youtube.com/v/lo10CiwGWsA?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="436" height="352" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/PKCM_Bs1FBs?fs=1&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="436" height="352" src="http://www.youtube.com/v/PKCM_Bs1FBs?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/18/lovedisk/" rel="bookmark" title="Lovedisk"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/02/IMG_2249-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="IMG_2249" title="IMG_2249" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/18/lovedisk/" rel="bookmark" >Lovedisk</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/03/30/music-discovery-and-organization/" rel="bookmark" title="Music Discovery and Organization"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/03/stack_of_cds-100x70.png" class="attachment-related_thumb wp-post-image" alt="stack_of_cds" title="stack_of_cds" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/03/30/music-discovery-and-organization/" rel="bookmark" >Music Discovery and Organization</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/09/22/moodlogic-magnet-browser/" rel="bookmark" title="MoodLogic Magnet Browser"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/09/emoe_grab9-100x70.png" class="attachment-related_thumb wp-post-image" alt="emoe_grab9" title="emoe_grab9" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/09/22/moodlogic-magnet-browser/" rel="bookmark" >MoodLogic Magnet Browser</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/01/29/underworlds-dvd-rom/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>StarFire</title><link>http://www.inventinginteractive.com/2011/01/10/starfire/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=starfire</link> <comments>http://www.inventinginteractive.com/2011/01/10/starfire/#comments</comments> <pubDate>Tue, 11 Jan 2011 04:45:03 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[Bruce Tognazzini]]></category> <category><![CDATA[future vision]]></category> <category><![CDATA[Microsoft]]></category> <category><![CDATA[Microsoft Surface]]></category> <category><![CDATA[PixelSense]]></category> <category><![CDATA[scenarios]]></category> <category><![CDATA[StarFire]]></category> <category><![CDATA[Sun]]></category> <category><![CDATA[SunSoft]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=2689</guid> <description><![CDATA[Last week Microsoft demoed Surface 2, the new version of their Surface table. It has some pretty cool features, particularly a technology they call PixelSense, which lets the table visually recognize and scan almost any object placed on it without using cameras. Interactive Things pointed out the similarity to Starfire &#8212; a fascinating project I&#8217;d never heard of before. StarFire was a future vision film, done in 1992 by Bruce Tognazzini at Sun. It shows...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2011/01/10/starfire/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<div
id="attachment_2699" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_9.jpg"><img
class="size-medium wp-image-2699" title="desk_9" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_9-436x320.jpg" alt="" width="436" height="320" /></a><p
class="wp-caption-text">That is a big desk!</p></div><p>Last week Microsoft demoed Surface 2, the <a
href="http://www.microsoft.com/surface/WhatsNew.aspx">new version</a> of their Surface table. It has some pretty cool features, particularly a technology they call <em>PixelSense</em>, which lets the table visually recognize and scan almost any object placed on it without using cameras. <a
href="http://interactivethings.tumblr.com/post/2634666267/the-introduction-of-pixelsense-on-microsoft">Interactive Things</a> pointed out the similarity to <a
href="http://en.wikipedia.org/wiki/Starfire_video_prototype">Starfire</a> &#8212; a fascinating project I&#8217;d never heard of before.</p><p>StarFire was a future vision film, done in 1992 by Bruce Tognazzini at Sun. It shows some pretty cutting-edge (at the time) technology and UI ideas &#8212; when the web was still in its infancy. (As a point of reference, the film was done six years after Apple&#8217;s <a
href="http://en.wikipedia.org/wiki/Knowledge_Navigator">Knowledge Navigator</a> film.) Included were: a curved immersive workstation, &#8220;cyberspace searching&#8221; (a precursor to the web), texture mapping of information from a 2-D video onto a 3-D mannequin, telepresence, and wireless networking. (For details on the deep thinking behind the project, Bruce has a good <a
href="http://www.asktog.com/starfire/">write up</a>.)</p><p>As film-making, it&#8217;s strange and dated &#8212; a workplace scenario that reads like a soap-opera. The height of weirdness is when we voyeuristically watch a marriage propose taking place in another office. (You can see how big the production was in this <a
href="http://www.asktog.com/starfire/makingOfStarfire.mp4">making of</a> video.) Crazy but fun.</p><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="436" height="352" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/NKJNxgZyVo0?fs=1&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="436" height="352" src="http://www.youtube.com/v/NKJNxgZyVo0?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><div
id="attachment_2691" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/boardroom.jpg"><img
class="size-medium wp-image-2691" title="boardroom" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/boardroom-436x261.jpg" alt="" width="436" height="261" /></a><p
class="wp-caption-text">Video conferencing / Telepresence.</p></div><div
id="attachment_2694" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_2.jpg"><img
class="size-medium wp-image-2694" title="desk_2" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_2-436x333.jpg" alt="" width="436" height="333" /></a><p
class="wp-caption-text">Scanning text placed on the desk.</p></div><div
id="attachment_2695" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_3.jpg"><img
class="size-medium wp-image-2695" title="desk_3" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_3-436x336.jpg" alt="" width="436" height="336" /></a><p
class="wp-caption-text">Video conferencing work session at desk.</p></div><div
id="attachment_2696" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_4.jpg"><img
class="size-medium wp-image-2696" title="desk_4" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/desk_4-436x338.jpg" alt="" width="436" height="338" /></a><p
class="wp-caption-text">Watching co-workers.</p></div><div
id="attachment_2700" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/keys_1.jpg"><img
class="size-medium wp-image-2700" title="keys_1" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/keys_1-436x332.jpg" alt="" width="436" height="332" /></a><p
class="wp-caption-text">Dual chording keyboards</p></div><div
id="attachment_2701" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/search_results_1.jpg"><img
class="size-medium wp-image-2701" title="search_results_1" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/search_results_1-436x254.jpg" alt="" width="436" height="254" /></a><p
class="wp-caption-text">Search results.</p></div><div
id="attachment_2703" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2011/01/texturemapping.jpg"><img
class="size-medium wp-image-2703" title="texturemapping" src="http://www.inventinginteractive.com/wp-content/uploads/2011/01/texturemapping-436x326.jpg" alt="" width="436" height="326" /></a><p
class="wp-caption-text">Texture mapping a 3-D mannequin.</p></div><p><object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="436" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowscriptaccess" value="always" /><param
name="src" value="http://www.youtube.com/v/0NesSYWODmM?fs=1&amp;hl=en_US&amp;rel=0" /><param
name="allowfullscreen" value="true" /><embed
type="application/x-shockwave-flash" width="436" height="270" src="http://www.youtube.com/v/0NesSYWODmM?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/11/02/productivity-future-vision/" rel="bookmark" title="Productivity Future Vision"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/11/s1-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="s1" title="s1" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/11/02/productivity-future-vision/" rel="bookmark" >Productivity Future Vision</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/09/12/the-future-of-screens-2014/" rel="bookmark" title="The Future of Screens, 2014"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/09/2014_b-100x70.png" class="attachment-related_thumb wp-post-image" alt="Stretchable display." title="2014_b" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/09/12/the-future-of-screens-2014/" rel="bookmark" >The Future of Screens, 2014</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/01/27/realism-doesnt-work/" rel="bookmark" title="Realism Doesn&#8217;t Work"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/01/hal_console-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="A beautifully abstract console in 2001." title="hal_console" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/01/27/realism-doesnt-work/" rel="bookmark" >Realism Doesn&#8217;t Work</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2011/01/10/starfire/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <enclosure
url="http://www.asktog.com/starfire/makingOfStarfire.mp4" length="114265777" type="video/mp4" /> </item> <item><title>Desktop UI/OS Design History</title><link>http://www.inventinginteractive.com/2010/12/07/desktop-uios-design-history/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=desktop-uios-design-history</link> <comments>http://www.inventinginteractive.com/2010/12/07/desktop-uios-design-history/#comments</comments> <pubDate>Tue, 07 Dec 2010 23:32:36 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[Amiga]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[gui]]></category> <category><![CDATA[Irix]]></category> <category><![CDATA[NeXT]]></category> <category><![CDATA[OS]]></category> <category><![CDATA[SGI]]></category> <category><![CDATA[Smalltalk]]></category> <category><![CDATA[UI]]></category> <category><![CDATA[Xerox Alto]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=2506</guid> <description><![CDATA[The earliest OS I ever used was the Apple II (my first computer as a kid), but quickly moved on to the Xerox Alto (on which Smalltalk ran and on which I did my undergraduate thesis), the Amiga OS (which was a lot uglier than people want to acknowledge), and X Windows (in grad school). They&#8217;re hugely nostalgic for me but, I&#8217;m sure now, I&#8217;d cry if I tried using them. Guy Haviv, on his...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2010/12/07/desktop-uios-design-history/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<div
id="__ss_5955726" style="width: 425px;"><object
id="__sse5955726" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowScriptAccess" value="always" /><param
name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=guyhaviv-uihistorypresentation-101128201130-phpapp01&amp;rel=0&amp;stripped_title=guy-haviv-history-of-gui-visual-design&amp;userName=stupidapp" /><param
name="name" value="__sse5955726" /><param
name="allowfullscreen" value="true" /><embed
id="__sse5955726" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=guyhaviv-uihistorypresentation-101128201130-phpapp01&amp;rel=0&amp;stripped_title=guy-haviv-history-of-gui-visual-design&amp;userName=stupidapp" allowscriptaccess="always" allowfullscreen="true" name="__sse5955726"></embed></object></div><p>The earliest OS I ever used was the Apple II (my first computer as a kid), but quickly moved on to the Xerox Alto (on which Smalltalk ran and on which I did my undergraduate thesis), the Amiga OS (which was a lot uglier than people want to acknowledge), and X Windows (in grad school). They&#8217;re hugely nostalgic for me but, I&#8217;m sure now, I&#8217;d cry if I tried using them.</p><p>Guy Haviv, on his blog <a
href="http://www.meetgooya.com/">Meet Gooya</a> just posted this great <a
href="http://www.meetgooya.com/815845/History-of-UI-OS-Design">History of UI / OS Design</a>. It&#8217;s a slideshare of a presentation he gave on the visual history of desktop operating system user interface design and it&#8217;s full of great examples.</p><p>It was great that Guy mentioned that many of the examples he used came from <a
href="http://www.guidebookgallery.org">GUIdebook</a> &#8212; &#8220;a website dedicated to preserving and showcasing Graphical User Interfaces.&#8221; The site is definitely worth exploring, and full of lots of other interesting archives (including apps, icon sets, splash screens, sounds, etc).</p><p>Take a look. In ways it&#8217;s amazing the rate at which these interfaces have changed. But, simultaneously, you can&#8217;t help but notice how fundamentally alike they all are. We strive to develop new metaphores and interaction models, but what&#8217;s familiar remains &#8212; perhaps with a fancier skin. When can we have the revolution?</p><div
id="attachment_2512" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/12/dos_explorer.gif"><img
class="size-thumbnail wp-image-2512" title="dos_explorer" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/dos_explorer-436x242.gif" alt="" width="436" height="242" /></a><p
class="wp-caption-text">MS-DOS Shell</p></div><div
id="attachment_2513" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/12/sgi_irix.jpg"><img
class="size-thumbnail wp-image-2513" title="sgi_irix" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/sgi_irix-436x314.jpg" alt="" width="436" height="314" /></a><p
class="wp-caption-text">SGI IRIX</p></div><div
id="attachment_2514" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/12/amigaos_workbench.png"><img
class="size-thumbnail wp-image-2514" title="amigaos_workbench" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/amigaos_workbench-436x272.png" alt="" width="436" height="272" /></a><p
class="wp-caption-text">Amiga OS</p></div><div
id="attachment_2515" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/12/next.jpg"><img
class="size-thumbnail wp-image-2515" title="next" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/next-436x327.jpg" alt="" width="436" height="327" /></a><p
class="wp-caption-text">NeXT</p></div><div
id="attachment_2516" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/12/xerox_alto.jpg"><img
class="size-thumbnail wp-image-2516" title="xerox_alto" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/xerox_alto-436x510.jpg" alt="" width="436" height="510" /></a><p
class="wp-caption-text">Xerox Alto</p></div><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/12/msdos.jpg"><img
class="alignnone size-thumbnail wp-image-2517" title="msdos" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/msdos-436x225.jpg" alt="" width="436" height="225" /></a></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/07/20/the-greatest-program-ever-written/" rel="bookmark" title="The Greatest Program Ever Written"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/07/macpaint_woman-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="MacPaint" title="macpaint_woman" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/07/20/the-greatest-program-ever-written/" rel="bookmark" >The Greatest Program Ever Written</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2011/12/19/xerox-star/" rel="bookmark" title="Xerox Star"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2011/12/star-100x70.png" class="attachment-related_thumb wp-post-image" alt="star" title="star" /></a></div><div> <a
href="http://www.inventinginteractive.com/2011/12/19/xerox-star/" rel="bookmark" >Xerox Star</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/02/the-end-of-flash/" rel="bookmark" title="The End of Flash?"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/02/nytimes_noflash_01-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="nytimes_noflash_01" title="nytimes_noflash_01" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/02/the-end-of-flash/" rel="bookmark" >The End of Flash?</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2010/12/07/desktop-uios-design-history/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Humane Interface</title><link>http://www.inventinginteractive.com/2010/10/28/the-humane-interface/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-humane-interface</link> <comments>http://www.inventinginteractive.com/2010/10/28/the-humane-interface/#comments</comments> <pubDate>Fri, 29 Oct 2010 06:32:41 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[design research]]></category> <category><![CDATA[Jef Raskin]]></category> <category><![CDATA[keyboard]]></category> <category><![CDATA[keyboards]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=2350</guid> <description><![CDATA[In 1993 Jef Raskin wrote the article Down With GUIs! in which he decried the state of user interfaces. He started with a bang: &#8220;Bluntly: Graphical User Interfaces (GUIs) are not human-compatible. As long as we hang on to interfaces as we now know them, computers will remain inherently frustrating, upsetting, and stressful.&#8221; And his conclusion was just as strong: &#8220;Some of the deepest GUI features conflict with our wiring. So they can&#8217;t be fixed....<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2010/10/28/the-humane-interface/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/cat_doublecursor.jpg"><img
class="alignnone size-thumbnail wp-image-2354" title="cat_doublecursor" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/cat_doublecursor-436x327.jpg" alt="" width="436" height="327" /></a></p><p>In 1993 <a
href="http://en.wikipedia.org/wiki/Jef_Raskin">Jef Raskin</a> wrote the article <a
href="http://www.wired.com/wired/archive/1.06/1.6_guis.html">Down With GUIs!</a> in which he decried the state of user interfaces. He started with a bang: &#8220;Bluntly: Graphical User Interfaces (GUIs) are not human-compatible. As long as we hang on to interfaces as we now know them, computers will remain inherently frustrating, upsetting, and stressful.&#8221; And his conclusion was just as strong: &#8220;Some of the deepest GUI features conflict with our wiring. So they can&#8217;t be fixed. Like bad governments, they are evil, well entrenched, and must be overthrown.&#8221;</p><p>Jef may be best known for starting the Macintosh project, but more out-of-time interesting are his interface concepts, which he wrote about in <a
href="http://www.amazon.com/gp/product/0201379376?ie=UTF8&amp;tag=inventiintera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0201379376">The Humane Interface</a><img
style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.com/e/ir?t=inventiintera-20&amp;l=as2&amp;o=1&amp;a=0201379376" border="0" alt="" width="1" height="1" />. His <a
href="http://nitpicker.pbworks.com/The+Humane+Interface">design rules</a> were smart and as relevant today as ever: &#8220;the product should only help and never distract you from the task&#8221;; &#8220;To make an interface habituating, it must be modeless &#8230; [and] monotonous&#8221;; and &#8220;The suitability of an interface can only be determined by testing.&#8221;</p><p>But some of his other ideas were so out-of-step with what was happening at the time that they baffled users. He proposed a world with no applications and no files, just the user&#8217;s content. And to manipulate this world users would &#8220;leap.&#8221; It was one of the fundamental ideas in his interfaces, and it was never embraced by users. Leap let users move around in a document faster, he claimed, than using a mouse. His <a
href="http://en.wikipedia.org/wiki/Canon_Cat">Canon Cat</a> system implemented leaping with two distinctive keys below the spacebar &#8212; which ended up making the machine feel like it was from another world. He further evolved the OS with <a
href="http://en.wikipedia.org/wiki/Archy">Archy</a> &#8212; but, sadly, its development stalled after his death in 2005.</p><p>Perhaps these interaction concepts were too revolutionary for people to really understand. Either that, or they were just eccentric curiosities. In either case, his question-everything approach was pretty amazing and admirable. His attitude may have been a bit aggressive and confrontational, but it was insightful and pointed out real problems. Hey &#8211; maybe it&#8217;s time to question developing <a
href="http://en.wikipedia.org/wiki/Natural_user_interface">NUI</a> conventions before it&#8217;s too late&#8230;</p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/800px-Canon_Cat.jpg"><img
class="alignnone size-thumbnail wp-image-2360" title="800px-Canon_Cat" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/800px-Canon_Cat-436x327.jpg" alt="" width="436" height="327" /></a></p><div
id="attachment_2355" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/Leaping_in_the_Archy_interface.png"><img
class="size-thumbnail wp-image-2355" title="Leaping_in_the_Archy_interface" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/Leaping_in_the_Archy_interface-436x327.png" alt="" width="436" height="327" /></a><p
class="wp-caption-text">Archy interface</p></div><p><object
id="VideoPlayback" style="width: 400px; height: 326px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="src" value="http://video.google.com/googleplayer.swf?docid=-3953309968260107254&amp;hl=en&amp;fs=true" /><param
name="allowfullscreen" value="true" /><embed
id="VideoPlayback" style="width: 400px; height: 326px;" type="application/x-shockwave-flash" width="100" height="100" src="http://video.google.com/googleplayer.swf?docid=-3953309968260107254&amp;hl=en&amp;fs=true" allowfullscreen="true"></embed></object></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/12/21/imageflow-streaming-3d-image-search/" rel="bookmark" title="ImageFlow: Streaming 3D Image Search"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/12/imageflow_right-100x70.png" class="attachment-related_thumb wp-post-image" alt="ImageFlow: Query for &quot;Iron Man&quot;" title="imageflow_right" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/12/21/imageflow-streaming-3d-image-search/" rel="bookmark" >ImageFlow: Streaming 3D Image Search</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/01/25/symbolics-keyboard/" rel="bookmark" title="Symbolics Keyboard"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/01/800px-Symbolics-keyboard-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Symbolics Keyboard, from Wikipedia" title="800px-Symbolics-keyboard" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/01/25/symbolics-keyboard/" rel="bookmark" >Symbolics Keyboard</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/06/28/two-tabletops/" rel="bookmark" title="Two Tabletops"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/06/light02-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Augmented Shadow" title="light02" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/06/28/two-tabletops/" rel="bookmark" >Two Tabletops</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2010/10/28/the-humane-interface/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Happy Birthday Media Lab!</title><link>http://www.inventinginteractive.com/2010/10/14/happy-birthday-media-lab/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=happy-birthday-media-lab</link> <comments>http://www.inventinginteractive.com/2010/10/14/happy-birthday-media-lab/#comments</comments> <pubDate>Fri, 15 Oct 2010 05:26:22 +0000</pubDate> <dc:creator>David</dc:creator> <category><![CDATA[Past]]></category> <category><![CDATA[anniversary]]></category> <category><![CDATA[celebration]]></category> <category><![CDATA[Connection Machine]]></category> <category><![CDATA[David Small]]></category> <category><![CDATA[design research]]></category> <category><![CDATA[Jacqueline Casey]]></category> <category><![CDATA[mission statement]]></category> <category><![CDATA[MIT]]></category> <category><![CDATA[MIT Architecture Machine Group]]></category> <category><![CDATA[MIT Media Lab]]></category> <guid
isPermaLink="false">http://www.inventinginteractive.com/?p=2250</guid> <description><![CDATA[Today, the MIT Media Lab starts its big 25th anniversary bash. And I&#8217;m sad that I&#8217;m missing the event. But the next best thing to being there is reminiscing, right? Twenty years ago, when I was a student there, the Lab was celebrating its 5th anniversary. As part of the schwag for the party, the Lab printed a book. It wasn&#8217;t big, just 6&#215;6 inches and 32 pages, but it perfectly captured the mood and...<br
/>&#160;<br
/><a
href="http://www.inventinginteractive.com/2010/10/14/happy-birthday-media-lab/">Read the rest...</a>]]></description> <content:encoded><![CDATA[<p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_02.jpg"><img
class="alignnone size-thumbnail wp-image-2272" title="medialab_at_5_02" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_02-436x213.jpg" alt="" width="436" height="213" /></a></p><p>Today, the <a
href="http://media.mit.edu/">MIT Media Lab</a> starts its big 25th anniversary bash. And I&#8217;m sad that I&#8217;m missing the event. But the next best thing to being there is reminiscing, right?</p><p>Twenty years ago, when I was a student there, the Lab was celebrating its 5th anniversary. As part of the schwag for the party, the Lab printed a book. It wasn&#8217;t big, just 6&#215;6 inches and 32 pages, but it perfectly captured the mood and energy of the time.</p><p>The opening spread was an image, by David Small and <a
href="http://blog.eyemagazine.com/?p=28">Jacqueline Casey</a>, of several 5s. It was rendered on the Lab&#8217;s <a
href="http://en.wikipedia.org/wiki/Connection_Machine">Connection Machine</a> running a simulation of pigments and water on paper fibers. The areas where the paper was most wet was shown using a varnish layer &#8212; this pattern was also used for the texture of the book&#8217;s cover. If you&#8217;re looking for trivia, the &#8220;watercolor&#8221; code used to generate the image was also used for a blood-splatter effect in Bob Sabiston&#8217;s <em><a
href="http://www.youtube.com/watch?v=7sCc1LAfS3Q">Grinning Evil Death</a></em>.</p><p>The Lab&#8217;s Mission Statement is as appropriate now as it was then &#8212; not just for the Lab but for all of us:</p><blockquote><p>&#8220;Our charter is to invent and creatively exploit new media for human well-being and individual satisfaction without regard for present-day constraints. We employ super-computers and extraordinary input-output apparatus to experiment today with notions that will be common technologies tomorrow in areas as diverse as music and learning, entertainment, film, and quality of life in the coming electronic millennium. The not-so-hidden agenda is to drive technological inventions and break engineering deadlocks with new perspectives and demanding applications.&#8221;</p></blockquote><p>Happy Birthday Media Lab.</p><p><em>(Below are a selection of pages from the book.)</em></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_03.jpg"><img
class="alignnone size-thumbnail wp-image-2274" title="medialab_at_5_03" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_03-436x214.jpg" alt="" width="436" height="214" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_04.jpg"><img
class="alignnone size-thumbnail wp-image-2275" title="medialab_at_5_04" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_04-436x214.jpg" alt="" width="436" height="214" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_05.jpg"><img
class="alignnone size-thumbnail wp-image-2276" title="medialab_at_5_05" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_05-436x214.jpg" alt="" width="436" height="214" /></a></p><div
id="attachment_2277" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_06.jpg"><img
class="size-thumbnail wp-image-2277" title="medialab_at_5_06" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_06-436x214.jpg" alt="" width="436" height="214" /></a><p
class="wp-caption-text">Nicholas Negroponte</p></div><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_07.jpg"><img
class="alignnone size-thumbnail wp-image-2278" title="medialab_at_5_07" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_07-436x214.jpg" alt="" width="436" height="214" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_08.jpg"><img
class="alignnone size-thumbnail wp-image-2279" title="medialab_at_5_08" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_08-436x214.jpg" alt="" width="436" height="214" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_09.jpg"><img
class="alignnone size-thumbnail wp-image-2280" title="medialab_at_5_09" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_09-436x214.jpg" alt="" width="436" height="214" /></a></p><div
id="attachment_2281" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_10.jpg"><img
class="size-thumbnail wp-image-2281" title="medialab_at_5_10" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_10-436x214.jpg" alt="" width="436" height="214" /></a><p
class="wp-caption-text">Stephen Benton</p></div><div
id="attachment_2282" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_11.jpg"><img
class="size-thumbnail wp-image-2282" title="medialab_at_5_11" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_11-436x214.jpg" alt="" width="436" height="214" /></a><p
class="wp-caption-text">Walter Bender</p></div><div
id="attachment_2283" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_12.jpg"><img
class="size-thumbnail wp-image-2283 " title="medialab_at_5_12" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_12-436x214.jpg" alt="" width="436" height="214" /></a><p
class="wp-caption-text">Muriel Cooper and Ron MacNeil</p></div><div
id="attachment_2288" class="wp-caption alignnone" style="width: 446px"><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_161.jpg"><img
class="size-thumbnail wp-image-2288" title="medialab_at_5_16" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_161-436x214.jpg" alt="" width="436" height="214" /></a><p
class="wp-caption-text">Andrew Lippman</p></div><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_13.jpg"><img
class="alignnone size-thumbnail wp-image-2284" title="medialab_at_5_13" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_13-436x214.jpg" alt="" width="436" height="214" /></a></p><p><a
href="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_15.jpg"><img
class="alignnone size-thumbnail wp-image-2286" title="medialab_at_5_15" src="http://www.inventinginteractive.com/wp-content/uploads/2010/10/medialab_at_5_15-436x214.jpg" alt="" width="436" height="214" /></a></p><h4 class="ver small">Related Posts</h4><div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/02/01/information-landscapes/" rel="bookmark" title="Muriel Cooper: Information Landscapes"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/01/financials_021-100x70.gif" class="attachment-related_thumb wp-post-image" alt="Financial Viewpoints, by Lisa Strausfeld" title="financials_02" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/02/01/information-landscapes/" rel="bookmark" >Muriel Cooper: Information Landscapes</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/03/18/aspen-movie-map/" rel="bookmark" title="Aspen Movie Map"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/03/Aspen_armchair-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="Aspen_armchair" title="Aspen_armchair" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/03/18/aspen-movie-map/" rel="bookmark" >Aspen Movie Map</a><br>&nbsp;</div></div><div
style="width:100px; margin-left: 8px; float: left; font-size: 1.1em;"><div> <a
href="http://www.inventinginteractive.com/2010/07/08/reactive-books/" rel="bookmark" title="Reactive Books"><img
width="100" height="70" src="http://www.inventinginteractive.com/wp-content/uploads/2010/07/square_book-100x70.jpg" class="attachment-related_thumb wp-post-image" alt="square_book" title="square_book" /></a></div><div> <a
href="http://www.inventinginteractive.com/2010/07/08/reactive-books/" rel="bookmark" >Reactive Books</a><br>&nbsp;</div></div></div> ]]></content:encoded> <wfw:commentRss>http://www.inventinginteractive.com/2010/10/14/happy-birthday-media-lab/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
