Homepage and navigation

Rather than immediately listing the product categories, ASOS’s homepage hits you with the site’s current promotions, which currently include a 70% sale, shorts from £18 and a new range of sharp suits.

It’s interesting to note that the desktop site only displays the 70% sale banner, whereas the designers have opted for four different promos on the mobile site.

                      

The product categories and search function are accessible via the list button in the top left of the screen, which is fairly standard practice for many mobile sites and apps.

Annoyingly though, if you try to navigate around the product categories by using the back button on your handset then it boots you off the site altogether or back to the homepage.

For example, if you’re browsing shirts in the sale and choose to refine the results, then subsequently click the back button on your handset to return to the results screen, the mobile site sends you all the way back to the homepage despite the fact that you had to navigate through three separate screens to get to the ‘refine results’ page.

Personally I find that to be a fairly major UX flaw as I’m used to navigating using the back button, though I appreciate that not every user will be the same.

Another issue is the little star buttons that allow you to save items to a personal shopping list. Not only are they too small for a mobile screen, but once you’ve clicked a button you can’t then unselect it without navigating to your saved items and removing it there.

                      

These quibbles aside, the product lists look great and the images really stand out against the plain white background. You can also choose between a single or double column view depending on your preference.

Product pages

The mobile product pages are a stripped down version of the desktop version, with any superfluous information either removed or hidden.

Gone are the universal product videos and ‘Free delivery and returns’ banner, while product and shipping information is accessible by clicking an additional link.

The size of the CTAs has also increased, which is a definite improvement as they were tiny on the previous iteration.

Overall the new pages are definitely an upgrade on the old version, however I did feel that the product images took slightly too long to load and some of the buttons are too close together so it’s quite easy to press the wrong one by accident.

Product information & ‘Add to bag’ CTA on new site vs. old site

                             

At the shopping basket screen you see a decent summary including an image, cost and the size, and at the bottom of the screen in tiny font it alerts you to the fact that you get free delivery.

All the buttons and instructions in this process are a bit small, even taking into account the limited screen size. The CTAs are small and fiddly, and it’s easy to miss the note about free delivery.

                      

One of ASOS’s main selling points is its free delivery and returns offer, and it’s rightfully plastered all over its desktop site. However it’s barely mentioned on the mobile version, which I feel is missing a trick.

Checkout

We’ve praised ASOS’s checkout design on numerous occasions due to its cunning method of getting customers to create an account without even realising it.

When ASOS first removed the mention of registering an account it resulted in a 50% decrease in abandonment at this stage of the checkout process.

                      

But while that strategy obviously works on desktop I feel that the mobile checkout is still to long for new customers. It requires you to enter an email and password twice, and also asks for your gender and date of birth.

Furthermore, though there are strict password criteria it doesn’t stipulate them in advance which can lead to you having to re-enter the same information twice.

On the plus side, it does offer a postcode lookup tool and allows you to set the same address for billing and delivery.

                      

Also, it accepts nine different payment methods including PayPal, which is a great way of capturing mobile sales from people who aren’t keen on entering their credit card details on their phone.

All these details are then saved for future use, so repeat purchases involve far less form-filling. 

In conclusion…

ASOS’s new mobile site is an improvement on the old version, but I don’t feel it matches the high standards the company has set with its desktop site.

My main issue is with the navigation, which is inconsistent and often feels quite clunky. Sometimes the back button on the handset does what you’d expect and others it unexpectedly boots you back to the homepage, while swiping between images on the product pages isn’t particularly smooth.

Furthermore though some of the CTAs have increased in size, in general they are still quite small and fiddly which adds to the problems with navigation.

This is particularly true at the shopping basket, but also affects the product and category pages.

Overall then, though it is an above average mobile site I can’t help but feel that it’s a slight disappointment based on the high benchmark that ASOS has set for itself.