<?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; apple</title>
	<atom:link href="http://stackedui.com/tag/apple/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>Apple Trackpad (example)</title>
		<link>http://stackedui.com/2010/04/apple-trackpad-example/</link>
		<comments>http://stackedui.com/2010/04/apple-trackpad-example/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 21:29:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[gestures]]></category>
		<category><![CDATA[not-a-SUI]]></category>
		<category><![CDATA[sui-cube]]></category>
		<category><![CDATA[trackpad]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=545</guid>
		<description><![CDATA[When I have talked with people about my &#8220;stacking&#8221; concept, the new Apple Trackpad pops up in conversation right away. It seems to be an obvious real-world example of stacking interfaces into a single device. I understand why people think of this device right away because it is Apple&#8217;s daring design decision that has provoked ]]></description>
			<content:encoded><![CDATA[<p>When I have talked with people about my &#8220;stacking&#8221; concept, the new Apple Trackpad pops up in conversation right away. It seems to be an obvious real-world example of stacking interfaces into a single device. I understand why people think of this device right away because it is Apple&#8217;s daring design decision that has provoked people to think &#8220;Do I really need a separate button?&#8221;. The Apple Trackpad is almost a larger version of the <a href="http://stackedui.com/2010/04/finished-sui-cube/">SUI Cube</a> I am now testing. It is a large button that is touch sensitive on the top! More investigation is necessary though&#8230;</p>
<div id="attachment_547" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-real.jpg"><img class="size-full wp-image-547" title="apple-trackpad-real" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-real.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad</p></div>
<p>The lower layer of interaction in the trackpad is the button level. When you press down, it is the same result as if you clicked a mouse or tapped the trackpad: a mouse-click event is triggered. Since a press of the trackpad and a tap on the trackpad are both registered as the same event, it could be argued that this button level could be removed from the trackpad with no degradation of interaction. It is my thought that the button level was kept in the design to assist in those few occasions when only using a tap can make an interaction more difficult than using a button. Some interactions are more efficient and manually possible through the addition of physicality, instead of attempting to combine a string of touch motions that virtually create the same result.</p>
<p>Two ways of dragging an icon across the desktop (a simplified example):</p>
<ul>
<li>Move finger to place cursor on the icon, press down with left finger, use right finger to drag cursor across screen.</li>
<li>Or, move finger to place cursor on the icon, double-tap finger but hold the finger down on the second tap, move finger to drag cursor across the screen, tap finger again to release the double-tap-hold.</li>
</ul>
<p>The button level of the trackpad provides access to a single mouse event, click.</p>
<p><br class="spacer_" /></p>
<div id="attachment_546" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad: button level" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-button-level.jpg"><img class="size-full wp-image-546" title="apple-trackpad-button-level" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-button-level.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad: button level</p></div>
<p>The upper level of the Trackpad provides a plethora of interaction that goes beyond the assumed abilities of a typical trackpad. For full disclosure, I must admit that I do not have an Apple Trackpad and am only stating functionality from what I have witnessed or <a href="http://www.apple.com/macbookpro/features.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.apple.com/macbookpro/features.html?referer=');">seen online</a>.</p>
<p>All typical interactions are possible: tap, double-tap, drag. Apple expands on these interactions, though, through the use of a multi-touch trackpad: &#8220;right-click&#8221; when tap with second finger when first finger is already touching, two-finger scroll for a webpage, four-finger up to hide all open applications, four-finger down to show a small icon of each open application, pinch two fingers to zoom, rotate two fingers to rotate an image, hold your thumb down while moving your finger to perform a click-drag, press with two fingers for a &#8220;right-click&#8221;, three fingers swiped to the left or right to move back or forward while surfing the web, four fingers swiped left or right to open the Application Switcher&#8230; and on top of all that&#8230; you can customize all of these gestures through a preferences pane in the control panel!</p>
<div id="attachment_549" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad: touch level" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-touch-level.jpg"><img class="size-full wp-image-549" title="apple-trackpad-touch-level" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-touch-level.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad: touch level</p></div>
<p>The Apple Trackpad is not a SUI because it does not contain multiple interfaces. This was not an immediate verdict though. If the definition of &#8220;multiple interfaces&#8221; were stretched thinly, the answer could almost be &#8220;Yes&#8221; to the multiple interfaces question.</p>
<ul>
<li>The top layer provides cursor movement control, cursor event commands, and access to a limited set of gesture commands.</li>
<li>The bottom layer provides cursor event commands, too.</li>
</ul>
<p>Where the definition of &#8220;multiple interfaces&#8221; could be stretched, and I think where most people are convinced that it is a SUI, is how gestures are incorporated into the overall functionality of the trackpad. Without the gestures, the Apple Trackpad would without a doubt not be a SUI because of the absence of opposed interfaces. The button and touch-sensitivity are both controlling the same interface. With the inclusion of gestures in the top layer of interactions, the line that separates the interfaces becomes blurred, and the definition of &#8220;interface&#8221; becomes uncertain.</p>
<p>From my inexperienced understanding of the Apple Trackpad gestures, they are simply shortcuts or &#8220;quick-keys&#8221; to functionality that is attainable by other means. The gesture is providing the user with a quicker way of performing the function by allowing the user to maintain their hand position and not move their arm to press a button, or by eliminating multiple cursor movements and click commands. Because of this, I do not consider the gestures to be an interface. I do admit, though, that more investigation is necessary&#8230;</p>
<div id="attachment_548" class="wp-caption alignnone" style="width: 460px"><a title="Apple Trackpad: SUI levels" href="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-sui-levels.jpg"><img class="size-full wp-image-548" title="apple-trackpad-sui-levels" src="http://stackedui.com/wp-content/uploads/2010/03/apple-trackpad-sui-levels.jpg" alt="" width="450" height="234" /></a><p class="wp-caption-text">Apple Trackpad: SUI levels</p></div>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/apple-trackpad-example/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>iPod (example)</title>
		<link>http://stackedui.com/2010/04/ipod-example/</link>
		<comments>http://stackedui.com/2010/04/ipod-example/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 10:35:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Examples]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[ipod]]></category>
		<category><![CDATA[touch-sensing]]></category>

		<guid isPermaLink="false">http://stackedui.com/?p=533</guid>
		<description><![CDATA[The original iPod, now labeled &#8220;iPod Classic&#8221;, is an example of a simplified SUI interface. Using your finger, you can touch the jog wheel and move your finger in a circular motion. This interaction modifies a number of controls on the screen. It scrolls whichever list is visible on the screen. A clockwise motion scrolls ]]></description>
			<content:encoded><![CDATA[<p>The original iPod, now labeled &#8220;iPod Classic&#8221;, is an example of a simplified SUI interface.</p>
<div id="attachment_543" class="wp-caption alignnone" style="width: 310px"><a title="iPod Classic" href="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-real.jpg"><img class="size-full wp-image-543 " title="ipodclassic-real" src="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-real.jpg" alt="" width="300" height="347" /></a><p class="wp-caption-text">iPod Classic</p></div>
<p>Using your finger, you can touch the jog wheel and move your finger in a circular motion. This interaction modifies a number of controls on the screen.</p>
<ul>
<li>It scrolls whichever list is visible on the screen. A clockwise motion scrolls down, while a counter-clockwise motion scrolls up.</li>
<li>If a horizontal status bar is visible, it can adjust the current position in the status bar to the left or right (clockwise for right, counter-clockwise for left). This is used for adjusting the volume and adjusting the time position of the song.</li>
<li>If the star rating is visible, scrolling to the left or right with the jog wheel selects more or less stars.</li>
<li>To use the Genius playlist control, scrolling the jog wheel to the right moves a selection arrow control, that initializes the Genius feature.</li>
</ul>
<p>The jog wheel is typically used as the selection control for the iPod. The device does not have any type of pointing device to make selections, as someone is typically used to using on a desktop computer for example. Using the jog wheel as a selection interface is more apparent when trying to play Solitaire on the small device. Moving your finger to the left or right on the jog wheel moves a &#8220;selection hand&#8221; on the screen. The hand moves in a linear pattern allowing you to select a card to move in the game. This selection interaction on a desktop computer is strictly given to the mouse or trackpad to provide input.</p>
<div id="attachment_536" class="wp-caption alignnone" style="width: 310px"><a title="iPod Classic: touch level" href="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-wheel-level.jpg"><img class="size-full wp-image-536 " title="ipodclassic-wheel-level" src="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-wheel-level.jpg" alt="" width="300" height="347" /></a><p class="wp-caption-text">iPod Classic: touch level</p></div>
<p>Underneath the jog wheel are 4 buttons that provide more input to the iPod interaction.</p>
<ul>
<li>The top button (MENU) is typically used as a &#8220;back button&#8221;.</li>
<li>The right button is used to advance to the next song, or when held down, used to advance the current song by a few seconds.</li>
<li>The left button is used to go to the beginning of the current song, go back one song, or go back in time in the current song.</li>
<li>The bottom button is used play or pause the song.</li>
</ul>
<p>The middle button that is not underneath the jog wheel, and thus not included in the SUI interface, is used to advance through the menus or commit to an action.</p>
<div id="attachment_537" class="wp-caption alignnone" style="width: 310px"><a title="iPod Classic: button level" href="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-button-level.jpg"><img class="size-full wp-image-537" title="ipodclassic-button-level" src="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-button-level.jpg" alt="" width="300" height="347" /></a><p class="wp-caption-text">iPod Classic: button level</p></div>
<p>The iPod Classic represents a SUI interface:</p>
<ol>
<li>Multiple interfaces
<ol>
<li>Jog Wheel controls menu selection (scrolling through lists), and parameter adjustments (changing volume, place in song, star rating).</li>
<li>3 of 4 buttons control music playing</li>
<li>MENU button function is related to menu selection and not music playing.</li>
</ol>
</li>
<li>Interfaces occupy the same physical space.</li>
<li>Each interface can be independently controlled without interfering with the other interface.</li>
</ol>
<p>The iPod&#8217;s adherence to the SUI framework is weak for rule #1, though: there is not a strict separation of interface functions.</p>
<ul>
<li>One button in the lower layer is used in conjunction with the jog wheel in the upper layer.</li>
<li>The jog wheel can be used to adjust a music playing parameter.</li>
</ul>
<div id="attachment_538" class="wp-caption alignnone" style="width: 510px"><a title="iPod Classic: SUI levels" href="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-sui-levels.jpg"><img class="size-full wp-image-538" title="ipodclassic-sui-levels" src="http://stackedui.com/wp-content/uploads/2010/03/ipodclassic-sui-levels.jpg" alt="" width="500" height="219" /></a><p class="wp-caption-text">iPod Classic: SUI levels</p></div>
]]></content:encoded>
			<wfw:commentRss>http://stackedui.com/2010/04/ipod-example/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

