<?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>Pickled Shark&#187; User Interface and Usability</title>
	<atom:link href="http://www.pickledshark.com/category/user-interface-and-usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pickledshark.com</link>
	<description>Web Development, SEO and Internet Entrepreneurship</description>
	<lastBuildDate>Mon, 12 Jul 2010 10:59:50 +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>Online Banking Usability and The Dreaded Card Reader</title>
		<link>http://www.pickledshark.com/online-banking-usability-dreaded-card-reader/</link>
		<comments>http://www.pickledshark.com/online-banking-usability-dreaded-card-reader/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 13:24:55 +0000</pubDate>
		<dc:creator>Carey</dc:creator>
				<category><![CDATA[User Interface and Usability]]></category>

		<guid isPermaLink="false">http://www.pickledshark.com/?p=99</guid>
		<description><![CDATA[Online banking has some catching up to do. While certainly one of the oft quoted reasons for using the internet, banking online has so much more potential. The field has taken a blow recently, at least in the UK, with the introduction of "card readers" passing security problems onto the user and creating a barrier. Read on to find out more about why the card reader is a mistake, good examples of online banking and how improvements could be made.]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-medium wp-image-104" title="Online Banking" src="http://www.pickledshark.com/wp-content/uploads/2010/02/piggy_bank_online_banking-300x264.jpg" alt="" width="300" height="264" /><br />
When a little card reader called PINSentry arrived for one of my accounts with Barclays, I was initially a bit curious of the technology but more importantly I was frustrated. Could I use my bank on the move? What if I am in Starbucks and I forget it? Where am I going to keep it on my desk? (yes, this is a concern for me!)</p>
<p>For those of you that are not aware, these card readers look like a calculator with a slot for your card at the top. You enter your card, enter your pin, enter a code from the website and receive a code to type back into the website.</p>
<p>A number of years ago, while working for an upcoming warehouse software company, I came across a somewhat paranoid but fascinating solution one of our clients used to protect their network. We often had to access databases remotely and in this case we did so via a VPN (a VPN is basically connecting to a private network over the internet).</p>
<p>The added twist was that we had to enter an extra code. This code was shown on a little keychain dongle that had been sent us &#8211; while I don&#8217;t remember the name or details, the dongle gave us the password and it was different every time. We had excited conversations between ourselves on how this thing worked and how the algorithm could possibly be cracked. Soon enough we realised that the whole idea was a huge burden &#8211; many people needed to access the VPN from many different places and we only had one.</p>
<p>We toyed with the idea of setting up a webcam and broadcasting the readout via a webpage, undermining the security. Fortunately the client scrapped this security.</p>
<p>I write this because this is exactly the frustration we all face with bank card readers. Currenty I am in Asia (<a href="http://www.longjourney.co.uk/">Koh Chang, Thailand to be precise</a>) and I am carrying no less than three of these readers, one of which I had to have shipped from the UK after they replaced it.</p>
<div id="attachment_100" class="wp-caption aligncenter" style="width: 458px"><img class="size-full wp-image-100 align-center" title="barclays pinsentry card reader" src="http://www.pickledshark.com/wp-content/uploads/2010/02/barclays_pinsentry_card_reader.jpg" alt="" width="448" height="336" /><p class="wp-caption-text">The Barclays PINSentry Card Reader. I H8 U.</p></div>
<p>Why else are these readers a burden?</p>
<ul>
<li>They prevent multiple users accessing the account simultaneously (think business accounts and shared accounts)</li>
<li>They require your card, so two items need to be carried at all times. Some people never use their cards and have no reason to carry them</li>
<li>Card readers can break</li>
<li>Card readers need batteries</li>
<li>They are not convenient to carry</li>
</ul>
<p>It is no doubt a big priority that these systems remain secure. Ultimately, that security is irrelevant if the customers do not use the service or transfer to banks that have a more user friendly security method. So, in my opinion, number one priority for bank and customer is the usability.</p>
<p>Unfortunately, the card readers are just the icing on the cake for me. Some of the other frustrations I find with online banking:</p>
<ul>
<li>Non standard login methods, preventing your browser or plugin (<a href="http://www.lastpass.com/">LastPass</a>!) from working</li>
<li>Incomprehensible design and technology decisions, causing major usability problems. (e.g. browser back/forward buttons causing logging out)</li>
<li>Lack of stored data (most of my accounts only hold a couple of months statements)</li>
<li>Lack of browser/device compatibility (no chance of banking online with my phone)</li>
<li>Lack of reliable notifications for payments (did they receive it? what is the status?)</li>
</ul>
<p><strong>The Light</strong></p>
<p>Fortunately, I have seen recently a couple of examples of great forward thinking in the online banking arena. Of particular note is Barclaycards excellent new online interface, launched around July 2009. As the screenshot below shows, you can see up to date graphs on your spending categorised by groceries/fashion/travel etc.</p>
<div id="attachment_102" class="wp-caption alignright" style="width: 225px"><a href="http://www.pickledshark.com/wp-content/uploads/2010/02/barclaycard_online_interface_graphs.jpg"><img class="size-medium wp-image-102" title="barclaycard online interface with graphs" src="http://www.pickledshark.com/wp-content/uploads/2010/02/barclaycard_online_interface_graphs-215x300.jpg" alt="" width="215" height="300" /></a><p class="wp-caption-text">Barclaycard Online Interface - Click to Enlarge</p></div>
<p>As Barclaycard have pioneered, what else can we look into for our online banking solutions?</p>
<ul>
<li>Notifications &#8211; RSS, Text, Email and/or desktop messages showing transactions, balance, charges, statement available</li>
<li>Phone integrations &#8211; an iPhone app for my banks, with push notification, would be immense</li>
<li>Integrations &#8211; Achievable via notifications for a programmer, but some kind of integration with invoicing software or personal finance systems would be a big time saver.</li>
<li>Better exports &#8211; ability to export all information, from all date ranges</li>
<li>Better use of information &#8211; Imagine the information that must be available on each transaction? Location, company details, exact time, balance at that moment etc.</li>
<li>Standardisation across banks, allowing the ability to view finances together (perhaps only realistically achievable by integrations)</li>
</ul>
<p><strong>Existing Integrations</strong></p>
<p>I intend to investigate further, although it seems that existing websites bringing finances together in a truly automated way are still in infancy, probably due to our banking system here in the UK. It is only last year that the banks upgraded their systems to allow instant money transfers (instead of 3 to 5 days delay) &#8211; from a reliable rumour I heard, this was due to some banks using the equivalent of spreadsheets to organise these transactions.</p>
<p>Some of the sites that are worth investigating (thank you to Emma Davies of LoveMoney for her contributions here):<br />
<a href="http://www.mint.com">Mint.com</a> &#8211; currently seems to be USA only<br />
<a href="http://www.moneydashboard.com">Money Dashboard</a> &#8211; looks slightly amatuer, although claims to integrate automatically. Try with caution, I saw them spamming on money forums. Still in Beta with no launch date.<br />
<a href="http://www.lovemoney.com">LoveMoney.com</a> &#8211; A new UK only company launched in April 2009, with online banking launched in December last year. Constantly improving with updates every two weeks. Check out the <a href="http://www.lovemoney.com/blog/">Love Money Blog</a>.<br />
<a href="http://www.kublax.com/">Kublax</a> &#8211; a 2007 <a href="http://www.seedcamp.com/">seedcamp</a> winner, but faces closure due to lack of funding. <a href="http://techcrunch.com/2010/02/19/kublax-to-get-a-lifeline-from-simply-finance/">Could be saved by Simply Finance</a> so still worth keeping in mind.<br />
<a href="http://www.wehuhu.co.uk/">Wehuhu</a> &#8211; No integrations yet (manual uploads) but this is a new service and could be expanding soon.</p>
<p>With some digging around, there appears to be a resistance from the UK banks which is delaying these types of systems. Quote regarding Mint.com &#8220;They&#8217;ve said they aren&#8217;t going to launch a UK version for the forseeable future. None of the major UK banks have gotten on board to allow sharing of transaction data.&#8221;. Source: <a href="http://forums.moneysavingexpert.com/showthread.html?p=30023169">Money Saving Expert forums</a>.</p>
<p><strong>Imagine the Future</strong></p>
<p>I am an optimist. I picture a time when I wake up in the morning, check my emails and see that I have received three payments with details of who from and the exact date/time they sent it. This summary also shows that of the five payments I sent yesterday night, three have been received successfully and two are still pending. My invoicing software is notified of the payments and marks the relevant invoices as paid.</p>
<p>Sat in my favourite coffee shop, I check out my iPhone banking app. I can quickly see the balance of all my accounts, credit cards (including available spend) and also that the two pending payments are now confirmed.</p>
<p>That evening I travel out of my home town and pay for petrol on my card in somewhere I have never been before. I instantly receive a text message to notify me of this transaction, due to its slightly out of character nature, with a web link and number to report the fraud and instantly freeze the card if necessary.</p>
<p>It is is the end of the month and I am checking my credit card statements. I can see easily what I have spent compared to the past 6 months, by category of expenditure. I can see a graph showing my expenditure over the month and realise that the first week I went a bit overboard on clothes shopping. My account shows that all bills are scheduled to be paid and calculates that there is enough money to pay them all, giving me a total of &#8220;free cash&#8221; that I can withdraw during the month.</p>
<p>This is just a sample of how much control we could have and how convenient banking could be. How nice would it be to see a cheap Macbook Air in the shop, check your finances instantly on your phone and only buy if you can? Not very nice for the banks it appears, which may be a reason they are dragging their heels when it comes to providing us with convenient information.</p>
<p><strong>Why Banks should Embrace</strong></p>
<p>More control over our finances should theoretically mean less mistakes, less people overdrawn, less interest and less fines; all this equals less profit for the banks.</p>
<p>The reality is that not everyone will embrace these new features. Offering this technology does not instantly make everyone in the country good with money &#8211; those who are too busy, too scared and otherwise not motivated will still make the mistakes they always have. The ones who are craving this power will reward the banks with more business.</p>
<p>Advancing the online banking technology will not put more money in peoples pockets, remove their greed or fix their lack of money skills.</p>
<p>Let me indulge you with an example. I always play it safe &#8211; if I have any doubt over how much money I have, I won&#8217;t buy. I am not tricked by overdrafts, high credit card limits or buy now pay laters. I like to think I know about money and I don&#8217;t like paying interest &#8211; I always pay in full and on time.</p>
<p>If I am given more control and information, I am likely to know exactly what I can afford and spend more. As a bonus, if I am told that buying a new espresso machine this month will only cost me £7.24 in interest if I put it on card and pay it the month after, I will be tempted to do so.</p>
<p>There is opportunity here for financial institutions to get a head start on others. I am not afraid to change to a bank that offers me more information, better access, more convenience and is more forward thinking. As banks know, an existing customer is more likely to take a loan or a mortgage or other products.</p>
<p>Better tools to access information and monitor information means people will be using the banks systems more. More usage means more potential for advertising, up selling and gaining customers trust.</p>
<p>If my bank embraced technology even slightly, I would respect them more and listen to what they have to say.</p>
<p><strong>Solutions to Security</strong></p>
<p>There still lies obstacles with security, put in place by self-righteous technology consultants and the paranoid media. Due to this mindset, usability is often completely ignored.</p>
<p>I admit I am not particularly security focused, but I believe finding a solution that is convenient to the user is essential. Regardless, here are some potential security starting points:</p>
<ul>
<li>Instead of card readers, how about additional security only when unusual activity occurs? (e.g. different location of login)</li>
<li>Grant lower security to those who want it. Give us a choice! I will take the risk, because I know I won&#8217;t enter my details into www.barclaysbank.somerandomdomain.com/login</li>
<li>Custom security levels. e.g. by default require additional authentication only when money is transferred (customisable by the user)</li>
<li>Bio-metrics &#8211; some way off for mainstream (who of you has a fingerprint reader?), but should be implemented when feasible</li>
<li>Trusted machines &#8211; link my laptop or desktop to the website, meaning I only have to jump through a hoop once</li>
</ul>
<p><strong>What do you think?</strong></p>
<p>Are you happy with the banking system? Are you inconvenienced by the security, or do you not mind and prefer the peace of mind? Do you have any alternatives or ideas?</p>
<h2 style="text-align: center;"><span style="color: #ff0000;">If so, comment below!</span></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.pickledshark.com/online-banking-usability-dreaded-card-reader/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>CAPTCHA &#8211; Passing the Problem to the User</title>
		<link>http://www.pickledshark.com/captcha-passing-problem-user/</link>
		<comments>http://www.pickledshark.com/captcha-passing-problem-user/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 16:20:13 +0000</pubDate>
		<dc:creator>Carey</dc:creator>
				<category><![CDATA[User Interface and Usability]]></category>

		<guid isPermaLink="false">http://www.pickledshark.com/?p=77</guid>
		<description><![CDATA[We take a look at the widespread use of CAPTCHA, how it might affect conversions and possible alternatives. CAPTCHA no doubt prevents spam but at what cost?]]></description>
			<content:encoded><![CDATA[<p>CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) is a method of preventing spam commonly used in web forms. The user is displayed a distorted image of numbers, letters or words and asked to type them out. This ensures that the form is not filled out automatically by a bot and reduces the spam sent through that form.</p>
<p>It is clear that this solution goes a long way to dealing with the spam problem and the webmaster is happy, but at what cost to the user? At best there is another field to fill out. At worst, if the image is hard to read or the user has some visual impairment it is a barrier for the user to completing the form.</p>
<p>Most good CAPTCHA implementations will include a visual (image with text) and audible (audio playback of the text) meaning that even those struggling to read the image will be able to complete the form. There are also usually options to &#8220;refresh&#8221; the image, creating a potentially easier to read image.</p>
<p>All of this helps but does not avoid the fact that the user is having to do more work to complete the form. We are always looking to increase conversions and should be looking at reducing the actions a user has to do (such as <a href="http://adactio.com/journal/1611/">avoiding duplicate email and password fields</a>) in order to increase the chance they will fill out the form.</p>
<p>So what about alternatives? A great example of spam detection is the excellent <a href="http://akismet.com/">Akismet</a> as popularised by <a href="http://wordpress.org/">WordPress</a>. Spam is automatically detected by algorithms and tests on the Akismet server and this reduces manual checking to pretty much zero as well as leaving the user experience untouched.</p>
<p>So a use of Akismet or similar service is the ideal solution &#8211; the user does not see a change and the spam problem is still solved. The service should err on the side of caution, to prevent losing genuine information. Regular checks of the &#8220;spam&#8221; content should also be considered.</p>
<p>The second best solution, which can also be used in conjunction with an Akismet type integration, would be to improve your admin systems. If your form is submitting directly to email then it will be difficult to check and remove large amounts of spam. Having a tidy admin area with the ability to view/edit/delete data all together will reduce time spent on checking for spam.</p>
<p>Many CAPTCHA implementations are unnecessary and are done as either habit or due to some idea that it is a professional thing to do &#8211; question whether you will actually receive spam and is it better to deal with it manually?</p>
<p>The final alternative would be to make the CAPTCHA less obtrusive, more fun or easier in some creative way. Microsoft have the initiative <a href="http://research.microsoft.com/en-us/um/redmond/projects/asirra/">ASIRRA</a> which shows promise &#8211; the user is asked to identify pictures of dogs and cats. A simple click by the user is all that is needed and in tests many found the exercise fun.</p>
<p>Some websites also offer simple random questions (e.g. what is 3 plus 5?) although these are potentially circumvented as well as lacking the fun appeal to most users.</p>
<p>In conculsion I stress that you should consider first and foremost whether you need spam protection. If you need to, try to ensure the spam protection does not intrude on the users experience &#8211; your conversion rates will reward you.</p>
<p><span style="color: #ff0000;">Do you have any CAPTCHA tips, tricks, advice or questions? Get involved and comment below!</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pickledshark.com/captcha-passing-problem-user/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tag Clouds and Tagging &#8211; Does it Work?</title>
		<link>http://www.pickledshark.com/tags-tagging-work/</link>
		<comments>http://www.pickledshark.com/tags-tagging-work/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 23:34:46 +0000</pubDate>
		<dc:creator>Carey</dc:creator>
				<category><![CDATA[User Interface and Usability]]></category>

		<guid isPermaLink="false">http://www.pickledshark.com/?p=50</guid>
		<description><![CDATA[A couple of years ago the web exploded with tags - user defined words or phrases to identify information such as photos and bookmarks. The hype has since faded away but tags are still popular and usually always included in new information based websites. Here we look at the effectiveness of tags and how useful they really are.]]></description>
			<content:encoded><![CDATA[<div style="float: right; display: inline; text-align: center;"><img class="alignright size-full" src="http://farm4.static.flickr.com/3241/2700330475_67956306aa_m.jpg" alt="Obama Baracks speach in Berlin treated with wordle" /><br />
<small><a title="Attribution-NonCommercial-ShareAlike License" rel="nofollow" href="http://creativecommons.org/licenses/by-nc-sa/2.0/" target="_blank"><img src="http://www.pickledshark.com/wp-content/plugins/photo-dropper/images/cc.png" border="0" alt="Creative Commons License" width="16" height="16" align="absmiddle" /></a> photo credit: <a title="karstenkneese" rel="nofollow" href="http://www.flickr.com/photos/53937769@N00/2700330475/" target="_blank">karstenkneese</a></small></div>
<p>&#8220;Tag cloud&#8221;</p>
<p>This phrase was once so sexy. Instantly you can picture <a href="http://en.wikipedia.org/wiki/Tag_cloud">a block of random words with varying sizes and/or colour in a random order</a>. Now it seems to have fallen out of favour &#8211; since the initial conception, nobody is talking about how to improve or advance this technology.</p>
<p>A Tag Cloud was once talked about as a perfect example of Web 2.0 &#8211; user generated content, funky design and alternative UI navigation. Many sites quickly jumped to using Tag Clouds and even now most new sites that can use them will.</p>
<p>What caused the hype with Tag Clouds? They ticked all the right buttons:</p>
<ul>
<li><strong>User Generated</strong> &#8211; The idea that your website visitors will tag everything and save you time in organising content.</li>
<li><strong>Alternative UI</strong> &#8211; Finding better ways to access content is a good thing</li>
<li><strong>Modern Design </strong>- As a new but widespread idea a Tag Cloud gives visual appeal and association with high profile sites</li>
<li><strong>User Interaction </strong>- Allowing user contribution improves community and repeat visits</li>
</ul>
<p>For me a Tag Cloud has been a paradox. When discussed in planning a new site they are always a good idea but in practice they often fall down or cause problems. The initial designs benefit from them but in practice they are rarely clicked and often ignored by visitors. The prospect of self-organising content is tempting but often more administration is created.</p>
<p>Why is this? From my own experience as a user, tags are just too fuzzy. I often waste more time trying to think of the right tags and as such I am most likely not to tag them. I always turn off tags in <a href="http://www.wordpress.org/">WordPress</a> installs and have never taken to <a href="http://delicious.com/">delicious</a> properly because the tagging seems like hard work to me.</p>
<p>Essentially there is too much freedom and ambiguity. Do you tag an SEO tool website as &#8220;SEO&#8221;, &#8220;Tool&#8221;, &#8220;SEOTool&#8221;, &#8220;SEO Tool&#8221; or all of the above? Do you use singular or plural? If your searching for content, can you guarantee it has been tagged with the right keywords or could you be missing some things?</p>
<p>Here is a breakdown of my issues with Tag Clouds:</p>
<ul>
<li><strong>User Generated</strong> &#8211; Your users can and will do what they like. While you will get some great users who tag perfectly others will make spelling mistakes and not care. Others still might bicker over pointless details such as the user of captilisation or singular/plural. Users will use a mix of different ideas resulting in a total lack of cohesion.</li>
<li><strong>User Interface</strong> &#8211; While the Tag Cloud looks good to an experienced internet user, to others it is not self explanatory. More importantly even experienced users will ignore a tag cloud for the reasons above (basically inaccuracy). The Tag Cloud relies on the idea of &#8220;casual browsing&#8221; or in other words a user who doesn&#8217;t know what they want to see next. In reality we  mostly browse with a purpose or goal in mind with little room for suggestions of what to look at and therefore little room for a tag cloud.</li>
<li><strong>Modern Design</strong> &#8211; While initially it might have been beneficial to be associated with the Tag Cloud crowd, it no longer stands out and your users will be blind to it. Even if your website implements tags in a flawless and useful way, the association with bad implementations on other websites will ruin your hard work.</li>
<li><strong>User Interaction</strong> &#8211; If your users don&#8217;t understand the need for tags and you make it an integral part of the system (like delicious) then you risk making your service seem like hard work. For me tags don&#8217;t flow easily and therefore it seems like hard work to bookmark a site with delicious.</li>
</ul>
<p>To illustrate my point, here are a couple of examples of how Tag Clouds are frustrating to me. These two examples show how this applies to group tag clouds (i.e. where many people can tag the same thing) and individual tag clouds (i.e. where the content owner/publisher only can tag).</p>
<p><strong>Flickr</strong> &#8211; The original tag cloud user, Flickr allows their users to tag photographs with whatever they want. The result? <a href="http://www.flickr.com/photos/25822731@N02/3445224028/">Ambiguity</a> (search for cheese and you get a dog). <a href="http://www.flickr.com/photos/szuberi/831018506/">Overkill</a> (tagged with many variations e.g. &#8220;samui&#8221;, &#8220;koh samui&#8221;, &#8220;kohsamui&#8221;, &#8220;thailand&#8221;, &#8220;chaweng&#8221; etc. etc.). <a href="http://www.flickr.com/photos/theobald_gloom/1222851115/">Innacuracy</a> (wrong spelling tags). <a href="http://www.flickr.com/photos/drphotomoto/3660634297/">Spam</a> (Using a &#8220;Michael Jackson&#8221; tag incorrectly to get visitors).</p>
<p><strong>Delicious</strong> &#8211; This bookmarking tool tags in a different way by allowing all users to tag the same website. The main problem is the variety of tags that are used. Take the excellent <a href="http://www.penny-arcade.conm">Penny Arcade</a> web comic &#8211; it has a vast amount of different tags including the ambiguous &#8220;fun&#8221;, &#8220;art&#8221; and &#8220;monday&#8221;. In reality this offers no value for navigation and creates a headache for when you want to tag the site (oh should I tag it &#8220;fun&#8221; or just &#8220;comic&#8221;? or maybe &#8220;webcomic&#8221;? Or how about &#8220;gaming web comic&#8221;, or is that too specific?). The result is simply a <a href="http://delicious.com/url/7149ca36ef4ee6ed6bd9a8bb08d4cf3e">mess of disorganisation</a>.</p>
<p>Unfortunately for all the promise I cannot see a benefit to using Tag Clouds in this way. I can understand tagging content in a controlled and structured environment, but on the web in community websites it would be impossible to organise and manage.</p>
<p>Once you start using Tag Clouds it is hard to go back. Users will be used to them (some will of course like them) and your navigational structure will no doubt be based around them.</p>
<p>So in reality your Tag Cloud could actually be doing your website some harm. Don&#8217;t simply follow the <span style="text-decoration: line-through;">cloud</span> crowd &#8211; think about if this concept will work and know for sure before it is too late.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pickledshark.com/tags-tagging-work/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
