<?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>Eden Web - Design &#38; Marketing Blog &#187; User Interface Design</title>
	<atom:link href="http://www.edenweb.co.uk/blog/category/user-interface-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.edenweb.co.uk/blog</link>
	<description>A blog by Dublin-based web design company, EdenWeb</description>
	<lastBuildDate>Tue, 29 Mar 2011 16:08:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Golden Spider Awards</title>
		<link>http://www.edenweb.co.uk/blog/2008/11/edenweb-web-site-golden-spider-awards/</link>
		<comments>http://www.edenweb.co.uk/blog/2008/11/edenweb-web-site-golden-spider-awards/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 12:49:27 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[Business Travel]]></category>
		<category><![CDATA[Design Events]]></category>
		<category><![CDATA[Recent design work]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aer Arann]]></category>
		<category><![CDATA[Golden Spider Awards]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/?p=188</guid>
		<description><![CDATA[Best of luck tonight to EdenWeb client Aer Arann who have been shortlisted in the Best Travel &#38; Tourism Website category. We redesigned the homepage a few months ago (Case Study coming soon) and made some significant improvements to the design, layout and usability of the homepage and site in generalÂ  so it&#8217;s really rewarding [...]]]></description>
			<content:encoded><![CDATA[<p>Best of luck tonight to EdenWeb client <a title="Aer Arann" href="http://www.aerarann.com" target="_blank">Aer Arann</a> who have been shortlisted in the <span class="listing_heading">Best Travel &amp; Tourism Website category. We redesigned the homepage a few months ago (Case Study coming soon) and made some significant improvements to the design, layout and usability of the homepage and site in generalÂ  so it&#8217;s really rewarding to see that work recognised and up for an Award.<br />
</span></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-189" title="homepage_aerarann_v1a_3" src="http://www.edenweb.co.uk/blog/wp-content/uploads/2008/11/homepage_aerarann_v1a_3.jpg" alt="Aer Arann design" width="500" height="519" /></p>
<p>Among my favourite enhancements were three that I felt stongly were missing from the original site and vital for Aer Arann</p>
<ul>
<li>RouteMap Quick View so you can quickly see where Aer Arann fly to without leaving the homepage<br />
(this may not be live on the current site as we explore some new banner sizes)</li>
<li>A &#8216;Why Fly Aer Arann&#8217; panel to highlight Aer Arann&#8217;s unique selling points and their fantastic customer service</li>
<li>Reduction overall of &#8216;noise&#8217; and a layout based on a cleaner grid system</li>
<li>Larger &#8216;featured routes&#8217; banner to highlight sales, new destinations and similar Aer Arann offers</li>
</ul>
<p>In total, we explored about 6 concepts, whittled them down to three of the strongest and then settled on our favourite which was then designed and developed further in May 2008.</p>
<p>We also redesigned the Aer Arann booking engine and imporved the user interface with a new simple 3 step online booking process (reduced from 6 steps). More on both of these later but in the meantime, best of luck to Aer Arann andÂ  all the shortlisted companies in a very competitive category and industry.</p>
<p><a href="http://www.edenweb.co.uk/blog/wp-content/uploads/2008/11/homepage_aerarann_v1a_3.jpg"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2008/11/edenweb-web-site-golden-spider-awards/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>HP MediaSmart Server and Flash demo usability</title>
		<link>http://www.edenweb.co.uk/blog/2008/01/hp-mediasmart-server-and-flash-demo-usability/</link>
		<comments>http://www.edenweb.co.uk/blog/2008/01/hp-mediasmart-server-and-flash-demo-usability/#comments</comments>
		<pubDate>Mon, 07 Jan 2008 17:47:03 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[Design - Understand your customers]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web site effectiveness]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/2008/01/07/hp-mediasmart-server-and-flash-demo-usability/</guid>
		<description><![CDATA[A nice feature on the HP Media Server flash demo is the ability to mute the volume on the demo before it starts playing. Itâ€™s an impressive yet simple touch that saved me having to turn off my own music.

If you work in a shared office Iâ€™m sure at some stage youâ€™ve come to a [...]]]></description>
			<content:encoded><![CDATA[<p>A nice feature on the HP Media Server flash demo is the ability to mute the volume on the demo before it starts playing. Itâ€™s an impressive yet simple touch that saved me having to turn off my own music.</p>
<p style="text-align: center"><img src="http://www.edenweb.co.uk/blog/wp-content/uploads/2008/01/hp.jpg" alt="hp.jpg" /></p>
<p align="left">If you work in a shared office Iâ€™m sure at some stage youâ€™ve come<o:p></o:p> to a website where the music or narration started playing automatically<o:p></o:p> and never gave you a choice?<o:p></o:p></p>
<p class="MsoNormal" align="left"><o:p></o:p>If HP have put this level of thought into my online experience then Iâ€™m interested<br />
in exploring their actual physical <a href="http://h71036.www7.hp.com/hho/cache/447351-0-0-225-121.html" title="HP MediaSmart Server">MediaSmart Server</a>. Poor usability and design is the bain of my tech life so hereâ€™s a few free links for making such a thoughtful gesture.</p>
<p class="MsoNormal" align="center"><img src="http://www.edenweb.co.uk/blog/wp-content/uploads/2008/01/hp_mediasmart_server.jpg" alt="hp_mediasmart_server.jpg" height="227" width="144" /></p>
<p class="MsoNormal" align="center"><a href="http://h71036.www7.hp.com/hho/cache/447351-0-0-225-121.html" title="HP MediaSmart Server" target="_blank"><strong>HP MediaSmart Server</strong><br />
Use it to back up your files, remotely  access your PC, share and stream digital media</a></p>
<p class="MsoNormal" align="left">&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2008/01/hp-mediasmart-server-and-flash-demo-usability/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Shopping online &#8211; One size fits all?</title>
		<link>http://www.edenweb.co.uk/blog/2007/07/shopping-online-one-size-fits-all/</link>
		<comments>http://www.edenweb.co.uk/blog/2007/07/shopping-online-one-size-fits-all/#comments</comments>
		<pubDate>Mon, 09 Jul 2007 22:01:57 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web site effectiveness]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/2007/07/09/shopping-online-one-size-fits-all/</guid>
		<description><![CDATA[One of the barriers to buying goods online is often just making it past the &#8216;Buy Now&#8217; button. Poorly thought out form fields and unusable shopping cart systems are eCommerce killers!
Here&#8217;s a journey I took recently that is possibly typical of most buyer&#8217;s click-path when shopping online.

Do a search for the item and choose 6 [...]]]></description>
			<content:encoded><![CDATA[<p>One of the barriers to buying goods online is often just making it past the &#8216;Buy Now&#8217; button. Poorly thought out form fields and unusable shopping cart systems are eCommerce killers!<br />
Here&#8217;s a journey I took recently that is possibly typical of most buyer&#8217;s click-path when shopping online.</p>
<ol>
<li>Do a search for the item and choose 6 sites from the hundreds available. All 6 are from the first search results page.</li>
<li>I have a quick browse through each site and choose the 3 sites that are actually usable, well designed, have relevant information and appear trustworthy.<br />
Side note: I don&#8217;t consciously &#8216;choose&#8217; these &#8211;  the sites are just effortless to use and a natural choice.</li>
<li>I drop a site because they don&#8217;t have my item in stock.</li>
<li>I drop another site because because the  &#8216;view larger image&#8217; opens a pop-up window that is the same size as the thumbnail (how annoying is that!)</li>
<li>I do an &#8216;add to basket&#8217; on the final site and fill out my details.</li>
<li>The &#8216;Add your details&#8217; is insisting on some information I just can&#8217;t give (details below) and because it&#8217;s a &#8216;mandatory field&#8217; the cart is refusing my order.</li>
<li>I leave the site and give up.</li>
</ol>
<p>In fact, I&#8217;d say about 25% of all my online purchases fail because the form fields on eCommerce sites are badly configured, broken or have shopping cart systems thats just plain confusing. And I work in the field as a <a href="http://www.edenweb.ie" target="_blank" title="Web Designer">Web Designer</a> so I&#8217;m comfortable with eCommerce and having to &#8216;work around&#8217; usability flaws.</p>
<p>And it&#8217;s not just &#8220;Sheila&#8217;s flower shop&#8221; or your local DVD store with the tiny web presence and some technically brilliant but unusable e-Cart software that is losing them customers at the last step of a purchase. Larger companies that spend massive amounts of money on R&amp;D, Compliance, Strategy and User Experience can get it wrong too and here&#8217;s a nice example of that in action.</p>
<p>I&#8217;ve seen a product that I want to buy and the site is integrated with Google&#8217;s new Checkout shopping cart.</p>
<p>I add my details to the payment form. Name, email, phone and country are all fine.</p>
<p style="text-align: center"><img src="http://www.edenweb.co.uk/blogimages/screen_checkout.jpg" alt="Mandatory fields" title="Mandatory fields" /></p>
<p>The postal code field (high lighted above in red) is mandatory and insists that I add it here. My address (and most addresses in Ireland outside of Dublin city) doesn&#8217;t have a postal code so I usually add &#8216;NA&#8217; or &#8216;NONE&#8217; when shopping online to circumvent this. That won&#8217;t work here because not only is the postal code required but the web site thinks that a postal code is a certain amount of letters or numbers long and is trying to shoe horn my details through their mandatory fields.</p>
<p>Thinking that the tiny question mark icon beside the Postal Code field will tell me how to get round this issue and allow me to order my product, I click on it. This opens a new window at the An Post web site.</p>
<p style="text-align: center"><img src="http://www.edenweb.co.uk/blogimages/screen_anpost.jpg" /></p>
<p>It looks promising and someone is thinking in the right direction but this site just helps me locate my local post office. It doesn&#8217;t help me find my postcode and even if I had one, it doesn&#8217;t help me find it. I eventually go back to the check out page and try a few more hacks and give up. I was only shopping for a Letterbox but now I think I&#8217;ll just drive into town and buy one in a real shop.</p>
<p>So in closing, I understand that certain fields are consistent and can be made mandatory across most sites on the web.<br />
For example</p>
<ul>
<li>All credit cards are 16 digits long and have an expiry date</li>
<li>All credit cards have a 6 digit Card Verification Value on the back</li>
<li>All credit cards have a name or company name and associated address</li>
</ul>
<p>but other details which we take for granted or assume are global often just don&#8217;t translate to a one-size-fits-all format.  Worse still, some details are driven by user preferences. IE an email address may not match my company domain name because I don&#8217;t want to be spammed at work.</p>
<p>So, when it comes to mandatory form field Vs user preference or regional fromatting, the retailer will loose but the consumer won&#8217;t win either. The biggest wastage for both in the example above is that it took me hours of searching for this product and dismissing several other sites to get to that particular website. With the average website losing 9 out of every 10 customers, its a real pity that the final site fell at the last hurdle.</p>
<p>Incidentally, doing a quick Google on the whole mandatory fields issue has brought me to this post from <a href="http://www.tomrafteryit.net/yahoostopping-irish-signups/">Tom Raftery</a> who is having similar postcode trouble with Yahoo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2007/07/shopping-online-one-size-fits-all/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>User interface design by Dilbert</title>
		<link>http://www.edenweb.co.uk/blog/2007/02/user-interface-design/</link>
		<comments>http://www.edenweb.co.uk/blog/2007/02/user-interface-design/#comments</comments>
		<pubDate>Tue, 13 Feb 2007 11:05:31 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/2007/02/13/user-interface-design/</guid>
		<description><![CDATA[
From dilbert.com
]]></description>
			<content:encoded><![CDATA[<div style="text-align: center"><img title="Dilbert cartoon" alt="Dilbert cartoon" src="http://www.edenweb.co.uk/blogimages/dilbert_gui.gif" /></div>
<p>From <a target="_blank" title="Dilbert" href="http://www.dilbert.com">dilbert.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2007/02/user-interface-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Bootcamp 2006</title>
		<link>http://www.edenweb.co.uk/blog/2006/10/bootcamp-2006/</link>
		<comments>http://www.edenweb.co.uk/blog/2006/10/bootcamp-2006/#comments</comments>
		<pubDate>Thu, 12 Oct 2006 16:53:01 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Web site effectiveness]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/2006/10/12/bootcamp-2006/</guid>
		<description><![CDATA[
I&#8217;ve been meaning to post about the iQ 2006 Boot Camp for a while and since we&#8217;ve been invited to speak in the GURU slot, now seems like as good a time as ever.

If you haven&#8217;t yet registered, you can hear the guys present, educate, inform and charm over 9 x 1/2 day workshops from [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.edenweb.co.uk/blogimages/bootcamp_2006.jpg" /></p>
<p>I&#8217;ve been meaning to post about the iQ 2006 Boot Camp for a while and since we&#8217;ve been invited to speak in the GURU slot, now seems like as good a time as ever.</p>
<p><span id="more-73"></span></p>
<p>If you haven&#8217;t yet registered, you can hear the guys present, educate, inform and charm over 9 x 1/2 day workshops from October 17th to 19th in Dublin&#8217;s Morrison Hotel.<br />
This year&#8217;s Boot Camp is focused on helping you to understand your customers better so that you can drive action and deliver measurably better online results.<br />
Workshops include</p>
<ul>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/rich-internet-applications-and-ajax">Better usability and interactivity with Ajax</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/getting-into-the-mind-of-your-users">Get into the minds of your users: Profiling your audience with personas</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/accessibility-2-0">Accessibility 2.0: How the new guidelines affect you and your website</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/writing-for-the-web">Writing for the web: The essential techniques</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/getting-more-from-your-intranet">Getting more from your intranet</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/web-analytics">Web analytics: Learn how to measure your website&#8217;s success (or failure)</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/rapid-fire-user-testing">Rapid-fire user-testing</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/writing-to-sell-and-persuade">Write to sell and persuade online</a></li>
<li><a href="http://www.iqcontent.com/events/bootcamp/courses/drive-more-traffic-to-your-website">Drive more traffic to your website</a></li>
</ul>
<p><a href="https://www.iqcontent.com/events/bootcamp/booking/step1"> Register on the iQ Content site</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2006/10/bootcamp-2006/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New design portfolio</title>
		<link>http://www.edenweb.co.uk/blog/2006/08/new-design-portfolio/</link>
		<comments>http://www.edenweb.co.uk/blog/2006/08/new-design-portfolio/#comments</comments>
		<pubDate>Thu, 10 Aug 2006 08:51:18 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[Design General]]></category>
		<category><![CDATA[Design as a business asset]]></category>
		<category><![CDATA[Recent design work]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Web site effectiveness]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/2006/08/10/new-design-portfolio/</guid>
		<description><![CDATA[While we&#8217;re in the process of redesigning our site and bringing it up to date with our new Design and Marketing services, we&#8217;ve added some recent design work to our temp holding page.
Visit www.edenweb.ie and click on the Portfolio link on the top right of the page. Believe it or not, in the last 5/6 [...]]]></description>
			<content:encoded><![CDATA[<p>While we&#8217;re in the process of redesigning our site and bringing it up to date with our new Design and Marketing services, we&#8217;ve added some recent design work to our temp holding page.</p>
<p>Visit www.edenweb.ie and click on the Portfolio link on the top right of the page. Believe it or not, in the last 5/6 years we&#8217;ve never had our own design work on our site.</p>
<p>Anyway, please take a look and I&#8217;d love to hear your feedback.</p>
<p>P</p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2006/08/new-design-portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 7 BETA 2</title>
		<link>http://www.edenweb.co.uk/blog/2006/04/internet-explorer-7-beta-2/</link>
		<comments>http://www.edenweb.co.uk/blog/2006/04/internet-explorer-7-beta-2/#comments</comments>
		<pubDate>Tue, 25 Apr 2006 12:00:26 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[Internet Security]]></category>
		<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/2006/04/25/internet-explorer-7-beta-2/</guid>
		<description><![CDATA[Microsoft have just announced Beta V2 of their IE web browser. Details on their official site.

There is an emphasis on RSS feeds, tabbed browsing, improved print handling, search and of course, security, for end users while web designers and developers should notice improved handling and implementation of web standards.
First impressions just from the screenshots are [...]]]></description>
			<content:encoded><![CDATA[<p>Microsoft have just announced Beta V2 of their IE web browser. Details on their <a title="IE7" href="http://www.microsoft.com/windows/ie/default.mspx">official site.</a></p>
<p><img title="IE7" alt="IE7" src="http://www.edenweb.co.uk/blogimages/ie7_home_main.jpg" /></p>
<p>There is an emphasis on RSS feeds, tabbed browsing, improved print handling, search and of course, security, for end users while web designers and developers should notice improved handling and implementation of web standards.</p>
<p>First impressions just from the screenshots are (and this is purely aesthetic) that the new GUI (Graphical User Interface) is a little busy. But this is only a BETA.</p>
<p>There&#8217;s some nice design work going on over on the site too. Microsoft seem to have upped the stakes for their web design department. Nice work.<br />
<a href="http://blogs.msdn.com/ie/">Great IE 7 blog</a> too. Wonder who does their PR :O)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2006/04/internet-explorer-7-beta-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Vodafone Icons</title>
		<link>http://www.edenweb.co.uk/blog/2006/02/new-vodafone-icons/</link>
		<comments>http://www.edenweb.co.uk/blog/2006/02/new-vodafone-icons/#comments</comments>
		<pubDate>Wed, 22 Feb 2006 15:22:10 +0000</pubDate>
		<dc:creator>peter</dc:creator>
				<category><![CDATA[Recent design work]]></category>
		<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://www.edenweb.co.uk/blog/?p=9</guid>
		<description><![CDATA[Quick sample of some icons i&#8217;ve done recently for Vodafone. Pity I have to watermark these with the red lines but you can mail me for samples.

]]></description>
			<content:encoded><![CDATA[<p>Quick sample of some icons i&#8217;ve done recently for Vodafone. Pity I have to watermark these with the red lines but you can mail me for samples.</p>
<p><img alt="Vodafone icons by EdenWeb" title="Vodafone icons by EdenWeb" src="http://www.edenweb.co.uk/blogimages/edenweb_vodafone.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.edenweb.co.uk/blog/2006/02/new-vodafone-icons/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

