Progressively Improving
E-Commerce
things we should know
E-Commerce Study
1
Display
2
123 Billion
mobile e-commerce in US last year
2014
Mobile Desktop
>
Retail gets less app mintues
19%
Mobile Web
45%
Desktop
36%
Native App
Conversions on mobile web
66%
Fewer
Conversions on mobile web
55%
Fewer
Conversion Rate
2017, transaction / session, 0.55% in mobile and 1.00% in desktop
https://analytics.google.com/analytics/web/?authuser=1#report/visitors-mobile-overview/a45008761w75539665p78031882/%3F_u.date00%3D20170101%26_u.date01%3D20171027/
Time & Money
49%
gap
Time & Money
-4%
gap
84%
70%
16%
30%
68%
32%
User
Time
Money
Row Data
Mobile
User: 84% web occupied (ga)
Money: 26.8% in all (admin)
Avg Time: 69s (ga)
Desktop
User: 16% web occupied (ga)
Money: 11.6% in all (admin)
Avg Time: 69s (ga)
Time
2.42
Times in desktop (browsing time per session)
Browsing Time
2017, 69s in mobile and 167s in desktop
https://analytics.google.com/analytics/web/?authuser=1#report/visitors-mobile-overview/a45008761w75539665p78031882/%3F_u.date00%3D20170101%26_u.date01%3D20171027/
Time
1.6
Times in desktop
Page per session
2017, 1,91 in mobile and 3.05 in desktop
https://analytics.google.com/analytics/web/?authuser=1#report/visitors-mobile-overview/a45008761w75539665p78031882/%3F_u.date00%3D20170101%26_u.date01%3D20171027/
Money
26.8%
Mobile Web
11.6%
Desktop
61.6%
Native App
MEASURE IT
If a tree in a forest and no-one is around to hear it, does it make a sound?
If customer doesn't convert in ur site and no-one is around to measure it, does it make a difference ?
Set a performance budge
Connect to
Business value
Page Load
Time to first meaningful paint
Time to interative
Time to consistently interactive
Page weight
People purchase across screens
90% of people use mutiple screens
To embrace fragmented user journeys
1
To embrace fragmented user journeys
1
Mamilove
Open In New Tab
for browsing a product detail
OR
Stronger User Interaction For browsing multiple product
Digital drives people
In-store
87% of consumers research their purchase before entering a store
Don't assume success means immediate purchase
2
Mobile is the new
Shopping Assistant
90% smartphone users turn to their devices to help them make a product decision in store
Let the site support the
in-store purchase
3
To define success
2 + 3
Mamilove
Price and Service Did Matter
Browse in mamilove but buy somewhere else
PRODUCT
DISPLAY
1
Shell & Layout in first request
Shell & Layout in first request
IMAGE
FLOW
2
Thumbor
automation
cdn
FIND RPODUCT：
BROWSE &
SEARCH
3
Prefetch
inline,
SW,
cache API
request low priority request in idle time
Prefetch
to chose proper thing to prefetch
Search
Misspelling
Synonyms
Autofill
Abbreviations
Faceted search
Conceptual search
Reliable Search
Solr
Reliable Search
index.search('love')For web applications with all their data already sitting in the client, it makes sense to be able to search that data on the client too. It saves adding extra, compacted services on the server. A local search index will be quicker, there is no network overhead, and will remain available and useable even without a network connection.
PAYMENT
API
4
5
CREDENTIAL
MANAGEMENT
API
IMAGINE
A WORLD
NO FORMS
Vue Component
Storybook
Jest
Jasmine
Nightwatch
/ puppeteer
Progressively Improving E-Commerce
By guansunyata
