<?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>UX Blog &#187; ajax</title> <atom:link href="http://uxblog.co.uk/tag/ajax/feed/" rel="self" type="application/rss+xml" /><link>http://uxblog.co.uk</link> <description>The ux blog/tweet dump of User Experience specialist Barry Briggs</description> <lastBuildDate>Fri, 03 Feb 2012 17:27:38 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Usable &#8216;Store Finders&#8217;</title><link>http://uxblog.co.uk/2009/01/21/usable-store-finders/</link> <comments>http://uxblog.co.uk/2009/01/21/usable-store-finders/#comments</comments> <pubDate>Wed, 21 Jan 2009 12:00:20 +0000</pubDate> <dc:creator>Barry</dc:creator> <category><![CDATA[Interaction]]></category> <category><![CDATA[Interface]]></category> <category><![CDATA[Usability]]></category> <category><![CDATA[ajax]]></category> <category><![CDATA[best practice]]></category> <guid
isPermaLink="false">http://uxblog.co.uk/?p=89</guid> <description><![CDATA[I&#8217;ve been doing some investigation into Store Finders recently and I&#8217;ve found one that is so quick, simple and easy to use that I thought I&#8217;d mention it here. It&#8217;s for women&#8217;s fashion retailer Jane Norman, and can be accessed here: http://www.janenorman.co.uk/pws/StoreFinder.ice?country=GB&#038;page=Stores The design is uncluttered and the finder guides the user towards their goal [...]]]></description> <content:encoded><![CDATA[<p>I&#8217;ve been doing some investigation into <strong>Store Finders</strong> recently and I&#8217;ve found one that is so quick, simple and easy to use that I thought I&#8217;d mention it here.</p><p>It&#8217;s for women&#8217;s fashion retailer <a
href="http://www.janenorman.co.uk/">Jane Norman</a>, and can be accessed here:</p><p><a
href="http://www.janenorman.co.uk/pws/StoreFinder.ice?country=GB&#038;page=Stores">http://www.janenorman.co.uk/pws/StoreFinder.ice?country=GB&#038;page=Stores</a></p><p>The design is uncluttered and the finder guides the user towards their goal with a couple of simple clicks.</p><div
id="attachment_87" class="wp-caption alignnone" style="width: 460px"><a
title="The Store Locator page in its initial state" rel="lightbox" href="http://uxblog.co.uk/wp-content/uploads/2009/01/storelocator.png"><img
src="http://uxblog.co.uk/wp-content/uploads/2009/01/storelocator-450x321.png" alt="The Store Locator page in its initial state" title="The Store Locator page in its initial state" width="450" height="321" class="size-medium wp-image-87" /></a><p
class="wp-caption-text">The Store Locator page in its initial state</p></div><p>Choices are made using <a
href="http://en.wikipedia.org/wiki/Drop-down_list">Drop-down lists</a>, which have <a
href="http://www.useit.com/alertbox/20001112.html">known usability and accessibility implications</a>, but the implementation here seems to fit with general best practice recommendations while avoiding most of the pitfalls, such as overly long lists.</p><p><strong>Choosing a region:</strong><br
/><div
id="attachment_85" class="wp-caption alignnone" style="width: 248px"><a
title="A drop-down list to choose the region you are looking for" rel="lightbox" href="http://uxblog.co.uk/wp-content/uploads/2009/01/1-region.png"><img
src="http://uxblog.co.uk/wp-content/uploads/2009/01/1-region.png" alt="A drop-down list to choose the region you are looking for" title="A drop-down list to choose the region you are looking for" width="238" height="304" class="size-full wp-image-85" /></a><p
class="wp-caption-text">A drop-down list to choose the region you are looking for</p></div></p><p>At this stage the region break-down seems to find the right balance between being too broad/generic and too narrow/restrictive.</p><p><strong>Picking the store in your chosen region:</strong><br
/><div
id="attachment_86" class="wp-caption alignnone" style="width: 350px"><a
title="A drop-down list to choose a specific store" rel="lightbox" href="http://uxblog.co.uk/wp-content/uploads/2009/01/2-stores.png"><img
src="http://uxblog.co.uk/wp-content/uploads/2009/01/2-stores.png" alt="A drop-down list to choose a specific store" title="A drop-down list to choose a specific store" width="340" height="491" class="size-full wp-image-86" /></a><p
class="wp-caption-text">A drop-down list to choose a specific store</p></div></p><p>The item labels in the drop-down list are descriptive enough to give the user some meaningful options, without being too wordy.</p><p>If you were simply looking to verify a store&#8217;s general location this might be enough detail for you already.</p><p><strong>Results page:</strong><br
/><div
id="attachment_88" class="wp-caption alignnone" style="width: 460px"><a
title="The Store Locator results page showing useful store information and an embedded Google map" rel="lightbox" href="http://uxblog.co.uk/wp-content/uploads/2009/01/storelocatorresults.png"><img
src="http://uxblog.co.uk/wp-content/uploads/2009/01/storelocatorresults-450x321.png" alt="The Store Locator results page showing useful store information and an embedded Google map" title="The Store Locator results page showing useful store information and an embedded Google map" width="450" height="321" class="size-medium wp-image-88" /></a><p
class="wp-caption-text">The Store Locator results page showing useful store information and an embedded Google map</p></div></p><p>The results page contains lots of useful information:</p><ul><li>full address</li><li>contact details</li><li>store opening hours</li><li>embedded google map</li></ul><p>The implementation of <a
href="http://www.janenorman.co.uk/pws/StoreFinder.ice?country=GB&#038;page=Stores">Jane Norman&#8217;s Store Finder</a> uses traditional form posts, which result in page refreshes after each selection, but I don&#8217;t see any reason why it couldn&#8217;t all be done inline using a bit of JavaScript (where available) for an even smoother experience.</p><p>Additionally, it would also be nice if the results page could also offer a &#8216;<a
href="http://en.wikipedia.org/wiki/Permalink">permalink</a>&#8216;, so it can be easily bookmarked for later reference.</p><p>Using the feature feels much more friendly than asking the user to enter a postcode, which is the other commonly used technique.</p><h2>Further reading</h2><ul><li>Usability study of 35 store locators on Dutch retail websites: <a
href="http://www.webmapper.net/locators/">http://www.webmapper.net/locators/</a></li><li>Store Finders and Locators (Jakob Nielsen&#8217;s Alertbox):<br
/> <a
href="http://www.useit.com/alertbox/location-finders.html">http://www.useit.com/alertbox/location-finders.html</a></li></ul> ]]></content:encoded> <wfw:commentRss>http://uxblog.co.uk/2009/01/21/usable-store-finders/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>The Rise Of Contextual User Interfaces</title><link>http://uxblog.co.uk/2009/01/14/the-rise-of-contextual-user-interfaces/</link> <comments>http://uxblog.co.uk/2009/01/14/the-rise-of-contextual-user-interfaces/#comments</comments> <pubDate>Wed, 14 Jan 2009 11:02:26 +0000</pubDate> <dc:creator>Barry</dc:creator> <category><![CDATA[Interface]]></category> <category><![CDATA[ajax]]></category> <category><![CDATA[contextual]]></category> <category><![CDATA[web app]]></category> <guid
isPermaLink="false">http://uxblog.co.uk/?p=68</guid> <description><![CDATA[The recent boost in popularity of well-designed web-based applications has seen context-driven UIs becoming increasingly common. This article, taken from the personal blog of AdaptiveBlue Founder/CEO and ReadWriteWeb contributor, Alex Iskold, highlights many of the subtle but important benefits of contextual UIs. The new interfaces are winning people over because they are based on usage [...]]]></description> <content:encoded><![CDATA[<p>The recent boost in popularity of well-designed web-based applications has seen context-driven UIs becoming increasingly common.</p><p><a
href="http://alexiskold.wordpress.com/2008/05/15/the-rise-of-contextual-user-interfaces/">This article</a>, taken from the personal blog of <a
href="http://www.adaptiveblue.com/">AdaptiveBlue</a> Founder/CEO and <a
href="http://www.readwriteweb.com/">ReadWriteWeb</a> contributor, <a
href="http://alexiskold.wordpress.com/">Alex Iskold</a>, highlights many of the subtle but important benefits of contextual UIs.</p><blockquote><p>The new interfaces are winning people over because they are based on usage patterns instead of choices. The key thing about new UIs is that they are contextual &#8211; presenting the user with minimal components and then changing in reaction to user gestures.</p><p>&#8230;</p><p>It is ironic that it took web UIs so long to discover the elegance and simplicity of context.</p><p>Since its dawn, HTML lacked the sophisticated widgets that are present on the desktop and web UIs were always considered more primitive and slow. Contextual, AJAX-based UIs actually seem faster because they do not reveal all possible choices to the user. Instead they focus on surfacing just the bits that are necessary and then surfacing more based on user gestures.</p></blockquote><p>Original article: <a
href="http://alexiskold.wordpress.com/2008/05/15/the-rise-of-contextual-user-interfaces/">http://alexiskold.wordpress.com/2008/05/15/the-rise-of-contextual-user-interfaces/</a></p> ]]></content:encoded> <wfw:commentRss>http://uxblog.co.uk/2009/01/14/the-rise-of-contextual-user-interfaces/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
