hcmc, march 17th 2017 vietnam mobile dayresearch.vietnambusiness.tv/mobiledaysession2-m... ·...

& slide templates

Vietnam Mobile DayHCMC, March 17th 2017

Melissa NguyenVietnam Country HeadGoogle Marketing Solutions

2

3

Opening Remarks:

Why Vietnam Mobile Day

Ghislain Le ChatelierRegional Director Southeast AsiaGoogle Marketing Solutions

4

5

Keynote speech:

Why Mobile Website Experience Matters

HOW DO PEOPLE EXPERIENCESHOPPING ON MOBILE TODAY?

Confidential + Proprietary

On mobile, entertaining apps dominate time, but sites capture the bulk of transactions

Sources: Time spent stats:http://yahoodevelopers.tumblr.com/post/127636051988/seven-years-into-the-mobile-revolution-content-is;Commercial task stats: Google/Ipsos Multiscreen Industry Study of 29k smartphone users across 9 industries (to be published).

66%SITES

6%APPS

28%SITES &

APPS

PRIMARY CHANNEL FOR COMMERCIAL TASKS

INDUSTRY SNAPSHOT

75% OF AUTOS USERS

60% OF FINANCE USERS

70% OF TRAVEL USERS

71% OF RETAIL & TECH USERS

64% OF LOCAL SERVICES USERS

... USE SITES MORE OFTEN FOR

COMMERCIAL TASKS

90%

10%TIMESPENTON SITES

TIMESPENTON APPS

10%

35%GAMING & ENT.

34%OTHER

31%SOCIAL

USER TIME SPENTON MOBILE DEVICES

NOT FUNCTIONAL

Find it hard to compare prices

and options

Can’t see level of details or info

Small screen makes it hard

to type

SLOW

Take too long to load

THAT’S A BIG PROBLEM

(aka OPPORTUNITY)

Content Performance & Speed

Design &Functionality

1 2 3

What makes a good mobile user experience?

“Don’t make me think” rule

Each source of frustration during the navigation lower this resource

A visitor comes to your site with a Goodwill resource

When the resource is depleted, the customer leaves the site

Homepage & Site Navigation

Site Search

Commerce & Conversions

Form Entry

Usability & Form Factor

The common thread in all sections is that mobile users tend to be very goal-oriented - they expect to be able to get what they need from a mobile site easily, immediately, and on their own terms.

25 Design Principles

Proprietary + Confidential

of consumers will abandon a site if it takes longer than 3 seconds to load.53%

DoubleClick study using Google Analytics data; n=3.7K mSites, 2016.

Proprietary + Confidential

How fast do Websites in Vietnam load?

Google Research, Webpagetest.org, Global, sample of more than 900,000 mWeb sites across Fortune 1000 and Small Medium Businesses. Testing was performed using Chrome and emulating a Nexus 5 device on a globally representative 3G connection. 1.6Mbps download speed, 300ms Round-Trip Time (RTT). Tested on EC2 on m3.medium instances, similar in performance to high-end smartphones, Feb 2017.

Speed: avg speed index by verticalRecommend speed index

Proprietary + Confidential

Page speed = $$$

Proprietary + Confidential

2.2s

Source: “A Beginner’s Guide to Website Speed Optimization”

The Numbers Don’t Lie!When Mozilla increased page speed by2.2 seconds, Firefox download figures rose by 15.4 percent, or 10 million per year! Walmart saw 2 percent increase in conversion rates for every 1 second improvement in page load times.

HOW GOOGLE ENSURESFAST MSITE EXPERIENCE?

Proprietary + ConfidentialSource: "Using site speed in ranking"

PageSpeed is a ranking signal for Google’s search results

What is AMP?

Mobile friendlyEasy to implement

Fast Various monetization opportunities

Embrace the open web

20

This is AMP on Google Search

Accelerated Mobile Pages

4x 10x faster less data

0.7 secondsmedian load time

BEYOND MOBILE SITE

What is PWA?Stay engaged with app like experiences on the web including

Local caching Add to homescreen

Push Notifications

Available offline

Confidential + Proprietary

Engage users with home screen icon, fullscreen mode

Proprietary + Confidential

Mobile friendly websiteBased on 25 msite design

principles

Fast loading mobile siteBased on WPT/Lighthouse on 3G

Speed Index of 5000ms

Today’s goals

1 2

26

Thank you

Nguyễn Hoàng ViệtCTOTiki

27

Tiki - Câu chuyện thành công 1

1.2% (+70%)Mobile Web Ecommerce

Conversion Rate

-32.36%Bounce rate

5x (+25%)Users on 3 devices spend 5x more

than users on 1 device

But, before that

Tiki ❤� mobile app

What we think it looks likeResearch

(google.com, marketing channels)

Tiki.vn Purchase

> 3%Mobile app ecommerce conversion rate

What it really looks likeResearch

(google.com, marketing channels)

Tiki.vn Purchase

60%

40%

30%

Users acquired from Mobile App are most likely to make 2nd order, making it the most valuable platform for re-engage return customers

Users acquired from Mobile Web are most likely to make a purchase, but on other platforms. They tend to research on Mobile Web, but then come to other platforms

to Add to Cart again & make purchase.

What we need to do ?● Page loading time as a very important feature● UX: ensure smooth cross device experience for users● Acquire new Mobile users aggressively

Before

40

After

Cable

2G & 3G

1.2% (+70%)Mobile Web Ecommerce Conversion Rate

How we achieved it

How we achieved it● Using HTTP/2 & HTML Import● Using web-component + shadow dom● Pre-cache using Service Worker● Lazy-load other resources only on demand● Activating Push Notifications in the web app

What’s next ?

Completely new UX

Faster

X2 Hypothesis Conversion Rate

50

Thank you

Nguyễn Văn TìnhDeputy CTOVNExpress

51

VNExpress - Câu chuyện thành công 2

Giới thiệu

▪ VnExpress ra mắt vào ngày 26/02/2001

▪ Là tờ báo điện tử đầu tiên, và là báo

tiếng Việt có nhiều người đọc nhất hiện

nay.

▪ Hơn 40 triệu lượt xem / ngày

▪ Hơn 8 triệu độc giả thường xuyên /

ngày

▪ Đạt 15.8 tỷ lượt xem trong năm 2016

Lộ trình phát triển

2001 2007 2013 2017

PC PC PC + Mobile Multi screen

2012 - Thời điểm bắt đầu

▪ Bắt đầu chuyển đổi nền tảng

công nghệ từ .NET sang Open

Source

▪ Tồn tại 2 phiên bản website

desktop và mobile riêng lẽ

▪ Mobile chỉ là một phiên bản

lượt rút gọn của desktop

2013 - Bước chuyển mình▪ Dịch chuyển các dịch vụ sang

giao diện tùy ứng (Web

Responsive)

▪ Đầu 2013, tỷ lệ người dùng

mobile của VnExpress ~25%,

trong đó khoảng 6.5% là tablet

▪ Bounce rate 70%, time on site

trung bình 2 phút, số trang đọc

trung bình 3 / session.

2014 - 2017 Không ngừng tối ưu hoá

▪ Phân tách tất cả tài nguyên tĩnh (css, js, images)

của mobile riêng

▪ Dung lượng hình ảnh được nén ở mức tối thiểu

▪ Giảm số lượng các box không cần thiết, lượt text,

hình ảnh, hiệu ứng không cần thiết

▪ Tuân thủ các qui tắc tối ưu theo đề nghị từ

PageSpeed của Google: Above the fold, xử lý các

render blocking resource, cấu trúc trang html...

Cơ cấu người dùng

Người dùng đọc trang nhiều

gấp 2 lần -40%Tỷ lệ thoát

Thời gian đọc trung bình

tăng 2.3 lần

Kết quả đạt được

4s thời gian load trang

59

Thank you

Panel Discussion

60

take a break