<?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>Stacked User Inputs &#187; keyboard</title>
	<atom:link href="http://stackedui.com/tag/keyboard/feed/" rel="self" type="application/rss+xml" />
	<link>http://stackedui.com</link>
	<description>the story of a Masters Thesis for Interaction Design in Malmö Sweden</description>
	<lastBuildDate>Tue, 18 Jan 2011 07:49:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Aftertouch (example)</title>
		<link>http://stackedui.com/2010/04/aftertouch-example/</link>
		<comments>http://stackedui.com/2010/04/aftertouch-example/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 08:24:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[aftertouch]]></category>
		<category><![CDATA[key]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[not-a-SUI]]></category>
		<category><![CDATA[piano]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=552</guid>
		<description><![CDATA[&#8220;Aftertouch&#8221; is pressure sensitivity on an electronic synthesizer, allowing the musician to change the tone or sound of a note after it is struck [Wiktionary]. For example, it could allow a musician to slightly bend the tone of a note or slowly add vibrato to a tone, by simply pressing a little harder while holding ]]></description>
			<content:encoded><![CDATA[<p>&#8220;Aftertouch&#8221; is pressure sensitivity on an electronic synthesizer, allowing the musician to change the tone or sound of a note after it is struck [<a href="http://en.wiktionary.org/wiki/aftertouch" target="_blank" onclick="pageTracker._trackPageview('/outgoing/en.wiktionary.org/wiki/aftertouch?referer=');">Wiktionary</a>]. For example, it could allow a musician to slightly bend the tone of a note or slowly add vibrato to a tone, by simply pressing a little harder while holding down the key to sustain the note.</p>
<p>(I can not confirm that the photos used for this example are from an aftertouch-enabled keyboard. I am using these photos for demonstration purposes only.)</p>
<div id="attachment_555" class="wp-caption alignnone" style="width: 460px"><a title="Keyboard Aftertouch" href="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-real.jpg"><img class="size-full wp-image-555 " title="aftertouch-real" src="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-real.jpg" alt="" width="450" height="255" /></a><p class="wp-caption-text">Keyboard Aftertouch</p></div>
<p>The top layer of a keyboard is the obvious and most visible layer: the tone-producing key &#8220;button&#8221;. When a key is pressed, a tone is produced. Depending how advanced the keyboard is, would determine how much control the musician can have on producing the tone. For example, on more technologically advanced keyboards (and usually much more expensive), a musician could produce a tone of varied loudnesses, or varied percussive attacks of the tone. Versus, a cheaper keyboard that produces the same loudness and attack no matter how differently you press the key.</p>
<p>All of these elements pertain to the tone-producing layer of interaction on a keyboard.</p>
<div id="attachment_554" class="wp-caption alignnone" style="width: 460px"><a title="Keyboard Aftertouch: button level" href="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-button.jpg"><img class="size-full wp-image-554 " title="aftertouch-button" src="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-button.jpg" alt="" width="450" height="255" /></a><p class="wp-caption-text">Keyboard Aftertouch: button level</p></div>
<p>The &#8220;aftertouch&#8221; layer of interaction occurs only after a tone is produced in the upper layer. Presumably there are sensors underneath the key that determine when it is pressed to produce a tone, and also sense when slightly more pressure is given to the press to activate aftertouch. Aftertouch can only be activated once a tone is generated. This fact breaks one of the rules of determining a SUI: interface independence. The upper layer of interaction must be used in order to get to the lower layer of interaction.</p>
<div id="attachment_557" class="wp-caption alignnone" style="width: 460px"><a title="Keyboard Aftertouch: touch level" href="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-touch.jpg"><img class="size-full wp-image-557 " title="aftertouch-touch" src="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-touch.jpg" alt="" width="450" height="255" /></a><p class="wp-caption-text">Keyboard Aftertouch: touch level</p></div>
<p>Aftertouch is not a SUI for multiple reasons:</p>
<ul>
<li>Multiple interfaces? The upper layer produces a tone, while the lower layer augments the tone. Both are related and interfacing with the tone generating interface of the keyboard. Are opposed interfaces necessary for a SUI?</li>
<li>Both interfaces described here occupy the same physical space, but it is unclear whether the interfaces described here are separate and plural.</li>
<li>There is no interface independence. Aftertouch can not be activated without first interacting with the upper layer of interaction.</li>
</ul>
<div id="attachment_556" class="wp-caption alignnone" style="width: 460px"><a title="Keyboard Aftertouch: SUI levels" href="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-sui-levels.jpg"><img class="size-full wp-image-556 " title="aftertouch-sui-levels" src="http://stackedui.com/wp-content/uploads/2010/03/aftertouch-sui-levels.jpg" alt="" width="450" height="255" /></a><p class="wp-caption-text">Keyboard Aftertouch: SUI levels</p></div>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/aftertouch-example/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TRKBRD (example)</title>
		<link>http://stackedui.com/2010/03/trkbrd-example/</link>
		<comments>http://stackedui.com/2010/03/trkbrd-example/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 10:28:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[trackpad]]></category>
		<category><![CDATA[trkbrd]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=569</guid>
		<description><![CDATA[I place the TRKBRD design as the &#8220;ground zero&#8221; example of Stacked User Inputs (SUI). This prototype sparked the SUI for me, and inspired me to investigate it more for my final thesis. The hardware design of the TRKBRD places an invisible light field over the keyboard, thus creating a &#8220;touch field&#8221; on top of ]]></description>
			<content:encoded><![CDATA[<p>I place the TRKBRD design as the &#8220;ground zero&#8221; example of Stacked User Inputs (SUI). This prototype sparked the SUI for me, and inspired me to investigate it more for my final thesis.</p>
<p>The hardware design of the TRKBRD places an invisible light field over the keyboard, thus creating a &#8220;touch field&#8221; on top of the entire keyboard.</p>
<p><br class="spacer_" /></p>
<div id="attachment_576" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Top View" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-top-real.jpg"><img class="size-full wp-image-576 " title="trkbrd-top-real" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-top-real.jpg" alt="" width="450" height="319" /></a><p class="wp-caption-text">TRKBRD Top View</p></div>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>The purple area below is the &#8220;button level&#8221; of the SUI, where a user can interact with the keyboard input.</p>
<p><br class="spacer_" /></p>
<div id="attachment_575" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Top View: button level" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-top-button-level.jpg"><img class="size-full wp-image-575 " title="trkbrd-top-button-level" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-top-button-level.jpg" alt="" width="450" height="319" /></a><p class="wp-caption-text">TRKBRD Top View: button level</p></div>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>The orange area is the &#8220;touch level&#8221; of the SUI, where a user can interact with the cursor and control the cursor position and action.</p>
<p><br class="spacer_" /></p>
<div id="attachment_577" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Top View: touch level" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-top-touch-level.jpg"><img class="size-full wp-image-577 " title="trkbrd-top-touch-level" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-top-touch-level.jpg" alt="" width="450" height="319" /></a><p class="wp-caption-text">TRKBRD Top View: touch level</p></div>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<div id="attachment_572" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Side View" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-real.jpg"><img class="size-full wp-image-572 " title="trkbrd-side-real" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-real.jpg" alt="" width="450" height="279" /></a><p class="wp-caption-text">TRKBRD Side View</p></div>
<p><br class="spacer_" /></p>
<p>Physical button level of the SUI.</p>
<p><br class="spacer_" /></p>
<div id="attachment_571" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Side View: button level" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-button.jpg"><img class="size-full wp-image-571 " title="trkbrd-side-button" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-button.jpg" alt="" width="450" height="279" /></a><p class="wp-caption-text">TRKBRD Side View: button level</p></div>
<p><br class="spacer_" /></p>
<p>Invisible touch field level of the SUI.</p>
<p><br class="spacer_" /></p>
<div id="attachment_574" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Side View: touch level" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-touch.jpg"><img class="size-full wp-image-574 " title="trkbrd-side-touch" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-touch.jpg" alt="" width="450" height="279" /></a><p class="wp-caption-text">TRKBRD Side View: touch level</p></div>
<p><br class="spacer_" /></p>
<p>Both levels, creating two independent levels of interaction, controlling two independent inputs for the portable computer.</p>
<p><br class="spacer_" /></p>
<div id="attachment_573" class="wp-caption alignnone" style="width: 460px"><a title="TRKBRD Side View: SUI levels" href="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-sui-levels.jpg"><img class="size-full wp-image-573 " title="trkbrd-side-sui-levels" src="http://stackedui.com/wp-content/uploads/2010/03/trkbrd-side-sui-levels.jpg" alt="" width="450" height="279" /></a><p class="wp-caption-text">TRKBRD Side View: SUI levels</p></div>
<p><br class="spacer_" /></p>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/03/trkbrd-example/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

