<?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>Sypraseuth Vandy &#124; Portfolio</title>
	<atom:link href="http://www.sypvandy.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sypvandy.com</link>
	<description></description>
	<lastBuildDate>Tue, 22 Nov 2011 19:37:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Social Media in Contact Centers</title>
		<link>http://www.sypvandy.com/portfolio/capstone-project-work?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=capstone-project-work</link>
		<comments>http://www.sypvandy.com/portfolio/capstone-project-work#comments</comments>
		<pubDate>Mon, 22 Aug 2011 08:33:58 +0000</pubDate>
		<dc:creator>svandy624</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sypvandy.com/wordpress/?p=45</guid>
		<description><![CDATA[Role: Project Manager Size: 6 MHCI Students Client: Novabase Collab Duration: 1 year (in progress) Skills: User Research &#124; Prototyping &#38; Development &#124; Branding Methods: Contextual Inquiry &#124; Personas &#38; Scenarios &#124; Fly-on-the-Wall Observation &#124; Cultural Probes Download Full Report (Part I &#8211; Spring 2011) * best viewed in a PDF viewer as 2-page continuous layout [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Role:</strong> Project Manager<br />
<strong>Size:</strong> 6 MHCI Students<br />
<strong>Client:</strong> Novabase Collab<br />
<strong>Duration:</strong> 1 year (in progress)<br />
<strong>Skills:</strong> User Research | Prototyping &amp; Development | Branding<br />
<strong>Methods:</strong> Contextual Inquiry | Personas &amp; Scenarios | Fly-on-the-Wall Observation | Cultural Probes</p>
<p><a title="Pandere Spring Final Report" href="http://www.sypvandy.com/Capstone_Spring_Final_Report.pdf">Download Full Report (Part I &#8211; Spring 2011)</a><br />
* best viewed in a PDF viewer as 2-page continuous layout</p>
<p>&nbsp;</p>
<p><strong>Overview:<br />
</strong>This Capstone Project, covering two semesters, involves applying our skills developed in the Masters in Human-Computer Interaction (MHCI) Program to solve a real-world problem for a real-world client. Our team is partnered with Novabase Collab, one of Portugal&#8217;s largest IT and Contact Center Solutions Companies. Our goal as HCI consultants in training is to understand the conversations in social media that could ultimately affect consumer behavior. We plan to deliver a prototype that uses social media channels to promote mutually beneficial interactions between users and businesses.</p>
<p>&nbsp;</p>
<p><strong>Problem Description:<br />
</strong>With the arrival and spread of social networks comes benefits and challenges for both individuals and businesses. While businesses have been able to take advantage of social networks to improve their visibility, marketing efforts, and customer support; they also have had to tackle the difficulty of reacting to and managing negative publicity that disseminates extremely quickly and is difficult to reach to and control.</p>
<p>This project tackles the challenges of social networks for companies like Collab’s clients. It explores how companies should expose themselves or use social networks as part of their existing portfolio of communication technologies. In particular, the project will try to take advantage of existing platforms at Collab (e.g. OneTouch and OneContact) to explore new ways that companies can use social networks to track, manage, monitor and expose their brand, products, and services.</p>
<p>&nbsp;</p>
<p><strong>Process:<br />
</strong>Our project road map takes the form of three stages: Exploration, Generation, and Evaluation. In the first semester, we have employed several research methods to explore social media behavior and interactions with businesses and users. After synthesizing and analyzing our data, we came to key insights from which we generated our initial concepts. In the fall semester and final stage, we have completed ideation and concept validation. We look forward to three design iterations, each with user testing, and completing the project with a functioning prototype by the end of the year.</p>
<p>For an in-depth look at our process in the first semester, including research method details, synthesis, and analysis, see our <a title="Pandere Spring Final Report" href="http://www.sypvandy.com/Spring_Final_Report.pdf">Spring Final Report</a>.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sypvandy.com/portfolio/capstone-project-work/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3D Gestures with Kinect</title>
		<link>http://www.sypvandy.com/portfolio/3d-gestures-with-kinect?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=3d-gestures-with-kinect</link>
		<comments>http://www.sypvandy.com/portfolio/3d-gestures-with-kinect#comments</comments>
		<pubDate>Mon, 22 Aug 2011 08:31:41 +0000</pubDate>
		<dc:creator>svandy624</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sypvandy.com/wordpress/?p=42</guid>
		<description><![CDATA[Role: Researcher, Prototyper Size: 2 Interns Client/Sponsor: Synaptics, Inc. Duration: 3 months Skills: User Research &#124; Prototyping &#124; Development Methods: Participatory Design &#124; Surveys &#124; Usability Studies &#160; Overview: Through the course of a summer internship, our team of two interns researched and developed a prototype for scrolling through a document using 3D (in-air) gestures. [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Role:</strong> Researcher, Prototyper<br />
<strong>Size:</strong> 2 Interns<br />
<strong>Client/Sponsor:</strong> Synaptics, Inc.<br />
<strong>Duration:</strong> 3 months<br />
<strong>Skills</strong>: User Research | Prototyping | Development<br />
<strong>Methods:</strong> Participatory Design | Surveys | Usability Studies</p>
<p>&nbsp;</p>
<p><strong>Overview:</strong><br />
Through the course of a summer internship, our team of two interns researched and developed a prototype for scrolling through a document using 3D (in-air) gestures. Along the way, we discovered the challenges of gesture design, namely, coming up with an effective modal switch (a start and stop) in order for the gesture to be recognized. After several iterations of our prototype, we were able to user test the performance of our final scrolling gesture against Synaptics&#8217; established ChiralMotion scrolling. While many found the new gesture appealing and different, it had not been developed to the level of ChiralMotion and therefore, could not compete in certain aspects. However, the positive feedback we received proved there is potential to develop the gesture further.</p>
<p>&nbsp;</p>
<p><strong>Problem Description:<br />
</strong>As the design of user interfaces advances, there is a growing need for interactions to become more natural and less dependent on peripherals such as a touchscreen, keyboard, or mouse. Gestural interaction has entered the market in mainly gaming systems such as the Nintendo Wii and Microsoft Kinect. However, not all tasks can be accomplished efficiently and effectively through gestures due to the constraints of gesture recognition and limitations of depth cameras, like the Microsoft Kinect.</p>
<p>This project explores whether or not gestures could be compelling in a productivity work environment. In coming up with an effective gestural scrolling interaction, we had to overcome the challenges of gestural design, including the difficulty in reading the “start” and “stop” of a gesture, latency in processing a gesture and executing the appropriate following action, fatigue (i.e., “gorilla arm”), and working with a limited gesture region.</p>
<p>&nbsp;</p>
<p><strong>Process and Technology:</strong><br />
Our process included surveying the current Kinect applications in the open-source community, brainstorming ideas that aligned with the company&#8217;s vision, developing iterative prototypes, running usability studies, and conducting an experiment comparing various scrolling methods.</p>
<p>We developed our scrolling gesture using Microsoft Visual Studio, the Kinect SDK, OpenCV 2.2 Library, and EmguCV 2.2.1 Library. As novices to the Kinect development world, we went through a few small projects to familiarize ourselves with the technology. These projects include background extraction/replacement, simple blob detection, and sending a mouse wheel event to an external application (such as Adobe PDF Reader).</p>
<p>With each major iteration of our prototype, we ran informal surveys as well as conducted formal usability studies to understand users&#8217; preferences and physiological constraints. The results from these studies played a significant role in our decisions to design for just one degree of freedom, in picking between two gestures, as well as selecting a modal switch.</p>
<p>In our final experiment, we compared our scrolling gesture against Synaptics&#8217; ChiralMotion and tradtional mouse scrolling. We gave users the task of locating a red, bolded line in an 1100-line document within a browser window. The task was repeated for various line distances from the top of the document and from various directions (beginning at the top or bottom of the document). Our results revealed that users performed the task more quickly using the traditional mouse and ChiralMotion, however this may be greatly influenced by their amount of previous experience in using mice. Many commented that our scrolling gesture was novel, fun, and if tweaked to the level of ChiralMotion, it could be a primary scrolling tool for specific types of tasks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sypvandy.com/portfolio/3d-gestures-with-kinect/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ReefBot Web</title>
		<link>http://www.sypvandy.com/portfolio/reefbot-web?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=reefbot-web</link>
		<comments>http://www.sypvandy.com/portfolio/reefbot-web#comments</comments>
		<pubDate>Mon, 22 Aug 2011 07:59:48 +0000</pubDate>
		<dc:creator>svandy624</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sypvandy.com/wordpress/?p=32</guid>
		<description><![CDATA[Role: Researcher, Designer, Project Lead Size: 5 MHCI Students Client: Pittsburgh Zoo &#38; PPG Aquarium Duration: 4 months Skills: Field Research &#124; Interaction Design &#124; Visual Design &#124; Prototyping Methods: Contextual Inquiry &#124; Think-Alouds &#124; Keystroke-Level Modeling &#124; Personas Download Final Presentation &#160; Overview: This semester-long project was the lab portion of the HCI Methods [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Role:</strong> Researcher, Designer, Project Lead<br />
<strong>Size:</strong> 5 MHCI Students<br />
<strong>Client:</strong> Pittsburgh Zoo &amp; PPG Aquarium<br />
<strong>Duration:</strong> 4 months<br />
<strong>Skills:</strong> Field Research | Interaction Design | Visual Design | Prototyping<br />
<strong>Methods:</strong> Contextual Inquiry | Think-Alouds | Keystroke-Level Modeling | Personas</p>
<p><a title="ReefBot Web Final Presentation" href="http://www.sypvandy.com/ReefBotWeb_Final_Presentation.pdf" target="_blank">Download Final Presentation</a></p>
<p>&nbsp;</p>
<p><strong>Overview:</strong><br />
This semester-long project was the lab portion of the HCI Methods course at CMU. Each team was provided with a real-world client and was expected to apply the methods learned in class to deliver a solution grounded in the data collected and analyzed over the semester.</p>
<p>&nbsp;</p>
<p><strong>Problem Description:</strong><br />
ReefBot Web is a SPARK and Sprout Fund-sponsored project that extends the ReefBot console experience within Pittsburgh&#8217;s PPG Aquarium. The ReefBot console allows children and their parents to maneuver an aquatic robot that is equipped with an underwater camera, enabling users to capture photos of the marine life in the ReefBot tank. The Web portion of this project is designed to continue the learning experience and initiate discussion at home about ocean life and coral reef preservation. Our team of five students delivered a visual prototype of our solution to help bridge the aquarium experience back to the home.</p>
<p>&nbsp;</p>
<p><strong>Process:</strong><br />
Our team heavily relied on contextual inquiries to understand our target users, families with young children between the ages of 4 and 8 years old. With the families&#8217; permission, we conducted three contextual inquiries (CIs) at the aquarium, which involved following and observing a family&#8217;s interactions with the museum and aquarium exhibits. Our focus was primarily on how the family picked out a toy from the Aquarium Gift Shop as our solution was inspired by how souvenirs that are brought home affect post-visit conversations and education.</p>
<p>Using the video footage captured in each CI, we modeled our data from a variety of aspects: flow of information, cultural factors, and sequence of actions. We omitted the physical and artifact models that we also learned in class as we did not feel these models were appropriate to our context. Using these models, we were able to locate breakdowns that inspired our end solution. In addition to CIs, we also created personas that helped us envision who we were designing for.</p>
<p>After coming up with an initial design of a personalized online trading card, we tested the concept using think-alouds with our paper prototype and tweaked our interface design based on the feedback provided by our participants. We also tested the efficiency of dragging vs. clicking interactions using CogTool software.</p>
<p>Our final high-fidelity visual prototype consisted of colorful screens that stepped through the process of creating an online trading card. The site first prompted the user with the code received from the ReefBot console after taking a photo using the ReefBot submersible robot. Once the photo was correctly identified, the child and parent would be able to create a personalized card. The child would be able to enter his/her name, identify their fish, answer various questions about the fish&#8217;s lifestyle, and were finally given the option to name their fish. Trading cards could be printed, shared, and saved.</p>
<p>Our recommendations for this solution were well-received by our client, who was excited to continue this project with a newly issued government grant.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sypvandy.com/portfolio/reefbot-web/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visual Design Work</title>
		<link>http://www.sypvandy.com/portfolio/visual-design-work?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=visual-design-work</link>
		<comments>http://www.sypvandy.com/portfolio/visual-design-work#comments</comments>
		<pubDate>Mon, 22 Aug 2011 07:58:55 +0000</pubDate>
		<dc:creator>svandy624</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sypvandy.com/wordpress/?p=28</guid>
		<description><![CDATA[Role: Designer Client: Various Duration: On-Going &#160; &#8220;Flirt with Dessert&#8221; Cookbook In the course Communication Design Fundamentals at CMU, our final project was to create a cookbook that combined each classmate&#8217;s individual recipes, using any theme, layout, and style of choice. &#160; &#160; Aeron Chair Brochure Again, in the course Communication Design Fundamentals at CMU, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Role:</strong> Designer<br />
<strong>Client:</strong> Various<br />
<strong>Duration:</strong> On-Going</p>
<p>&nbsp;</p>
<h3><strong>&#8220;Flirt with Dessert&#8221; Cookbook</strong></h3>
<p>In the course Communication Design Fundamentals at CMU, our final project was to create a cookbook that combined each classmate&#8217;s individual recipes, using any theme, layout, and style of choice.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-4-28">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.sypvandy.com/portfolio/visual-design-work?show=slide">
			[Show as slideshow]		</a>
	</div>

	
	<!-- Thumbnails -->
		
	<div id="ngg-image-27" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/cover.png" title=" " class="thickbox" rel="set_4" >
								<img title="cover" alt="cover" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_cover.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-28" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/welcome_page.png" title=" " class="thickbox" rel="set_4" >
								<img title="welcome_page" alt="welcome_page" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_welcome_page.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-33" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/toc.png" title=" " class="thickbox" rel="set_4" >
								<img title="toc" alt="toc" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_toc.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-34" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/1_brigadeiros.png" title=" " class="thickbox" rel="set_4" >
								<img title="1_brigadeiros" alt="1_brigadeiros" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_1_brigadeiros.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-35" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/1stbase.png" title=" " class="thickbox" rel="set_4" >
								<img title="1stbase" alt="1stbase" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_1stbase.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-36" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/2_base.png" title=" " class="thickbox" rel="set_4" >
								<img title="2_base" alt="2_base" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_2_base.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-37" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/3_base.png" title=" " class="thickbox" rel="set_4" >
								<img title="3_base" alt="3_base" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_3_base.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-38" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/4_home.png" title=" " class="thickbox" rel="set_4" >
								<img title="4_home" alt="4_home" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_4_home.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-39" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/2_peanutbutter.png" title=" " class="thickbox" rel="set_4" >
								<img title="2_peanutbutter" alt="2_peanutbutter" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_2_peanutbutter.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-40" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/visual-work/photo_credits.png" title=" " class="thickbox" rel="set_4" >
								<img title="photo_credits" alt="photo_credits" src="http://www.sypvandy.com/wp-content/gallery/visual-work/thumbs/thumbs_photo_credits.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><strong>Aeron Chair Brochure</strong></h3>
<p>Again, in the course Communication Design Fundamentals at CMU, we were to design a brochure given only the copy and a few starter images of the Aeron chair. This assignment emphasized grid, layout, and color.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-7-28">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.sypvandy.com/portfolio/visual-design-work?show=slide">
			[Show as slideshow]		</a>
	</div>

	
	<!-- Thumbnails -->
		
	<div id="ngg-image-31" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/aeron-chair/aeron_front.png" title=" " class="thickbox" rel="set_7" >
								<img title="aeron_front" alt="aeron_front" src="http://www.sypvandy.com/wp-content/gallery/aeron-chair/thumbs/thumbs_aeron_front.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-32" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/aeron-chair/aeron_inside.png" title=" " class="thickbox" rel="set_7" >
								<img title="aeron_inside" alt="aeron_inside" src="http://www.sypvandy.com/wp-content/gallery/aeron-chair/thumbs/thumbs_aeron_inside.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-30" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/aeron-chair/aeron_back.png" title=" " class="thickbox" rel="set_7" >
								<img title="aeron_back" alt="aeron_back" src="http://www.sypvandy.com/wp-content/gallery/aeron-chair/thumbs/thumbs_aeron_back.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><strong>MHCI Newsletters</strong></h3>
<p>In my spare time, I co-authored and designed newsletters with another MHCI student, Sony Verma, to capture the memories of our class.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-8-28">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.sypvandy.com/portfolio/visual-design-work?show=slide">
			[Show as slideshow]		</a>
	</div>

	
	<!-- Thumbnails -->
		
	<div id="ngg-image-41" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/oct_final.png" title=" " class="thickbox" rel="set_8" >
								<img title="oct_final" alt="oct_final" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_oct_final.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-42" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/sept_final.png" title=" " class="thickbox" rel="set_8" >
								<img title="sept_final" alt="sept_final" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_sept_final.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-43" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/spring_final.png" title=" " class="thickbox" rel="set_8" >
								<img title="spring_final" alt="spring_final" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_spring_final.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-44" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/winter_final.png" title=" " class="thickbox" rel="set_8" >
								<img title="winter_final" alt="winter_final" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_winter_final.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-45" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/transition_p1_2.png" title=" " class="thickbox" rel="set_8" >
								<img title="transition_p1_2" alt="transition_p1_2" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_transition_p1_2.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-46" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/transition_p3_4.png" title=" " class="thickbox" rel="set_8" >
								<img title="transition_p3_4" alt="transition_p3_4" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_transition_p3_4.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-47" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.sypvandy.com/wp-content/gallery/newsletters/transition_p5.png" title=" " class="thickbox" rel="set_8" >
								<img title="transition_p5" alt="transition_p5" src="http://www.sypvandy.com/wp-content/gallery/newsletters/thumbs/thumbs_transition_p5.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


]]></content:encoded>
			<wfw:commentRss>http://www.sypvandy.com/portfolio/visual-design-work/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Empty Nester iPhone App Design</title>
		<link>http://www.sypvandy.com/portfolio/empty-nester-iphone-app-design?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=empty-nester-iphone-app-design</link>
		<comments>http://www.sypvandy.com/portfolio/empty-nester-iphone-app-design#comments</comments>
		<pubDate>Mon, 22 Aug 2011 07:57:50 +0000</pubDate>
		<dc:creator>svandy624</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sypvandy.com/wordpress/?p=30</guid>
		<description><![CDATA[Role: Researcher Size: 5 MHCI Students Client: HCI Methods Course at Carnegie Mellon Duration: 4 months Skills: User Research &#124; Visual Design &#124; Prototyping Methods: Contextual Inquiry &#38; Design &#124; Think-Aloud &#124; Keystroke-Level Modeling Download Full Report  &#160; Overview: In the HCI Methods course at CMU, our homework assignments were cumulative in nature regarding one [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Role:</strong> Researcher<br />
<strong>Size:</strong> 5 MHCI Students<br />
<strong>Client:</strong> HCI Methods Course at Carnegie Mellon<br />
<strong>Duration:</strong> 4 months<br />
<strong>Skills:</strong> User Research | Visual Design | Prototyping<br />
<strong>Methods</strong>: Contextual Inquiry &amp; Design | Think-Aloud | Keystroke-Level Modeling</p>
<p><a title="HCI Methods Empty Nester Report" href="http://www.sypvandy.com/HCI_Methods_Empty_Nester_Report.pdf" target="_blank">Download Full Report </a></p>
<p>&nbsp;</p>
<p><strong>Overview:<br />
</strong>In the HCI Methods course at CMU, our homework assignments were cumulative in nature regarding one specific design challenge to which we would apply the key HCI tools and techniques learned in class. In Fall 2010, each of the homework teams were given the challenge of designing a digitally-augmented environment to support parents in dealing with the transition from being <em>parents of dependent children</em> to <em>parents of adult children</em>. This experience simulated a realistic design process that emphasized designing from data. We started with selecting a research focus, then modeled and analyzed contextual data, derived key insights from the data, and finally came up with a couple designs that were evaluated using results from a &#8220;think-aloud&#8221; evaluation.</p>
<p>&nbsp;</p>
<p><strong>Project Description:<br />
</strong>Parents who have adult children leaving the home are faced with a transition into the the role of &#8220;empty nesters.&#8221; Much of the burden of sorting through the children&#8217;s belongings falls on the shoulder of the parents, who are trying to reclaim space in their homes while making sure to keep useful or emotionally significant items. In order to facilitate this process, our team designed the Empty Nester iPhone app.</p>
<p>&nbsp;</p>
<p><strong>Process:<br />
</strong>Our group applied the following methods to this design challenge:</p>
<p style="padding-left: 30px;"><em>Contextual inquiry &amp; design</em> – The design team followed parents as they sorted and organized the items cluttering their home. The parents’ activity was then examined from 5 different perspectives and translated into models: Flow, Sequence, Cultural, Physical, and Artifact.</p>
<p style="padding-left: 30px;"><em>Think-aloud </em>– A parent was recorded as he uploaded photos of his child’s belongings to Flickr, a photo sharing website. The parent voices all of the thoughts that go through his head as he performs the task. Our group then analyzed the recording and identified critical incidents that could be used to inform design decisions.</p>
<p style="padding-left: 30px;"><em>Keystroke-level models </em>– Our group built software models of an expert user uploading photos to two photo sharing sites: Flickr and Picasa. The user and system performance was then broken down and explored for ways to optimize the process.</p>
<p>Based on the data collected with these methods, our group designed a powerful and highly usable smartphone application targeted at parents with children moving away from home. Key design aspects we developed from our data are:</p>
<ul>
<li>Providing the user with a logical workflow for organizing their child’s possessions and removing clutter from his or her home.</li>
<li>Integration with smartphone contacts</li>
<li>Asynchronous communication between the parent(s) and children</li>
<li>Gathering input remotely from the children</li>
<li>Batch notifications between users</li>
<li>An alert/alarm system to keep the parent(s) on track with their house-cleaning goals</li>
<li>Saved history of processed or archived items</li>
<li>Tips, tricks &amp; useful information to help anyone reclaim the cluttered spaces in their home</li>
</ul>
<p>The result is an application perfectly suited to its task, integrating a novel set of features to provide the end user with a solution that truly meets their needs.</p>
<p>To view our design walkthrough and rationale, a retrospective account of the methods we used, and an appendix of models/artifacts created, please see our <a title="HCI Methods Empty Nester Report" href="http://www.sypvandy.com/HCI_Methods_Empty_Nester_Report.pdf" target="_blank">Full Report</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sypvandy.com/portfolio/empty-nester-iphone-app-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

