SlideShare a Scribd company logo
- What it means to you?
Fall & Rise of Web and
way forward
27th April 2017 | housejoy.in
@nagarajuepuri
Sr Engg Mgr - UI @ Flipkart
Rewriting web story @ Flipkart
➔ Year 2014, 9.6m PC vs ~60m SmartPhones sold in India
➔ By end of 2014, It was clear where India is heading
➔ India skipped PC era
➔ Mobile Traffic started growing at a fast pace
➔ Mobile web was a joke(Cloud rendering browsers)
➔ Desktop traffic started losing its share
➔ Q1 - 2015, mobile website has been killed
➔ Q4 - 2015, there were rumours of shutting down website
Fall of Web - 2014
➔ Web is always a catch up game
➔ Web is at the mercy of browser vendors
➔ No real thought went into how mobile web should be
➔ Developing(no better tools) and maintaining mobile web was pain
➔ Users are not happy with mobile web either(low conversions, huge
experience gap)
Fall of Web - 2014
➔ Users are spoiled with a rich experience on mobile devices
➔ Team started doing multiple POCs on improving experience on mobile web
➔ Built a Single Page Application(SPA) with rich interactions and saw a flat
10% improvement in conversion
➔ 2015-Q1, launched project called “RichViews” in native apps to bridge
experience gap between native and web screens
◆ App Shells
◆ Native API access to web
◆ Same design language/UX on web properties as native app
Rise of Web - 2014, 15
➔ ServiceWorkers - FTW : First launched on April 2014
➔ From the learnings of RichViews, created mobile web POC using SW and
Richer Interactions close to what native does
➔ Internally people failed to believe it was a mobile website
➔ Partnered with Chrome team to build world’s first Progressive Web App @
Commercial Scale, FlipkartLite
➔ Constantly pushed Browser Vendors on features(Push Notifications,
WebApks, SMS, Native Share) which are relevant to countries like India
Rise of Web - 2014, 15
➔ Many leaders started adopting PWAs for their mobile website.
➔ All of the Browser Vendors showed their commitment for implementing SW
➔ Web is moving at a fast pace with deep involvement from most of the
browser vendors
➔ PWAs are getting close to become first class citizens(WebAPKs, Rich
Push Notifications, Web Share API) on mobile platforms
Way forward - 2016, 17
➔ There is no reason why you should not be on web
◆ 40-45% eCom traffic comes from web(differs from business to
business) and this will increase
◆ Easy adoption
◆ You can pretty much achieve similar experience on web compared to
native
◆ FlipkartLite converts close to what native app does without Push
Notifications
What it means to you?
➔ Provide best possible experience to users wherever they land(App, Mobile
Web, Desktop Web). Spoil them with choice :)
◆ Users are spoiled with best experience on mobile devices. Try giving
them similar experience.
◆ We saw ~90% jump in conversion by providing FlipkartLite experience
on UCWeb(not kidding!)
◆ Try bridging experience gap as close as possible on mobile web so
users don’t need to learn new behaviours.
What it means to you?
➔ Browser Vendors would like to hear from you on problems you are facing,
to provide best experience to end users. Share your inputs.
◆ They are keen to understand your problems
◆ Most of the recent browser improvements are shaped by dev
community.
◆ Good part of web is, its an open platform.
What it means to you?
Web is at a mercy of developers to shape it better.
Do not settle for average
#AverageIsOver
Q & A
Thank You

More Related Content

What's hot

Beyond Responsive Web Design - Moving your web agency to mobile development (...
Beyond Responsive Web Design - Moving your web agency to mobile development (...Beyond Responsive Web Design - Moving your web agency to mobile development (...
Beyond Responsive Web Design - Moving your web agency to mobile development (...
craigharmonic
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
Ido Green
 
Next Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical CollegeNext Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical College
DNN
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Saleh Rahimzadeh
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
Sai Kiran Kasireddy
 
Jamie King Keek Portfolio
Jamie King Keek PortfolioJamie King Keek Portfolio
Jamie King Keek Portfolio
Jamie King
 
Human Computer Interaction Project
Human Computer Interaction ProjectHuman Computer Interaction Project
Human Computer Interaction Project
Daisy LaFlamme
 
5 benefits of progressive web app development
5 benefits of progressive web app development5 benefits of progressive web app development
5 benefits of progressive web app development
Fingent Corporation
 
Progressive Web Apps - Lightning Talk
Progressive Web Apps - Lightning TalkProgressive Web Apps - Lightning Talk
Progressive Web Apps - Lightning Talk
Timmy Kokke
 
What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?
Rishabh Software
 
104 what we learned by developing our own mobile lms
104 what we learned by developing our own mobile lms104 what we learned by developing our own mobile lms
104 what we learned by developing our own mobile lms
Walter Wimberly
 

What's hot (11)

Beyond Responsive Web Design - Moving your web agency to mobile development (...
Beyond Responsive Web Design - Moving your web agency to mobile development (...Beyond Responsive Web Design - Moving your web agency to mobile development (...
Beyond Responsive Web Design - Moving your web agency to mobile development (...
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Next Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical CollegeNext Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical College
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
 
Jamie King Keek Portfolio
Jamie King Keek PortfolioJamie King Keek Portfolio
Jamie King Keek Portfolio
 
Human Computer Interaction Project
Human Computer Interaction ProjectHuman Computer Interaction Project
Human Computer Interaction Project
 
5 benefits of progressive web app development
5 benefits of progressive web app development5 benefits of progressive web app development
5 benefits of progressive web app development
 
Progressive Web Apps - Lightning Talk
Progressive Web Apps - Lightning TalkProgressive Web Apps - Lightning Talk
Progressive Web Apps - Lightning Talk
 
What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?
 
104 what we learned by developing our own mobile lms
104 what we learned by developing our own mobile lms104 what we learned by developing our own mobile lms
104 what we learned by developing our own mobile lms
 

Similar to Fall and rise of web and way forward - what it means to you

Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
Jason Grigsby
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf
Lucas Lagone
 
Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?
ShantanuApurva1
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
ShantanuApurva1
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Magic Software
 
pwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technologypwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technology
basiljohn33
 
Top Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptx
Top Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptxTop Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptx
Top Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptx
ConsumerSketch2
 
Mobile websites are more important than you think
Mobile websites are more important than you thinkMobile websites are more important than you think
Mobile websites are more important than you think
Robert McFrazier
 
How to deal with mobile traffic expansion
How to deal with mobile traffic expansionHow to deal with mobile traffic expansion
How to deal with mobile traffic expansion
Mevlana M. Gürbulak
 
Business Values of PWAs
Business Values of PWAsBusiness Values of PWAs
Business Values of PWAs
UXDXConf
 
Beyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your ContentBeyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your Content
Genwi on Slideshare
 
SharePoint Fest Chicago DEV 201 - Beyond Responsive Design
SharePoint Fest Chicago DEV 201 - Beyond Responsive DesignSharePoint Fest Chicago DEV 201 - Beyond Responsive Design
SharePoint Fest Chicago DEV 201 - Beyond Responsive Design
jumboj35
 
Trends and directions in IBM i modernisation, development and mobilisation
Trends and directions in IBM i modernisation, development and mobilisationTrends and directions in IBM i modernisation, development and mobilisation
Trends and directions in IBM i modernisation, development and mobilisation
Proximity Group
 
Who Cares About APIs? (NordicAPIS April 2014)
Who Cares About APIs? (NordicAPIS April 2014)Who Cares About APIs? (NordicAPIS April 2014)
Who Cares About APIs? (NordicAPIS April 2014)
Nordic APIs
 
The importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJsThe importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJs
ReactJS
 
7 web development trends that will rule 2018
7 web development trends that will rule 20187 web development trends that will rule 2018
7 web development trends that will rule 2018
Helios Solutions
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Timmy Kokke
 
How long do websites last?
How long do websites last?How long do websites last?
How long do websites last?
Dan Moriarty
 
Navigating the Digital Horizon Unveiling the Future of Web Development Excel...
Navigating  the Digital Horizon Unveiling the Future of Web Development Excel...Navigating  the Digital Horizon Unveiling the Future of Web Development Excel...
Navigating the Digital Horizon Unveiling the Future of Web Development Excel...
SeasiaInfotech2
 
Most Successful Progressive Web App Examples
Most Successful Progressive Web App ExamplesMost Successful Progressive Web App Examples
Most Successful Progressive Web App Examples
Guru Technolabs
 

Similar to Fall and rise of web and way forward - what it means to you (20)

Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
PWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdfPWA Development Guide_ Creating Progressive Web Apps.pdf
PWA Development Guide_ Creating Progressive Web Apps.pdf
 
Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?Progressive web apps For e-Commerce- How do they go hand-in-hand?
Progressive web apps For e-Commerce- How do they go hand-in-hand?
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
 
pwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technologypwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technology
 
Top Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptx
Top Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptxTop Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptx
Top Web App Trends WebAssembly, AMP, Motion UI, Voice Tech, AI Chatbots.pptx
 
Mobile websites are more important than you think
Mobile websites are more important than you thinkMobile websites are more important than you think
Mobile websites are more important than you think
 
How to deal with mobile traffic expansion
How to deal with mobile traffic expansionHow to deal with mobile traffic expansion
How to deal with mobile traffic expansion
 
Business Values of PWAs
Business Values of PWAsBusiness Values of PWAs
Business Values of PWAs
 
Beyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your ContentBeyond Social: Driving Progressive Mobile Engagement With Your Content
Beyond Social: Driving Progressive Mobile Engagement With Your Content
 
SharePoint Fest Chicago DEV 201 - Beyond Responsive Design
SharePoint Fest Chicago DEV 201 - Beyond Responsive DesignSharePoint Fest Chicago DEV 201 - Beyond Responsive Design
SharePoint Fest Chicago DEV 201 - Beyond Responsive Design
 
Trends and directions in IBM i modernisation, development and mobilisation
Trends and directions in IBM i modernisation, development and mobilisationTrends and directions in IBM i modernisation, development and mobilisation
Trends and directions in IBM i modernisation, development and mobilisation
 
Who Cares About APIs? (NordicAPIS April 2014)
Who Cares About APIs? (NordicAPIS April 2014)Who Cares About APIs? (NordicAPIS April 2014)
Who Cares About APIs? (NordicAPIS April 2014)
 
The importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJsThe importance of developing PWAs in ReactJs
The importance of developing PWAs in ReactJs
 
7 web development trends that will rule 2018
7 web development trends that will rule 20187 web development trends that will rule 2018
7 web development trends that will rule 2018
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
How long do websites last?
How long do websites last?How long do websites last?
How long do websites last?
 
Navigating the Digital Horizon Unveiling the Future of Web Development Excel...
Navigating  the Digital Horizon Unveiling the Future of Web Development Excel...Navigating  the Digital Horizon Unveiling the Future of Web Development Excel...
Navigating the Digital Horizon Unveiling the Future of Web Development Excel...
 
Most Successful Progressive Web App Examples
Most Successful Progressive Web App ExamplesMost Successful Progressive Web App Examples
Most Successful Progressive Web App Examples
 

Recently uploaded

办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
uehowe
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
hackersuli
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
ysasp1
 
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
3a0sd7z3
 
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
3a0sd7z3
 
Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!
Toptal Tech
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
uehowe
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
saathvikreddy2003
 
Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?
Paul Walk
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
wolfsoftcompanyco
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
fovkoyb
 
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
bseovas
 
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
rtunex8r
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
Laura Szabó
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
xjq03c34
 
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
uehowe
 
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
k4ncd0z
 
HijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process HollowingHijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process Hollowing
Donato Onofri
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
davidjhones387
 

Recently uploaded (19)

办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
 
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
快速办理(Vic毕业证书)惠灵顿维多利亚大学毕业证完成信一模一样
 
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
快速办理(新加坡SMU毕业证书)新加坡管理大学毕业证文凭证书一模一样
 
Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
 
Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?Should Repositories Participate in the Fediverse?
Should Repositories Participate in the Fediverse?
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
 
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
不能毕业如何获得(USYD毕业证)悉尼大学毕业证成绩单一比一原版制作
 
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
怎么办理(umiami毕业证书)美国迈阿密大学毕业证文凭证书实拍图原版一模一样
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
 
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
 
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理一比一原版(USYD毕业证)悉尼大学毕业证如何办理
一比一原版(USYD毕业证)悉尼大学毕业证如何办理
 
HijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process HollowingHijackLoader Evolution: Interactive Process Hollowing
HijackLoader Evolution: Interactive Process Hollowing
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
 

Fall and rise of web and way forward - what it means to you

  • 1. - What it means to you? Fall & Rise of Web and way forward 27th April 2017 | housejoy.in
  • 2. @nagarajuepuri Sr Engg Mgr - UI @ Flipkart Rewriting web story @ Flipkart
  • 3. ➔ Year 2014, 9.6m PC vs ~60m SmartPhones sold in India ➔ By end of 2014, It was clear where India is heading ➔ India skipped PC era ➔ Mobile Traffic started growing at a fast pace ➔ Mobile web was a joke(Cloud rendering browsers) ➔ Desktop traffic started losing its share ➔ Q1 - 2015, mobile website has been killed ➔ Q4 - 2015, there were rumours of shutting down website Fall of Web - 2014
  • 4. ➔ Web is always a catch up game ➔ Web is at the mercy of browser vendors ➔ No real thought went into how mobile web should be ➔ Developing(no better tools) and maintaining mobile web was pain ➔ Users are not happy with mobile web either(low conversions, huge experience gap) Fall of Web - 2014
  • 5. ➔ Users are spoiled with a rich experience on mobile devices ➔ Team started doing multiple POCs on improving experience on mobile web ➔ Built a Single Page Application(SPA) with rich interactions and saw a flat 10% improvement in conversion ➔ 2015-Q1, launched project called “RichViews” in native apps to bridge experience gap between native and web screens ◆ App Shells ◆ Native API access to web ◆ Same design language/UX on web properties as native app Rise of Web - 2014, 15
  • 6. ➔ ServiceWorkers - FTW : First launched on April 2014 ➔ From the learnings of RichViews, created mobile web POC using SW and Richer Interactions close to what native does ➔ Internally people failed to believe it was a mobile website ➔ Partnered with Chrome team to build world’s first Progressive Web App @ Commercial Scale, FlipkartLite ➔ Constantly pushed Browser Vendors on features(Push Notifications, WebApks, SMS, Native Share) which are relevant to countries like India Rise of Web - 2014, 15
  • 7. ➔ Many leaders started adopting PWAs for their mobile website. ➔ All of the Browser Vendors showed their commitment for implementing SW ➔ Web is moving at a fast pace with deep involvement from most of the browser vendors ➔ PWAs are getting close to become first class citizens(WebAPKs, Rich Push Notifications, Web Share API) on mobile platforms Way forward - 2016, 17
  • 8. ➔ There is no reason why you should not be on web ◆ 40-45% eCom traffic comes from web(differs from business to business) and this will increase ◆ Easy adoption ◆ You can pretty much achieve similar experience on web compared to native ◆ FlipkartLite converts close to what native app does without Push Notifications What it means to you?
  • 9. ➔ Provide best possible experience to users wherever they land(App, Mobile Web, Desktop Web). Spoil them with choice :) ◆ Users are spoiled with best experience on mobile devices. Try giving them similar experience. ◆ We saw ~90% jump in conversion by providing FlipkartLite experience on UCWeb(not kidding!) ◆ Try bridging experience gap as close as possible on mobile web so users don’t need to learn new behaviours. What it means to you?
  • 10. ➔ Browser Vendors would like to hear from you on problems you are facing, to provide best experience to end users. Share your inputs. ◆ They are keen to understand your problems ◆ Most of the recent browser improvements are shaped by dev community. ◆ Good part of web is, its an open platform. What it means to you?
  • 11. Web is at a mercy of developers to shape it better.
  • 12. Do not settle for average #AverageIsOver
  • 13. Q & A