Increase growth and conversions by optimising mobile design (part 2/2)

Earlier in the year, we attended a Google event in Stockholm featuring Lina Hansson, Conversion specialist, who shared useful tips for better mobile design for ecommerce. You can read our previous blog, part 1, on the topic here. It elaborates on how to increase mobile speed and conversion, and teaches how to conduct usability tests.

In this second part, we focus on online behavioural types, value propositions, mobile design, and how to overcome purchase anxiety. Pick up plenty of tips and examples of how you can level up your mobile design to drive more growth.

4 online behaviour types

According to Bryan Eisenberg, online behaviour for ecommerce can be divided into four different groups:

1. The competitive: logical and fast-paced decision making

2. The spontaneous: emotional and fast-paced decision making

3. The methodical: Logical and slow-paced decision making

4. The humanistic: Emotional and slow-paced decision making

What online behaviour type do you belong to?

How do you speak to each of these personas on your site?

You should structure the UX of your site so that you cater for all of these behaviours, but in different sections of your site. Especially if you have an international web store, it’s crucial to capture the attention of each behaviour type. Are you following the ideal way of displaying content to users who pay attention to detail and who like to compare? The same applies to spontaneous or competitive users. Are you sure you’re captivating your customers the right way?

Have a clear value proposition

This might seem obvious, but you would be surprised to see how many sites are out there without a clear message of what the service is or what products are being sold. According to a Nielsen Norman Group study in 2010, 57 000 eye tracking fixation tests showed that users spend 80% of their time looking at information above the page fold (see the picture below). Even when scrolling, users allocate only 20% of their attention below the fold.

The two critical design elements that should be above the fold on your landing pages are:

  1. Call to action
  2. Value proposition

Four examples of mobile websites with clear value propositions above the fold: Lemonade, Mint, Asos and Tui.

Tui conducted a test and added their value proposition above the fold, which increased their mobile conversion rate with 8% and revenue by 11%. More revenue for such a small change. Hence, it is crucially important to communicate what your service is above the fold, also on mobile. Furthermore, the value proposition should be repeated and iterated across the whole conversion funnel. Make your texts shorter, concise, to the point. 79% of people don’t really read, they just skim. Hire a copywriter to go over the text on your site, it might be worth the investment.

“Get rid of half of the words on each page. Then get rid of half of what’s left.”

Steve Krug

Two sites that have short and clear copy and call to action on their landing pages: Lynda and Spotify.

Other mobile design tips

  1. Reduce distraction, people look for patterns and associations
  2. Make it easy for people to find what they are looking for
  3. Be careful with carousels (just go to this site and you’ll understand why)
  4. Create a sense of urgency
  5. Use reviews and decrease purchase anxiety

The biggest design issue on mobile for ecommerce — the hamburger menu

The categories that are visible on desktop, disappear in the hamburger menu, which is a quick and a lazy trick to sort out navigation. And to avoid prioritisation whilst hiding all that is important for your customers, if you ask me. What’s visible on desktop is simply hidden on mobile. Here are examples of how some retail brands have solved this issue (Monki, Zalando, Zara, and Apple) by showing the categories and helping the user to navigate.

3 biggest anxiety peaks for ecommerce and what you can do about them

1. Am I choosing the right product?

2. Is this the best place to buy from?

3. Will the purchase be a hassle?

Small tweaks go a long way. Most users don’t scroll until the bottom, so put your value proposition above the fold. Don’t do what everyone else is doing just for the sake of it, dare to challenge your design and test new things. It’s the only way to make progress and to excel in user experience.

Eager to learn more on how to create growth for your business in a bigger picture? Sign up to our growth hacking crash course in Stockholm on the 9th May to learn concrete techniques and how to make your team to become a continuous growth generating engine.

Sign up to Growth Hacking Crash Course

Originally published at www.columbiaroad.com.