how to make mobile convert - usertesting webinar with michael mace
DESCRIPTION
Watch the webinar: http://bit.ly/MakeMobileConvert E-commerce conversion (the ability to move a customer from interest to purchase) is up to three times lower on mobile devices than on computers. As more and more users go mobile, that adds up to a huge potential drop in e-commerce sales. UserTesting studies show that most of the problem is due to preventable design flaws in mobile websites and apps. So what can be done to increase mobile conversion? In this presentation, we’ll go over: The top three mobile conversion problems How to solve these problems Videos of real-world mobile tests that show the problems and solutionsTRANSCRIPT
![Page 1: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/1.jpg)
@usertesting @michaelmace
How to Make Mobile Convert
![Page 2: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/2.jpg)
@usertesting @michaelmace
Like Looking Over a User’s Shoulder
• Methodology: Analyzed hundreds of mobile shopping
tests to identify common problems and their root causes
Analytics tell you UserTesting tells you
What they did Why
How
What they think
![Page 3: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/3.jpg)
@usertesting @michaelmace
• Two startups, ten years at Apple, six years at
Palm/PalmSource
• Product, marketing, strategy roles
• Blog: http://mobileopportunity.blogspot.com
About Me
![Page 4: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/4.jpg)
@usertesting @michaelmace
Summary
• Most of the problem is caused by the way we design
smartphone sites and apps, not by the smartphones
themselves
• Intense attention to detail is needed
• The real issue isn’t mobile conversion, it’s overall
business conversion
![Page 5: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/5.jpg)
@usertesting @michaelmace
Agenda
• What’s different about mobile
• What we’re doing wrong
• What we could achieve
![Page 6: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/6.jpg)
@usertesting @michaelmace
“Mobile Doesn’t Convert”
“It doesn’t matter which
category your business is in,
it’s highly likely that your
mobile conversion rates are
still below 1%, even with a
smartphone-optimized site.“
--Mobify, February 2014
3.11% 2.59%
1.01%
0.0%
1.0%
2.0%
3.0%
4.0%
“Crate & Barrel reported a
tablet conversion rate of 2.35%
but a smartphone conversion
rate of only 0.92% “
--Wired, February 2014
Monetate, Q4 2013
![Page 7: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/7.jpg)
@usertesting @michaelmace
Why?
• “Smartphones are more of browse
or research platform rather than a
buy platform.”*
• “Rich people use tablets.”
• “People use smartphones on the
go, when they don’t have time to
shop.”
*http://www.smartinsights.com/ecommerce/ecommerce-analytics/ecommerce-conversion-rates/
![Page 8: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/8.jpg)
@usertesting @michaelmace
Based On Our Research…
It's inherent to mobile,
20%
![Page 9: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/9.jpg)
@usertesting @michaelmace
Based On Our Research…
It's inherent to mobile,
20%
We're doing mobile
wrong, 50%
![Page 10: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/10.jpg)
@usertesting @michaelmace
Based On Our Research…
It's inherent to mobile,
20%
We're doing mobile
wrong, 50%
Mobile does convert, but
we don't realize it,
30%
![Page 11: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/11.jpg)
@usertesting @michaelmace
The Differences That Matter
Screen size
Network
![Page 12: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/12.jpg)
@usertesting @michaelmace
Implications
• Mobile is harder than the desktop
• Comparison shopping is especially hard
– Screens limit ability to compare options
– Network latency limits ability to jump from page to
page
– “I’ll wait and finish this when I get back to my
computer.”
• We’re overcompensating
![Page 13: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/13.jpg)
@usertesting @michaelmace
Agenda
• What’s different about mobile
• What we’re doing wrong
• What we could achieve
![Page 14: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/14.jpg)
@usertesting @michaelmace
Desktop Shopping: Seduction
![Page 15: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/15.jpg)
@usertesting @michaelmace
Mobile Shopping: Wham, Bam, Thank You Ma’m
“Research has shown that
conversion rates are directly
impacted by streamlined
paths to purchase—
conversion should occur
within three touch events.
Two will be table stakes in the
near future.”
– Adobe Mobile
Consumer Survey, 2013
![Page 16: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/16.jpg)
@usertesting @michaelmace
Losing Sight of Basic Usability
The Top Seven Problems:
• Confusing terminology
• Number pad blues
• Untappable items
• Carousel confusion
• PC surprises
• Search and filtering nightmares
• Menu madness
![Page 17: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/17.jpg)
@usertesting @michaelmace
1. Confusing terminology: Looking for Boots
![Page 18: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/18.jpg)
@usertesting @michaelmace
2. Number Pad Blues
![Page 19: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/19.jpg)
@usertesting @michaelmace
3. Untappable Items
![Page 20: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/20.jpg)
@usertesting @michaelmace
4. Carousel Confusion
![Page 21: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/21.jpg)
@usertesting @michaelmace
5. PC Surprises
![Page 22: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/22.jpg)
@usertesting @michaelmace
6. Search and Filtering: The Red Jeans Saga
“Find these pants.”
![Page 23: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/23.jpg)
@usertesting @michaelmace
Looking for Red Pants
![Page 24: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/24.jpg)
@usertesting @michaelmace
Too Many Choices
![Page 25: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/25.jpg)
@usertesting @michaelmace
7. Menu Madness: Menus Done Badly
![Page 26: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/26.jpg)
@usertesting @michaelmace
Menus Done OK
![Page 27: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/27.jpg)
@usertesting @michaelmace
Menus Done Nicely
![Page 28: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/28.jpg)
@usertesting @michaelmace
Anticipate Needs
![Page 29: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/29.jpg)
@usertesting @michaelmace
What To Do
• Sweat the small things
• Use standard terms: Search, Filter, Sort
• One screen of menus, two levels max
– Be mindful of vocabulary
• The carousel is not a menu
– Don’t re-use PC images
• Think like a smartphone (everything’s tappable)
• Tag carefully
• Give access to the PC view, but not by surprise
• Test extensively. Analytics are not enough.
![Page 30: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/30.jpg)
@usertesting @michaelmace
Agenda
• What’s different about mobile
• What we’re doing wrong
• What we could achieve
![Page 31: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/31.jpg)
@usertesting @michaelmace
Two Paths
Searching Browsing
Search -> Filter -> Sort Simple navigation
What can you glean about
the customer’s
preferences?
Create dynamic
categories, but also give
an out
![Page 32: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/32.jpg)
@usertesting @michaelmace
Shopping Isn’t an App, It’s a Process
![Page 33: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/33.jpg)
@usertesting @michaelmace
Leverage the Strengths of the Smartphone
• Instead of making it into a PC, optimize what it does uniquely well
– Immediacy: Flash sales
• What customer problems can you solve with it?
– Convenience: Purchase in store
– Manage complexity: Research specs, warranty, other choices
• Scan a barcode or QR code?
• View comparables?
• Make a warehouse feel like Nordstrom’s
• Make Nordstrom’s feel bespoke
![Page 34: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/34.jpg)
@usertesting @michaelmace
Stop asking if mobile converts.
The real question is, does your
business convert?
![Page 35: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/35.jpg)
@usertesting @michaelmace
Remember
• Mobile is harder than desktop
• Sweat the small stuff
– Standard terminology
– Limit menus to one screen with two levels
– Everything’s tappable
• Optimize for two paths
• Let mobile be mobile
– Flash sales; don’t make it a mini-PC
• Integrate the shopping experience
– Smartphone -> tablet -> PC -> store
– Sharing with yourself
• Integrate testing and analytics
![Page 36: How to make mobile convert - usertesting webinar with michael mace](https://reader034.vdocuments.net/reader034/viewer/2022051322/540d82a28d7f72747e8b4a10/html5/thumbnails/36.jpg)
@usertesting @michaelmace
For More Info
• www.usertesting.com/enterprise
Special thanks for sharing test results and ideas:
Other test results provided by clients who wish to remain anonymous.