<?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>Better Testing &#187; design</title>
	<atom:link href="http://www.bettertesting.co.uk/content/?feed=rss2&#038;tag=design" rel="self" type="application/rss+xml" />
	<link>https://www.bettertesting.co.uk/content</link>
	<description>Insights, thoughts &#38; ideas</description>
	<lastBuildDate>Tue, 20 Oct 2020 10:30:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Entaggle: Usability, UX and the business model part 2</title>
		<link>https://www.bettertesting.co.uk/content/?p=1093</link>
		<comments>https://www.bettertesting.co.uk/content/?p=1093#comments</comments>
		<pubDate>Sun, 13 Mar 2011 08:27:56 +0000</pubDate>
		<dc:creator>Darren McMillan</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.bettertesting.co.uk/content/?p=1093</guid>
		<description><![CDATA[Summary In the first post in this three part series on Entaggle I discussed some UX (User Experience) and usability issues with its two main focal points: The landing screen...]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><h3><strong>Summary</strong></h3>
<p>In the <a href="http://www.bettertesting.co.uk/content/?p=1046" target="_blank">first post</a> in this three part series on <a href="http://www.entaggle.com/" target="_blank">Entaggle</a> I discussed some UX (User Experience) and usability issues with its two main focal points: The landing screen and public user profiles.</p>
<p>This post will focus on UX and usability issues again, this time though we will look at process flows and common actions that the user may take throughout the application and highlight flaws in those.  We will also look at techniques we can use to reduce the cost of enhancing the user’s experience.</p>
<p>The final post in this series will look at the business model behind Entaggle, providing suggestions for improvement.  I&#8217;ll finish this post with my conclusions on Entaggle.</p>
<h3><strong>Major Changes</strong></h3>
<p>So since the last post <a href="http://testobsessed.com/" target="_blank">Elisabeth Hendrickson</a> has been hard at work, making some major changes to Entaggle.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/Entaggle1.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/Entaggle1.png" alt="Entaggle home page. Click to view" width="620" height="300" /><br />
</a><span style="font-size: x-small;">View of the new changed Entaggle home page.</span></p>
<p>Ignoring the right hand pane for now you’ll immediately notice a new tabbed navigation mechanism.  Fantastic!  We now have a common paradigm to navigate the site.  This was one of the main issues we highlighted last time around, so it’s good to see Elisabeth was already working on that.</p>
<h3><strong>Identifying UX and usability flaws</strong></h3>
<p>So let’s move onto the flaws with common actions and flows the user might want to take throughout the application.</p>
<p>In order to keep this post focused to what is important we will list the three most common actions that a user might want to take.  These being:</p>
<ol>
<li>Tagging      another user.</li>
<li>Viewing      existing tags or users.</li>
<li>Creating      a tag.</li>
</ol>
<h3><strong>Tagging another user</strong></h3>
<p>The process of tagging another user in Entaggle is fairly straight forward.  The quickest way is using the “Tag Someone” tab which invokes a three step wizard.</p>
<ol>
<li>Select      a user you want to tag.</li>
<li>Select      a tag you wish to give them.</li>
<li>Confirm      the tagging, which also includes the option to add a comment.</li>
</ol>
<p>Another method to do this is when you are viewing a user’s profile, a list of tags you can assign to that user will appear in the right hand pane next to there profile.  You can tag them directly from this page by simply searching for, or clicking on a tag.  This is a little faster if you are already viewing someone’s profile, as you skip the user lookup step, it also lets you give them multiple tags quickly.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/tagging-someone.jpg"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/tagging-someone.jpg" alt="Process flow of tagging someone in Entaggle" width="620" height="200" /><br />
</a><span style="font-size: x-small;">Process flow of tagging someone in Entaggle</span></p>
<p>It’s all very simple, and has some nice usable features such as the suggestions appearing as you type in a username to search for, or a tag that you want to tag someone with.</p>
<h4><strong>Bulk tagging</strong></h4>
<p>What happens though if I want to assign multiple tags to a single user?  Or even a single tag to multiple users.  Or better still multiple tags to multiple users!  Well I can’t can I?  Or actually I could!</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle3.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle3.png" alt="Tagging wizard step one, with new add another button. Click to view" width="620" height="375" /><br />
</a><span style="font-size: x-small;">Tagging wizard step one, with new add another button.</span></p>
<p>By simply adding the option to add more than one user into the first step of the wizard, you instantly increase its usability.  Now you no longer have repeat the wizard to tag someone else with the same tag.  Of course there are many ways to do this, having the add another button is only one suggestion and you’d also have to account for a way to remove users, such as a X icon next to their name.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle4.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle4.png" alt="Tagging wizard step 2, with suggested changes." width="620" height="375" /><br />
</a><span style="font-size: x-small;">Tagging wizard step two, with new &#8220;Add another&#8221; button.</span></p>
<p>Like wise the add another button would work for step two of the wizard, when we choose our tags.</p>
<p>The final step which lets you confirm the tagging presents a problem as you’d not be able to add unique comments in its current implementation for bulk user taggings.  You could however get around this with a couple of option menu’s which would allow you to still add unique comments for individuals, or a generic comment for all.</p>
<h4><strong>External users</strong></h4>
<p>There is another problem here.  What if I couldn’t find a user in the system but wanted to tag them anyway?  It’s a valid scenario and one which would enhance not only the user experience but also the products business model.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle5.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle5.png" alt="Suggestion for tagging an external user" width="620" height="375" /><br />
</a><span style="font-size: x-small;">Suggestion for tagging an external user.</span></p>
<p>You can see an example above how this could look.  I’m sure there is a better way, as my mock up here looks pretty ugly to say they least, but the general idea is still very valid.  Upon completing a tagging of a user not in the system, that person would be emailed an invitation, which would include in the body of the email any tags that they&#8217;d been given, and the reasons for these taggings (if any).</p>
<h3><strong>Viewing existing tags or users</strong></h3>
<p>The people and tags tabs allow you to view a list of all tags or people.  The users view has a search option, the tags strangely doesn’t (let&#8217;s add it).  Both present a paged view of users or tags, each displaying twenty per page.  Each allows you to drill in to view either more info about that user or tag.</p>
<h4><strong>Providing context relevant information</strong></h4>
<p>The major problem with this paradigm is that it’s a view of everything; in essence an information overload!  One of the main problems I’ve had with Entaggle in the past was being able to find people that I know, quickly.  Sure I can manually search for every person I might know, but some more clever stuff could occur to make that information more readably available to me.</p>
<p>As we have the ability to list a Twitter profile on our Entaggle profiles we could make good use of the twitter API and find people that we currently follow and highlight them in some way on Entaggle.  I’d previously talked about a watch list in part one for filtering news events to be more specific to your needs.  Using the matching results of our Twitter followers and Entaggle users we could have a suggestion list of users for our watch list.  The watch list in essence would become your Entaggle version of Twitters followed users, or Linkedin connections.  If we don’t like the idea of a watch list, we could just have a tab in the users list which is titled “People you may know.”</p>
<p>By allowing some sort of community interaction in terms of context relevant and watched users, people will immediately relate more with the application and want to come back to watch the people they follow.  Dropping in the customised events news on the home page based upon your watched list (as we discussed in part one), the user will now easily see when a watched user has been tagged or has tagged someone else, as opposed to the entire community wide Entaggle users news view.</p>
<h4>Categorisation</h4>
<p>Now at least we have one mechanism of bringing more relevant users to our attention and this is a<strong> really important factor</strong> because as Entaggle scales to one thousand, ten thousand or even one hundred thousand users, this user list will become less and less useful to the user.  Currently it’s already difficult to be aware of who to tag with just over two hundred users.</p>
<p>Another suggestion to bring more context relevant information to the user, would be to categorize users.  If you expand the users profile that little more to indicate what type of industry they are in (there is lots you could do here this is only one suggestion) you could then follow up on the “people you may know” idea that we discussed for the Twitter API idea, from linking a users industry type with other users in that industry.</p>
<p>Likewise the same issue applies to tags, as they scale it will become more and more difficult to find relevant tags for your industry type.  Even now with mostly developers and testers using Entaggle you still get very obscure tags such as “Manual Manic” (someone who executes tests manually).  How would you know what this tag meant from glancing at it’s title?  How would you <strong>ever know that </strong>if you weren’t a tester, or even in IT for that matter?  You could be a doctor even!  If the hope is that Entaggle will be adopted by all career paths over time, then this is something which needs sorted now.</p>
<p>This really does highlight the need for categorisation of tags.  Just now we are seeing a mix of personal, career and fun tags.  At least when the larger internet community comes around to adopting Entaggle, with tag categorisation I&#8217;d still be able to find tags of interest to me easily.</p>
<p>How you display tags by default is another thing.  If a user profile that you’re viewing is a “Lawyer” then perhaps it would be wise to display by default only tags which are categorised as belonging to his field.  You could still present a checkbox to display all tags if you like, and it would probably be sensible to do so.</p>
<p>You can be less clever about these things and simply go with a filter criteria to sift through data, just like what is used on sites such as Linkedin and Ebay.</p>
<p>By making things more context sensitive you greatly enhance the user’s experience.  When we consider a greatly increased user base, it’s essential to provide some level of context sensitive data, otherwise the product becomes unusable and runs the risk of a rejected system.  After all people will always look for a reason not to use your software.</p>
<h3><strong>Creating a new tag</strong></h3>
<p>The process of creating a new tag is extremely simplistic.  You simply assign the tag a title, a description, some requirements (what would be required to get this tag) and the type of tag it is (private, public or self taggable).</p>
<p>Having previously spoke about the need to categorise tags, when you create a new tag you’d want to be able to select a category or categories that it would belong to.</p>
<p>Another quick win here would be to add a button called “Add another” next to the confirm button.  Why?  Well if I want to add more than one tag I’ll hit confirm, then be navigated away from this screen and be required to select the “Create a new tag” tab to return again.  The <em>add another</em> would simply save the tag you created and blank the form inputs allowing you to add a second tag without having to navigating away from the screen.</p>
<p>Other than that I think this screen works well.</p>
<h3><strong>Cheap techniques to analyse user experience and usability</strong></h3>
<p>I’m conscious that I’ve talked a little too much already so I’ll keep this section very short!</p>
<h4><strong>Wireframe usability evaluations</strong></h4>
<p>If you haven’t heard of a wireframe before, don’t worry.  They are simply quick mock-ups of a UI screen.  In fact there is a fantastic tool on the market just now called <a href="http://balsamiq.com/" target="_blank">Balsamiq</a> which allows you to rapidly mock up high quality wireframes.  If you don&#8217;t like the idea of spending a lot of time trying to draw wireframes then I&#8217;d highly recommend having a look as Balsamiq.</p>
<p>The idea I had around wireframe usability evaluations was simply as follows:</p>
<ol>
<li>Generate a wireframe for each screen in the proposed feature before you write any code.</li>
<li>For each wireframe take note of any navigation elements on it such as buttons that take you to another page.</li>
<li>Add this wireframe onto a html web page.  For each navigation element add links appearing below the wireframe as hyperlinks to another wireframe that the navigation link would have went to.</li>
</ol>
<p>From having a wireframe for each screen of the proposed features and having links to navigate you between each for any of the navigation links on that wireframe, you have essentially built a working model of the proposed feature.  You can now begin to test the flows and highlight any issues found, make changes and retest to evaluate those changes, all at very little cost.</p>
<p>If you want to make better use of it, devise a list of end goals you want a user to achieve with the feature (e.g. create a new insurance report) and get some users who have no knowledge of the system and observe how they achieve or don’t achieve these goals.</p>
<h4>Paper Prototyping</h4>
<p>I’ll not go into this in too much detail, but it’s essentially the same as the above technique with paper, and moving components.  If your wireframe had a button that moved some other element on the screen whilst remaining on the same screen, you, acting as the computer would simulate this motion to the evaluators of your system (this is the moving components part).</p>
<p>This takes a little longer but will give you much better results.  Find out more about it at the <a href="http://www.paperprototyping.com/" target="_blank">Paper Prototyping</a> site.  <a href="http://www.agileproductdesign.com/" target="_blank">Jeff Patton</a> also wrote an excellent article called “<a href="http://www.stickyminds.com/sitewide.asp?ObjectId=11104&amp;Function=DETAILBROWSE&amp;ObjectType=COL&amp;sqry=*Z%28SM%29*J%28COL%29*R%28createdate%29*K%28colarchive%29*F%28~%29*&amp;sidx=5&amp;sopp=10&amp;sitewide.asp?sid=1&amp;sqry=*Z%28SM%29*J%28COL%29*R%28createdate%29*K%28colarchi" target="_blank">Test software before you code.</a>” around Paper Prototyping, I’d highly recommend you give that a read.</p>
<h4><strong>Community Forum</strong></h4>
<p>Just as I was finishing writing this up I noticed Elisabeth has created her own community feedback forum already, so you beat me to that one <img src='http://www.bettertesting.co.uk/content/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Having a community feedback forum doesn’t only just allow for feedback on UX and usability issues, it also adds a sense of direct involvement with the owners of the product making users feel more attached to it.  So this is a very valuable asset, and also enhances a companies business model by developing bonds with your users.</p>
<h4>Usability evaluations</h4>
<p><strong> </strong></p>
<p>Scaling up in the cost of feedback now would be a usability evaluation.  These are very simple and can be done in a day or half day, the feedback though obviously takes a lot longer to analyse and work out what should be fixed or not.</p>
<p>It’s a very simple process:</p>
<ol>
<li>Write      up a list of goals for the user to achieve.  For example “I want you to tag one of      your colleagues”.</li>
<li>Get      five people (you don’t need more than this) who have never used the system      before to be involved in the evaluation.</li>
<li>Communicate      with them the aim of the evaluation and what they will need to do.</li>
<li>Let      them loose on your application.</li>
<li>Observe      and be available for any issues that require your assistance to      resolve.</li>
</ol>
<p>You can go crazy with usability evaluations and have dedicate labs with expensive technology that tracks users eye movements, but honestly, a quick cheap evaluation will work wonders!</p>
<h4><strong>Remote evaluations</strong></h4>
<p><strong> </strong></p>
<p>This one is just like the above technique, but requires one to one involvement as the user will be testing from a remote location.  The good thing about this is that with screen sharing software you get to see how the user interacts with your software.  Better still if you can record it, to analyse again at a later date.</p>
<h3><strong>What’s next?</strong></h3>
<p>Next up we’ll look at the business model of Entaggle and provide some recommendations for this.  We’ll finish up by drawing conclusions on where the product is just now and what needs resolved urgently to allow it to be a success.</p>
<p>Thanks for reading.</p>
<div class="shr-publisher-1093"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>https://www.bettertesting.co.uk/content/?feed=rss2&amp;p=1093</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Entaggle: Usability, UX and the business model part 1</title>
		<link>https://www.bettertesting.co.uk/content/?p=1046</link>
		<comments>https://www.bettertesting.co.uk/content/?p=1046#comments</comments>
		<pubDate>Tue, 08 Mar 2011 10:37:09 +0000</pubDate>
		<dc:creator>Darren McMillan</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.bettertesting.co.uk/content/?p=1046</guid>
		<description><![CDATA[Summary Part one of an evaluation on a new and innovative product called Entaggle.  This post will evaluate the usability and UX (User Experience) of its main focal points: It&#8217;s landing...]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><h3>Summary</h3>
<p>Part one of an evaluation on a new and innovative product called <a href="http://www.entaggle.com/" target="_blank">Entaggle</a>.  This post will evaluate the usability and UX (User Experience) of its main focal points: It&#8217;s landing screen and public user profiles.</p>
<p>Part two, which will follow shortly will look at typical actions and flows a user might want to take throughout the application.  I&#8217;ll highlight more flaws and provide suggestions to overcome these.  We will also look at ways to test our improvements cost effectively.</p>
<p>Part three, which will be the final part in this series of posts will look at the business model behind Entaggle, providing suggestions for improvement.  I&#8217;ll finish this post with my conclusions on Entaggle.</p>
<h3>A crazy new idea!</h3>
<p>The latest craze sweeping the testing community is <a href="http://www.entaggle.com/" target="_blank">Entaggle</a>.  Some of you may have heard of this already, some might not, but basically it’s a peer recognition web site that allows you to tag someone with a tag that you think they deserve.  For example someone that educates other testers might deserve the tag “Testing mentor”, should I think that they are worthy of this I can tag them with it.</p>
<p><a href="http://testobsessed.com/" target="_blank">Elisabeth Hendrickson</a> of <a href="http://www.qualitytree.com/" target="_blank">Quality Tree Software</a> appears to be the driving force behind this innovative product with some early contributions also provided by <a href="http://dhemery.com/" target="_blank">Dale Emery</a>.  They appear to have taken the approach of deploying with the most basic functionality possible and building it up via previously scoped requirements and user requests whilst introducing new functionality rapidly via a continuous deployment approach.</p>
<h3>A unique opportunity</h3>
<p>So why am I writing about Entaggle?  Why does it interest me?  It’s quite simple really, the product is based upon an innovative idea, it’s new and they plan to eventually make money from it.  That there is simply a testers dream!</p>
<p>So I’m going to evaluate the product and feedback on my thoughts in terms of <a href="http://en.wikipedia.org/wiki/Usability" target="_blank">usability</a>, <a href="http://en.wikipedia.org/wiki/User_experience" target="_blank">UX</a> (User Experience) and its <a href="http://en.wikipedia.org/wiki/Business_model" target="_blank">business model</a> over a series of short blog posts, starting with this, part one.</p>
<h3>Getting to grips with Entaggle</h3>
<p>When you access the site you’re greeted with a vibrant and simplistic UI.  The process of registering an account, finding people, and tagging others is pretty straight forward.  This is mainly due to two reasons:</p>
<ol>
<li>The product is relatively small; there is not much you can do.</li>
<li>The user base being a new product is very low (just over 200 members at the time of writing) so finding people and tags is still fairly easy.</li>
</ol>
<h3>Home page</h3>
<p>The home page view breaks down into three main areas:</p>
<ol>
<li>The top pane, which consists of a site logo, slogan and some quick statistics around users, tags and taggings.</li>
<li>The main column contains a list of the twenty most recent events, which currently displays new taggings and new members.</li>
<li>The side column contains various tasks such as user and tag lists, login and logout functions.  This is context sensitive so if you’d selected a users profile, a list of tags you can apply to them would appear, directly replacing the previous tasks.</li>
</ol>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/Entaggle-home.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/Entaggle-home.png" alt="Entaggle home page. Click to view" width="620" height="450" /><br />
</a><span style="font-size: x-small;">View of the Entaggle home page.</span></p>
<p>Currently the UI fulfils its purpose, although not the prettiest and very list driven it does present information easily.</p>
<h4>Initial concerns</h4>
<p>As the current community consists mainly of testers and developers, the information presented is relevant and interesting.  When we begin to consider different types of users such a lawyers, doctors or even your local supermarket worker suddenly the information presented here is of less importance and relevance to us.</p>
<h4>Events</h4>
<p>Certainly from a UX point of view this is one of the initial problems presented with this screen, in that it’s not focused on the current logged in user and what might be of interest to them.  Of course the product doesn’t fit well to this line of thought currently, but as user profiles expand, much more context sensitive information can be gathered such as the type of industry they are affiliated with, the company they work for, their interests.  This would allow a more context sensitive view of information which would enhance the users experience, rather than them being presented with an event lists which they would train themselves to ignore.</p>
<p>Another idea which would reduce the need for profile expansion would be a watch list.  You could add users, tags, or tag categories (we’ll get to that in another post).  By default the user would see everything, but they would have the option to configure a watch list to filter out events which are of no interest to them.  After all they merely want to cyber stalk here!</p>
<p>There are a few other minor problems with the events list.  For one it’s static and requires a page refresh to view new content.  It would make sense to dynamically display new events here.  This would lead onto another problem, and one which still exists using the manual page refresh method in that how would you know at first glance which events are new or not?  Twitter has a nice way of dealing with this problem in that they provide a clickable graphic which displays how many new tweets you have.  Lastly you can’t see older events past the current twenty latest events list.  Seeing older events might not be a problem if we had content filter in place such as the suggested watch list or profile based context filtering.</p>
<p>Certainly for now with the small mainly testing focused community we don’t have a problem.  In a few weeks time though we’ll begin to see the worth of this events list being diminished.</p>
<h4>Task Paradigm</h4>
<p>The right hand column presents a list of tasks the user may wish execute.  As I’d mentioned previously this is context sensitive, so if you’d selected a users name and navigated to their profile, these home page tasks would be replaced with a list of tags you could assign to that user.</p>
<p>So why would this be a problem?  Well when we break down into usability criteria we begin to look at factors such as learnability, consistency and time to execute a task all of these are being directly negated by this paradigm.  Why?  Well tasks such as user / tag lists, user profile and login / logout are actions you may want to take at any time.  However they are not always made available.  Sure this is a small product for now, but as new features develop and we adopt a sense of a premium users feature set, this paradigm will become less learnable, usable and negate the users experience.</p>
<p>Having the main tasks of Entaggle with a blended horizontal logo in a top title bar would serve well for navigation, learnability and consistency.  Linkedin and Twitter both make good use of this paradigm and it works well for them.   Both sites are easy to navigate and easy to learn.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle-linkedin.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle-linkedin.png" alt="LinkedIn navigation title bar" width="620" height="42" /><br />
</a><span style="font-size: x-small;">LinkedIn navigation title bar</span></p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleTwitter-Home.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleTwitter-Home.png" alt="Twitter navigation title bar" width="620" height="20" /><br />
</a><span style="font-size: x-small;">Twitter navigation title bar</span></p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle-home-mockup.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggle-home-mockup.png" alt="Entaggle home page. Click to view" width="620" height="450" /><br />
</a><span style="font-size: x-small;">Mockup of how Entaggle could look with a navigation title bar</span></p>
<p>The above mockup is a quick draft of how the title bar could look, you can see instantly it presents a quick means of navigation for the user.  The profile, login and logout tasks have been replace with an option menu with would contain all three.</p>
<p>When you consider that people read from top to bottom, left to right, you can quickly see how the old paradigm of tasks being placed <strong>sometimes </strong>on the right hand column wasn’t very intuitive.  With the top navigation bar it’s immediately apparent how to navigate the site.</p>
<h3>Enhancing the users public profile</h3>
<p>Now lets move away from the home page, and take a look at another key aspect of Entaggle, the users profile.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleprofile.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleprofile.png" alt="How an Entaggle user profile appears." width="620" height="450" /><br />
</a><span style="font-size: x-small;">How an Entaggle user profile appears.</span></p>
<p>As you can see currently we are presented with a list of tags and who has tagged that user sorted by date of tagging with the oldest tag being the first displayed.</p>
<p>Now imagine scaling this up over time, currently I have twenty five tags displayed on this profile.  It already looks a little intense, imaging in a few months you’d come back and I had one hundred tags!  It would be very difficult to get any grasp of my tag collection in it’s current format.  How do you begin to gather a sense of a persons recognition with this many tags?</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleprofilea.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleprofilea.png" alt="How an Entaggle user profile could look with some slight modifications." width="620" height="450" /><br />
</a><span style="font-size: x-small;">How an Entaggle user profile could look with some slight modifications.</span></p>
<p style="text-align: left;">Now look at the above picture.  With a couple of minor changes this profile suddenly becomes more usable.  All I’ve did is sort the tags alphabetically, and display tags that appear more than once on the one line with the users who have tagged me appearing in a comma separated list.</p>
<p>Immediately it’s more useful, with a simple minor change.  Should someone want to view my profile they can quickly gather more relevant information about me, and begin to identify trends.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleProfileB.png"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/03/entaggleProfileB.png" alt="A modified Entaggle user profile with tag notes." width="620" height="450" /><br />
</a><span style="font-size: x-small;">A modified Entaggle user profile with tag notes.</span></p>
<p style="text-align: left;">When someone tags you they get the chance to leave a note about why they have chosen to tag you with that tag.  This is a key element of Entaggle and currently we can only ever view the reasoning from the events list on the home page, which we already know is non filterable and capped at the last twenty events.  So we are losing out on a key feature and a very relevant piece of information here.  By adding the ability to view the reasoning behind a tag to the users profile (as highlighted in the picture above by a notes icon) we enhance the users experience.  We also cover a possible future scenario where a recruiter might want to drill into your tags to see what your peers think of you.</p>
<p>If you wanted to work on the social acceptance aspect a little more, and if we are being honest that&#8217;s one of the main reasons this concept works, in that people want to be accepted by their peers and thrive on recognition, then we could add in rarity factors.</p>
<p>Private tags can only be assigned by people with the permission to tag you with it.  For example I created the private tag “Testing mentor”, currently only myself and a few others can tag people with this.  Why not highlight the uniqueness of a private tag visually in the user’s public profile.  Likewise the rarity of tags might have some visual indication here as well.</p>
<h3>What&#8217;s next?</h3>
<p>I think that makes for a good place to stop for now.  Next we’ll begin to look at process flows and common actions a user might want to take throughout the application, and how UX and usability might be impacted there.  We&#8217;ll also look at techniques we can use to reduce the cost of enhancing the users experience.</p>
<p>Thanks for reading.</p>
<div class="shr-publisher-1046"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>https://www.bettertesting.co.uk/content/?feed=rss2&amp;p=1046</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Prototyping: Investigating a testers role.</title>
		<link>https://www.bettertesting.co.uk/content/?p=984</link>
		<comments>https://www.bettertesting.co.uk/content/?p=984#comments</comments>
		<pubDate>Mon, 21 Feb 2011 12:43:38 +0000</pubDate>
		<dc:creator>Darren McMillan</dc:creator>
				<category><![CDATA[Planning]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[planning]]></category>
		<category><![CDATA[proactive testing]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.bettertesting.co.uk/content/?p=984</guid>
		<description><![CDATA[Summary In the following post we’ll look at attempting to identify the role a tester plays in a prototyping team.  We’ll discuss feedback provided by the testing community and devise...]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><h3><strong>Summary</strong></h3>
<p>In the following post we’ll look at attempting to identify the role a tester plays in a prototyping team.  We’ll discuss feedback provided by the testing community and devise an initial approach that a tester could take.</p>
<h3><strong>Background</strong></h3>
<p>My workplace has decided to put a big effort on prototyping for the next couple of months.  It’s something new for us as a company as we’ve always just went away and built fully functioning software that’s been asked for.  We’ve never had to prototype anything before.</p>
<p>So certainly it’s a step out of the comfort zone for everyone involved.  One which will require a lot of thought and collaboration from all parties involved.</p>
<p>For myself as a tester it makes me question where I belong in this team, since a traditional functional testing effort will have less importance here; something which would have took up a large amount of my time previously.  I can certainly think of places where I can provide value; however there is still a lot of uncertainty in my mind as to the role we play.  It’s not a traditional test effort for sure, and requires a new approach.</p>
<p>So what role does a test play in a team developing prototypes?</p>
<p>It’s something both myself and my colleague <a href="http://www.bettertesting.co.uk/content/?author=5" target="_blank">Stuart MacDonald</a> wanted to find out.  So we sat down and had a brief fifteen minute discussion on what roles we could play to provide value to the team.  Jotting down a mind map of our ideas on some paper, we quickly identified some crucial areas we could provide assistance in.</p>
<h3><strong>Insights from the community</strong></h3>
<p>Now I’m sure other people out there will have a lot more experience than us when it comes to the role a tester plays in a prototype team.  As such I turned to twitter for assistance asking “How does a tester fit within a prototype team?”  A bunch of people responded, and the insights they provided were very helpful for me, helping me clarify thoughts in my head and introduce new ones.</p>
<h3><strong>Proactive Testing</strong></h3>
<p><a href="http://automation-beyond.com/" target="_blank">Albert Gareev</a> highlighted the need for prospective testing skills.  Prospective being something I refer to as <a href="../?tag=proactive-testing" target="_blank">proactive testing</a>.  Certainly, proactive/prospective testing is essential here!  But to what extent?</p>
<h4><strong>Feeding back on requirements</strong></h4>
<p>As testers a key role we play is gathering information, assessing it and providing feedback on it.  For a prototype team we will have some form of requirement, or even a vision if you like?  So thinking proactively around the testing we could do for a requirement, we could review whatever information we currently have and gather any addition information that we need, review this and provide feedback on it.  Or for a vision we could do exactly the same but obviously put more emphasis on information gathering and collaboration (questioning stakeholders) in order to provide our feedback.</p>
<p>So now as a result the feedback, or feedback cycles we have provided will have helped stabilise scope, reduce risk, and most fundamentally assisted in determining exactly what the end goal of the prototype will be.</p>
<h4><strong>Collaboration and determining business expectations</strong></h4>
<p>Is that as far as we can go proactively?  Of course not!  Prototyping will evolve over time.  A good approach to prototyping will involve lots of interaction with it’s stakeholders to make sure essentially that the prototype meets their expectations, or at least indicates early when expectations are not achievable.</p>
<p>An approach we can take as testers here is to begin thinking of the difficult questions a stakeholder might ask of a prototype, and asking them early!  From doing so we reduce the risk of developers being embarrassed and the stakeholder being upset.</p>
<p>Our teams are being asked to produce something demonstrable, which can be picked up and demoed to customers by our demo team.  As such we already have an expected outcome placed upon us from the start.  So we could begin asking difficult questions around the business expectations of the prototypes such as:</p>
<ul>
<li>“Are you happy to invest X      amount of time in throwaway but demonstrable code?”</li>
<li>Do you expect anything to      be reusable from this prototype?</li>
<li>Are you happy to invest      knowing that what is being asked might not be achievable?</li>
<li>If you do expect some      re-use what are the non functional requirements of this prototype.</li>
<li>Are you willing to fully      commit to making these a success via frequent collaboration?</li>
</ul>
<h3><strong>Feeding back on visuals</strong></h3>
<p><a href="http://thesocialtester.posterous.com/" target="_blank">Rob Lambert</a> and <a href="http://007unlicensedtotest.blogspot.com/" target="_blank">Peter Haworth-Langford</a> stated that testers could play key roles in providing input to designs, process flows and UI.</p>
<p>I agree, and although some might question if a testers role is to input on design decisions at all, I think it can be essential at times.  We might make suggestions for improvement here around usability issues we’ve identified, or realise that a piece of design or in fact the overall design itself doesn’t actually provide any business benefit.</p>
<p>Process flows can be mapped out early from requirements if we have wire frames.  If we don’t we can communicate with the stakeholders to determine the process flow of the proposed prototype.  From assessing these flows we can identify usability concerns early, for example could the flow to point X be quicker if we combined points C and D?</p>
<p>UI, of course there is a lot we could feed back on early here.  We could even check if our competition is doing something similar?  What makes their paradigms special?  How do we make ours better?</p>
<h3><strong>Preventing rejected systems</strong></h3>
<p>The following two I liked a lot:</p>
<ul>
<li><a href="http://blog.asym.dk/" target="_blank">Anders Dinsen</a> stated “The tester      understands the objectives, but questions the means to get there because      he sees the problems.”</li>
<li><a href="http://www.mytic.co.uk/" target="_blank">Jamie Cuthbertson</a> stated that a      tester’s role should be to challenge assumptions, viewing things from a      different perspective and making suggestions for improvement to the      product.</li>
</ul>
<p>Anders highlights the need for a tester to think of the bigger picture.  It’s a difficult job that in itself, and for a prototype we’d need to fully understand what the business expectations of the prototype are first before we can begin to see if we are on the correct path.</p>
<p>Jamie correctly highlights the need to challenge assumptions.  I’d like to add to this “assumptions that matter”.  Certainly for a prototype we will be looking at things from a different perspective.  I’m still unsure myself what perspective we’ll take, but for now I see myself and my colleague Stuart being focused on making sure that the end delivery satisfies business needs as opposed to individuals visions, or worse still conflicting visions.  After all it’s easy for a prototype to free-fall into something which sounds and looks pretty but delivers no business value as it doesn’t actually solve a problem, or one that’s worth solving.  <a href="http://007unlicensedtotest.blogspot.com/">Peter Haworth-Langford</a> highlighted on this when he said that we should be making sure this is actually something someone wants.</p>
<p><a href="http://007unlicensedtotest.blogspot.com/" target="_blank">Peter Haworth-Langford</a> also added that a tester’s role might be to help a customer or stakeholder formulate their concept.  I think that’s a very good point.  We could collaborate with them to generate scenarios, persona&#8217;s and solid use cases around their proposals.  This in turn would help identify if their was a solid business case for the prototype after all.</p>
<h3><strong>Functional test involvement?</strong></h3>
<p><a href="http://twitter.com/bbaassiri" target="_blank">Basim Baassiri</a> highlighted that testers could provide feedback by doing exploratory tests.  <a href="http://pedantictester.wordpress.com/" target="_blank">Stephen Hill</a> said something similar when he stated that they could look for areas where the prototype might break.  I agree to an extent here, and if the prototype is being demonstrated as its being developed we could provide assistance here to avoid embarrassment during the demonstrations.  Of course exploratory testing doesn’t just stop at functional testing, from providing feedback to the requirements we will be exploratory testing as well.</p>
<h3><strong>Alternative prototyping</strong></h3>
<p><strong><img style="float: right;" title="Prototype foam ipad" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/02/ipconcept.jpg" alt="Prototype ipad made of foam from 2001" width="286" height="340" /></strong></p>
<p><a href="http://www.shino.de/" target="_blank">Markus Gärtner</a> asked a series of questions to help him understand the definition of prototyping in my company.  In one question I responded that traditional functional testing would be of less importance here, to which he asked “So, how would you test a teleporter like the one from NCC-1701 D?”  To which I replied that it depends on what this prototype teleporter was required to do.  As a prototype it might not even need to teleport at all.</p>
<p>A famous modern example of prototyping without actually having a working model comes from none other than Apple, who had created several initial prototypes of a proposed iPod design out of foam.  Drawing the controls on the front they used these foam models as if they were actual real working mp3 players for some time.  Walking around with them and pretending to interact with the controls.  This allowed them to understand if the actual look and feel could be appealing, prior to investing in a working model.</p>
<h3><strong>So what is the role of a tester in a prototyping team?</strong></h3>
<p>To get more of an understanding of the role I’ll be playing I’ve generated a mind map below.</p>
<p style="text-align: center;"><a href="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/02/prototype-test-involvement1.jpg"><img style="margin-bottom: 4px;" src="http://www.bettertesting.co.uk/content/wp-content/uploads/2011/02/prototype-test-involvement1.jpg" alt="Mind map showing the role of a tester in a prototyping team. Click to view" width="620" height="280" /></a></p>
<p class="wp-caption" style="text-align: center;">This image has been cropped, please select it to see it in an expanded size.</p>
<h4><strong>Suggested approach</strong></h4>
<p>So the Twitter testing community provided me with a lot of help in identifying what a testers role should be in a prototyping team.  As the above is just a collection of my thoughts on peoples responses I’d like to see if I can model an approach of some kind, and hopefully you can help me some more by providing feedback on that.</p>
<p><strong>Step 1:  Clarify business expectations</strong></p>
<p>We need to quickly identify what the expectations on a prototype are from the business.  Hopefully this will have been done already, but if not we’ll have to input these into the chain of command.  Some example questions here might be:</p>
<ul>
<li>What deliverables are you      expecting during or at the end of the prototyping phase?</li>
<li>Are you expecting      re-useable code?</li>
<li>If something is not      realistically achievable in the given constrains how will you react?</li>
</ul>
<p><strong>Step 2:  Feedback on requirements or gather an understanding of visions.</strong></p>
<p>Obviously as information gatherers we will identify and feedback on potential issues, gaps and risks with the information we have.  Most importantly we’ll be in constant communication with the key parties involved in this prototype, keeping an eye out for conflicting information.</p>
<p><strong>Step 3:  Validate designs</strong></p>
<p>Often a prototype can have little or no requirements.  We can assist both the developers and the stakeholders here by helping (in collaboration with the stakeholder) produce real life scenarios of how a customer would use the proposed prototype.  We might produce persona&#8217;s as well, to highlight the different kinds of user of a system, and in doing so validate our paradigms against these, and uncover potential usability issues.</p>
<p><strong>Step 4:  Determine functional test involvement if any</strong></p>
<p>We might be able to assist with functional testing of a prototype prior to stakeholder demonstrations.  There is a high possibility that our input here might not be required at all.</p>
<p><strong>Step 5:  Ask the difficult questions early</strong></p>
<p>This can be two fold.  We can assist developers by putting ourselves into a stakeholders / business mindset and thinking of possible questions they might ask of this prototype.  If the prototype has frequent progress demonstrations (and it should have) to stakeholders, we can ask the difficult questions of them also.  For example the prototype might be at risk because a clear decision has not been on a paradigm to use, we can ask why that decision has not been made and when it will be made highlighting that the project is at risk by the decision delays, and clarifying that their expectations will not be met if this progresses.</p>
<p><strong>Step 6:  Track expectations</strong></p>
<p>As a prototype might have one or more stakeholders, combined with other people wanting to input their ideas, we’ll need to do our best to keep track of the initial expectations, and make sure if these change that everyone is aware of it and in agreement.</p>
<p><strong>Step 7: Be aware that business expectations may change</strong></p>
<p>Even the best laid out plans for a prototype may become obsolete overnight if the expectations of the business change.  They might like the concept so much that they decide it should be part of the product, and ask that you begin building it in production standard code, which comes with a large test effort in itself.  Likewise the concept might be sold to a customer and require all current prototyping efforts to be dropped to work on developing this sold concept for the customer.</p>
<p>Thanks for reading.</p>
<div class="shr-publisher-984"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>https://www.bettertesting.co.uk/content/?feed=rss2&amp;p=984</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>
