<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>xiaoqi&#039;s COM597C</title>
	<atom:link href="http://com597c.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://com597c.wordpress.com</link>
	<description>xiaoqi&#039;s blog site for Interactive Design class in UW Master of Communication in Digial Media program</description>
	<lastBuildDate>Thu, 10 Dec 2009 03:41:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='com597c.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://0.gravatar.com/blavatar/af79653e6eb93c8c1db8192ceb12f22c?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>xiaoqi&#039;s COM597C</title>
		<link>http://com597c.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://com597c.wordpress.com/osd.xml" title="xiaoqi&#039;s COM597C" />
	<atom:link rel='hub' href='http://com597c.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Class learning summary</title>
		<link>http://com597c.wordpress.com/2009/12/10/class-learning-summary/</link>
		<comments>http://com597c.wordpress.com/2009/12/10/class-learning-summary/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 03:41:03 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/?p=88</guid>
		<description><![CDATA[From Oct. 5- Dec. 7 10 weeks, I enrolled Theories and Practice of Interactivity Design course in Master of Communication with Digital Media (MCDM) program taught by Carolina Mello-e-Souza and Kenneth Rufo. It is only design class in the MCDM program. In this 10 weeks we covered topics include: Basic theories and practice of interaction; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=88&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>From Oct. 5- Dec. 7 10 weeks, I enrolled Theories and Practice of Interactivity Design course in Master of Communication with Digital Media (MCDM) program taught by Carolina Mello-e-Souza and Kenneth Rufo.<br />
It is only design class in the MCDM program.<br />
In this 10 weeks we covered topics include:<br />
Basic theories and practice of interaction;<br />
Design components: composition, hierarchy, typography, color, interaction design process and affect, Usability<br />
User Interface Design<br />
Services and branding design<br />
Industrial and environmental design<br />
Game Design and Future of Design</p>
<p>I am very passionate about design personally because design is everywhere impact people’s life.<br />
I am very passionate about design personally because good design makes our life more beautiful, easier, however bad design often makes people feel really bad about themselves and did not realize it is the design.</p>
<p>After 10 weeks study, I learned a lot.<br />
Here are few highlights:<br />
1.	Design vocabulary and language.<br />
With design vocabulary and language, I am able to communicate with designers about my ideas in a standard way.<br />
Layout composition typography are the tools to use for design interactive website.<br />
Wire Frame, Task Flow Chart, Site Map are 3 useful tool to structure web site design.</p>
<p>2.	Real world practices<br />
I really enjoy listen to the real world practices.<br />
In week 5, we have XBOX out of box experience lecture from MS. That was a good practice to review the reality world, to learn from the real experiences of success and failure. In that lecture, I also learned user experience study theory and real world case implementation.</p>
<p>There are a lot differences between theory and real implementation. The reality is usually = “theory” – “budget constrain” – “time constrain” – “resource constrain”</p>
<p>3.	Hands on experiences<br />
In 2 classes, we had hands-on experiences.<br />
One is in the User Centered Design class to design an new experience to change the current world experience that you always wanted to.<br />
The hands on experience force us to think the experience from different perspective to address users’ different scenarios.<br />
The challenge part is also how to present the experience.<br />
In the end, we are able to present the complicate processes and scenarios with simple presentations, illustrators, demos, instruction. Offer our customers to experience our design.</p>
<p>The user experience was not 100% as we designed. We have to explain some detail of design with our words. That made me continue think some of the details might not be as useful as we originally thought.</p>
<p>Experience other team’s design.<br />
It was fun to experience other team’s design. Just like every time we try something new, it was exciting, mysterious.<br />
It was also great learning experience by talking to the designers face to face.  This shows us their thinking behind. </p>
<p>The other is to play and evaluate the Game, instructor brought in the classroom for Game Design.<br />
This experience forces us to think of how other games are designed and learn from them.<br />
In the class we played and evaluated game called Max.<br />
It is a collaboration game designed for 4-7 years old kid. The game is on a small board with colorful creatures as main characters.<br />
All players work together for the same goal, which can be save the creatures from the wild cat or be the cat to eat all the creatures. It is up to the players to define the goal.<br />
The scenario in the game make kids who play with it really care about the result: no one want the creatures are ate by the cat.<br />
We can finish the game in 10min which also fits the best to 4-7 years old kid’s attention focus length. </p>
<p>Summary, this is a good class for design with a broad coverage. It is like a map, showcase us the design field. If we want to drill down specific topic in the future, we can always find the right way to go with the guidence of this map.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/88/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=88&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/12/10/class-learning-summary/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>
	</item>
		<item>
		<title></title>
		<link>http://com597c.wordpress.com/2009/12/07/85/</link>
		<comments>http://com597c.wordpress.com/2009/12/07/85/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 05:23:01 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/12/07/85/</guid>
		<description><![CDATA[<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=85&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<iframe src='http://www.slideshare.net/slideshow/embed_code/2619771' width='425' height='348'></iframe>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/85/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/85/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/85/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=85&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/12/07/85/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>
	</item>
		<item>
		<title>Create Service Envy for AT&amp;T developers</title>
		<link>http://com597c.wordpress.com/2009/11/15/create-service-envy-for-att-developers/</link>
		<comments>http://com597c.wordpress.com/2009/11/15/create-service-envy-for-att-developers/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 21:34:54 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/11/15/create-service-envy-for-att-developers/</guid>
		<description><![CDATA[Dear Mobile Phone Developers, What spent most of your time before development and not making too much progress? Get to know what your customers really want What frustrated you the most? Create something great but no one wants to use it AT&#38;T develop kit is your best buddy: o In AT&#38;T develop kit, we know [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=82&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Dear Mobile Phone Developers,<br />
What spent most of your time before development and not making too much progress?<br />
Get to know what your customers really want<br />
What frustrated you the most?<br />
Create something great but no one wants to use it</p>
<p>AT&amp;T develop kit is your best buddy:</p>
<p>o In AT&amp;T develop kit, we know what your customers need, we share that info with you in the kit as a build in persona database + online update with latest data analysis and refresh.<br />
o In AT&amp;T develop kit, we offer a solution instead of just a feature or application. This solution is to help connect your customer, his/her cell phone and his/her existing online communities together by you.<br />
o We will turn you into a community hero.<br />
You are not just that developer behind the senene, you are the hero helping them make their life easier by tracking their already busy life up to date with single click on their compainon Mobile Phone.<br />
<strong>Build in persona database – with auto update feature to refect latest maket info</strong><br />
Get to know your customers is the most important thing for service providers.<br />
It is also the most expensive information to achieve.<br />
AT&amp;T develop kit leverage AT&amp;T customer center’s massive data from customers survey, customer research, usability studies. The toolkit analysised these data, provide a set of customer persona in the kit for mobile developers like you. You can easily find the right audiences as your targeted development audiences.<br />
Once you identify your target audiences, the detailed customer data is in the kit to help you refine your solution design.<br />
For example, you want to develop a game solution. You quickly find out, your audiences will be Derek (male, 25) owns 3 different game consoles, spent average 8 hrs playing games. He has no children, spent average hrs on cell phone during his commute to work and social. His facebook has ~ 500 friends from universities and game buddies. He likes to communicate his gaming ideas on facebook.<br />
Once you find him in AT&amp;T toolkit, you can find all detail info above.<br />
You know connect to online communities will help him very much. You can easily use the facebook plug in to create this solution for audience like Derek.</p>
<p><strong>Develop Solution instead of feature/application</strong><br />
You are not like traditional developer, develop a feature or an application for the mobile phone.<br />
You are providing a End to End solution.<br />
AT &amp;T develop kit offer a set of online community plug in: facebook, twitter, my spaces, windows live spaces.<br />
With these kit you can easily create that solution connect your customers with their communities.<br />
<img class="alignnone size-thumbnail wp-image-81" title="solution" src="http://com597c.files.wordpress.com/2009/11/solution.jpg?w=150&#038;h=115" alt="solution" width="150" height="115" /> </p>
<p><strong>Turn yourself or your customers into the community hero – they can add you as their facebook friend, follow you on twitter, they become your audience of your blogs, you can invite them for customer survey.</strong><br />
You don’t have to be behind the senene any more. Your customers love to connect to you as you know the solution very well.<br />
The toolkit offer option for customers to connect back to your communities if they want to.<br />
Turn on that option, they can add you as their facebook friend, follow you on twitter, even invite you to their real life. You are their hero as you can help their life easier.<br />
They become your blog subscribers, you can invite them to do customer survey during your regular chat.<br />
They can be hero as well if they want to by option to share their thoughts, solutions on the communities site with their friends.<br />
AT&amp;T developer kits provides you something that never happen before.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/82/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=82&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/11/15/create-service-envy-for-att-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/11/solution.jpg?w=150" medium="image">
			<media:title type="html">solution</media:title>
		</media:content>
	</item>
		<item>
		<title>Task Flow Chart &#8211; Media Center</title>
		<link>http://com597c.wordpress.com/2009/11/14/media-task-flow-chart/</link>
		<comments>http://com597c.wordpress.com/2009/11/14/media-task-flow-chart/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 22:15:06 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/11/14/media-task-flow-chart/</guid>
		<description><![CDATA[&#160;<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=80&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://com597c.files.wordpress.com/2009/11/image3.png">&#160;</a></p>
<p><a href="http://com597c.files.wordpress.com/2009/11/image3.png"><img style="border-bottom:0;border-left:0;display:inline;margin-left:0;border-top:0;margin-right:0;border-right:0;" title="image" border="0" alt="image" align="left" src="http://com597c.files.wordpress.com/2009/11/image_thumb3.png?w=590&#038;h=443" width="590" height="443" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/80/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/80/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/80/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=80&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/11/14/media-task-flow-chart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/11/image_thumb3.png" medium="image">
			<media:title type="html">image</media:title>
		</media:content>
	</item>
		<item>
		<title>test</title>
		<link>http://com597c.wordpress.com/2009/11/11/test/</link>
		<comments>http://com597c.wordpress.com/2009/11/11/test/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 18:10:14 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/11/11/test/</guid>
		<description><![CDATA[test<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=77&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>test</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/77/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/77/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/77/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/77/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/77/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/77/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/77/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/77/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=77&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/11/11/test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>
	</item>
		<item>
		<title>wireframe</title>
		<link>http://com597c.wordpress.com/2009/11/09/wireframe/</link>
		<comments>http://com597c.wordpress.com/2009/11/09/wireframe/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 21:32:24 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/11/09/wireframe/</guid>
		<description><![CDATA[Old design New wireframe &#160;<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=74&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Old design</p>
<p><a href="http://com597c.files.wordpress.com/2009/11/image.png"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="image" border="0" alt="image" src="http://com597c.files.wordpress.com/2009/11/image_thumb.png?w=640&#038;h=563" width="640" height="563" /></a> </p>
<p>New wireframe</p>
<p><a href="http://com597c.files.wordpress.com/2009/11/image1.png"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="image" border="0" alt="image" src="http://com597c.files.wordpress.com/2009/11/image_thumb1.png?w=634&#038;h=476" width="634" height="476" /></a> </p>
<p>&#160;</p>
<p><a href="http://com597c.files.wordpress.com/2009/11/image2.png"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="image" border="0" alt="image" src="http://com597c.files.wordpress.com/2009/11/image_thumb2.png?w=733&#038;h=551" width="733" height="551" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/74/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=74&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/11/09/wireframe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/11/image_thumb.png" medium="image">
			<media:title type="html">image</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/11/image_thumb1.png" medium="image">
			<media:title type="html">image</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/11/image_thumb2.png" medium="image">
			<media:title type="html">image</media:title>
		</media:content>
	</item>
		<item>
		<title>Media Space &#8211; Re-architect with future in mind</title>
		<link>http://com597c.wordpress.com/2009/11/09/media-space-re-architect-with-future-in-mind/</link>
		<comments>http://com597c.wordpress.com/2009/11/09/media-space-re-architect-with-future-in-mind/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 05:12:31 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/11/09/media-space-re-architect-with-future-in-mind/</guid>
		<description><![CDATA[Media Space – Re-architect with future in mind Media Space is serving as the collaboration hub for MCDM (Master of Communication with Digital Media) program in University of Washington “Members” is the foundation of the platform. Every collaboration task is around members, for members and by members. Without members there is no reason for Media [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=65&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Media Space – Re-architect with future in mind</p>
<p>Media Space is serving as the collaboration hub for MCDM (Master of Communication with Digital Media) program in University of Washington</p>
<p>“Members” is the foundation of the platform.</p>
<p>Every collaboration task is around members, for members and by members. Without members there is no reason for Media Space to exist. </p>
<p>Speaking of re-architect the Media Space, re-architect for members should be the place to start and to end.</p>
<p>1<sup>st</sup> think of the category of members:</p>
<p>There are possible 7 different kind of members will be on this space</p>
<p>1. MCDM staff<br />
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="163">
<p><b>Role</b></p>
</td>
<td valign="top" width="267">
<p><b>Actions</b></p>
</td>
<td valign="top" width="98">
<p><b>Improvement</b></p>
</td>
<td valign="top" width="63">
<p><b>Priority</b></p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Professors</b></p>
</td>
<td valign="top" width="267">
<p>Driver of each class in the program</p>
</td>
<td valign="top" width="98">&#160;</td>
<td valign="top" width="63">
<p>1</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Teaching assistants</b></p>
</td>
<td valign="top" width="267">
<p>Help professors drive the class as well as task assignments. They will involve in a lot of the collaborations for the program </p>
</td>
<td valign="top" width="98">&#160;</td>
<td valign="top" width="63">
<p>1</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Program assistants</b></p>
</td>
<td valign="top" width="267">
<p>Who help students and professors on the job openings, program applications, etc.</p>
<p>Their job has less collaboration more towards information push.</p>
</td>
<td valign="top" width="98">&#160;</td>
<td valign="top" width="63">
<p>2</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Library assistants</b></p>
</td>
<td valign="top" width="267">
<p>They assist professors and students to have the right library query for the class.</p>
<p>The level of their involvement is also limited to information share and push</p>
</td>
<td valign="top" width="98">&#160;</td>
<td valign="top" width="63">
<p>3</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Guest Speakers</b></p>
</td>
<td valign="top" width="267">
<p>This is a huge asset for MCDM program. These guest speakers brought great information to the classroom. They are the hub between the study and the real world. Often after guest speak is over, their connection with the students are over. Media center can serve as a place for the students keep interact with these enterprises heroes. </p>
</td>
<td valign="top" width="98">&#160;</td>
<td valign="top" width="63">
<p>0</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Current MCDM students</b></p>
</td>
<td valign="top" width="267">
<p>This is main users of the Media Space.</p>
</td>
<td valign="top" width="98">&#160;</td>
<td valign="top" width="63">
<p>0</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>MCDM alumni</b></p>
</td>
<td valign="top" width="267">
<p>After 2-5 years, students graduated, they become alumni. Their activities will change from fully involve to much less involvement.</p>
</td>
<td valign="top" width="98">
<p>Allow member retire from the site</p>
</td>
<td valign="top" width="63">
<p>1</p>
</td>
</tr>
<tr>
<td valign="top" width="163">
<p><b>Potential MCDM students in the future</b></p>
</td>
<td valign="top" width="267">
<p>People who are interested to check out this program, should have the ability to glimpse the program in this space. </p>
<p>This can be a market for MCDM program</p>
</td>
<td valign="top" width="98">
<p>Set different membership level.</p>
<p>For this audience, </p>
<p>no membership required to allow them view the none confidential data</p>
</td>
<td valign="top" width="63">
<p>1</p>
</td>
</tr>
</tbody>
</table>
<p>2<sup>nd</sup> – what is the future of the MCDM and Media Space in next 5-10 years?</p>
<p>How many members there are in the Media Space right now?</p>
<p>How many members there will be in the next 5-10 years?</p>
<p>Since Media Space is serving MCDM program, it should consider the program’s needs.</p>
<p>How many students in each cohort?</p>
<p>The future direction of MCDM program in terms of how many people in each cohort each year in the next 5-10 years.</p>
<p>The growth of the staff, the growth of the students, the graduated students, all should put into consideration. Architect for future, then the site will have a chance to last for that future we aimed.</p>
<p>3<sup>rd</sup> Architect around the actions of the members </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/65/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=65&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/11/09/media-space-re-architect-with-future-in-mind/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>
	</item>
		<item>
		<title>Final Project Proposal &#8211; Digital Personal Portfolio</title>
		<link>http://com597c.wordpress.com/2009/10/28/final-project-proposal-personal-digital-portfolio/</link>
		<comments>http://com597c.wordpress.com/2009/10/28/final-project-proposal-personal-digital-portfolio/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 01:54:45 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/10/28/final-project-proposal-personal-digital-portfolio/</guid>
		<description><![CDATA[In 2008, one of my life highlight is I was admitted to University of Washington, Master of Communication with Digital Media program in 2008. Today in Oct. 2009,&#160; i am half way through the program. I learned a lot in the program: research methodology, digital media marketing, predict media trend, story telling strategy and so [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=64&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>In 2008, one of my life highlight is I was admitted to University of Washington, Master of Communication with Digital Media program in 2008.</p>
<p>Today in Oct. 2009,&#160; i am half way through the program.</p>
<p>I learned a lot in the program: research methodology, digital media marketing, predict media trend, story telling strategy and so on.</p>
<p>In each class, i achieved a lot to contribute back to my professional career. We did many Blogs towards today’s social media society, we did personal and group projects deep dive into today’s social media platform; we did thorough research of&#160; the history of digital media and predict the future, we also finished so many paper, videos, slides, podcasting projects and so on.</p>
<p>With this huge accomplishments, explain to people what i am studying in this program&#160; is always a challenge.</p>
<p>Explain what it is the key of this program, what it is i learned that’s beneficial to professional career, is very difficult in short period of time.</p>
<p>Why not use what we learned the class to start building up my personal Digital Portfolio to present who i am today and tomorrow after studying in this program.</p>
<p>Digital Personal/Professional Portfolio has not being seen as a popular method.</p>
<p>People still using traditional paper resume to look for a job when they need.</p>
<p>Why not start building digital portfolio create your own brand, and let the opportunities come to my way?,&#160; </p>
<p>Idea:</p>
<ul>
<li>Build up digital personal portfolio </li>
</ul>
<p>Benefits:</p>
<ol>
<li>New personal image in job market – compare traditional job application (paper based resume) </li>
<li>Build up image for MCDM program – each student success career after the program is fruit of MCDM program </li>
<li>Voice for MCDM&#160; program – instead of what MCDM program is doing today try to build up centralized hub for the program, each student’s portfolio will be a strong voice for the program to speak to the rest of the world </li>
</ol>
<p>Outline:</p>
<ol>
<li>Research today’s portfolio </li>
<li>Predict future portfolio </li>
<li>Differences of professional profile and portfolio </li>
<li>Benefit of personal digital portfolio </li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/64/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/64/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/64/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/64/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/64/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/64/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/64/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/64/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=64&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/10/28/final-project-proposal-personal-digital-portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>
	</item>
		<item>
		<title>One Improvement in the classroom &#8211; virtual classroom for queue questions</title>
		<link>http://com597c.wordpress.com/2009/10/27/one-improvement-in-the-classroom-virtual-classroom-for-queue-questions/</link>
		<comments>http://com597c.wordpress.com/2009/10/27/one-improvement-in-the-classroom-virtual-classroom-for-queue-questions/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 01:58:43 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/10/27/one-improvement-in-the-classroom-virtual-classroom-for-queue-questions/</guid>
		<description><![CDATA[Cell phone text messaging – assume everyone has a cell phone Every students will send their questions through text messaging use cell phone. Twitter messaging to classroom twitter our questions to classroom<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=56&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Cell phone text messaging – assume everyone has a cell phone</p>
<blockquote><p>Every students will send their questions through text messaging use cell phone.</p>
</blockquote>
<p>Twitter messaging to classroom</p>
<blockquote><p>twitter our questions to classroom</p>
</blockquote>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/56/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=56&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/10/27/one-improvement-in-the-classroom-virtual-classroom-for-queue-questions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>
	</item>
		<item>
		<title>Poor Usability Design Example</title>
		<link>http://com597c.wordpress.com/2009/10/27/poor-usability-design-example/</link>
		<comments>http://com597c.wordpress.com/2009/10/27/poor-usability-design-example/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 01:20:17 +0000</pubDate>
		<dc:creator>xiaoqiye</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://com597c.wordpress.com/2009/10/27/poor-usability-design-example/</guid>
		<description><![CDATA[Poor Usability Design Example – Seattle Street parking meter, Too Busy and Too much information, everywhere. - If you visit Seattle downtown, you will see this kind of street parking meter here and there. They were placed in Seattle downtown in March 21, 2009 according to the sign on the meter. The first impression when [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=54&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Poor Usability Design Example – Seattle Street parking meter, Too Busy and Too much information, everywhere.</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image002.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image002" border="0" alt="clip_image002" src="http://com597c.files.wordpress.com/2009/10/clip_image002_thumb.jpg?w=139&#038;h=244" width="139" height="244" /></a></p>
<p>-</p>
<p>If you visit Seattle downtown, you will see this kind of street parking meter here and there.</p>
<p>They were placed in Seattle downtown in March 21, 2009 according to the sign on the meter.</p>
<p>The first impression when I have to face this machine is “busy” too much information, and the information is everywhere on the interface, hard to find the right flow to digest the right information in front of this machine.</p>
<p>I would divide this User interface into 3 different sections:</p>
<p>Section 1: Top right corner</p>
<p>There is a clock, Max 2 hrs parking information</p>
<p>Parking schedule</p>
<p>Direction for more instruction</p>
<p>Fare information</p>
<p>How to display receipt </p>
<p>Section 2: Middle Left section,</p>
<p>There are complicate Cards instructions here. </p>
<p>Different language choices</p>
<p>Two choices of time: Max or Add</p>
<p>Credit card in put slot</p>
<p>Section 3: Bottom of this user interface</p>
<p>One Coin input window</p>
<p>Print Receipt button: green</p>
<p>Cancel button: Red</p>
<p>Coin Return window</p>
<p>Receipt return window</p>
<p>Customers:</p>
<p>In Seattle downtown, except this kind of parking meter, there are also other parking options: parking garages under most of big shopping malls, parking lot for every other streets and sections. This kind of street parking is really designed for short term parking and visiting. This is a common knowledge shared with most of customers.</p>
<p>What information do our customers care the most?</p>
<p>Of course all the information present on the meter is what customer cares. </p>
<p>Let’s walk in customers’ shoes and share their experiences </p>
<p>Scenario 1: Saturday morning, John drove his families visiting Seattle downtown the pike market. </p>
<p>After drive around for a little bit, they found a street parking, John parked the car parallel with the street and walked to the meter.</p>
<p>First few questions popup into his mind is: </p>
<p>1. How long does he need to and able to park here. </p>
<p>2. How much will the parking cost. </p>
<p>3. How to pay</p>
<p>The parking meter provides this information on top right of the user interface.</p>
<p>2 hours of parking is max and general parking schedule as well as fare. </p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image004.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image004" border="0" alt="clip_image004" src="http://com597c.files.wordpress.com/2009/10/clip_image004_thumb.jpg?w=233&#038;h=96" width="233" height="96" /></a></p>
<p>What are the Free Parking Days? This info is confusing.</p>
<p>Change to:</p>
<p>Since the Free Parking Days, and free parking hours are free to customers. Also, the time and date information could be flexible and changeable. Why not just program this schedule into the machine to save lots of busy information to read for customer to figure out.</p>
<p>That said, this clock can be a very useful one to share the schedule information.</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image006.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image006" border="0" alt="clip_image006" src="http://com597c.files.wordpress.com/2009/10/clip_image006_thumb.jpg?w=244&#038;h=176" width="244" height="176" /></a></p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image008.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image008" border="0" alt="clip_image008" src="http://com597c.files.wordpress.com/2009/10/clip_image008_thumb.jpg?w=244&#038;h=86" width="244" height="86" /></a></p>
<p>The entire schedule information can be saved.</p>
<p>But there is a piece of miss leading information: “See Side for parking rules” with date under it. </p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image010.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image010" border="0" alt="clip_image010" src="http://com597c.files.wordpress.com/2009/10/clip_image010_thumb.jpg?w=244&#038;h=80" width="244" height="80" /></a></p>
<p>What is this information for? It was not pop up in John’s mind when he first parked there. Did I break the rule? This thought made him nervous; he had to turn around on the side of the meter to read the rule to make sure he is not breaking the rules. What does the date under the Rules mean? Does it mean it is the rule set on this date? Or does it mean it is the date the rule is valid? </p>
<p>All this information is very distractive and only make customer more nervous in front of this machine. </p>
<p>Also the position of this information is on the Right side of this meter seems against the common used customs. Usually people start reading the information from top left based on the common used customs.</p>
<p>There are people speaks Right to Left languages such as Farsi or Hebrew. </p>
<p><b>H</b>ow to pay?</p>
<p>Left corner there is instruction for pay by Credit card. But it full of words and buttons are under the user interface in another section.</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image012.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image012" border="0" alt="clip_image012" src="http://com597c.files.wordpress.com/2009/10/clip_image012_thumb.jpg?w=143&#038;h=244" width="143" height="244" /></a></p>
<p>4 steps:<br />
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="136">
<p>Step</p>
</td>
<td valign="top" width="343">
<p>Interface</p>
</td>
<td valign="top" width="64">
<p>Position on UI</p>
</td>
</tr>
<tr>
<td valign="top" width="136">
<p>1. Insert card</p>
</td>
<td valign="top" width="343">
<p>Slot</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image014.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image014" border="0" alt="clip_image014" src="http://com597c.files.wordpress.com/2009/10/clip_image014_thumb.jpg?w=244&#038;h=186" width="244" height="186" /></a></p>
</td>
<td valign="top" width="64">
<p>bottom </p>
</td>
</tr>
<tr>
<td valign="top" width="136">
<p>2. Choose time</p>
</td>
<td valign="top" width="343">
<p>2 buttons</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image016.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image016" border="0" alt="clip_image016" src="http://com597c.files.wordpress.com/2009/10/clip_image016_thumb.jpg?w=125&#038;h=103" width="125" height="103" /></a></p>
</td>
<td valign="top" width="64">
<p>Above the Card input </p>
</td>
</tr>
<tr>
<td valign="top" width="136">
<p>3. Print receipt</p>
</td>
<td valign="top" width="343">
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image018.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image018" border="0" alt="clip_image018" src="http://com597c.files.wordpress.com/2009/10/clip_image018_thumb.jpg?w=203&#038;h=244" width="203" height="244" /></a></p>
</td>
<td valign="top" width="64">&#160;</td>
</tr>
<tr>
<td valign="top" width="136">
<p>4. Remove card quickly and take the receipt</p>
</td>
<td valign="top" width="343">&#160;</td>
<td valign="top" width="64">&#160;</td>
</tr>
</tbody>
</table>
<p>Flaws in the design:</p>
<p>The Instruction does not really match the input below. The layout of these interfaces is not flowing with the instructions. They are positioned on the interface everywhere with random order. This makes they are very harder for customers to follow.</p>
<p>Here I redesigned it make it easier to follow: </p>
<p>Re ordered the layout; </p>
<p>Re ordered the work flow to select time first then payment;</p>
<p>Use the typography to direct the flow.</p>
<p>1.Insert Card/Coin<a href="http://com597c.files.wordpress.com/2009/10/clip_image0141.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image014[1]" border="0" alt="clip_image014[1]" src="http://com597c.files.wordpress.com/2009/10/clip_image0141_thumb.jpg?w=244&#038;h=186" width="244" height="186" /></a> <a href="http://com597c.files.wordpress.com/2009/10/clip_image020.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image020" border="0" alt="clip_image020" src="http://com597c.files.wordpress.com/2009/10/clip_image020_thumb.jpg?w=150&#038;h=236" width="150" height="236" /></a></p>
<p>2.Choose time</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image0161.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image016[1]" border="0" alt="clip_image016[1]" src="http://com597c.files.wordpress.com/2009/10/clip_image0161_thumb.jpg?w=125&#038;h=103" width="125" height="103" /></a></p>
<p>3.Print receipt and remove your card</p>
<p><a href="http://com597c.files.wordpress.com/2009/10/clip_image0181.jpg"><img style="border-bottom:0;border-left:0;display:inline;border-top:0;border-right:0;" title="clip_image018[1]" border="0" alt="clip_image018[1]" src="http://com597c.files.wordpress.com/2009/10/clip_image0181_thumb.jpg?w=203&#038;h=244" width="203" height="244" /></a></p>
<p>To have a clear flow, clean User Interface parking meter.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/com597c.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/com597c.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/com597c.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/com597c.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/com597c.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/com597c.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/com597c.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/com597c.wordpress.com/54/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=com597c.wordpress.com&amp;blog=9868306&amp;post=54&amp;subd=com597c&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://com597c.wordpress.com/2009/10/27/poor-usability-design-example/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/5e37a6186bac8ed3680d7d9c7f22efca?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">xiaoqiye</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image002_thumb.jpg" medium="image">
			<media:title type="html">clip_image002</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image004_thumb.jpg" medium="image">
			<media:title type="html">clip_image004</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image006_thumb.jpg" medium="image">
			<media:title type="html">clip_image006</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image008_thumb.jpg" medium="image">
			<media:title type="html">clip_image008</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image010_thumb.jpg" medium="image">
			<media:title type="html">clip_image010</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image012_thumb.jpg" medium="image">
			<media:title type="html">clip_image012</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image014_thumb.jpg" medium="image">
			<media:title type="html">clip_image014</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image016_thumb.jpg" medium="image">
			<media:title type="html">clip_image016</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image018_thumb.jpg" medium="image">
			<media:title type="html">clip_image018</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image0141_thumb.jpg" medium="image">
			<media:title type="html">clip_image014[1]</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image020_thumb.jpg" medium="image">
			<media:title type="html">clip_image020</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image0161_thumb.jpg" medium="image">
			<media:title type="html">clip_image016[1]</media:title>
		</media:content>

		<media:content url="http://com597c.files.wordpress.com/2009/10/clip_image0181_thumb.jpg" medium="image">
			<media:title type="html">clip_image018[1]</media:title>
		</media:content>
	</item>
	</channel>
</rss>
