25 top design upgrades to make your mobile revenue skyrocket
TRANSCRIPT
![Page 1: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/1.jpg)
25 TOP DESIGNUPGRADES TO MAKE YOUR MOBILE REVENUE SKYROCKET
![Page 2: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/2.jpg)
Did you know that 20% of the world’s population owns a smartphone?
20%
Source: ABI Research
![Page 3: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/3.jpg)
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
![Page 4: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/4.jpg)
With so many visitors looking to shop on your website, user experience is now more important than ever.
![Page 5: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/5.jpg)
Because if your users are happy, your business will see higher conversion rates, average order value, and mobile revenue.
![Page 6: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/6.jpg)
Great question...Great question...
“I like what you’re saying, but how do I start optimizing my mobile user experience?”
![Page 7: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/7.jpg)
There are 25 easy upgrades you and your team can make right now to help your customers fall in love with your mobile website!
![Page 8: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/8.jpg)
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!
![Page 9: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/9.jpg)
1Make buttons and touch targets at least 44px by 44px
$4.99
$4.99
![Page 10: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/10.jpg)
2Make the body copy at least 14px
10px 14px
$4.99
![Page 11: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/11.jpg)
3Make the line height at least 1.5 for paragraph text
1x 1.5x
$4.99$4.99
![Page 12: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/12.jpg)
4Check that all aspects of the site are touch-friendly
![Page 13: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/13.jpg)
$4.99
5Make sure that information found in hovers can also be found on mobile
$4.99
![Page 14: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/14.jpg)
6Ensure the website reflows for both portrait and landscape orientations
![Page 15: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/15.jpg)
7Make sure that common touch actions fall within the easiest to reach areas
![Page 16: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/16.jpg)
8 Shop Search About Support Contact Q&A Links Gallery
Optimize navigation for common mobile actions
Mobile Visits
![Page 17: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/17.jpg)
9Move non-essential menu items to the footer
![Page 18: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/18.jpg)
10Make sure the context of a page is extremely clear
$4.99
![Page 19: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/19.jpg)
11Include a home screen icon on your site
![Page 20: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/20.jpg)
12Remove text from images
![Page 21: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/21.jpg)
13Ensure that images are high resolution / retina quality
![Page 22: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/22.jpg)
14Use vector-based icons instead of images
![Page 23: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/23.jpg)
15Feature images prominently on relevant pages
$4.99
![Page 24: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/24.jpg)
16Make sure image carousels are swipeable
![Page 25: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/25.jpg)
17Make buttons with CSS rather than images
$4.99
$4.99
![Page 26: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/26.jpg)
$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
![Page 27: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/27.jpg)
19Check that forms use custom input types
Email-specific Numbers-specific
![Page 28: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/28.jpg)
20Make forms as short as possible
![Page 29: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/29.jpg)
21Turn off autocorrect and auto-capitalize on form fields
![Page 30: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/30.jpg)
22Use device APIs where appropriate
![Page 31: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/31.jpg)
23Label calls to action with descriptive information
![Page 32: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/32.jpg)
24Make sure that calls to action in the conversion path follow a common design scheme
![Page 33: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/33.jpg)
25Ensure your website loads in under3 seconds on a 3G connection
After 3 seconds
![Page 34: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/34.jpg)
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
![Page 35: 25 Top Design Upgrades to Make Your Mobile Revenue Skyrocket](https://reader034.vdocuments.us/reader034/viewer/2022042717/55d49891bb61eb8b698b4660/html5/thumbnails/35.jpg)
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!