<?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>Usabilla Blog &#187; Howto</title>
	<atom:link href="http://blog.usabilla.com/category/howto/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.usabilla.com</link>
	<description></description>
	<lastBuildDate>Fri, 27 Aug 2010 16:35:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Add a survey to your test</title>
		<link>http://blog.usabilla.com/add-a-survey-to-your-test/</link>
		<comments>http://blog.usabilla.com/add-a-survey-to-your-test/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 11:13:10 +0000</pubDate>
		<dc:creator>Sabina Idler</dc:creator>
				<category><![CDATA[Howto]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[usability test]]></category>

		<guid isPermaLink="false">http://blog.usabilla.com/?p=406</guid>
		<description><![CDATA[In some cases it can be useful to add a survey to your test. Using a survey allows you to collect quantitative information from your participants. This information can be an interesting addition for the analysis of your test results. For example, you might want to know the average age or the ratio of male [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.usabilla.com%2Fadd-a-survey-to-your-test%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.usabilla.com%2Fadd-a-survey-to-your-test%2F" height="61" width="51" /></a></div><p>In some cases it can be useful to add a survey to your test. Using a survey allows you to collect quantitative information from your participants. This information can be an interesting addition for the analysis of your test results. For example, you might want to know the average age or the ratio of male and female participating in your test.</p>
<h3>Embed a form or use the Redirect URL</h3>
<p>You can embed surveys in your test with an iframe in the &#8216;Thank You&#8217; page or simply redirect your users to the URL of your survey. If you redirect your users to an external form, we&#8217;ll add a variable &#8216;?pid=#######&#8217; to the redirect URL. This variable is the id of your participant, which can also be found in our data exports (&#8217;subject&#8217; in the XML, CSV, TXT files).</p>
<p>You can use any external survey tool you like. In this post you&#8217;ll find an example of how to embed a <a title="Visit Wufoo.com" href="http://wufoo.com">Wufoo</a> form and use an external <a title="Visit Polldaddy.com" href="http://polldaddy.com">PollDaddy</a> form in combination with your Usabilla test.</p>
<p><span id="more-406"></span></p>
<h2>Redirect to a PollDaddy survey</h2>
<p>An interesting tool for online surveys and polls is <a title="Visit PollDaddy" href="http://polldaddy.com">PollDaddy</a>. You can use a free account (up to 10 questions) or paid plan to add a survey to your Usabilla test. PollDaddy does not support iframes to embed your form, but if you use the redirect URL of your Usabilla test to send users to your survey, they pick up the ID of your participant (&#8217;?pid=#&#8217;) automatically!</p>
<p>You use the Redirect URL for your test in Usabilla to redirect participants to the URL of your PollDaddy form. To improve conversions you can edit your &#8216;Thank You&#8217; page in Usabilla to invite participants for the &#8217;second part&#8217; of the survey:</p>
<div id="attachment_540" class="wp-caption alignnone" style="width: 529px"><a href="http://blog.usabilla.com/wp-content/uploads/Usabilla-Continue-to-the-second-part.png"><img class="size-full wp-image-540 " title="Usabilla - Continue to the second part" src="http://blog.usabilla.com/wp-content/uploads/Usabilla-Continue-to-the-second-part.png" alt="Custom Thank-You page" width="519" height="122" /></a><p class="wp-caption-text">Custom Thank-You page</p></div>
<p>When the first results of your test are coming you can analyze your test in Usabilla and take a look at the reports in PollDaddy. If you want to match results for individual participants in Usabilla and PollDaddy, you can use our XML file (participant or subject id) in combination with the PollDaddy reports. You can find the id of each Usabilla participant in your PollDaddy reports:</p>
<div id="attachment_532" class="wp-caption alignnone" style="width: 590px"><a href="http://blog.usabilla.com/wp-content/uploads/Usabilla-Demo_-Survey-Reports-Polldaddy.com_.png"><img class="size-full wp-image-532 " title="Participant ID in your PollDaddy reports" src="http://blog.usabilla.com/wp-content/uploads/Usabilla-Demo_-Survey-Reports-Polldaddy.com_.png" alt="Participant ID in your PollDaddy reports" width="580" height="301" /></a><p class="wp-caption-text">Participant ID in your PollDaddy reports</p></div>
<h2>Embedding a Wufoo form</h2>
<h3>Create a new survey with Wufoo</h3>
<p>Another easy and convenient way to create a survey for your test is offered by wufoo. Wufoo is an online service that specialized in online forms. Create a survey that fits your needs without writing a single line of code. Visit wufoo.com to either choose a form from the gallery or create one yourself.</p>
<div id="attachment_408" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-408" src="http://blog.usabilla.com/wp-content/uploads/wufoo_start-300x94.png" alt="Wufoo offers a convenient way to create own forms" width="300" height="94" /><p class="wp-caption-text">Wufoo offers a convenient way to create own forms</p></div>
<p>The survey gallery offers a range of surveys that you can choose from to include in your test. For example, the Consumer Demographic Survey collects information about sex, age, children, marital status, education, etc.</p>
<div id="attachment_409" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-409" src="http://blog.usabilla.com/wp-content/uploads/survey_galery-300x140.png" alt="Select a form from the gallery" width="300" height="140" /><p class="wp-caption-text">Select a form from the gallery</p></div>
<p>If you would like to create your own survey, you can easily do that with the Wufoo Form Builder. You can choose from a range of different elements to include in your survey.</p>
<div id="attachment_410" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-410" src="http://blog.usabilla.com/wp-content/uploads/create_form-300x133.png" alt="Create your own form" width="300" height="133" /><p class="wp-caption-text">Create your own form</p></div>
<h3>Add the survey to your test</h3>
<p>You can include your survey as an iframe in the customized thank you page. Just go to the Wufoo Form Code Manager and select the option &#8216;Embed form code&#8217;.</p>
<div id="attachment_411" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-411" src="http://blog.usabilla.com/wp-content/uploads/iframe_code-300x95.png" alt="Select the code for the iframe " width="300" height="95" /><p class="wp-caption-text">Select the code for the iframe </p></div>
<p>Copy and paste the iframe version of the code into the field where you normally find the customized thank you note on your test detail page.</p>
<div id="attachment_412" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-412" src="http://blog.usabilla.com/wp-content/uploads/embed_iframe-300x75.png" alt="Embed the iframe in your customized thank you note" width="300" height="75" /><p class="wp-caption-text">Embed the iframe in your customized thank you note</p></div>
<p>Save the changes you made to the customized thank you note and see the survey included to your test. To see a preview of how the customized thank you page will look for your participants, use the preview mode to see the test.</p>
<div id="attachment_413" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-413" src="http://blog.usabilla.com/wp-content/uploads/preview-300x95.png" alt="Preview of your included form" width="300" height="95" /><p class="wp-caption-text">Preview of your included form</p></div>
<h3>Analyze the results</h3>
<p>To analyze the results of your wufoo survey, please use the Wufoo Report Builder. You can choose from several visual graphs to present you results.</p>
<div id="attachment_414" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-414" src="http://blog.usabilla.com/wp-content/uploads/analyze-300x108.png" alt="Analyze your results with Wufoo" width="300" height="108" /><p class="wp-caption-text">Analyze your results with Wufoo</p></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.usabilla.com/add-a-survey-to-your-test/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Analyze your test results</title>
		<link>http://blog.usabilla.com/analyze-your-test-results/</link>
		<comments>http://blog.usabilla.com/analyze-your-test-results/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 11:25:36 +0000</pubDate>
		<dc:creator>Sabina Idler</dc:creator>
				<category><![CDATA[Howto]]></category>
		<category><![CDATA[analyze]]></category>
		<category><![CDATA[test results]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[usability test]]></category>
		<category><![CDATA[visual feedback]]></category>

		<guid isPermaLink="false">http://blog.usabilla.com/?p=417</guid>
		<description><![CDATA[Analyzing your test results is the final step of online usability testing with Usabilla. This post will show you how you can use the analyze page on your dashboard to see your participants feedback or export your data to use it in a different application.

Analyzing points on the screen
Your participants answered questions or performed tasks [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.usabilla.com%2Fanalyze-your-test-results%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.usabilla.com%2Fanalyze-your-test-results%2F" height="61" width="51" /></a></div><p>Analyzing your test results is the final step of online usability testing with Usabilla. This post will show you how you can use the analyze page on your dashboard to see your participants feedback or export your data to use it in a different application.</p>
<div id="attachment_529" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-529" title="CNN.com-Export" src="http://blog.usabilla.com/wp-content/uploads/CNN.com-Export-300x239.png" alt="Analyze your results" width="300" height="239" /><p class="wp-caption-text">Analyze your results</p></div>
<p><span id="more-417"></span></p>
<h3>Analyzing points on the screen</h3>
<p>Your participants answered questions or performed tasks by placing points on top of the screen. These points can now be analyzed. Simply check the question or task as well as the &#8217;show notes&#8217; option to display the points on the screen. Choose a different color if you have trouble finding the points on the screen. To display the notes in a heatmap, simply check the &#8217;show heatmap&#8217;option.</p>
<div id="attachment_395" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-395" src="http://blog.usabilla.com/wp-content/uploads/schow_task-300x109.png" alt="Check your question or task to display it" width="300" height="109" /><p class="wp-caption-text">Check your question or task to display it</p></div>
<p>You can use the select area tool to see details of a defined area. For example, with the select area tool you can see how many participants clicked on one specific picture.</p>
<div id="attachment_396" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-396" src="http://blog.usabilla.com/wp-content/uploads/select_area-300x99.png" alt="Select a defined area of the screen to see details" width="300" height="99" /><p class="wp-caption-text">Select a defined area of the screen to see details</p></div>
<h3>Analyzing notes on the screen</h3>
<p>Your participants have the option to add a note to explain their answer or comment elements on the page. These notes can be displayed by checking the &#8217;show notes&#8217; option. The location of the notes appear as squares on the screen. Choose a different color if you have trouble finding the notes on the screen. Hover with your mouse over the notes to display them.</p>
<div id="attachment_397" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-397" src="http://blog.usabilla.com/wp-content/uploads/display_note-300x90.png" alt="Hover over the squares to display notes" width="300" height="90" /><p class="wp-caption-text">Hover over the squares to display notes</p></div>
<p>The notes overview lists all notes refering to one question or task. By only checking single notes you can easily locate the note on the screen.</p>
<div id="attachment_398" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-398" src="http://blog.usabilla.com/wp-content/uploads/select_note-300x79.png" alt="Select single notes to locate them" width="300" height="79" /><p class="wp-caption-text">Select single notes to locate them</p></div>
<h3>Export test data</h3>
<p>Usabilla offers several options to export your test data. Export the current setting of your test as PDF. All settings made at the time of export are being included in the PDF. Export points and notes as XML to use them in any other application. For example you can have a visual chart created with google docs.</p>
<div id="attachment_399" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-399" src="http://blog.usabilla.com/wp-content/uploads/export_options-300x74.png" alt="Export your data as PDF, XML or PNG" width="300" height="74" /><p class="wp-caption-text">Export your data as PDF, XML or PNG</p></div>
<p>Export the current view of the screen as PNG. Everything seen on the screen at the time of export will be saved in the PNG.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.usabilla.com/analyze-your-test-results/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recruit participants with Ethnio</title>
		<link>http://blog.usabilla.com/recruit-participants-with-ethnio/</link>
		<comments>http://blog.usabilla.com/recruit-participants-with-ethnio/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 11:21:10 +0000</pubDate>
		<dc:creator>Sabina Idler</dc:creator>
				<category><![CDATA[Howto]]></category>
		<category><![CDATA[participants]]></category>
		<category><![CDATA[qualified participants]]></category>
		<category><![CDATA[recruiting]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[usability test]]></category>

		<guid isPermaLink="false">http://blog.usabilla.com/?p=422</guid>
		<description><![CDATA[Recruiting the right participants for your test can seem the most difficult thing. Not with Ethnio. Ethnio is an app developed by Bolt &#124; Peters for live recruiting. By adding one simple line of code to your website, you can display a pop-up recruiting screener to your website’s visitors.

Create a pop-up recruiting screener
Create and customize [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.usabilla.com%2Frecruit-participants-with-ethnio%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.usabilla.com%2Frecruit-participants-with-ethnio%2F" height="61" width="51" /></a></div><p>Recruiting the right participants for your test can seem the most difficult thing. Not with Ethnio. Ethnio is an app developed by <a title="Bolt|Peters - San Francisco based usability firm" href="http://www.boltpeters.com">Bolt | Peters</a> for live recruiting. By adding one simple line of code to your website, you can display a pop-up recruiting screener to your website’s visitors.</p>
<p><span id="more-422"></span></p>
<h3>Create a pop-up recruiting screener</h3>
<p>Create and customize your own personal pop-up recruiting screener step by step on <a href="http://ethnio.com">ethnio.com</a>. Try to ask for information that you consider relevant to decide whether to invite a visitor to participate in your test or not.</p>
<div id="attachment_424" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-424" src="http://blog.usabilla.com/wp-content/uploads/step_for_step-300x29.png" alt="create your customized screener step by step" width="300" height="29" /><p class="wp-caption-text">create your customized screener step by step</p></div>
<p>When you have finished setting up your customized pop-up recruiting screener, Ethnio will offer you a simple line of JavaScript that you have to add to your website.</p>
<div id="attachment_425" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-425" src="http://blog.usabilla.com/wp-content/uploads/line_of_code-300x51.png" alt="Add a single line of code to your website" width="300" height="51" /><p class="wp-caption-text">Add a single line of code to your website</p></div>
<h3>Selecting your participants</h3>
<p>Visitors to your website will see a pop-up similar to the one below. They can choose to close the pop-up or continue.</p>
<div id="attachment_426" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-426" src="http://blog.usabilla.com/wp-content/uploads/popup-300x273.png" alt="Example for a pop-up recruiting screener" width="300" height="273" /><p class="wp-caption-text">Example for a pop-up recruiting screener</p></div>
<p>If a visitor agrees to continue, he will be asked to fill out a short recruiting form. You can see the response instantly loaded into the Recruits section in your Ethnio account. This recruits table can be filter to zero-in on exactly the visitors you would like to invite for your test.</p>
<div id="attachment_427" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-427" src="http://blog.usabilla.com/wp-content/uploads/recruiting_table-300x130.png" alt="Select your participants by how qualified they are" width="300" height="130" /><p class="wp-caption-text">Select your participants by how qualified they are</p></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.usabilla.com/recruit-participants-with-ethnio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Promote your test on Twitter &amp; Facebook</title>
		<link>http://blog.usabilla.com/promote-your-test-on-twitter-facebook/</link>
		<comments>http://blog.usabilla.com/promote-your-test-on-twitter-facebook/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 14:04:27 +0000</pubDate>
		<dc:creator>Paul Veugen</dc:creator>
				<category><![CDATA[Howto]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[invite]]></category>
		<category><![CDATA[participants]]></category>
		<category><![CDATA[promote]]></category>
		<category><![CDATA[recruiting]]></category>
		<category><![CDATA[social network]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[viral]]></category>

		<guid isPermaLink="false">http://blog.usabilla.com/?p=360</guid>
		<description><![CDATA[Social networks can be an interesting place to recruit participants who are interested in your website, product or service, to participate in a short test.  Usabilla offers some simple ways to promote your tests on Facebook and Twitter by posting the URL of your test and a short message on these social networks. You can [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.usabilla.com%2Fpromote-your-test-on-twitter-facebook%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.usabilla.com%2Fpromote-your-test-on-twitter-facebook%2F" height="61" width="51" /></a></div><p>Social networks can be an interesting place to recruit participants who are interested in your website, product or service, to participate in a short test.  Usabilla offers some simple ways to promote your tests on Facebook and Twitter by posting the URL of your test and a short message on these social networks. You can also use the <em>Redirect URL</em> in Usabilla to make it easy for your participants to invite other participants and trigger a small viral effect.</p>
<p><img class="alignnone size-medium wp-image-362" title="usabilla_promote" src="http://blog.usabilla.com/wp-content/uploads/usabilla_promote-300x208.png" alt="usabilla_promote" width="300" height="208" /></p>
<p><span id="more-360"></span></p>
<h2>Promote your test on Twitter &amp; Facebook</h2>
<p>In the <em>promote dialog</em> of your Usabilla tests you&#8217;ll find links to invite your contacts on Facebook and Twitter to participate. These links redirect you to Twitter and Facebook, with the following sample message:</p>
<blockquote><p>Please help us to improve our website. Share your opinion: http://usabilla.com/rate/1234567890 #usabilla #usability</p></blockquote>
<p>The standard Twitter message is tagged with the <a href="http://en.wikipedia.org/wiki/Hashtag#Hash_tags">hashtags</a> #usabilla and #usability. You can change the text of your message before you post it to Twitter or Facebook. Just use your test URL and provide some additional information about your test.</p>
<p><img class="size-full wp-image-363 alignnone" title="promote_twitter" src="http://blog.usabilla.com/wp-content/uploads/promote_twitter.png" alt="promote_twitter" width="538" height="127" /></p>
<h2>Ask participants to invite participants</h2>
<p>Another interesting way to spread your test is to redirect your participants after your test to Twitter with a predefined message. The <em>Redirect URL </em>of your test is the target destination users are being redirected to after they&#8217;ve finished your test. You can customize your <em>Thank-You page</em> and ask participants to help spreading the test by posting a message on Twitter.</p>
<p><img class="alignnone size-full wp-image-364" title="redirect_url" src="http://blog.usabilla.com/wp-content/uploads/redirect_url.png" alt="redirect_url" width="452" height="316" /></p>
<p>An URL can&#8217;t contain any special characters or spaces. So to create a &#8216;Post to Twitter&#8217; link you&#8217;ll need to <em>URL encode</em> your message. You can do this by using <a title="URLencode your message" href="http://www.albionresearch.com/misc/urlencode.php">this simple online tool</a>. You use your encoded message to create an URL that looks like this:</p>
<blockquote><p><strong>http://twitter.com/?status=</strong>Help+to+test+the+Firefox+homepage.+ One+task%2C+10+seconds%3A+ http%3A%2F%2Fusabilla.com%2Frate%2F15940513564b1++%23usabilla+%23usability</p></blockquote>
<p>The first part (&#8217;<em>http://twitter.com/?status=</em>&#8216;) sends a user to Twitter, with the second part (your URL encoded message and test URL) filled in as message on the Twitter homepage.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.usabilla.com/promote-your-test-on-twitter-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
