6 Best Approaches for Rich User Experience by ASOS!

Being as the UK’s biggest online-only fashion and beauty retailer, ASOS is slowly but steadily increasing its market share in the international markets through the combination of extensively deploying insightful marketing strategies and, more importantly, constantly improving its user experience.

In this article, we are going to examine ASOS as an online retail platform with O’Reilly’s Web2.0 pattern – Rich User Experience and its best approaches.

Let’s take a look at the interface of ASOS website:


Interface design combines the bests of desktop and online experiences:

The interface offers very clear and visible guidance which facilitate the navigation process. Links and tabs provide instant response and information on mouse hover, by which creates a rich interactive and responsive user experience like desktop application.

Usability & Simplicity first

Through appropriate compartment of multimedia contents and global navigation, ASOS gives us a good example of achieving rich user experience without sacrificing the efficiency and usability.

Simplifying and integrating related contents into pop-up menu also helps to improve the process of navigating users to desired contents.

Match the technology usage to the requirements

ASOS was the first UK online store to launched catwalk in 2006. Now it gets virtual. Users no longer need to run their imagination about: does the dress look good on me? Even though the catwalk is no more than a promotional gimmick, it is always better to watch video than pictures.

Another great hit by ASOS is the campaign of digital equivalent queue before the summer sale started in 2012, which achieved an overall ROI of more than 2000%. Through a series of games and viral marketing
on social media platform to encourage users to digitally ‘elbow’ to the head of the queue for early entry to the sale, ASOS successfully turned the existing users into brand evangelists and achieved a new level of engaging
user experience.

Search over Structure

ASOS offers a precisely categorized content structure for user to easily access desired information. All items can be found through submenu links, search box and its comprehensive search refine options.

The search history also offers a certain degree of adaptive personalization to improve the efficiency and convenience of browsing the website.

Preserve content addressability


The website uses XML and Javascripts as scripting languages while the API is RESTful and employs JSON exclusively for both requests and responses, by which ensure the content addressability.

Not to mention that ASOS is the best performing website on natural search among other online retailers.

Deep, adaptive personalization

In order to present personalized information, the application constantly learns from user’s behaviour through recording and analysing each action and preference (“Recent viewed” box, see below picture) then deliver the relevant contents accordingly (“We Recommend” box, see picture below), and even further anticipate users’ need (“buy this look” button, see picture above).

Any room for improvement?

Sure.

First of all, the font size of submenu is too small for users with poor eyesight. Plus there are too many options to search from, which somehow poses a problem for efficiency. And according to the Eye Tracking research in Human Computer Interaction, users tend to skim through a group of words without carefully examining the contents. I will suggest ASOS to enlarge the font-size of drop down menu, or simply highlight some major categories for users to choose from, thus to improve the visibility.

Secondly, the user experience can be further enriched by employing more prompt and responsive interaction/feedbacks to the links or multimedia contents. The typical mouse hover responses like colour change or slight movement are not enough. Providing concise information on mouse hover about the contents which the link will direct to can effectively save time and improve the usability.

However, while most of the websites with rich user experience may suffer from poor performance and long loading time, ASOS successfully trounced the speed competition by applying the performance testing tool to effectively improve platform performance through complex and functionality rich test and simulating the diverse behaviour of online users. As a result, ASOS has risen from 49th to 9th faster retail site in the UK.

References:

asos.com – Case studies in The Times 100, by The Times 100 Business Case Studies
ASOS is king of natural search among fashion retailers, by David Moth, 30 April 2012
User Experience Review – ASOS, by Jamie, January 2010
Asos -“Life” Section Review>, by User Vision, 7 May 2010
Expedia, ShopNBC, ASOS enhance mobile sites via HTML5 platform, by Rimma Kats, 10 May 2011
Client Portfolio – ASOS, intechnica, retrieved 31 March 2013