25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket
Post on 19-Aug-2015
9746 Views
Preview:
Transcript
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!
top related