25 TOP DESIGNUPGRADES TO MAKE YOUR MOBILE REVENUE SKYROCKET

Did you know that 20% of the world’s population owns a smartphone?

20%

Source: ABI Research

And 63% of these people expect to do more shopping on their mobile devices over the next couple of years.

That’s a lot of mobile shoppers!

Source: Latitude

With so many visitors looking to shop on your website, user experience is now more important than ever.

Because if your users are happy, your business will see higher conversion rates, average order value, and mobile revenue.

Great question...Great question...

“I like what you’re saying, but how do I start optimizing my mobile user experience?”

There are 25 easy upgrades you and your team can make right now to help your customers fall in love with your mobile website!

You’ll find them throughout this deck, and if you need expanded descriptions and a printable checklist, you can download it at mobify.com/checklist.

Now let’s get started!

1Make buttons and touch targets at least 44px by 44px

$4.99

$4.99

2Make the body copy at least 14px

10px 14px

$4.99

3Make the line height at least 1.5 for paragraph text

1x 1.5x

$4.99$4.99

4Check that all aspects of the site are touch-friendly

$4.99

5Make sure that information found in hovers can also be found on mobile

$4.99

6Ensure the website reflows for both portrait and landscape orientations

7Make sure that common touch actions fall within the easiest to reach areas

8 Shop Search About Support Contact Q&A Links Gallery

Optimize navigation for common mobile actions

Mobile Visits

9Move non-essential menu items to the footer

10Make sure the context of a page is extremely clear

$4.99

11Include a home screen icon on your site

12Remove text from images

13Ensure that images are high resolution / retina quality

14Use vector-based icons instead of images

15Feature images prominently on relevant pages

$4.99

16Make sure image carousels are swipeable

17Make buttons with CSS rather than images

$4.99

$4.99

$4.99 $4.99

18Ensure that elements which toggle open do not cover other elements

Sign In

Shop

Search

About

Support

Sign In

Shop

Search

About

Support

19Check that forms use custom input types

Email-specific Numbers-specific

20Make forms as short as possible

21Turn off autocorrect and auto-capitalize on form fields

22Use device APIs where appropriate

23Label calls to action with descriptive information

24Make sure that calls to action in the conversion path follow a common design scheme

25Ensure your website loads in under3 seconds on a 3G connection

After 3 seconds

Thanks for reading!

Before you go, don’t forget to download these 25 design upgrades (with expanded descriptions) in a printer-friendly PDF. You can get it here:

mobify.com/checklist

Mobfiy helps businesses build faster, easier to use mobile web experiences that drive exceptional business results.

If you have any comments, questions, or would just like to learn more about how to launch a mobile-optimized website, please feel free to reach out to us and say hello.

LinkedIn Facebook Google+ Twitter

Share this deck!