﻿<?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>Gin Chieng&#039;s Portfolio</title>
	<atom:link href="http://www.ginlchieng.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ginlchieng.com</link>
	<description>I am a designer, a thinker, a problem-solver.</description>
	<lastBuildDate>Mon, 01 Oct 2012 06:25:30 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Blog: Pensive Moments at CHI 2012 Conference</title>
		<link>http://www.ginlchieng.com/blog-pensive-moments-of-chi-2012-conference/</link>
		<comments>http://www.ginlchieng.com/blog-pensive-moments-of-chi-2012-conference/#comments</comments>
		<pubDate>Mon, 14 May 2012 04:39:09 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=853</guid>
		<description><![CDATA[I was invited to attend the CHI 2012 (Human Factors in Computing Systems) Conference as semi-finalists for the Student Design Competition for project fridgeTop.  It was my first conference that I have ever attended for user experience research and design. It was a phenomenal experience, an eye-opener, but really, a wake-up call, that reminded me that as&#160;&#8230; <a href="http://www.ginlchieng.com/blog-pensive-moments-of-chi-2012-conference/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p>I was invited to attend the <a title="CHI 2012" href="http://chi2012.acm.org/" target="_blank">CHI 2012</a> (Human Factors in Computing Systems) Conference as semi-finalists for the <a title="Student Design Competition" href="http://chi2012.acm.org/cfp-studentdesign.shtml" target="_blank">Student Design Competition</a> for project <a title="fridgeTop" href="http://www.ginlchieng.com/chi-competition-fridgetop-interactive-surface/" target="_blank">fridgeTop</a>.  It was my first conference that I have ever attended for user experience research and design. It was a phenomenal experience, an eye-opener, but really, a wake-up call, that reminded me that as a young ambitious UX professional, I have so much to learn from. This reminded me of a quote by Richard Saul Wurman from &#8220;Information Anxiety,&#8221; which I kept very dear to my heart as a designer, and that is: &#8220;Our discipline takes a minute to learn, but a lifetime to master.&#8221; Truly. This multi-disciplinary field encrypts and takes insights from a mix of eclectic fields, that just by changing a perspective, will open up more design opportunities for new problem spaces.</p>
<p>One of the highlight of this conference was the half-day course that I registered for called &#8220;Inspiring Mobile Interaction Design,&#8221; taught by Matt Jones and Gary Marsden from the United Kingdom. I was expecting a crash course on how to design better mobile applications. Instead, the course, like its title, was about challenging yourself with current mobile phone mediums and to break out of the conventional approaches to mobile design.  One of the stories that Jones walked us through was a story of a daily interaction he had with his daughter. Everyday, his daughter would build legos before she goes to bed. Jones would ask his daughter to disfigure her lego before going to bed. As any child did, she moped, but obediently, disfigures her lego. One day, Jones asked her daughter to put away her lego again. That night, she did something different. She reached into Jones&#8217; pocket and snapped a picture of the lego with his phone, and went to bed happily, without a word of dispute.</p>
<div id="attachment_856" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-856" title="Coursebook" src="http://www.ginlchieng.com/wp-content/uploads/2012/05/Photo-May-08-8-29-06-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">Coursebook</p></div>
<p>The point of this story was that the interaction wasn&#8217;t about the act of taking a picture. It was about mediating an experience between an object to a medium. It was about building a relationship using the medium. It was about an experience that took away the anxiety of losing something, but building a channel in extending that experience. I thought it was a nice little story to remind me what experience should be. A contextual moment of interwoven events.</p>
<p>One of the most valuable component of this conference was the eclectic and diverse background that people brought with them. There were usability experts, interaction designers, user experience researchers, industrial designers, just to name a few, who had attended the conference.  Having attended just a handful of talks from these speakers, I know the claim that I will be making in a minute will be unjustified generalizations of the limited exposure I had. Anyhow, take my insights light-heartedly and as reflective food for thoughts. Listening to these speakers, I found that these UX professionals embodied their unique continental perspectives of human-computer interaction.</p>
<p>Speakers from Japan had a lot of innovative enthusiasm, where they explored futuristic problem spaces, such as robotics and pervasive interaction design. Speakers from Europe had an artistic, seamless approach in designing interaction. I&#8217;m not sure how to put it in words. But it was a different kind of approach from my exposure to the industry here in the United States. In the states, we place a lot of emphasis on usability, efficiency and in maximizing results from our user research. A lot of times, it almost feels as if we are mass-producing our user research. Which really prompted me with the thought of studying abroad at Europe in learning their perspective to user experience design. This action item would take another couple of years for me to get  to, since I just finished school and am excited to go out to conquer the world. But I&#8217;ll put a pin to this one for sure.</p>
<p>In the end, I want to reflect on one of the most inspiring moments of this conference that almost brought me into tears. It was the closing remark made by Dr. Hugh Herr on his dedicated research on real muscle machine actuation. There were too much biomechanics in this talk for me to regurgitate, but the essence of his talk was about developing high functional prostheses that considers the understanding of  human behavior from the ground up.  In the midst of his talk, the &#8220;moment&#8221; for me was when he rolled up his trousers, exposed his prosthetic legs, and closed the talk with these profound words: &#8220;This is not tool used. This is embodiment.&#8221; Beyond brilliance.</p>
<p><img class="aligncenter size-large wp-image-857" title="Dr. Hugh Hess and his talk on Designing Orthotics and Prosthetics" src="http://www.ginlchieng.com/wp-content/uploads/2012/05/Photo-May-10-15-53-45-785x586.jpg" alt="" width="640" height="477" /></p>
<p>As paraphrased from Herr, design should be found from nature, not through the advancement of technology or digital mechanisms &#8211; but fundamentally, design as a core from understanding people. The innovation of his design was not the individual mechanical parts of the device. Sure, every component has been explored to its fullest potential, but the success was not from a breakthrough in a new technology, the breakthrough was from understanding the human anatomy of the person. It was about how people interact with their own limbs. It was about how the device worked together with the human.</p>
<div id="attachment_859" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-859" title="My badge and T-shirt" src="http://www.ginlchieng.com/wp-content/uploads/2012/05/Photo-May-11-7-26-04-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">My badge and T-shirt</p></div>
<p>At this conference, I have constantly felt like an ant gaping up at this world. And have felt my confidence crushed. And to feel like I know nothing that I should know of. But that&#8217;s okay. It&#8217;s a good thing actually. Because one day, I&#8217;ll stand side by side with you all. A pin to this one too.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/blog-pensive-moments-of-chi-2012-conference/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: Draw 6 Sketches Within 30 Minutes on a Design Scenario</title>
		<link>http://www.ginlchieng.com/draw-6-sketches-within-30-minutes-on-a-design-scenario/</link>
		<comments>http://www.ginlchieng.com/draw-6-sketches-within-30-minutes-on-a-design-scenario/#comments</comments>
		<pubDate>Sun, 29 Apr 2012 01:36:40 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Digital Augmentation]]></category>
		<category><![CDATA[Observation]]></category>
		<category><![CDATA[Sketching]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=460</guid>
		<description><![CDATA[Objective: Draw 6 sketches within 30 minutes on a design scenario. Problem statement: Examining how digital augmentation can be incorporated in the work flow processes of Panera Bread cafe and to investigate how information processing as a material can be incorporated in the design of user experience. In response to the blog posts, Field Observation and Embedding&#160;&#8230; <a href="http://www.ginlchieng.com/draw-6-sketches-within-30-minutes-on-a-design-scenario/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p><span style="text-decoration: underline;">Objective:</span> Draw 6 sketches within 30 minutes on a design scenario.</p>
<p><span style="text-decoration: underline;">Problem statement:</span> Examining how <a title="Blog: Field Observation and Embedding Digital Augmentation in Panera Bread Cafe" href="http://www.ginlchieng.com/?p=319" target="_blank">digital augmentation</a> can be incorporated in the work flow processes of Panera Bread cafe and to investigate how information processing as a material can be incorporated in the design of user experience.</p>
<p>In response to the blog posts, <a title="Blog: Field Observation and Embedding Digital Augmentation in Panera Bread Cafe" href="http://www.ginlchieng.com/?p=319" target="_blank">Field Observation and Embedding Digital Augmentation in Panera Bread Cafe</a>, I&#8217;ve decided to sketch 6 sketches within 30 minutes based on my ideas on how digital augmentation can be implemented. Moreover, I will look closely as to how information processes as a material, where objects can be made. This requires examining the user experience not only in terms of context, but also the device as a single thing. Mainly, I will use Buxton&#8217;s techniques that are discussed in &#8220;<em>Sketching User Experience: Getting the Design Right and the Right Design</em>&#8221; as a guide to this sketching exercise (1).</p>
<p>Mainly, I want to practice my skills in design-thinking, which comes from constant exposure to design excercises. Sketches are drastically different from prototypes. Sketches are suggestive, it proposes and questions, and needs to be tested and  challenged. As quoted by Buxton, &#8220;the investment with a sketch is in the concept, not the execution. Rather, their value largely depends on their disposability. And the skill of extracting meaning from sketches continues to develop with experiences(118).&#8221; I will be using different forms of sketching techniques, that ranges from memory drawing, presentation drawing, technical drawing and description drawing to my best advantages in conveying my ideas (121).</p>
<p><strong>SUMMARY OF INTERACTIONS OBSERVED FROM PREVIOUS BLOG</strong></p>
<ol>
<li>Each server attends to the need of one customer until payment is being received.</li>
<li>Short orders are performed more efficiently.</li>
<li>When there are no customers, servers will be running other errands in the kitchen space or out on the floor.</li>
</ol>
<p><strong>SIX SKETCHES IN RESPONSE TO OBSERVATIONS</strong></p>
<p><strong>Sketch#1. Real-time Wristwatch Feed in Monitoring Customer Traffic</strong></p>
<p><img class="size-medium wp-image-461 alignleft" title="Sketch#1" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-19-18-22-29-224x300.jpg" alt="Sketch#1" width="224" height="300" /></p>
<p style="text-align: left;"> Servers can wear a bracelet that provides real-time feed of the traffic of customer. This is further supported by the design idea of Sketch#3: OpenCV Customer Detection. This design aims to mimic a digital watch, and functions like a news feed update. A variety of information will be provided &#8211; such as, self-serving stand alarms (Sketch#4: Self-Serving Stand Automation), entering customer, exiting customer, and alarms on information of customers who left due to long line wait, and the amount of customers in the store.</p>
<p>By providing these information, servers can make make key decisions as to when to attend to self-serving stands or can adjust accordingly to their service. They can further request for back-up when needed.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong style="text-align: left;">Sketch#2. Interactive Wall that Supports Self-Serve Order</strong></p>
<p style="text-align: left;"><img class="alignleft size-medium wp-image-462" title="Sketch#2" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-19-18-23-12-300x224.jpg" alt="Sketch#2" width="300" height="224" /></p>
<p style="text-align: left;">During the observation, I noticed the long line and saw how waiting time is extremely discouraging, especially for customers with short orders. A digital augmentation solution is to extend the space of the cashier and in changing the way servers and customers interact. When entering into the cafe, customers no longer need to line up. By approaching the interactive wall in the shop, a display will be triggered by a single tap on the wall. The display is a self-ordering system, where customers can complete their order themselves. This will greatly change the way users congregate in the store. Previously, customers have to wait and line up in front of the cashier. This solution can help disperse the line formation, and can change the entire user experience, where people can hang-out at desired locations.</p>
<p style="text-align: left;"><strong>Sketch#3. Open CV Customer Detection and Open-Source Processing Technology for Presence Detection</strong></p>
<p style="text-align: left;"><img class="alignleft size-medium wp-image-463" title="Sketch#3" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-19-18-23-24-300x224.jpg" alt="Sketch#3" width="300" height="224" /></p>
<p style="text-align: left;"> At the entrance, an OpenCV facial detection camera is placed where it can detect user&#8217;s presence. It can count the amount of people who have entered and who have exited. Furthermore, the platform can be programmed in a way where it can assume that a fast exit (ex. customer enters the store and exits within 30 second) is due to a long wait time. All of this rich, contextual information can be delivered to the real-time wristwatch feed (Sketch#1). This can help servers to make quick decisions as to adjusting their work-flow and in better decision-making. Moreover, through better task-flow adjustment, it will thereby increase the efficiency of the line-up, reducing the scenario where customers leave due to long line wait.</p>
<p style="text-align: left;"><strong>Sketch#4. Self-Serving Stand Automation</strong></p>
<p style="text-align: left;"><img class="alignleft size-medium wp-image-464" title="Sketch#4" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-19-18-23-37-300x224.jpg" alt="Sketch#4" width="300" height="224" /></p>
<p style="text-align: left;">As noted, other errands that servers need to attend to are refilling bakery items and the self-serving stand. One of the question that comes into mind is how can the server do a better job in balancing these task? One idea is that the self-serving stand can have a built-in quantity detection, where it can detect the amount of the coffee that is left. When it decreases to a certain amount, say, only 15% remaining, it will proceed and activate coffee brewing in the kitchen. After the coffee is brewed, it sends a signal to the wristband that the server wears. Each feed will be updated accordingly as a news feed. However, when the coffee finish brewing, the bracelet will vibrate to give tactile feedback to notify the server that the coffee needs to be refilled.</p>
<p style="text-align: left;"><strong>Sketch#5. Wizard-style Ordering System</strong></p>
<p style="text-align: left;"><img class="alignleft size-medium wp-image-465" title="Sketch#5" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-19-18-24-02-300x224.jpg" alt="Sketch#5" width="300" height="224" /> As noted, the interactive display (Sketch#2) on the walls supports for self-ordering service. However, how do customers pay? A design idea that was triggered from the self-serving check-in services at the airport, users can have a wizard-style ordering system that follows a three-step process: select order, view order, payment and rewards card. When an order is carried out, at the back-end, servers can prepare each customer&#8217;s order, where a ticketing-receipt will be printed, and will be handed off to each customer as they pick up their order.</p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;"><strong>Sketch #6. RF-IDs on Table Surfaces for Seated Customers</strong></p>
<p style="text-align: left;"><img class="alignleft size-medium wp-image-466" title="Sketch#6" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-19-18-24-25-224x300.jpg" alt="Sketch#6" width="224" height="300" /></p>
<p style="text-align: left;">RF-IDs are inexpensive ways to track and record information, which has been conventionally used to track shipped goods. Since customers have rewards card, RF-ID tags can be incorporated to each rewards card. On the table, when the rewards card are placed, customer order can be identified. This can be reflected on a floor plan beside the cashier space, where servers can deliver food to them, since they know which order goes to which table now. Previously, servers attend to processing order, and had customers pick up their own food. Now, the situation is reverse. Customers take care of their own order without waiting, and servers can bring the food to them. Given the scenario that customers can now take care of their own orders, more manpower is alleviated from ringing up customers, and can be distributed to other things. This greatly changes the entire user experience, where customers do not have to wait in line anymore, but more importantly, can causally grab a seat, and have food be brought to them.</p>
<p style="text-align: left;">In sum, in the previous blog, I already have some ideas as to how digital augmentation can be incorporated at Panera Bread. For this blog, I wanted to do a quick ideation session that focuses on thinking on the spot, without being restricted in the quality of the idea.</p>
<p>Disclaimer: After the sketches were done, I took an extra 15 minutes in coloring the sketches. :-)</p>
<p><span style="text-decoration: underline;">References:</span></p>
<p>1. Buxton, B. (2007). Sketching user experience: getting the design right and the right design. Morgan Kaufman</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/draw-6-sketches-within-30-minutes-on-a-design-scenario/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: Reiterations and Process of Refinement for Home-Making Model</title>
		<link>http://www.ginlchieng.com/blog-home-making-model-from-affinity-diagram/</link>
		<comments>http://www.ginlchieng.com/blog-home-making-model-from-affinity-diagram/#comments</comments>
		<pubDate>Sat, 28 Apr 2012 01:11:32 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[Model-Making]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=624</guid>
		<description><![CDATA[Objective: Understanding User Research through Model Making for CHI 2012 Design Competition &#8220;fridgeTop&#8221; &#8211; Interactive Fridge Surface I had a list of things that I wanted to do when I enrolled for graduate school at the University of Michigan. Most of these things, I&#8217;ve accomplished &#8211; including doing a summer internship, attending the Alternative Spring&#160;&#8230; <a href="http://www.ginlchieng.com/blog-home-making-model-from-affinity-diagram/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p><strong>Objective:</strong> Understanding User Research through Model Making for <a title="fridgeTop" href="http://www.ginlchieng.com/?p=476" target="_blank">CHI 2012 Design Competition &#8220;fridgeTop&#8221; &#8211; Interactive Fridge Surface</a></p>
<p>I had a list of things that I wanted to do when I enrolled for graduate school at the University of Michigan. Most of these things, I&#8217;ve accomplished &#8211; including doing a summer internship, attending the Alternative Spring Break Program, and learning new prototyping tools, like Adobe Fireworks and Axure RP Pro. However, there was still one more thing that I hadn&#8217;t done; attending a CHI competition. During October 2011, realizing that this would be my last opportunity to enter the CHI design competition as a student, I formed a group with like-minded friends and entered the competition.</p>
<div id="attachment_638" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-638" title="List of Things to do Before Graduating" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/photo-30-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">List of Things to do Before Graduating</p></div>
<p>One of the things that I had always enjoyed doing was making models from user research. Most importantly, I had always found  delivering user research in a concise and efficient manner to be relatively challenging. Models can help convey important user research findings, but moreover, this process can help designers to focus on the higher-level themes and insight. With the help of visual design, you can convey user research much more efficiently. I was first exposed to model-making from a graduate course at the School of Information called <a href="http://www.ginlchieng.com/?p=62" target="_blank">SI501: Contextual Inquiry and Project Management</a>. My role in that project was project drafter. I was in charged of taking the transcribed results and data and making them into effective, graphic presentation to stakeholders.</p>
<p>For the CHI 2012 Competition, we interviewed international students to examine their home recreation process. We interviewed 16 international students, and recorded 289 affinity notes. From these notes, we identified major themes (For detailed project description, please click <a title="CHI 2012 Competition" href="http://www.ginlchieng.com/?p=476" target="_blank">here</a>.</p>
<div id="attachment_628" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-628" title="Affinity Diagramming from Interviewing International Students" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/photo-29-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">Affinity Diagramming from Interviewing International Students</p></div>
<p>However, though the affinity diagram generated major trends and groupings of themes, we need to take one step further and look at the higher-level indications as to how our user research can help us make design decision. My team mates and I started by doing a group analysis as what we thought to be the general trends. From the initial discussion section, we found that there seems to be a distinction between physical environment (place-making) and how people have initial conceptions of home from how they grew up. My team member, Ityam and I each drew our own versions of the home-making model and came together to discuss how our models differed and we further identified common themes.</p>
<div id="attachment_626" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-626" title="Ityam's Model Drawing" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/photo-27-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">My team member Ityam&#39;s model-making</p></div>
<div id="attachment_625" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-625" title="Gin's Model Drawing" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/photo-26-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">My model from our affinity diagram analysis.</p></div>
<div id="attachment_629" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-629" title="Reiterations of Model" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/393605_738863719266_1490644828_n-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">Reiterations of Model</p></div>
<div id="attachment_634" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-634" title="Typography guide that I constructed to help myself" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Typography-Guide-785x612.jpg" alt="" width="640" height="498" /><p class="wp-caption-text">Typography guide that I constructed to help guide myself consistently</p></div>
<p>We observed several important findings. The most prominent categories in regards to how students approached remembering their homes were: food-related rituals, communication with family, and memorable objects.</p>
<p>We also found out that there was three main phases that was involved in building a home-like experiences. One of the components is the different factors that shape perceptions of home. These include perception of the physical home, public and private spaces, models of infrastructure, weather and religion. We further attributed these as a form of place-making from the initial conceptions of home. Another component was relationship making from friends and family, where people form emotions of support, trust and care.</p>
<div id="attachment_637" class="wp-caption aligncenter" style="width: 633px"><img class=" wp-image-637  " title="First Reiteration of the Initial Conceptions of Home" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Reiteration.jpg" alt="" width="623" height="482" /><p class="wp-caption-text">First Reiteration of the Initial Conceptions of Home</p></div>
<p>Based on our model, I drafted an Initial Conception of Home using Adobe Illustrator. I used circular elements to display the complexity of how people form conceptions of home (Figure 1).</p>
<div id="attachment_636" class="wp-caption aligncenter" style="width: 588px"><img class="size-full wp-image-636" title="Second Reiteration of Initial Conception of Home" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Reiteration2.jpg" alt="" width="578" height="640" /><p class="wp-caption-text">Second Reiteration of Initial Conception of Home</p></div>
<p>However, it became clear that this was almost impossible to read and legibility was an issue. I made changes and rearrange the information based upon a hierarchical manner to give order to the model (Figure 2).</p>
<div id="attachment_643" class="wp-caption aligncenter" style="width: 586px"><img class=" wp-image-643 " title="First Reiteration of Home-Making Model" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Final-Project-Home-Making-v.1-785x458.jpg" alt="" width="576" height="336" /><p class="wp-caption-text">Third Reiteration of Home-Making Model</p></div>
<p>The first phase highlights the different factors that shape perceptions of home. For the second phase, from our discussion and interpretation, we found that when international students leave home, they try to re-create home-like experiences. They accomplish this through reattempting to create physical spaces, discovering new familiar third-spaces, and creating new independent routines. I went through several reiterations to find out the most symmetrical manner in presenting this information (Figure 3).</p>
<p>Lastly, the third phase shows the redefinition phase where people extend their definition of home, where people broaden their definition and conceptions of home. We found that people have better self-esteem when they have established control, achievement and definitions of their new place. Moreover, people will integrate new places and new relationships into their extended homes. We also discovered that the process of home re-creation is challenging and sometimes fails. When faced with stress, people try to increase communication with their family.</p>
<div id="attachment_645" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-645" title="Final Home-Making Model" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Final-Project-Home-Making-v.6-1-785x394.jpg" alt="" width="640" height="321" /><p class="wp-caption-text">Final Home-Making Model</p></div>
<p>After modelling the three critical pieces of home-making phases, I went ahead and placed meaningful quotes from our user interview that helped support these concepts (Figure 4). In this process, I learned graphical elements such as typography and the use of color theories to help organize information. I also used graphical visual icons to help people interpret consume information without the use of words (icons such as airplanes, people figures, etc). Moreover, I learned how the process of reiteration can be used to help organize design concepts and information.</p>
<p>For detailed project description:  <a title="fridgeTop" href="http://www.ginlchieng.com/?p=476" target="_blank">CHI 2012 Design Competition &#8220;fridgeTop&#8221; &#8211; Interactive Fridge Surface</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/blog-home-making-model-from-affinity-diagram/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: Using Prezi to Create Effects of Storyboarding and Timeline Visualization</title>
		<link>http://www.ginlchieng.com/blog-using-prezi-to-create-effects-of-storyboarding-and-timeline-visualization/</link>
		<comments>http://www.ginlchieng.com/blog-using-prezi-to-create-effects-of-storyboarding-and-timeline-visualization/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 05:00:34 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[Storyboard]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=669</guid>
		<description><![CDATA[Tools or Software Employed:&#160;Adobe Illustrator, Adobe Photoshop, Prezi Methods &#38; Skills: Graphic Design Objective:&#160;Using Prezi, a cloud-based presentation software to create effects of storyboarding and artist timeline. I was exposed to Prezi several months ago in my graphic design class. I thought that it was an innovative method in achieving effects of storyboarding. In contrast&#160;&#8230; <a href="http://www.ginlchieng.com/blog-using-prezi-to-create-effects-of-storyboarding-and-timeline-visualization/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p><strong><strong>Tools or Software Employed:</strong></strong>&nbsp;Adobe Illustrator, Adobe Photoshop, Prezi<br />
<strong>Methods &amp; Skills: </strong>Graphic Design<br />
<strong><br />
Objective:</strong>&nbsp;Using Prezi, a cloud-based presentation software to create effects of storyboarding and artist timeline.</p>
<p>I was exposed to Prezi several months ago in my graphic design class. I thought that it was an innovative method in achieving effects of storyboarding. In contrast to conventional storyboards, Prezi gives the viewer a chance to motion to the next frame without spoiling the element of surprise. Conventional storyboards aim to &nbsp;achieve need validation that help focus on broader concept exploration and user&#8217;s needs. Using Prezi, you can achieve the same effects and can further use it to help highlight critical concepts that you would like to display.</p>
<div class="prezi-player">
<p><object id="prezi_fcdjlihgrrzg" width="620" height="380" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value="prezi_id=fcdjlihgrrzg&amp;lock_to_path=1&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0" /><param name="src" value="http://prezi.com/bin/preziloader.swf" /><embed id="prezi_fcdjlihgrrzg" width="620" height="380" type="application/x-shockwave-flash" src="http://prezi.com/bin/preziloader.swf" allowfullscreen="true" allowscriptaccess="always" flashvars="prezi_id=fcdjlihgrrzg&amp;lock_to_path=1&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0" /></object></p>
<div class="prezi-player-links">
<p><a title="Artist Timeline, René Magritte" href="http://prezi.com/fcdjlihgrrzg/artist-timeline-rene-magritte/">Artist Timeline, René Magritte</a> on <a href="http://prezi.com">Prezi</a></p>
</div>
</div>
<p>An artist timeline will need to incorporate two components &#8211; the work of the artist and life events. I wanted to present life events in a manner to echo with the artist&#8217;s artwork, to<em> display that connection as relevant as possible</em>, where its objectives are similar to storyboarding.&nbsp;Some of the challenges that I found with working with Prezi is trying to balance transitions in a way that does not trigger motion sickness. Some of the tactics I employed was to time the transition phase and the direction it transitions toward. I also tried zoom-in and zoom-out effects to give the eye a point of engagement, thereby giving the viewer a chance to imprint the outlines and contours of the image, before zooming into its detail, reducing effects of motion sickness.</p>
<p>For more ideas on storyboarding, please click <a title="Storyboard" href="http://www.ginlchieng.com/?p=760">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/blog-using-prezi-to-create-effects-of-storyboarding-and-timeline-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: My recent obsession with storyboards.</title>
		<link>http://www.ginlchieng.com/blog-my-recent-obsession-with-storyboards/</link>
		<comments>http://www.ginlchieng.com/blog-my-recent-obsession-with-storyboards/#comments</comments>
		<pubDate>Thu, 29 Mar 2012 03:48:08 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Sketching]]></category>
		<category><![CDATA[Storyboard]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=760</guid>
		<description><![CDATA[As mentioned in my previous blog, my recent obsession have been storyboarding. The first time that I have effectively drawn a storyboard was for the CHI 2012 Competition, fridgeTop project. During the midst of design, it happened to be winter break, where my team and I were running this project overseas. We were all scattered amongst India, Italy,&#160;&#8230; <a href="http://www.ginlchieng.com/blog-my-recent-obsession-with-storyboards/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p>As mentioned in my previous <a title="Blog: Using Prezi to Create Effects of Storyboarding and Timeline Visualization" href="http://www.ginlchieng.com/?p=669">blog</a>, my recent obsession have been storyboarding.</p>
<div id="attachment_761" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-761" title="Explaining product dimension and in the act of storyboarding" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-21-15-22-491-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">Explaining product dimension and in the act of storyboarding</p></div>
<p>The first time that I have effectively drawn a storyboard was for the <a title="CHI fridgeTop" href="http://www.ginlchieng.com/?p=476" target="_blank">CHI 2012 Competition, fridgeTop project.</a> During the midst of design, it happened to be winter break, where my team and I were running this project overseas. We were all scattered amongst India, Italy, United States and in Taiwan. Holding meetings remotely were difficult, especially for design meetings. Luckily, I happened to be in Taiwan at that time with my other teammate, Ian. In order to maximize productivity, we decided to meet up physically before meeting remotely with the bigger team. We started off just sketching out ideas, so we could take pictures of them. However, as we were talking, we realized there were discrepancies between our ideas. We decided to walk through step-by-step of the process through frames of sketches. As we worked out each step, ideas solidified and it became much easier to communicate and in identifying the pitfalls. After several revisions, we snapped a picture of the final storyboard with appropriate annotations and sent it to my teammates overseas. We were on the same page again.</p>
<div id="attachment_781" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-781" title="fridgeTop End-to-End Storyboard" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/photo-dec-28-12-51-36-am-785x585.jpg" alt="" width="640" height="476" /><p class="wp-caption-text">fridgeTop End-to-End Storyboard</p></div>
<p>This was an example of how storyboards can become effective communication channels for both internal and external use. It seems like a comic strip, but it actually helps exemplify key features of the application and can demonstrate the role and scenarios the application is used for. It helps paint a story and can be quick communication tools that can help set up quick expectations and use cases of the device.</p>
<p>Recently, I have been working on storyboarding exercises. The focus wasn&#8217;t on the quality or the feasibility of the idea, but more about developing the scenario of the use cases. I&#8217;ll walk you through some examples, but just a heads up, some of the ideas are really far-fetched and overboard. But bare with me now (smiles). Most of the storyboard have been annotated. All of these storyboards have been developed in the ideation phase for <a title="The Living Postcard" href="http://www.ginlchieng.com/?p=724" target="_blank">The Living Postcard</a>, when we were exploring the museum space.</p>
<div id="attachment_762" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-762" title="Storyboard. One-click and it'll-remembered-it-for-you." src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-06-0-36-311-764x1024.jpg" alt="" width="640" height="857" /><p class="wp-caption-text">Storyboard. One-click and it&#39;ll-remembered-it-for-you.</p></div>
<div id="attachment_763" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-763" title="Storyboard. Information extension mobile application" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-06-0-37-121-764x1024.jpg" alt="" width="640" height="857" /><p class="wp-caption-text">Storyboard. Information extension mobile application</p></div>
<div id="attachment_764" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-764" title="Storyboard. Noise cancellation" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-06-0-38-031-764x1024.jpg" alt="" width="640" height="857" /><p class="wp-caption-text">Storyboard. Noise cancellation</p></div>
<div id="attachment_765" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-765" title="Storyboard. Visual overlay and visual augmentation of vision in museum experience" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-06-0-38-251-764x1024.jpg" alt="" width="640" height="857" /><p class="wp-caption-text">Storyboard. Visual overlay and visual augmentation of vision in museum experience</p></div>
<div id="attachment_767" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-767" title="Storyboard. Ambient eye-tracking and souvenir generator" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-06-0-35-171-764x1024.jpg" alt="" width="640" height="857" /><p class="wp-caption-text">Storyboard. Ambient eye-tracking and souvenir generator</p></div>
<div id="attachment_768" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-768" title="Storyboard. Replay and Audio Capture of Museum Experience" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-06-0-35-581-764x1024.jpg" alt="" width="640" height="857" /><p class="wp-caption-text">Replay and Audio Capture of Museum Experience</p></div>
<p>As the concept for the Living Postcard evolved,  we wanted to focused on the different role users will enact out based on the their interaction with the Living Postcard. Specifically, we wanted to focus on an entire end-to-end experience from the time of visit to a museum to every scenario a user could potentially encounter. We also wanted to highlight some of the interactions we foresee the museum experience can be extended based on our observation from the user enactment.</p>
<div id="attachment_769" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-769" title="Whiteboarding the storyboard the Living Postcard" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Photo-Mar-21-15-35-331-785x586.jpg" alt="" width="640" height="477" /><p class="wp-caption-text">Whiteboarding the storyboard the Living Postcard</p></div>
<div id="attachment_778" class="wp-caption aligncenter" style="width: 650px"><img class="size-large wp-image-778" title="Final Living Postcard Storyboard" src="http://www.ginlchieng.com/wp-content/uploads/2012/03/Living-Postcard-Storyboard-Combinedv3-101-785x263.jpg" alt="" width="640" height="214" /><p class="wp-caption-text">Final Living Postcard Storyboard</p></div>
<p><strong>Individual Storyboard Frame Description for the Living Postcard:</strong></p>
<ol>
<li>The visitor is greeted by a friendly staff at the Living Postcard Souvenir booth where they will retrieve a badge to accompany them throughout their museum experience.</li>
<li>The badge will identify the artworks the visitor has spent the most time engaging in.</li>
<li>At the end of their museum visit, the visitor can go to the Living Postcard Kiosk and purchase synchronized &#8220;sister&#8221; postcards that links postcard to postcard for messages. The postcard will embed all the artwork that users have spent the most time looking at. In addition, users can print additional information regarding their museum experience, such as time and date to be customized.</li>
<li>Users can mailed the sister postcard to their friends and keep the master copy for themselves.</li>
<li>Users can place their postcard as decoration in their personal space.</li>
<li>Images that was embedded in the postcard will be displayed and rotated. If users do not like a certain image, they can swipe the image away.</li>
<li>Due to the additional information customized, the experience will be more memorable and personalized for users. The user can easily share their experiences with guests and house-mates.</li>
<li>A sister postcard have been received by the user&#8217;s friend. She can directly write a post-card back to the user at the back of the post-card. The user will received a non-invasive incoming message through a subtle beam of light surrounding the postcard.</li>
<li>The user can make a swiping gesture to read the incoming message.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/blog-my-recent-obsession-with-storyboards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: Using Personal Informatics to Create Information Visualization and in Motivating Behavior Change</title>
		<link>http://www.ginlchieng.com/tracking-21-days-of-eating-behavior/</link>
		<comments>http://www.ginlchieng.com/tracking-21-days-of-eating-behavior/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 03:24:27 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Experience Sampling]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[Personal Informatics]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=283</guid>
		<description><![CDATA[Objective: Using Personal Informatics to Create Information Visualization and in Motivating Behavior Change I have collected my food intake through an iPhone application from Feb 10 – 28, 2011, which accounts for three full weeks. This was done through an iPhone application called “dietSNAPS,” which lets users to take pictures of every meal that they ate.&#160;&#8230; <a href="http://www.ginlchieng.com/tracking-21-days-of-eating-behavior/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p><span style="text-decoration: underline;">Objective:</span> Using Personal Informatics to Create Information Visualization and in Motivating Behavior Change</p>
<p>I have collected my food intake through an iPhone application from Feb 10 – 28, 2011, which accounts for three full weeks. This was done through an iPhone application called “dietSNAPS,” which lets users to take pictures of every meal that they ate.</p>
<div>
<p>I delivered entry type, time-stamp, frequencies, and description in my visualization. In addition, actual photos of the meal will be used to be more visually-engaging and to be more aesthetically interesting to look at as well. Based on Yau and Schneider (2009) article “Self-Surveillance,” they have introduced an important concept of how collecting personal data about one’s behavior can help create a sense of awareness and motivation for behavior change (24). However, a question that comes to mind is the issue of the visualization of data. As noted, different forms of data presentation can differ in how information is highlighted. Moreover, artistic approaches have been examined in representing visualizations, most notably due to the emotional value that art and design can bring. As further exemplified in Holmes’ (2007) work on eco-visualization in the effort to reduce energy consumption; she has provided an excellent example of how visualizations can effectively convey and raise awareness.</p>
<div id="attachment_288" class="wp-caption alignnone" style="width: 650px"><img class="size-full wp-image-288 " src="http://www.ginlchieng.com/wp-content/uploads/2012/01/51.png" alt="Entering entry type for a particular meal" width="640" height="960" /><p class="wp-caption-text">Entering entry type for a particular meal</p></div>
</div>
<p>Based on the understanding of how visualizations can reveal unexpected patterns, I have consistently tracked three weeks of data on my food intake. The time frame of the data collection was from February 10 to the 28, 2011. A total of 85 entries were recorded throughout the 21 days, of which 71 entries have corresponding pictures. I have recorded this data with the help of an iPhone application called “dietSNAPS,” which lets users to take pictures of every meal they have eaten. Each log is further documented with information on entry type (breakfast, lunch, dinner, snacks and drinks), a time stamp, and a short text-field for users to input any descriptive text that describes the food. I have further export this data via E-mail to create my visualization.</p>
<div id="attachment_287" class="wp-caption alignnone" style="width: 650px"><img class="size-full wp-image-287 " src="http://www.ginlchieng.com/wp-content/uploads/2012/01/31.png" alt="Calender view of the app shows the daily consumption of each day" width="640" height="960" /><p class="wp-caption-text">Calender view of the app shows the daily consumption of each day</p></div>
<div>
<p>The visualization that I constructed incorporates the temporal dimension (time of the day) on the x-axis, with the frequencies on the y-axis. Each data point is an actual photograph of the food I ate, with a corresponding border color that indicates the meal type. I also experimented with other approaches. One method that I tried was to plot actual dates on the right-axis. However, after a pilot version of this visualization, I discovered that this information was not intuitive to read. Although this set of information could have provided for a better understanding as to how eating patterns could have changed from each day; this visualization will be more effective in capturing a larger data set. The biggest finding that I found was that I do not have a very consistent food intake throughout the day. Amongst the 21 days, I had only eaten five breakfasts and 8 lunches. As a result, snacking takes place throughout the day from the mid-mornings to mid-night. Therefore, I would eat huge dinners to compensate for the lack of caloric intake in the day. Moreover, my dinner tend to spam later in the evening from 8 to 11pm. Another interesting finding was that I only drink caffeine-contained liquids, such as coffee, coke and tea.</p>
<div id="attachment_285" class="wp-caption alignnone" style="width: 650px"><img class="size-large wp-image-285 " src="http://www.ginlchieng.com/wp-content/uploads/2012/01/infoviz1-785x481.jpg" alt="Information visualization of 21 days of food consumption" width="640" height="392" /><p class="wp-caption-text">Information visualization of 21 days of food consumption</p></div>
<p>In sum, the design of this visualization allows people to track entry types and frequencies in relationship to time. Although pictures provided for an interesting presentation manner, the size of the picture will restrict the actual processing of information. Therefore, a limitation of this design is the lack of descriptive texts that illustrate the type of food that is eaten. This is compensated by a tag cloud of all of the description that was entered previously in “dietSNAPS.” This design-based visualization can help convey other types of information that a system-based visualization cannot, such as the emotional value of a picture in comparison with numbers or data points on a data.</p>
</div>
<div>
<p><span style="text-decoration: underline;">References:</span></p>
</div>
<p>1. Yau, N., &amp; Schneider, J. (2009). Self-Surveillance. Bulletin of the American Society for Information Science and Technology, 35 (5), 24 – 30.</p>
<p>2. Homes, T.G.(2007). Eco-visualization: combining art and technology to reduce energy consumption. In Proceedings of the 6 ACM SIGCHI conference on Creativity &amp; Cognition (p. 162).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/tracking-21-days-of-eating-behavior/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: Critique of Feltron&#8217;s Report and Generating Alternative Measurements of Affect</title>
		<link>http://www.ginlchieng.com/blog-critique-of-feltrons-report-and-generating-alternative-measurements-of-affect/</link>
		<comments>http://www.ginlchieng.com/blog-critique-of-feltrons-report-and-generating-alternative-measurements-of-affect/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 02:34:19 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Personal Informatics]]></category>
		<category><![CDATA[Research Methods]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=348</guid>
		<description><![CDATA[Objective: Critique and reflection of Feltron&#8217;s “Report on an Assessment of Demeanor” in generating alternative methods of measuring affect and its practical usage in the real world. EXECUTIVE SUMMARY As observed in Feltron&#8217;s 2009 &#8220;Report on an Assessment of Demeanor&#8221;, Feltron captured a mood report based on two construct (i.e. extroversion and introversion; happy and sad) as measurements.&#160;&#8230; <a href="http://www.ginlchieng.com/blog-critique-of-feltrons-report-and-generating-alternative-measurements-of-affect/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p><span style="text-decoration: underline;"><strong>Objective:</strong></span> Critique and reflection of <a title="Feltron's Report" href="http://feltron.com/" target="_blank">Feltron&#8217;s</a> <a title="Feltron's Report" href="http://feltron.com/ar09_05.html" target="_blank">“Report on an Assessment of Demeanor”</a> in generating alternative methods of measuring affect and its practical usage in the real world.</p>
<p><strong>EXECUTIVE SUMMARY</strong></p>
<p>As observed in Feltron&#8217;s 2009 &#8220;Report on an Assessment of Demeanor&#8221;, Feltron captured a mood report based on two construct (i.e. extroversion and introversion; happy and sad) as measurements. In addition, qualitative data from interviews were provided from Feltron’s peers in contributing to the assessment of Feltron’s mood. Though results were insightful, however, issues of mutually-exclusive binary categorizations may limit the rich and complex expression of mood (affect). This blog report aims to provide a different approach on the measurement and assessment of affect. As indicated, “Affect is the experience of feeling or emotion and is a key process of an organism’s interaction with stimuli.”<a title="" href="file:///D:/Hello%20Jean/University%20of%20Michigan/Spring%202011/SI%20606%20Personal%20Informatics/assignments/assignment%201.docx#_ftn1">[1]</a>This analysis will present methods of self-reported measures of mood and observer-rated behavior, in hopes of examining self-reported mood, mood congruence and affect display.</p>
<div id="attachment_353" class="wp-caption alignnone" style="width: 527px"><img class="size-full wp-image-353 " title="Feltron's 2009 Report on Assessment of Mood" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/assessment-of-demeanor.jpg" alt="Feltron's 2009 Report on Assessment of Mood" width="517" height="658" /><p class="wp-caption-text">Feltron&#8217;s 2009 Report on Assessment of Mood</p></div>
<p><strong>METHODS</strong></p>
<p>I have generated two alternative measurements in assessing mood. The first measurement is an experience sampling mobile app survey based on a semantic differential response format referenced from the <a title="STEM" href="http://en.wikipedia.org/wiki/Affect_measures" target="_blank">State-Trait Emotion Measure</a>(STEM).<a title="" href="file:///D:/Hello%20Jean/University%20of%20Michigan/Spring%202011/SI%20606%20Personal%20Informatics/assignments/assignment%201.docx#_ftn2">[2]</a> The STEM consists of five positive and five negative emotions and was specifically selected because it can effectively capture general categories of affect with enough details to describe the complexity of a specific mood. Furthermore, a semantic differential format is employed so that the respondent can be assessed on a set of bipolar adjective pairs for ease of information input. The metric of this study is through a five-point Likert scale, where the user can only select one option amongst the scale. Also, by using a randomized signal-contingent measure, the user will not be able to anticipate mood assessment. The mood assessment would be requested several times of a day.</p>
<div id="attachment_350" class="wp-caption alignnone" style="width: 650px"><img class="size-large wp-image-350 " title="Individual's Self-Report of Mood through Signal-Contingent Method" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-17-21-07-47-785x586.jpg" alt="Individual's Self-Report of Mood through Signal-Contingent Method" width="640" height="477" /><p class="wp-caption-text">Individual&#8217;s Self-Report of Mood through Signal-Contingent Method</p></div>
<p>Another method that will be used to measure affect would be observer-rated behaviors from close peers and family members (observers). A similar method of an experience sampling mobile app would be triggered by a GPS sensor that connects to the individual’s mobile device. The observer will be prompted to rate the individual’s affect and mood when the sensor detects that there has been more than fifteen minutes of close contact with the individual. This is an event-contingent system, where a preselected sample of the individual is asked to perform this task. This group of individuals is selected based on the individual’s self-identified close relationship and social life prior to the study. The method and metric of the survey will be in a similar fashion like the individual-survey, which is also a semantic differential response format with a five-point Likert scale based on the framework of STEM, with an additional option to input qualitative data. Responses of the mood assessment will be compiled to produce a more robust measure in assessing the individual’s affect display.</p>
<div id="attachment_352" class="wp-caption alignnone" style="width: 650px"><img class="size-large wp-image-352" title="Perceived Affect Captured by Trusted Circles of Family and Friends through GPS Sensoring Technique" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-17-21-14-09-785x586.jpg" alt="Perceived Affect Captured by Trusted Circles of Family and Friends through GPS Sensoring Technique" width="640" height="477" /><p class="wp-caption-text">Perceived Affect Captured by Trusted Circles of Family and Friends through GPS Sensoring Technique</p></div>
<div id="attachment_351" class="wp-caption alignnone" style="width: 650px"><img class="size-large wp-image-351 " title="Perceived Affect and Observer-Rated Behaviors" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-17-21-09-27-785x586.jpg" alt="Perceived Affect and Observer-Rated Behaviors" width="640" height="477" /><p class="wp-caption-text">Perceived Affect and Observer-Rated Behaviors</p></div>
<p><strong>STRENGTHS AND LIMITATIONS</strong></p>
<p>One of the strength that these measures offer is to consider mood in terms of how it is represented. One of the biggest challenges with measuring mood is its transparent cognitive processes and intangibility to measure. By measuring actual affect and perceived affect, this comparison will give insights as to how mood is represented from both a personal level and from perceived affection display. Non-congruent mood between the individual and the observer does not suggest inappropriateness of mood, but could provide certain level of insights. One of the limitations of these operations is the issue of how representative and valid is the observer’s reflection. Uncontrolled variables such as biases can be heavily introduced by the observer’s own mood during these assessments. However, since no single-handed observer’s reports is used to attest for the individual’s affect, by taking the mean of a collection of observer report will provide for stronger results, therefore more robust in external validity.</p>
<p><strong>RELIABILITY AND OVERALL VALIDITY OF APPROACH</strong></p>
<p>The design of the methods is highly replicable based on several factors. The survey of the mobile app are all standardized and systematized for all users to ensure interval validity and to avoid complications such as researcher bias, demand characteristics and variability in measurement artifacts. The survey will be constructed based on the consideration of question bias, wording and placement to avoid anchoring effects and to ensure internal validity. As for external validity, there has been a concern as to how representative observer ratings are in relationship to the individual. This concern arises mainly due to the problem with whether the individual will alter affect display base on the relationship he or she has with the observer. This is a major concern, because there are cases where there could be potentially incongruence between actual affect and perceived affect, but is socially acceptable. This could due to hierarchical roles or demand characteristics, such as when the observer is the individual’s supervisor or mentor. A method to reduce this concern is to produce a set of criteria for selecting observers, such as issues of trust, rapport and level of comfort the individual has with the observer.</p>
<p><strong>PRACTICAL USAGE IMPLICATIONS</strong></p>
<p>A potential practical usage for this application is to help psychologists in building better understanding of their patient&#8217;s mental status. Current reports include self-reports from patients or diary studies. However, retrospective memory of reporting self-diaries have always been a form of concern. Using mobile application tracking patient&#8217;s mood in real time can help reduce this bias. Also, reports of this individual&#8217;s mood display from a supportive group of family and peers can help clinicians in assessing different perspectives of the patient&#8217;s condition.</p>
<div id="attachment_349" class="wp-caption alignnone" style="width: 650px"><img class="size-large wp-image-349" title="Practical Implications for Clinical Physicians to Moderate Patient's Mood" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-17-21-14-17-785x586.jpg" alt="Practical Implications for Clinical Physicians to Moderate Patient's Mood" width="640" height="477" /><p class="wp-caption-text">Practical Implications for Clinical Physicians to Moderate Patient&#8217;s Mood</p></div>
<div>
<p><span style="text-decoration: underline;">REFERENCES</span></p>
<div>
<p><a title="" href="file:///D:/Hello%20Jean/University%20of%20Michigan/Spring%202011/SI%20606%20Personal%20Informatics/assignments/assignment%201.docx#_ftnref1">[1]</a> Affect. (n.d.). In <em>Wikipedia</em>. Retrieved January 31, 2011, from http://en.wikipedia.org/wiki/Affect_(psychology).</p>
</div>
<div>
<p><a title="" href="file:///D:/Hello%20Jean/University%20of%20Michigan/Spring%202011/SI%20606%20Personal%20Informatics/assignments/assignment%201.docx#_ftnref2">[2]</a> Affect Measures. (n.d.). In <em>Wikipedia</em>. Retrieved December 13, 2010 from http://en.wikipedia.org/wiki/Affect_measures.</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/blog-critique-of-feltrons-report-and-generating-alternative-measurements-of-affect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blog: Field Observation and Embedding Digital Augmentation in Panera Bread Cafe</title>
		<link>http://www.ginlchieng.com/field-observation-and-embedding-digital-augmentation-in-panera-bread/</link>
		<comments>http://www.ginlchieng.com/field-observation-and-embedding-digital-augmentation-in-panera-bread/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 00:33:46 +0000</pubDate>
		<dc:creator>Gin</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Brainstorming]]></category>
		<category><![CDATA[Design Idea]]></category>
		<category><![CDATA[Digital Augmentation]]></category>
		<category><![CDATA[Observation]]></category>

		<guid isPermaLink="false">http://www.ginlchieng.com/?p=319</guid>
		<description><![CDATA[Objective: Conduct an hour of field observation understanding the task flow analysis of Panera servers and to brainstorm recommendations of how digital augmentation can be incorporated in this process. UX Method: Observation Date: January 12, 2012 Time: 8:00 &#8211; 9:00 am Location: Panera Bread Cafe SCOPE OF OBSERVATION One hour of observation was spent at Panera Bread Café to&#160;&#8230; <a href="http://www.ginlchieng.com/field-observation-and-embedding-digital-augmentation-in-panera-bread/">Read&#160;more</a>]]></description>
				<content:encoded><![CDATA[<p><span style="text-decoration: underline;">Objective:</span> Conduct an hour of field observation understanding the task flow analysis of Panera servers and to brainstorm recommendations of how digital augmentation can be incorporated in this process.<br />
<span style="text-decoration: underline;">UX Method:</span> Observation<br />
<span style="text-decoration: underline;">Date:</span> January 12, 2012<br />
<span style="text-decoration: underline;">Time: </span>8:00 &#8211; 9:00 am<br />
<span style="text-decoration: underline;">Location:</span> Panera Bread Cafe</p>
<div id="attachment_321" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-321" title="Panera Cafe" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-12-8-39-19-300x224.jpg" alt="Panera Cafe" width="300" height="224" /><p class="wp-caption-text">Figure 1. The view of the observation at the Panera Bread store, where the entrance is to the right.</p></div>
<p><strong>SCOPE OF OBSERVATION</strong></p>
<p><strong></strong>One hour of observation was spent at Panera Bread Café to better understand how digital augmentation can be incorporated in the process of food ordering, payment, restocking, and how Panera staff interacts with their customer. A quiet location near the cash registry was picked to perform this observation. This location was specifically selected, because it allows me to hear what has been ordered, thereby giving the context of each interaction between the server and the customer. This location was located near the entrance, where it also allows me to observe the traffic of customers and their reaction prior to ordering.</p>
<p>The objective of this observation was to investigate the kinds of tasks that a Panera server performed and to observe some of the difficulty they may encounter. This observation was performed in the morning, where roughly 80% of the customer sales are for to-go. This time period was specifically isolated to identify patterns for to-go orders.<strong></strong></p>
<p><strong>TASKS THAT SERVERS ATTENDED TO</strong></p>
<p><strong></strong>There are several tasks that a Panera staff attends to at the cashier: giving an initial pitch to their customers, attending orders, retrieving orders, asking for Panera membership card, and handling the payment. Other task that needs to be performed simultaneously includes restocking bakery items and refilling the coffee at self-serving stands.</p>
<p><strong>TARGET AUDIENCE</strong></p>
<p><strong></strong>A scenario of a two server shift at the cashier was observed. The main target user will be the server attending to the cashier. The server needs to attend to each customer’s needs, while performing other errands and tasks when no customers are present.</p>
<p><strong>PATTERNS OBSERVED AND RECOMMENDATIONS</strong></p>
<p><strong></strong>1. <strong>Each server attends to the need of one customer until payment is being received.</strong> This work flow demands the server to perform each component of the task sequentially until the order is completed. This imposes several redundancies in the task and can become time-consuming before the order is complicated. For instance, when the server goes and retrieves an order, the customer will be left waiting before the server can proceed to the next component of the task. A lot of time is spent walking to the designated area to perform the task, such as retrieving a bakery item.</p>
<p><em>RECOMMENDATION:</em> One of the issues of the one-server-per-customer model is that servers may need to walk back and forth for each service. Another issue is the redundancy of the task. For example, during a more complicated order such as ordering a dozen bagels, the server will be spending most of his time at the bagel stand retrieving the order. However, the other server could have a short order of retrieving one bagel. The server will need to walk over, while it would be much easier for the other server to bring over that bagel, while the server with the short-order can proceed to payment. This could reduce the time for the server with the short-order, and will not demand too much time of the server with the longer order in this scenario. Thus, one recommendation that can be worth exploring is to examine how to incorporate division of task and in eliminating redundant task completion between servers.</p>
<p>2. <strong>Short orders are performed more efficiently.</strong> A short order usually consists of a simple order of coffee or a quick retrieval of a bakery item. These orders are performed efficiently, where all the server need to do is retrieve an item or give a coffee cup to the customer, where they can serve themselves at the coffee stand. However, during line-up, all customers with different orders are lined up. After completing an order, each server will ring up the next customer by pitching out, “I can help somebody here.” Customers hesitate for a second before approaching the server, where valuable time is wasted.</p>
<p><em>RECOMMENDATION:</em> Dividing customers based on the type of order can hugely increase the efficiency. It will be much more useful for one server to be able to ring up five customers with short orders and to minimize the line-up. This can help make the waiting line shorter, so that customers will not be discouraged by a long line when they enter the store.</p>
<p>3. <strong>When there are no customers, servers will be running other errands in the kitchen space or out on the floor</strong>; however, approaching customers may not be noticed and will not be attended. As noted previously, some of the other tasks that server need to attend to includes running errands such as refilling bakery items and attending to the self-serving coffee stands. During these times, servers are not present at the cashier, therefore when a new customer approaches the cashier, servers may not respond in time, leaving customers waiting.</p>
<p><em>RECOMMENDATION: </em>Servers should be able to know when there are new customers when they are attending to other tasks. This has often been accomplished by a feedback system incorporated with the door by a ringing tone. However, these can be intrusive and annoying to hear, where everybody in the shop will know when a new customer has entered.</p>
<p><strong>DIGITAL AUGMENTATION AND DESIGN IDEAS</strong></p>
<p><strong></strong>During the hour long observation, a total of 53 customers were attended. Within the 53 customers, 20 of the order were identified as short orders, which are defined as a quick to-go order that consists of either a coffee or at most a pastry to go along with it. A design idea is to change the work processes, where one server can attend to all customers with short order by an “Express Lane.” At times when there are no short orders, the server can go and support the other server by retrieving the order, while the server proceed to adding rewards to the card and in filling in the payment. In terms of digital augmentation, this can be further assisted by an OpenCV people detection at the door in detecting new customers when they walk in the door, which can be hooked to a device the server can wear, potentially a watch. The device can vibrate, and servers can know when new customers entered the door when they are performing other errands or is not attending the cashier. The device can also show the order of the normal lane, where the supporting server can read off the orders without further verbal communication in distracting the main server. However, it is important to note that this is a design solution for a two server shift in a designated time period, which has its only specific routines, which can be different for other scenarios.</p>
<div id="attachment_320" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-320" title="Design Recommendation" src="http://www.ginlchieng.com/wp-content/uploads/2012/01/Photo-Jan-17-19-28-01-300x140.jpg" alt="Design Recommendation" width="300" height="140" /><p class="wp-caption-text">Quick Sketch of Design Idea and Incorporation of Digital Augmentation</p></div>
<p>To see detailed design ideas, read <a title="Draw 6 sketches within 30 minutes on a design scenario." href="http://www.ginlchieng.com/?p=460" target="_blank">Blog: Draw 6 sketches within 30 minutes on a design scenario</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ginlchieng.com/field-observation-and-embedding-digital-augmentation-in-panera-bread/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
