<?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>Helen&#039;s Dev Blog &#187; tabletop surface</title>
	<atom:link href="http://dev.cafegirl.org/tag/tabletop-surface/feed/" rel="self" type="application/rss+xml" />
	<link>http://dev.cafegirl.org</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 04 Feb 2010 21:02:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<meta xmlns="http://www.w3.org/1999/xhtml" name="robots" content="noindex,follow" />
		<item>
		<title>DavisTUI: Use Scenario &amp; Visual Design</title>
		<link>http://dev.cafegirl.org/2009/11/92/</link>
		<comments>http://dev.cafegirl.org/2009/11/92/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 19:57:55 +0000</pubDate>
		<dc:creator>Helen</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[CS349]]></category>
		<category><![CDATA[museum learning]]></category>
		<category><![CDATA[tabletop surface]]></category>
		<category><![CDATA[TUI]]></category>

		<guid isPermaLink="false">http://dev.cafegirl.org/?p=92</guid>
		<description><![CDATA[USE SCENARIOS
WHO
The system may be used by any visitor to the Davis Museum. This incorporates a wide range of demographics, including children, students, faculty/staff, and visitors to the college. As such, there is a wide range of ages and potential occupations to account for. Additionally, we will want the user interface to be as intuitive [...]]]></description>
			<content:encoded><![CDATA[<h2 style="font-size: 1.5em;"><strong>USE SCENARIOS</strong></h2>
<p><strong>WHO</strong></p>
<p>The system may be used by any visitor to the Davis Museum. This incorporates a wide range of demographics, including children, students, faculty/staff, and visitors to the college. As such, there is a wide range of ages and potential occupations to account for. Additionally, we will want the user interface to be as intuitive and relatable to real life as possible, because there may be a wide gap in computer skills and comfort with technology.</p>
<p><strong>WHAT</strong></p>
<p>The system has four main functions: the user can choose to search the collection by different criteria. They can choose an individual work to look at, and can respond to prompts about the piece or see responses by other visitors to the piece. Notably, they can move pieces across the screen to share them with other users.</p>
<p><strong>HOW</strong></p>
<ol>
<li><em>Choose certain criteria by which to search the collection</em><br />
In its native state, there is a “word cloud” in the center of the Surface which displays the themes by which the works are sorted in the collection. To change the way in which these works are being sorted, the user will pick up a token and place it on the surface, at which point the word cloud will change to reflect the search and its results. The tokens will represent groupings such as time periods, place of origin, medium, etc.</li>
<li><em>Choose artwork to look at</em><br />
From the word cloud, the user will drag the word of interest to their “space.” After holding their finger still for a moment, the related images will populate around it, and using their other finger they can “drag” the image of interest out of the cloud, at which point it will act as an independent object on the Surface. After dragging out as many works as the user desires, the user will release the word and it will return to its position in the cloud.</p>
<p>Alternatively, if you have already visited a piece and picked up its corresponding postcard, placing the postcard on the Surface is tantamount to having pulled out its digital version.</li>
<li><em>Respond to prompts associated with the artwork</em><br />
When the visitor touches an isolated piece which has previously been chosen from the cloud, a “speech bubble” will populate from the work with a prompt for the user to respond to. Depending on the prompt, the user will be invited to either “draw” on the painting itself, or on the speech bubble, below where the text appears. Using the eraser tool, they can correct their response at any time during the interaction. In order to invite others to respond to the same prompt, the user can either flick the piece in their direction or create duplicate speech bubbles which others can interact with.</p>
<p>If the user is interacting with a postcard version of a piece, pressing down on the postcard will cause the speech bubble to appear to the right of the postcard, and all of the other interactions will take place as above. Notably, you are limited from painting on the postcard, so the system will determine whether or not it is a postcard and will adjust the prompts accordingly.</li>
<li><em>See responses of other visitors to the artwork</em><br />
On the speech bubbles, there will also be an icon in the corner depicting three people in a group. Upon pressing that icon, other peoples’ responses will branch out from the speech bubble, which the user can enlarge individually.</li>
</ol>
<p><strong>WHERE</strong></p>
<p>The Surfaces will be positioned in the lobby by the entrance to the gallery, so that users are invited to interact with them while preparing to enter the gallery as well as preparing to leave.</p>
<p><strong> </strong></p>
<p><strong>WHY</strong></p>
<p>Currently the museum has problems with (1) attracting visitors, (2) providing information about the work’s location and its context, (3) engaging visitors in critical thinking over the course of their museum visit, and (4) encouraging contemplation and sharing about their experience after their visit. By placing Surfaces invitingly in the lobby, where users shape their first impressions about the museum and its collections, as well as where they must pass through to enter and exit, the visitors will be engaged by the Surfaces even before they view the galleries, and will be encouraged to reflect on them afterwards.</p>
<h2 style="font-size: 1.5em;"><strong>VISUAL DESIGN</strong></h2>
<p><strong> </strong></p>
<p>Spatial Layout<br />
<img class="size-full wp-image-93 alignnone" title="Untitled1" src="http://dev.cafegirl.org/uploads/2009/11/Untitled11.png" alt="Untitled1" width="341" height="215" /></p>
<p>Tokens<br />
<img class="size-full wp-image-94 alignnone" title="Untitled2" src="http://dev.cafegirl.org/uploads/2009/11/Untitled21.png" alt="Untitled2" width="352" height="228" /></p>
<h2><strong>STORYBOARD (and VISUAL DESIGN cont’d)</strong></h2>
<ol>
<li><strong>Choose certain criteria by which to search the collection:<br />
<span style="font-weight: normal; "><img class="size-full wp-image-95 alignright" title="Untitled3" src="http://dev.cafegirl.org/uploads/2009/11/Untitled3.png" alt="Untitled3" width="261" height="217" /><br />
In its native state, there is a “word cloud” in the center of the Surface which displays the themes by which the artworks are sorted in the collection. To change the way in which these works are being sorted, the user will pick up a token and place it on the surface, at which point the word cloud will change to reflect the search and its results. The tokens will represent groupings such as time periods, place of origin, medium, etc.</p>
<p></span></strong></li>
<li><strong><span style="font-weight: normal; "><strong>Choose artwork to look at:<br />
<span style="font-weight: normal; "><img class="size-full wp-image-96 alignright" title="Untitled4" src="http://dev.cafegirl.org/uploads/2009/11/Untitled4.png" alt="Untitled4" width="249" height="218" /><br />
From the word cloud, the user will drag the word of interest to their “space.” After holding their finger still for a moment, the related images will populate around it, and using their other finger they can “drag” the image of interest out of the cloud, at which point it will act as an independent object on the Surface. After dragging out as many works as the user desires, the user will release the word and it will return to its position in the cloud.<br />
<strong><br />
</strong></span></strong></span></strong></li>
<li><strong><span style="font-weight: normal; "><strong><span style="font-weight: normal; "><strong>Respond to prompts associated with the artwork:<br />
<span style="font-weight: normal; "><img class="size-full wp-image-97 alignright" title="Untitled5" src="http://dev.cafegirl.org/uploads/2009/11/Untitled5.png" alt="Untitled5" width="242" height="207" /><br />
When the visitor touches an isolated artwork which has previously been chosen from the cloud, a “speech bubble” will populate from the work with a prompt for the user to respond to. Depending on the prompt, the user will be invited to either “draw” on the painting itself, or on the speech bubble, below where the text appears. Using the eraser tool, they can correct their response at any time during the interaction. In order to invite others to respond to the same prompt, the user can either flick the piece in their direction or create duplicate speech bubbles which others can interact with.<br />
<strong><br />
</strong></span></strong></span></strong></span></strong></li>
<li><strong><span style="font-weight: normal; "><strong><span style="font-weight: normal; "><strong><span style="font-weight: normal; "><strong>See responses of other visitors to the artwork:<br />
<span style="font-weight: normal; "><img class="alignright" style="border: 0px initial initial;" title="Untitled6" src="http://dev.cafegirl.org/uploads/2009/11/Untitled6.png" alt="Untitled6" width="283" height="223" /><br />
On the speech bubbles, there will also be an icon in the corner depicting three people in a group. Upon pressing that icon, other peoples’ responses will branch out from the speech bubble, which the user can enlarge individually.</span></strong></span></strong></span></strong></span></strong></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://dev.cafegirl.org/2009/11/92/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
