An increasing percentage of shop visitors are mobile customers. Unfortunately, there are not many of them among these actually making a purchase. Let’s see what can be done about it.
More than half of the global traffic reaching online stores is generated using mobile devices. More and more often, it is also the case on the Polish market.
Unfortunately, this is not followed by conversions, which – according to various sources – account for approx. 20%. As you could have expected, clients are prevented from converting by certain barriers. Let’s take a closer look at them:
4 OUT OF 5 MAIN REASONS BEHIND THE LACK OF CONVERSION ARE RELATED TO THE UTILITY OF THE WEBSITE. These include:
- insufficient information about the product
- difficult navigation
- product comparison is unavailable
- long and complicated checkout
Mobile retailers have not fully capitalized on mobile share of consumer time, with a gap between share of minutes and dollar spend. The point is that at the same time, mobile customers already exist and – what is more – THEY ARE HIGHLY IMPATIENT. Studies have shown that:
- 73% of customers will abandon a badly designed mobile website (source)
- 51% of smartphone users purchased a product from a different company than they had planned due to the lack of information they needed at a particular time (source)
The one who will be able to acquire this customer as the first one, will take away customers from his competitors. On the other hand, a MOBILE CUSTOMER IS A VALUABLE ONE, BECAUSE HE IS MORE PRONE TO MAKE PURCHASE DECISIONS HIGHLY IMPULSIVELY:
- 70% of mobile searches lead to an action within one hour (source)
- 67% of customers admit to digital window shopping on smartphones as a part of killing time, and 77% of them make a purchase then impulsively (source)
Well, how to make the life of a customer easier? Everything begins with the store designing process.
Graceful DegradationThis concept, also called Responsive Web Design (RWD), involves removing elements from the website that do not fit on the mobile screen. Josh Clark put it well in his famous slide quoting Bruce Lee:
Isn’t that right? Definitely. Do you feel anxious? I do feel. What’s important is what’s not on the slide: the shopping process is much more than just content. It is also the load speed of the page, the usefulness of the information contained therein, at my exact location and time, as well as an easy checkout.
Imagine you are standing in a crowded tram, with one hand clutching on to the railing, and the other trying to hold your smartphone and fill in the 12 mandatory fields in the delivery form. Difficult? Now take out your credit card to write down the number…
Progressive ImprovementThis approach is the opposite of the Graceful Degradation. It is assumed here that the customer having a mobile device is the most important one and we are developing a store specifically for him. IF THERE ARE SOME CUSTOMER-FRIENDLY DESKTOP FEATURES, THEN THAT IS GREAT – WE WILL ADD THEM LATER. The process is, however, designed for the most valuable touchpoint. We have to admit that such an approach may result in the need to design a separate store for desktop customers. Nevertheless, if it is economically profitable, then why not
DesignWe take a lot of decisions when designing for a mobile customer. In addition, there are few good practices we could rely on because customer expectations regarding this matter are changing dynamically.
Some decisions are obvious…
- … for example these concerning the carousel. MOBILE BANNERS SHOULD NOT SCROLL ON THEIR OWN, because nobody stares passively at their phone, waiting for something to move.
- Studies have also confirmed the SIGNIFICANCE OF REPEATING THE VALUE PROPOSITION to the client, especially in the basket.
- On the page showing the products collectively (the so-called listing), the FILTER SHOULD APPEAR COLLAPSED in order not to conceal what the customer came here for – the products! Once it is expanded, it should enable contextual filtering of the current list (spoiler: there is no point in narrowing the price range, when all products in the search cost practically the same).
- As the size of phones grows, so does the bottom bar navigation popularity. Why? In order not to force you to use your second hand. Remember: a tram can stop unexpectedly, and then the opportunity to convert is lost.These are just a few of the most obvious examples. Sooner or later the basic knowledge resources become exhausted, and then it is necessary to use the A/B tests.
A/B testsThe A/B test is designed to measure the impact of the introduced change on the KPI. Its concept is a comparison of two versions at the same time, taking into account a representative traffic rate.
The A/B test definitely does not verify whether things are better after changing something, than before the change. First of all, the traffic is not the same. Secondly, we can only conduct one test at one time using this method, which is highly limiting.
However, it is worth bearing in mind that customers differ, and all we know about them remains just a hypothesis until it’s proven:
- at a real production system
- on your clients
PaymentsHow to help a customer pay with one hand? By supporting mobile payment methods. In Poland, the most convenient ones are Google Pay, Apple Pay and BLIK. The latter requires switching the application, but you don’t have to put your phone away – and that’s a lot!
Website load speed A very often neglected, yet critical, feature of a good mobile website is its load speed. Google’s research shows that 53% of users abandon a website which takes 3 seconds to load (source). It also means the loss of traffic for which you have already paid in AdWords. So how to achieve high load speed? It’s not easy if a website already exists. However, if you are developing a new shop, it is worth to learn a few tips:
- Frontend should be separated from the commerce engine and scaled separately
- Using the Progressive Web App (PWA) architecture means that some resources can be downloaded to your phone in advance and made available offline. For a small number of products, this may even mean browsing through a complete catalogue without network coverage (e.g., when travelling by subway or elevator)
- The use of the Accelerated Mobile Pages (AMP) technology enables very fast loading of landings, while the application recharges in the background. This gives the customer the impression of very high load speed of the application for most of the purchase paths
- Using the Content Delivery Network (CDN) wisely can be very helpful – especially if your store is located in multiple countries.
SEO A statement that PWA sites are not SEO compatible is a common misunderstanding. This is not true. A PWA website can be equipped with a Server Side Rendering (SSR) component that will recognize the request from Google robots and prepare the page for indexing.
SEO is actually an argument in favour of investing in a PWA application instead of a native one. PWA combines the interaction and speed of a native application with the possibility of Google indexing its content.
Dedicated Frontend Changing customer requirements mean that mobile devices are no longer an addition, but the business card of each brand. Its proper development is a strategic issue for every business, and it is impossible to address it with half-measures. It is a strategic change that requires a strategic investment calculated for strategic benefit.