<?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>Open Screens &#187; Journals</title>
	<atom:link href="http://openscreens.com/contents/journals/feed" rel="self" type="application/rss+xml" />
	<link>http://openscreens.com</link>
	<description>user experience design, interaction design, and ubicomp</description>
	<lastBuildDate>Sun, 30 Aug 2009 02:58:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A Plan for Redesigning a Messy Website</title>
		<link>http://openscreens.com/journals/a-plan-for-redesigning-a-messy-website</link>
		<comments>http://openscreens.com/journals/a-plan-for-redesigning-a-messy-website#comments</comments>
		<pubDate>Fri, 14 Nov 2008 16:05:02 +0000</pubDate>
		<dc:creator>michael</dc:creator>
				<category><![CDATA[Journals]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://openscreens.com/?p=250</guid>
		<description><![CDATA[I am now actively engaged in redesigning a website for a government entity that in its current state is nothing short of a Rubik&#8217;s Cube. I am now in process of breaking the cube apart in order to put it back together again. Here is an outline of my plan to improve the website user [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_254" class="wp-caption alignright" style="width: 240px"><a href="http://openscreens.com/media/2008/11/disassembled-rubix-1.jpg"><img class="size-medium wp-image-254  " title="Disassembled Rubik's Cube" src="http://openscreens.com/media/2008/11/disassembled-rubix-1-500x375.jpg" alt="Disassembled Rubik's Cube" width="230" height="173" /></a><p class="wp-caption-text">Disassembled Rubik</p></div>
<p>I am now actively engaged in redesigning a website for a government entity that in its current state is nothing short of a Rubik&#8217;s Cube. I am now in process of breaking the cube apart in order to put it back together again. Here is an outline of my plan to improve the website user experience:</p>
<p><strong>Principles Based Audit</strong> &#8211; &#8220;Walk&#8221; through the existing website and identify interaction issues by qualifying them against a list of design principles. The design principles are adapted from <span id="more-250"></span> Cooper&#8217;s book &#8220;About Face 3&#8243;.</p>
<p><strong>Personas</strong> &#8211; Idenitify <strong>who</strong> the target audience is and <strong>what</strong> activities they are engaged in. Identify each persona&#8217;s motivations and intent; identify value(s) that can improve user interaction with the website.</p>
<p><strong>Information architecture</strong> &#8211; Taxonomies &amp; Vocabularies. Discover, break, and redesign how the content is organized by leveraging user goals and stories.</p>
<p><strong>Stories</strong> - Interaction narratives that illustrate how a persona uses the application to perform an action.</p>
<p><strong>Principles Influenced Changes</strong> &#8211; UI sketches, paper prototypes, wireframe clickthroughs.</p>
<p><strong>Brand Words</strong> &#8211; Leaning towards &#8220;Mature&#8221;, &#8220;Secure&#8221;, &#8220;Stable&#8221;.</p>
<p><strong>How do we want the audience to feel?</strong> &#8211; &#8220;Supported&#8221;, &#8220;Guided&#8221;, &#8220;Understood&#8221;.</p>
<p><strong>Visual Language</strong> &#8211; Comps (a.k.a., mockups)</p>
<p><strong>Integrate Visual Design with New Interaction</strong> &#8211; High-fidelity comps of primary and secondary layouts and component interactions.</p>
<p><strong>Integrate New Interaction with Technology</strong> &#8211; Support the Developers as they hook it all in.</p>
<p><strong>Wash, Rinse, Repeat</strong> &#8211; Continuously improve.</p>
]]></content:encoded>
			<wfw:commentRss>http://openscreens.com/journals/a-plan-for-redesigning-a-messy-website/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open Tangible User Interfaces (TUIs)</title>
		<link>http://openscreens.com/journals/open-tuis</link>
		<comments>http://openscreens.com/journals/open-tuis#comments</comments>
		<pubDate>Sun, 26 Oct 2008 17:14:45 +0000</pubDate>
		<dc:creator>michael</dc:creator>
				<category><![CDATA[Journals]]></category>
		<category><![CDATA[tangibility]]></category>

		<guid isPermaLink="false">http://openscreens.com/?p=17</guid>
		<description><![CDATA[I recently discovered one of the most beautiful quotes about the human condition as we make the transition from mobile touchscreen user interfaces to TUIs:
&#8220;At the seashore, between the land of atoms and the sea of bits, we are now facing the challenge of reconciling our dual citizenship in the physical and digital worlds. Our windows [...]]]></description>
			<content:encoded><![CDATA[<p>I recently discovered one of the most beautiful quotes about the human condition as we make the transition from mobile touchscreen user interfaces to <abbr title="Tangible User Interfaces">TUIs</abbr>:</p>
<div id="attachment_29" class="wp-caption alignright" style="width: 240px"><a title="Watch a demo of Reactable on YouTube" href="http://openscreens.com/media/2008/11/demo2_basic1.mp4"><img class="size-medium wp-image-29   " title="Reactable: tangible multi-touch interface" src="http://openscreens.com/media/2008/11/reactableicmc03-500x375.jpg" alt="reactable" width="230" height="173" /></a><p class="wp-caption-text">Reactable: tangible multi-touch interface</p></div>
<blockquote><p>&#8220;At the seashore, between the land of atoms and the sea of bits, we are now facing the challenge of reconciling our dual citizenship in the physical and digital worlds. Our windows to the digital world have been confined to flat rectangular screens and pixels, or &#8216;painted bits.&#8217; While our visual senses are steeped in the sea of digital information, our bodies remain in the physical world. The vision of Tangible Bits is to provide seamless coupling between these two very different worlds of bits and atoms.&#8221; — Hiroshi Ishii</p></blockquote>
<p>Source: <a href="http://www.thefeaturearchives.com/topic/Technology/Tangible_Bits.html">Tangible Bits</a> by Howard Rheingold</p>
]]></content:encoded>
			<wfw:commentRss>http://openscreens.com/journals/open-tuis/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://openscreens.com/media/2008/11/demo2_basic1.mp4" length="16756847" type="video/mp4" />
<enclosure url="http://openscreens.com/media/2008/11/demo2_basic1.mp4" length="16756847" type="video/mp4" />
		</item>
	</channel>
</rss>
