<?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>Pressing Towards the Goal (Phil 3:14) &#187; Uncategorized</title>
	<atom:link href="http://blog.wonghongting.com/discourses/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.wonghongting.com</link>
	<description></description>
	<lastBuildDate>Mon, 02 Mar 2009 02:10:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>My CS3216 Feedback</title>
		<link>http://blog.wonghongting.com/2009/03/02/my-cs3216-feedback/</link>
		<comments>http://blog.wonghongting.com/2009/03/02/my-cs3216-feedback/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 02:10:05 +0000</pubDate>
		<dc:creator>HT</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://blog.wonghongting.com/?p=234</guid>
		<description><![CDATA[After submitting the CS3216 feedback form, I realized that all I needed to submit was this diagram. (Would have saved a lot of time too!)

*Adapted from XKCD&#8230; 
]]></description>
			<content:encoded><![CDATA[<p>After submitting the CS3216 feedback form, I realized that all I needed to submit was this diagram. (Would have saved a lot of time too!)<br />
<img src="http://blog.wonghongting.com/wp-content/uploads/2009/03/feedback.png" alt="feedback" title="feedback" width="535" height="333" class="aligncenter size-full wp-image-235" /><br />
*Adapted from XKCD&#8230; </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wonghongting.com/2009/03/02/my-cs3216-feedback/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t Make Me Think</title>
		<link>http://blog.wonghongting.com/2009/02/16/dont-make-me-think/</link>
		<comments>http://blog.wonghongting.com/2009/02/16/dont-make-me-think/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 09:11:18 +0000</pubDate>
		<dc:creator>HT</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://blog.wonghongting.com/?p=208</guid>
		<description><![CDATA[Most appropriately, at the midpoint juncture of the &#8220;Software Development on Evolving Platforms&#8221; module (which most seem to not know what this is but instead know about the &#8220;Facebook module&#8221;), we arrive at one of my favourite parts of software development &#8211; User Interface Design. Quoting from an expert, &#8220;It&#8217;s like golf: a handful of [...]]]></description>
			<content:encoded><![CDATA[<p>Most appropriately, at the midpoint juncture of the &#8220;Software Development on Evolving Platforms&#8221; module (which most seem to not know what this is but instead know about the &#8220;Facebook module&#8221;), we arrive at one of my favourite parts of software development &#8211; User Interface Design. Quoting from an expert, &#8220;It&#8217;s like golf: a handful of ways to get the ball in the mole, a million ways not to.&#8221;</p>
<p>In this particular case study, we analyze the first iteration of a now defunct Facebook Application &#8211; Get Help. The concept is straightforward &#8211; it is a portal to help you get help from your friends and their friends. Think Yahoo Answers that leverages on your social graph on Facebook. A screenshot of the application is shown here:</p>
<p><img class="aligncenter size-full wp-image-217" title="Get Help" src="http://blog.wonghongting.com/wp-content/uploads/2009/02/homepage.png" alt="Get Help" width="561" height="465" /></p>
<p>Given that most readers of this entry would probably have read the case study already, allow me to jump right into the analysis of the application&#8217;s user interface. (Do send me an email if you would like to know more about the case study.)</p>
<p><strong>Don&#8217;t Make Users Think!</strong><br />
Before performing the analysis, &#8220;Don&#8217;t Make Users Think&#8221; is a key principle that we need to agree upon to assist us in making comments about the application. This principle roots from the following observations:<br />
1. Web users have short attention spans and will &#8220;bounce&#8221; if they don&#8217;t see what they want quickly.<br />
2. Web users scan instead of read (unless its an information site).<br />
3. Users like mindless choices &#8211; e.g. Books, Electronics or Toys</p>
<p><strong>First Impressions</strong><br />
Moving onto Get Help, an immediate look gives me the impression of the average game/entertainment application on Facebook. The questions that come to my mind include &#8220;Are the people answering my difficult question kids?&#8221;, &#8220;Is this a professional site?&#8221; (Compare this with Wikipedia, Investopedia, or Adobe&#8217;s software tutorial sites.)</p>
<p><strong>Navigation Panel</strong><br />
Looking at the application in detail, we first look at the navigation panel that is on the top of every page and a precious piece of real estate on the application. (Comments marked in red).<br />
<img class="aligncenter size-full wp-image-210" title="App Header" src="http://blog.wonghongting.com/wp-content/uploads/2009/02/followconventions.png" alt="App Header" width="561" height="86" /><br />
Suggestions:<br />
1. For branding &amp; as a reminder of the location, the logo (or design) should headline (usually top left)<br />
2. Key Functionalities (Overview, Recommendations) need to attract visually &#8211; perhaps shape it as a button to let users know its &#8220;click-able&#8221;<br />
3. Peripheral capabilities (Badges, Profile, Stats, Invite) might not be used as often &#8211; shouldn&#8217;t take as much real estate space<br />
4. Thinking is required to understand the links as well (Invite.. who? Stats.. of what?)</p>
<p><strong>Homepage Usage</strong><br />
The homepage is the landing page for all users. As such, instead of being used purely as a Query creation page, it might be good to include updates on the other key functionalities. These updates could answer questions such as:<br />
1. What are other people asking?<br />
2. Are there answers to my previous questions?<br />
3. Are there people introduced to me to answer my questions?<br />
(4. Perhaps the most recent badge can be placed here too.)<br />
For me personally, I thought that the Overview page was more relevant as a Homepage.</p>
<p><strong>&#8220;Help Creation&#8221;</strong><br />
<img class="aligncenter size-full wp-image-223" title="Project Creation" src="http://blog.wonghongting.com/wp-content/uploads/2009/02/creation1.png" alt="Project Creation" width="440" height="265" /><br />
In addition, it might be vague how &#8220;big&#8221; the project should be. Is a desired question: &#8220;Help needed to find accommodation in New York&#8221; or &#8220;Help needed to write Facebook application&#8221;? Also, it might have been good to categorize requests so as to create &#8220;forums&#8221; around the projects to see if similar projects have been completed previously.</p>
<p><strong>Overview</strong><br />
In the below diagram, the arrows show how I would use the site once I see it, which could have been a shorter &#8220;path&#8221; if rearranged (e.g. section navigation moved to left).<br />
<img class="aligncenter size-full wp-image-222" title="Scanning" src="http://blog.wonghongting.com/wp-content/uploads/2009/02/scanunfriendly.png" alt="Scanning" width="444" height="307" /><br />
Interaction wise, it might also have been ideal to allow users to state their interests while setting up the application so that only projects in the categories of interest to them would be shown in the feed (this brings back the need for categories in the projects).</p>
<p><strong>Project Management</strong><br />
In this section, the layout of the page might have shone some light on the type of projects which can use this application, or has it not? What happens when the &#8220;help project&#8221; only requires someone to answer a question really quickly (e.g. needs help to debug this software)? Is there a &#8220;close project&#8221; option for users?<br />
<img class="aligncenter size-full wp-image-224" title="Project Page" src="http://blog.wonghongting.com/wp-content/uploads/2009/02/project.png" alt="Project Page" width="430" height="254" /></p>
<p><strong>Enhancing Interaction through Rewards</strong><br />
Get Help uses Statistics and Badges to reward users by giving them Badges and featuring them on Statistic tables (similar to leader board). Assuming that there is a network of users on the application, these rewards may/may not appeal to the audience (again depending on the type of &#8220;help projects&#8221; created through the system). A professional crowd would not be as likely motivated by such a board as compared to a young crowd.</p>
<p>However, the cold start strategy seems to not have been solved since the invitation of friends into the application seems to be away from the process flow of the project creation, but we&#8217;ll talk about that later.</p>
<p><strong>Is Facebook Suitable?</strong><br />
Taking a step back after the detailed analysis, is Facebook really a good place for this application to exist? What type of questions do the developers imagine the users to ask? Work related questions or fun related questions? Facebook is generally used to network and have fun with friends, so are there questions that is relevant to this general use case so that there will be people who answer the questions actively? (I won&#8217;t answer a question about using Adobe Premier while using Facebook, but I will if I am at a Adobe forum.) As an example, LinkedIn might do better to target professionals and Twitter would do better for short answer help projects.</p>
<p><strong>Other Key Challenges/Suggestions</strong><br />
1. <em>Cold Start Strategy</em><br />
Given the fact that this is a third party application to Facebook, it must have significant value for users to want to add/try out the application. While the value of the network (or reciprocity as mentioned) will be an excellent pull eventually, there is a lack of motivation to be the first on the network. This can perhaps be solved by being really good in performing certain &#8220;help projects&#8221; and attracting an initial crowd in that category.<br />
2. <em>Branding</em><br />
To summarize a common suggestion that littered prior comments, the team needs to identify its exact target audience and solve their category of problems. By allowing for too much flexibility around the word &#8220;Help&#8221;, users won&#8217;t know if this is the app for them or not. On the same note, the developers could reshape the theme of their application to fit the use case.<br />
3. <em>Use Conventions</em><br />
Given that the application is trying to build an application that is an innovation in using social graph to help solve specific problems for users, the developers might want to focus on attracting, educating, and retaining users and just use conventional practices in other areas such as user interface. This way, users are already familiar with the environment and would only need to focus on the &#8220;help project&#8221; portion of the application.</p>
<p><strong>Revamp and Focus</strong><br />
Overall, the developers of Get Help has identified a good problem &#8211; the need for a way to identify specific skill sets to help solve problems. However, there are problems of audience identification, lack of clarity in user interface, as well as a solid method of attracting new users to install the application (virality). Resolving these issues and identifying the right platform to build the application upon might deliver a solution that I hope to use!</p>
<p>P.S. Do Check out Steve Krug&#8217;s &#8220;Don&#8217;t Make Me Think&#8221; &#8211; It is one of my favourite books of all time, and a quick guide to web usability</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.wonghongting.com/2009/02/16/dont-make-me-think/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
