Finding the best means of achieving this – of leveraging web technologies in desktop business applications – hasn’t always been easy. We want powerful web applications that can access the local file system, network file shares, printers and other devices. But there are also security concerns whenever any browser technology is used – the potential for dangerous scripts to be downloaded from the web makes IT managers rightly nervous.

Adobe AIR is one well-established attempted at solving these problems, and it’s something that we’re using at PRWD to deliver business applications for our clients.

From an application development perspective, AIR is a great tool to work with. The most important advantage is the fact that I can build the application using standard web technologies – HTML, CSS, JavaScript – and yet also have access to extra features and functionality that would normally only be available to applications developed for .NET or Java. This makes it easy to implement clean, functional user interfaces which are familiar and reassuring to end-users. It’s possible to take advantage of 15 years of best practice in web design, layout and interactivity when building a desktop application.

As an example, here’s one of the screens from a web application that we are building at the moment:

It’s a simple HTML interface, clean and easy to use.

Even better for developers is the fact that you can easily access back-end systems using AJAX. In the application shown above, the interface is almost entirely powered by JavaScript running in the browser, but data is also frequently exchanged with the server in the background. With some common sense in the use of REST architecture, this provides a responsive application for the user, as well as ensuring that it’s as easy as possible to add new features to the front end. This makes the separation between data, logic and presentation much clearer than in typical web applications, a fact which tends to make quality control and testing much easier.

For future business systems this kind of approach, based on open protocols and ubiquitous technologies, will be essential. The use of principles such as REST and data formats such as XML and JSON mean that it will be possible to build a wide range of components which access the back-end service, including other enterprise services, as well as a multitude of client applications which may include mobile devices as well as desktop applications.

What is multifaceted navigation?

In short this is an advanced navigation method where shoppers can filter out large sets of products or content by a variety of product attributes (sizes, colours, features, price range, specifications).

User benefits of multifaceted navigation

1. they can choose to be specific about the products which they are being shown
2. your users are empowered by the way you allow them to dynamically manage your product database
3. users can compare products by specific features, for instance when looking for a TV you can specify to see only TV’s that are 1080p and that are 46 inches
4. your users can shop how they are used to in a good high street store. ie. they tell the salesperson that they have so much to spend and are looking for particular product features or sizes, and they are then shown the products which suit their requirements
5. your user can find the products specific to their needs in a more efficient way, speeding up their browsing journey in what may well be a small space of time they have to shop online
6. your users don’t need to to visit multiple product pages and read each product description to know whether it matches their requirements
7. long, scrolling product listings pages (pre-product page) are eliminated as they can filter out the products which don’t match their needs
8. combined with the more widely used sorting techniques (price hi-low, price low-hi, latest, bestsellers, closest to your location ie. for a hotel) faceted browsing providers users with all the tools they need to hone in on the products/items which they are in a position to purchase
9. potentially confusing and bewildering amounts of products or items can be managed in a way which allows the visitor to focus their shopping experience on just the items which are suitable to them
10. users will reflect positively on the browsing experience with your website, in turn reflecting less favourably on your competitors who don’t provide this type of advanced navigation

Best practice advice

• Indicate how many products will be displayed when choosing a specific filter – users not only will get an understanding of your catalogue size but they will see whether by filtering by a particular attribute they will be narrowing their potential options too much to give them enough choice to make a buying decision
• Provide the ability to choose multiple filters across different attributes – this ensures that users have a truly dynamic and personalised browsing experience rather than only filtering a single attribute ie. colour or size
• Allow the user to switch filters on an off on the same user interface, rather than having to click back to be shown the different filters available for a particular attribute
• Encourage users to use this form of navigation with a clear, user friendly interface, rather than this form of advanced navigation being lost in a cluttered navigation menu
• Where applicable provide slider filters to allow users to specify exactly the upper and lower limits of a particular attribute they want to control, such as the lower and upper limits of their new house budget, rather than limiting them to specific tears of prices ie. £200,000 – £300,000
• Allow a user to select multiple filters for 1 attribute, allowing them to be even more specific in the features they are looking for within a range of products (whether this be clothes, insurance, holidays or houses)
• Don’t overlook the overall usability of your web application just to include multifaceted navigation – if implemented poorly these advanced navigation options can confuse and frustrate visitors

Typical web applications that benefit from multifaceted navigation

• E-commerce stores – selling a large number of products in each category range, allowing users to filter the products to focus in on what suits their budget and requirements
• Holiday, flight and hotel websites – users can input a variety of requirements (for instance, distance from beach, hotel star ratings, user reviews, near by attractions, distance to town centre) and see hotels which match these specific requirements
• Estate agent, housing websites – users can specify a variety of criteria (price bracket, number of bedrooms, distance from a local amenity, front or back garden, conservatory) and be presented with only the houses which satisfy the different criteria
• Price comparison sites – dependant on whether the user is looking for car insurance or their next mortgage, they can specify their unique requirements
• eCRM systems – where you are looking to filter out customers which match a series of requirements, such as contact method preferred, industry, annual budget and distance from a particular city

Examples of multifaceted navigation

Multifaceted navigation on Argos.co.uk

Multifaceted navigation on Hotels.com

Multifaceted navigation on Hotels.com

Multifaceted navigation on Uswitch.com

Multifaceted navigation on Skyscanner.net

Examples of where multifaceted navigation would significantly enhance the user experience

Kodak.com, a site which would benefit from multifaceted navigation

Currys.co.uk, a site which would benefit from multifaceted navigation

Homes4U.co.uk, a site which would benefit from multifaceted navigation

Mytravel.co.uk, a site which would benefit from multifaceted navigation

Advanced techniques to further enhance the users experience

• Maintain users key filter selections when they return to the site or begin their browsing process again, such as the price range that suits them or their preferred holiday destinations, for instance
• Where applicable provide sliders to allow for unique values to be chosen for the likes of price ranges, rather than having specific brackets of prices ie. £50 – £60
• Use interactive colour pickers as a more engaging way for your users to filter your product range.
• Consider user generated tagging, allowing your users to tag products/items as they see fit which in turn provides completely new attributes on which to filter content within your site

Further reading on navigation techniques and best practice

• tagging content and providing tag clouds to represent large sets of data
• suggestive/predictive search
• dynamic categorisation and shopping by user profiles and customer groups
• Navigation comparison between Kodak and Fujifilm

What are your experiences of multifaceted navigation?

I would really like to hear about your experiences, both as users, faceted navigation providers and from people on the client side involved in implementing navigation methods.

• How beneficial do you find this style of navigation?
• What sites do you feel are pushing the boundaries in navigation?
• What further user benefits would you add to the list above?

I’ve recently taken my first look at the new Facebook design and I’m instantly unsure.
Firstly the interface is much wider. Looking at the positioning of the columns on the homepage I can’t help but feel it’s unbalanced. I’m not sure I like not having a border to contain the news feed section in either. I like the changes to the navigation – I have to agree that it does offer an easier set of route options.

Moving to my profile page the first thing I notice is that all this new white space has been irritatingly filled with two sectioned off adverts on the right hand side. Their new prime position on the actual profile page simply means these ad’s really stick out – great for advertiser, really irritating to me (even though I admire the targeting intelligence).

One clear advantage I have found is when looking at ‘application addicts’ profile pages. These pages have resorted back to a loadable page, just like pre-application days. On saying this, to my dis-appointment they have removed the ability to write on your own wall, which was always fun to mock as newbie Facebooker’s learnt to use this feature.

I really don’t like the fact that they have combined news feed updates with ‘the wall’. I think this subtracts from their attempts to simplify the interface, and simply makes its look messy. I’m not really sure what advantage this gives, when the homepage is specifically for this purpose?
There are a few aspects of the new design that I think will really enhance the users experience of Facebook, but overall it’s too much too fast. Look out for petition groups and campaigns to restore it to the original design!

Brimming with good examples of personalisation, rich user interactions and intuitive navigation touches, I was just about to connect with Anish Kapoor, co-founder of Yuuguu, when I was presented with this jolly old chubby wizard informing me that the site is currently under-going system upgrades…

Picture taken from LinkedIn website.
Hopefully it won’t be offline for too long as there’ll be a fair few million people around the globe anxious to continue using this fantastic web application!

If you haven’t yet registered on LinkedIn then I would strongly suggest giving it a try. You can view

As web 2.0 technologies become more mainstream, there is a clear risk that in turn this will result in poor usability practices and user experiences

A parallel that I can draw from this is based on my experience as lead user experience designer at Littlewoods Shop Direct. Having worked as an offline print designer for 3 years, when I started work in the e-commerce team in 2000, I was able to gain a solid understanding of the differences between offline and online design. During the next 6 years, as the web become more popular, more offline graphic designers and agencies made the move into the online arena, but in the rush to produce exceptional online design work, focused on highly visual and creative solutions rather than the user experience and whether the site is usable.

On the 1 hand there are lots of examples of how web 2.0 can be used to provide compelling, rich and user friendly solutions, a large selection which can be seen over at the SEO Mozs’ web 2.0 awards.

On the other hand I do agree with the Usability News article (and more specifically Jakob Nielsen) that we will see executions of web 2.0 functionality and interaction which unfortunately fails to provide good user experiences.

As yet the current wave of web 2.0 sites have been developed using highly talented user interface designers alongside strong technical developers, but I don’t think it will be too long that the same technical developers will be asked to develop solutions from less experienced ‘print-to-web’ designers who perhaps have less groundings in the principles of good usability and user experience.

Personally speaking (through PRWD) I am starting to work on projects which will benefit from web 2.0 developments and user interactions (with a complete focus on the user experience), and I look forward to sharing these on this blog.

Ashley Friedlein, CEO of E-consultancy, opened the event – he started by talking about the change in terminology over his 10 years within the online user experience and usability field…

…going something along the lines of HCI – usability – user experience – customer experience – UCD (User centred design)

Ultimately its about putting users at the heart of your online marketing decisions, a statement which can’t be emphasised enough.

Another of Ashley’s industry comments was on the continued trend of emphasis placed on the acquisition of potential customers.

To brake this post up I thought now is a good time for a 1 liner from Ashley -

“Driving traffic to your website isn’t hard – you can simply pay for it.”

This is certainly true for businesses spending significant marketing budgets using the like of Google Adwords.

But as Ashley pointed out, the continuing rise of cost in ppc and with affiliates looking to change their charging models, this will only increase the chunk of marketing spend that the acquisition area will take.

In contrast, what smarter businesses (who are looking to better increase ROI and conversions) are realising more and more is that improving the user experience and usability of their websites can provide much greater increases in conversion and retention rates.

People will spend longer on, convert more often and refer on a site with a good user experience which is intuitive and enjoyable to interact with.

Ashley feels that whilst usability is now being considered much more, looking further ahead he is also interested in the next level of user experience studies and online marketing.

This assumes that any usability flaws have been fixed, and now it is time to look at areas such as persuasion architecture and behavioural analysis. Ultimately a better understanding of what triggers online users to interact with an interface and pursue certain journeys, which can therefore allow the website owners to adapt the messaging/tone of voice/allocation of real estate to target different users.

All excellent snippets of views from a businessman whom I have much admiration for, not only for the business he has built in e-consultancy but also for his willingness to assist me in various aspects of establishing both my user experience agency but also me personally in the online arena (part of which is this blog that you are reading).

Next up was Linus Gregoriadis (Head of Research – E-consultancy) who provided a walkthrough of the questionnaire findings and what this means for the Internet now and in the future

Key highlights of the report were as follows:

• Over 700 respondants
• From what I recall this was made up of around 350 client side, 200 agencies/specialist usability consultants and the remaining as other individuals working within the online arena
• Usability is beginning to make a dent in the overall budgets of redesign projects
• Over the next 12 months across all areas of marketing investment, such as seo, ppc, affiliate marketing, mobile and usability, usability was considered the area whuch will see the biggest % increase in marketing spend, followed closely by seo and ppc – (to refer back to Ashley’s views which I share completely, until businesses place more strategy (And budget!) on the actual user experience they are effectively hemoragging money sending vasts numbers of visitors to a site which isn’t founded on UCD (user centred design).
• When asked where the responsibility lies when it comes to the usability and user experience of a project, over 70% confirmed that in-house teams and or/individuals held this responsibility. This left around 15% who use external expert ux agencies and consultants, along with another 10% who work alongside specialist agencies

Finally for this brief overview, the top 3 results for a business embracing the possibilities of having usability and user experience at the core of a project were as follows:

1. Increased brand perception
2. Increased brand loyalty
3. Increased conversion rates

The full report is due to be made available shortly at which stage I will provide a link.

In closing I haven’t touched on the redesigned Visit London website which is due live on the 5th July – this project featured UCD at its core and through the course of the project, using user testing and eye tracking to name but a few methods, the head of user experience at Visit London Jeremy Wilmott and his team have been able to ensure that the relaunched site is well positioned to provide visitors with an exceptional user experience. As with any such large scale redesign project on-going usability evaluations will ensure the website continues to meet its wide variety of visitor needs.

As I make my way back north this evening following this event, taking stock of both this assessment of the future of usability as well as my own knowledge and experiences in this arena, I am relishing the opportunities across all industry sectors which my specialist online user experience agency PRWD will continue to become a key player, both in forward thinking, intuitive web development projects but also in providing businesses with services such as user testing, information architecture analysis and solutions, eye tracking, behavioural pattern defining and persuasion architecture.

All in all an excellent evenings discussion and industry analysis, I hope you’ve enjoyed my summary!

The guide was to provide a regularly updated, single point of reference covering best practice approaches for all the topics that anyone involved with website design needs to do an effective job.

Due to the sheer scope of the guide, I was asked to provide contributions, advice and case study examples on specific topics within the guide suited to my experiences and expertise.

The areas I contributed to were as follows:

• Section 3. User-centred web design process
• Section 4. Web usability
• Section 6. Information architecture
• Section 7. Visual Design

The finalised guide is more than 350 pages in length, which is considered one of the most comprehensive reports of its kind available.

You can view full details of the content of the guide within the best practice guides area at E-consultancy, entitled Web Design Best Practice Guide.

I strongly recommend you at least downloading the sample best pracice guide which may well encourage to purchase and download the full guide.

Finally I must add a thankyou to Dave Chaffey (whom I’ve recently taken part in a Q and A session on Findability for online design and marketing, particularly for e-commerce sites) and Chris Lake, editor at E-consultancy, for in the 1st instance requesting my input to this huge project but also for adding in a special mention within the contributors section at the back of the full guide!

I’d love to get your feedback on the best practice guide if you choose to download it, or share any other comments on this posting.

Surprising to say the least, but the current Chelsea FC website is a fully flash driven site, providing an ultimately different user experience to Manchester United.

As expected and required for a variety of reasons including search engine optimisation and accessibility, a text only version of the site has been provided.

Having spent some time exploring the Chelsea website, as I’m already fairly familiar with the Man United website in terms of information architecture, user experience and ultimately the user experience that has won them awards, I am beginning to un-cover some fairly significant user experience issues which can only be detrimental the overall Chelsea brand experience and online revenue generation currently.

Very top level, but below are some of my initial user experience comments, in no particular order (**editors note – as I have been analysing the Chelsea website to produce this post I have realised that I need to get back to paid work, so whereas the following list and this post in general could be alot longer, I had to hold off going into this subject too deeply!):

• non-caching flash homepage – the main flash movie that you view on the homepage (once it finishes loading, which even on an 8MB broadband connection feels quite frustrating) hasn’t been coded to allow for caching of the flash file, so therefore each time a user wishes to return to the homepage, (perhaps as they are feeling lost – but that is another matter) they have to wait for the full movie to load. To compound matters, viewing the site in Firefox actually made the flash file hang at some stages, requiring a browser refresh.
• mixed navigational methods – although one of my key recommendations for large, particularly e-commerce websites, is to provide users with alternative ways to navigate a site based on their browsing preferences ie. using the search facility, exploring the promoted products/information and navigating through the main navigational routes, the implementation of some of Chelsea’s browsing features, such as the zoom functionality in particular and the discovery of the sidebar sitemap, ensure that rather than generating confidence in the user, confusion is brought on followed by frustration at trying to understand how the site is working
• fixed site size, both horizontally and vertically – by using a full fixed width flash movie to display the site, a user has to continually click inside small internal frames to scroll through the content within the frame. By the nature of the site, articles and reports can be extensive, which requires significant amount of scrolling, although unfortunately not by the standard means of scrolling the browser window
• poor quality imagery – although the site isn’t actually selling products, the quality of the imagery used throughout the site is detrimental to the overall appeal of the site, as it provides a much less professional representation of the club and its sponsors to a visitor
• non-clickable areas appearing to be clickable – some of the ‘hit areas’ within the site have been incorrectly included within the flash movies, which result in the mouse cursor changing to signify a link when in fact the area isn’t clickable

What Manchester United are doing well from a user experience aspect

1. a structured, consistent and professional presentation of information
2. a standard but ultimately intuitive navigation and information architecture
3. a polished visual style which provides fans and business users with the appropriate levels of brand and club awareness and information
4. use of interactive flash where it can enhance the user experience ie. a virtual tour of Old Trafford
5. a highly visible and consistent search facility, a must for such a content rich and deep website

What Manchester United are doing well from a commercial aspect

1. constantly integrated promotion of commercial channels such as MU TV, MU Mobile, MU Pics, MU Finance
2. constant promotion and visibility of the register/login/account details functionality – ultimately by encouraging fans to register Man Utd can tailor content and offers accordingly, providing much more commercial value to the site
3. an integrated visual approach combining the brand and the sponsors
4. an overall professional visual style which caters for both the fans and corporate requirements, which ultimately reflects well on Manchester United as a commercial business

My recommendations to the online brand manager at Chelsea FC

If I was sat in front of the online brand/marketing manager for Chelsea, I would recommend a range of actions which would certainly help Chelsea focus their current online brand marketing.

1. carry out user testing, with a range of users such as casual supporters, die-hard supporters, corporate hospitality users, the press, visually impaired and more
2. obtain a heuristic evaluation of the website (view a 1 page overview of what is a hueristic evaluation and how it works)
3. develop persona’s of typical users of the site, concentrating on what key areas they are likely to be looking for within the site
4. carry out card sorting exercises to gain an insight into how actual users expect to locate different pieces of information throughout the site
5. based on the above points, consider testing a different, user centred design solution which would aim to vastly increase the usability and overall user experience of the site

In my view, although such a user centred design project will have resource and cost implications, by really focussing the site on the user, I would predict Chelsea FC would experience significant :

• increases in page views
• increases in length of visit
• increases in natural search traffic
• increases in uptake of commercial channels (betting, mobile, TV etc)
• increases in visitor loyalty, especially if user registration is introduced (similar to ONE United)
• decreases in visitor drop-out rates
• good press regarding the site and its usability and accessibility

Final thoughts

Comparing the 2 online presences currently, although Chelsea have made significant on the pitch strides to rival Manchester United, the current online battle is most certainly being won by Manchester United, who appear to be harnessing most of the commercial opportunities that can lead from an immersive and intuitive user experience.

Ultimately results on the pitch will always make the headlines (and provide the marketing) for a football club, but I look forward to seeing whether Chelsea will look to online as a marketing channel with which they can more effectively promote the club and the brand to what is now a worldwide audience.

I’d be interested to hear any feedback to this post, as well as finding out if anyone has more examples of potentially harmful rather than positive user experiences amongst football clubs and other sporting brands online?

The amount of data that is recorded by Google Analytics and is therefore made available through the interface is vast, which makes both the information architecture and user experience of this interface critical to the software’s success.

For SME businesses I would thoroughly recommend considering implementing Google Analytics into your site, especially if you currently have no user friendly and multi-leveled way of accessing statistics to your site visitor behaviour.

There is already significant articles on the subject of the new Google Analytics interface, so rather than re-inventing the wheel below are links to my most relevant and useful articles reviewing the new interface:

• Avinash Kaushik, an independent consultant and now working for Google as an Analytics Evangelist, provides his view on the 1st 5 things you should do when using v2
• 27 Features That Make Google Analytics Best of Breed on Mashable
• The Google Analytics official blog

Hats off to the user interface designers and information architects responsible for the new interface!

1. You seriously can’t afford not to

Repeat: you cannot afford to ignore the user experience. Especially if you sell online. Or if you can afford to then you aren’t optimising your business performance. It’s that simple.

2. User experience can be more important than brand and price

It can be argued that the user experience is more important than both brand and price. What use is a brand like Gap when there is no on-site search tool on Gap.com?

What use is discounting prices when your checkout process is poor and haemorrhages prospective buyers? Conversely, a startup with no known brand and average prices can get on the map by being more user-friendly than established competition.

3. Gain the competitive advantage

There is a bigger picture here: a higher than average conversion rate will ultimately help you to outbid competitors on Google Adwords.

Usability studies can help you convert as many prospective customers as possible. Again, with Google Adwords in mind, if you are paying to attract these prospects then it becomes even more important to realize a return on your (paid search) investment.

Likewise, if your site converts well, then affiliates will like sending traffic to your site as the earnings per click (EPC) they get from you (how much money they make on average per referral they send you) will be better than your competition.

4. Focus on web standards

Usability studies will test your website for errors, as well as problem zones. Error-free code is important for various reasons, not least your Google rankings.

5. You are already spending on design

Websites should be constantly tweaked for optimum business results, but even if you only update your site every couple of years you will still spend a lot of money, so make sure you spend it wisely.

Invest 5%-20% of your design budget on usability to be sure that your new design is in line with what your users want. Usability first, changes second.

My thoughts on why businesses can’t ignore usability

Alongside the comments above, introducing usability into an existing website, by way of either small, subtle changes, for instance to the visibility of key site tools, or by carrying out a complete expert usability site critique, through a complete cycle of card sorting, information architecture, wireframing, prototyping, user testing, eye tracking and carrying out focus groups (a non definitive list) businesses can achieve clear increases in visitor conversion rates, shopping basket sizes, registrations, applications, newsletter sign-ups and other specific goals which the business is targeting for their website.

Visitors experiencing good usability on an e-commerce site will:

1. be more likely to complete a shopping process
2. be more willing to browse additional ranges of products that wouldn’t normally be looking for
3. enjoy their experience and be more inclined to revisit the site in future
4. have confidence in the ways in which they can find the products they are looking for (ie. by an intuitive navigation system, by a clear and helpful search facility, by special seasonal specific promotions, plus viewing related products whilst that are browsing the ranges)
5. feel in control of their browsing at all times, avoiding the feeling of being lost and having to go back to the homepage and start again
6. recommend the site to friends and colleagues who share similar shopping styles, therefore providing the business with free publicity
7. be more receptive to marketing communications from the business

And my final benefit (for this post) to a businesses providing good online usability…

Customers will visit and shop from the site again and again, as it is somewhere where they feel comfortable and in control, which helps develop trust in the brand. Visitors are always more likely to remember a site they have enjoyed using than one which confused or frustrated them.