<?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>I Love Usability &#187; blank slate</title>
	<atom:link href="http://iloveusability.com/tag/blank-slate/feed/" rel="self" type="application/rss+xml" />
	<link>http://iloveusability.com</link>
	<description>Reviews &#38; articles about rock-solid usability and stunning user experiences.</description>
	<lastBuildDate>Sat, 14 Nov 2009 23:14:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Kindling</title>
		<link>http://iloveusability.com/usability-review/kindling/</link>
		<comments>http://iloveusability.com/usability-review/kindling/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 01:01:39 +0000</pubDate>
		<dc:creator>Kevin</dc:creator>
				<category><![CDATA[Usability Review]]></category>
		<category><![CDATA[blank slate]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[web app]]></category>

		<guid isPermaLink="false">http://iloveusability.com/?p=56</guid>
		<description><![CDATA[A well-executed web app that could use some improvements for first time users.]]></description>
			<content:encoded><![CDATA[<p class="introduction"><a title="Kindling's Marketing site" href="http://www.kindlingapp.com/">Kindling</a> is a web application that allows people in your organization to brainstorm and collaborate on ideas. Basically, it a <a title="Yeah, I DIGG it" href="http://digg.com/">Digg</a> for ideas: people submit ideas and everyone can vote on their favorite ones so they &#8220;bubble up&#8221; to the surface and hopefully to the attention of someone who can turn that idea into a reality.</p>
<h3>Homepage</h3>
<p>Whenever I&#8217;m reviewing a site, I always time myself to see how long it takes to determine what the site is actually about. If I can&#8217;t answer <strong>&#8220;what does this site do?&#8221;</strong> within 5 seconds, there is a problem.</p>
<h4>Five-second test</h4>
<p>When I come to <a title="Homepage (which has since changed)" href="http://www.kindlingapp.com/">Kindling&#8217;s homepage</a>, I focus on the logo because of its dramatic contrast with the white background. My eye then goes to the animated flash banner. It is a nice touch, but mostly unnecessary: it doesn&#8217;t help me understand what Kindling is. The headline to the right of the video is exactly what I&#8217;m looking for. I come across it in the first few seconds of coming to the site, but it should be given more visual weight. Make it bigger and bolder.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/08/homepage.jpg"><img class="alignnone size-full wp-image-116" title="Consider this a teaser of the next review." src="http://iloveusability.com/wp-content/uploads/2009/08/homepage.jpg" alt="Homepage" /></a></p>
<p>I see a screenshot in the top half of the page and I&#8217;m immediately intrigued. I soon realize it is a video, too. Oh goody! I click the play button and a lightbox takes over my screen. I patiently wait for the video to load, but it never begins to play. I have to click the play button again. That&#8217;s a lot of things that happen just to play a video.</p>
<h4>How it should be</h4>
<ol>
<li>I click on the play button</li>
<li>The video begins playing immediately in the same place, similar to how it is on the <a title="Kindling's Features page" href="http://www.kindlingapp.com/howitworks">features page</a>.</li>
</ol>
<p>If the video was bigger, it would make sense to use a lightbox, but in this case why waste the user&#8217;s time with the fancy lightbox.</p>
<h3>Signing up for the free trial</h3>
<p>The homepage provides a clear next action by having a large button directing me to &#8220;Sign up for a free trial.&#8221; I&#8217;ll pretend I run a small online retailer that:</p>
<ul>
<li>has 35 employees in different locations</li>
<li>has many different categories of products</li>
</ul>
<p>Based on my company, I have two choices of accounts: the Standard or the Pro. The biggest difference I see is the number of users and the number of rooms. I could give access to all of my employees with both plans, so I move onto considering the number of rooms. I soon realize I have no idea what a room is. I thought this was an app about sharing ideas, not some sort of chat room.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/rooms.png"><img class="alignnone size-full wp-image-78" title="What is a room anyway? Where am I?" src="http://iloveusability.com/wp-content/uploads/2009/09/rooms.png" alt="Rooms" /></a></p>
<p>The mouseover text doesn&#8217;t help me either, it just puts the &#8220;10 rooms&#8221; into sentence form. It doesn&#8217;t tell me their use.</p>
<p>Since I don&#8217;t know what a room is, I decided to go with the &#8220;Standard&#8221; plan. The signup form is pretty standard (no pun intended).</p>
<p><strong><img class="alignnone size-full wp-image-75" title="Inline Validation using JavaScript (or perhaps magic)" src="http://iloveusability.com/wp-content/uploads/2009/09/inline_validation.png" alt="Inline Validation using JavaScript (or perhaps magic)" /></strong></p>
<p><strong>Real time validation</strong> (using JavaScript) prevents errors and helps me get through the signup process as quickly as possible, which will get your customers right into your app.</p>
<p>I am concerned about giving my credit card information. I thought this was a free trial&#8230;</p>
<p><img class="alignnone size-full wp-image-81" title="I won't be billed for the free trial, but I can be damn sure I will be as soon as it's over." src="http://iloveusability.com/wp-content/uploads/2009/09/trial_billing.png" alt="I won't be billed for the free trial, but I can be damn sure I will be as soon as it's over." /></p>
<p>Kindling wants to have your credit card info on hand so they can charge you as soon as your free trial is up. This practice is understandable from a business perspective, but it can have <strong>consequences from users who sign up and accidentally forget to cancel their account.</strong></p>
<h3>Blank Slate</h3>
<p>After I log in on my customized login page, I get to a page that tells me how to get started.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/blank_slate.png"><img class="alignnone size-full wp-image-73" title="I'm not sure what that jibberish is under the &quot;Inviting People&quot; button either." src="http://iloveusability.com/wp-content/uploads/2009/09/blank_slate.png" alt="Blank Slate" /></a></p>
<p>This page is pretty helpful, but it could use a little work to make my experience better as a first time user.</p>
<h4>Suggestions</h4>
<ul>
<li>Make the <strong>next action links bigger</strong>.</li>
<li>Make it clear exactly <strong>where I&#8217;m going from the link text</strong>. &#8220;Take me there now!&#8221; doesn&#8217;t tell me much.</li>
<li>Have <strong>more instructional videos</strong> displayed on the page, like the ones on the <a title="Kindling's Feature page" href="http://www.kindlingapp.com/howitworks">features page</a>.</li>
</ul>
<h3>Adding an Idea</h3>
<p>The process to post an idea is very simple, which encourages users to post more often. They don&#8217;t need to assign to-dos, permissions, or tags when they first submit it. The entire form is concentrated on the idea itself, obviously the central part of this app.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/submit_an_idea.png"><img class="alignnone size-full wp-image-79" title="As a normal consumer, I actually do prefer coats over shoes and pants." src="http://iloveusability.com/wp-content/uploads/2009/09/submit_an_idea.png" alt="Submitting an idea is easy and painless with a simple form." /></a></p>
<h3>Voting for Ideas</h3>
<p>The &#8220;Vote on Ideas&#8221; tab is an excellent way to get your employees involved in the decision making process. This is where the real magic of this app happens. Your employees can see every idea that&#8217;s been posted and vote for their favorites. Popular ones gradually rise to the top and to the attention of the decision makers in the company.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/vote_on_ideas.png"><img class="alignnone size-full wp-image-84" title="I feel special having all of the votes :-)" src="http://iloveusability.com/wp-content/uploads/2009/09/vote_on_ideas.png" alt="&quot;Vote on Ideas&quot; Screen" /></a></p>
<p>The colorful badges that show the number of votes make this app engaging and fun to use. I also like having a certain number of votes because it makes me think about what I want to happen.</p>
<h3>Viewing an Idea</h3>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/view_idea.png"><img class="alignnone size-full wp-image-82" title="Great use of bleeding some design elements outside their grid (the 4 votes badge and how many are mine)" src="http://iloveusability.com/wp-content/uploads/2009/09/view_idea.png" alt="Viewing an Idea" /></a></p>
<p>When I view an idea, I see all the information I could ever need, and even probably a little bit too much. I&#8217;m presented with 8 options on the left side. I&#8217;m still getting familiar with the app, so I&#8217;m not sure what each one does.</p>
<p>I like the comment forum. It encourages discussion about the idea and also informs users of changes in the status of the idea.</p>
<h4>Suggestions</h4>
<ul>
<li><strong>Blend the eight options better with the design</strong>. Possibly integrate them into the idea information itself or consolidate them into a single dropdown button menu.</li>
<li><strong>Use tooltips for the options to help explain what they do</strong>. Expert users who know exactly what they do will never have to see them because they will click them too quickly. All it takes is adding a <code>title</code> attribute to each link.</li>
<li><strong>Put a video on the page for first time users</strong> explaining how to use the page and what each option means.</li>
<li><strong>Make the status changes look different than regular comments</strong>.</li>
<li><strong>Highlight the comments and changes made by the decision makers</strong> (CEO, COO, President, Marketing Manager, whatever it may be for your company). This will help let employees know that their voice is being heard by the people upstairs and encourage them to come back.</li>
</ul>
<h3>Making an Idea Happen</h3>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/make_it_happen.png"><img class="alignnone size-full wp-image-76" title="I love the attempt at making this app have more interesting copy, but sacrificing usability is the wrong way to go." src="http://iloveusability.com/wp-content/uploads/2009/09/make_it_happen.png" alt="Make It Happen" /></a></p>
<p>Once an idea is approved, it appears on the &#8220;Make it Happen&#8221; page. Here, an employee can volunteer to implement an idea and view ideas that other people have taken responsibility for. Once I click the &#8220;I&#8217;ll do it&#8221; button, I can click on the title of the idea and get to the idea page again.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/view_image_status.png"><img class="alignnone size-full wp-image-83" title="Love the badge and vote box bleeding out of the idea listing!" src="http://iloveusability.com/wp-content/uploads/2009/09/view_image_status.png" alt="View Image Status" /></a></p>
<p>It is mostly the same as before, but I see a green notice at the top letting me know. This is a nice touch to the design and also prevents any confusion for a person viewing this idea from any other page.</p>
<p>I then click the &#8220;Complete&#8221; button on the idea page (once I&#8217;ve actually done it, of course). I can head on over to the &#8220;Greatness Achieved&#8221; page to admire my hard work.</p>
<h4>Suggestion</h4>
<ul>
<li><strong>Make a tooltip for each viewing option on this page</strong>. I have an idea of where the &#8220;Greatness Achieved&#8221; tab will go, but I want to be sure. Again, it&#8217;s just a simple <code>title</code> attribute for your link anchor.</li>
</ul>
<h3>Account Management</h3>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/account_management.png"><img class="alignnone size-full wp-image-71" title="In this case, lack of complicated options is a good thing. It allows employees to focus on coming up with the &quot;Next Big Thing.&quot;" src="http://iloveusability.com/wp-content/uploads/2009/09/account_management.png" alt="Account Management" /></a></p>
<p>What I really love about this page is its simplicity. It doesn&#8217;t have the option to add your phone number, website, or title. This isn&#8217;t a contact management app, this is simply an idea sharing app. This eliminates unnecessary complexity.</p>
<h4>Suggestion</h4>
<ul>
<li><strong>Make the default email notification &#8220;Comment&#8221; rather than &#8220;Always.&#8221;</strong> Getting an email for each status change, comment, and posting for every single idea can overwhelm your inbox pretty quickly.</li>
</ul>
<h3>Administration</h3>
<p>For the final section of this review, I&#8217;ll take a look at the administration panel. It is accessed through a tiny link at the top of each page.</p>
<p><img class="alignnone size-full wp-image-80" title="I like the house icon, but it would be nice with a few windows. It really lightens everything up :-)" src="http://iloveusability.com/wp-content/uploads/2009/09/top_nav.png" alt="Top Navigation Bar" /></p>
<p>This panel probably won&#8217;t need to be accessed that often, so the text link provides plenty of accessibility.</p>
<p>Kindling offers some ability to customize your company&#8217;s page. The app does a great job of displaying a lot of options in a way that it easy to understand.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/admin_panel.png"><img class="alignnone size-full wp-image-72" title="Very well organized! I'm never confused with what an option is or what label is pointing to which field." src="http://iloveusability.com/wp-content/uploads/2009/09/admin_panel.png" alt="Admin Panel" /></a></p>
<p>You have top level navigation on the left and individual options taking up most of the screen on the right.</p>
<p>I have the option to customize the default email notification (remember how I was hating on that before). I will give Kindling credit for letting administrators choose, but they should still default the entire thing to &#8220;Commented On.&#8221;</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/notification_settings.png"><img class="alignnone size-full wp-image-77" title="I love how Kindling phrases the option in question form too." src="http://iloveusability.com/wp-content/uploads/2009/09/notification_settings.png" alt="Notification Settings" /></a></p>
<p>I retract my preview criticism.</p>
<p>If you want to cancel your account, you can easily do so from the &#8220;Payment Information&#8221; page. It is a bit confusing to find at first, but at least you can cancel your account without sending a request to Kindling&#8217;s support.</p>
<p><a href="http://iloveusability.com/wp-content/uploads/2009/09/cancel_account.png"><img class="alignnone size-full wp-image-74" title="This page could not get any better. It explains the entire canceling process perfectly." src="http://iloveusability.com/wp-content/uploads/2009/09/cancel_account.png" alt="Cancel Account" /></a></p>
<p>I&#8217;m kindly reminded that I will lose all my data if I cancel my account. I expected that, but what I didn&#8217;t expect was to be given instructions on how to export my data right on the cancellation page. Kindling is a helpful app, <strong>even if I&#8217;m on my way out.</strong></p>
<p>This leaves me with a good impression of Kindling and even though I&#8217;m canceling, I might recommend it to a friend.  Had it been a pain to cancel and no warning about my precious ideas (the future of my company) was displayed, I would&#8217;ve remembered Kindling as a horrible application, even if it was just my last moments that were sour.</p>
<h3>Overall</h3>
<p>Kindling is an excellent idea and it is well executed. I was confused at certain parts (mostly with what exactly a &#8220;Room&#8221; is), but that could be fixed with a better blank slate for first time users. For a small company, it might be a bit pricey at $49 a month, but it is definitely worth it to get feedback and ideas from your employees. Their the ones on the front lines so they know what is really going on.</p>
]]></content:encoded>
			<wfw:commentRss>http://iloveusability.com/usability-review/kindling/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
