際際滷

際際滷Share a Scribd company logo
How to Deal with
Mobile Traffic Expansion
Mevlana M. G端rbulak
@MevlanaM
@UXTurkiye
Mobile Traffic
Desktop Traffic
2015
Traffic
Time
responsive sites
m.domains
mobile first
native apps
Main challenge is
Conversion
 Device fragmentation
 Connection issues
 Form factor
 Browser capabilities
Strategy One
Use the power
of the native
apps
1-Deeplinking
Deeplinking simply means
sending the user with a URL
directly to the same page in
the native app.
1-Deeplinking
2-App Indexing
Index your apps pages on
Google so that users can reach
directly to your app even if your
app is not installed
2-App Indexing
3-App Streaming
App streaming enables users to
reach the content of an app
without installing it.
Strategy One
Use the power
of the native
apps
Desktop Apps to Web Apps
http://adaptivepath.org/ideas/ajax-new-approach-web-applications/
Despite this, Web interaction designers cant help but feel a little envious of
our colleagues who create desktop software.
Desktop applications have a richness and responsiveness that has seemed
out of reach on the Web.
The same simplicity that enabled the Webs rapid proliferation also creates a
gap between the experiences we can provide and the experiences users can
get from a desktop application.
AJAX
Ask the server for more information without
having to download the whole page again
(asyncronous data retrieval) thanks to
XMLHttpRequest by Ajax
Web Sites vs Native Apps
Desktop Apps to Web Apps
http://adaptivepath.org/ideas/ajax-new-approach-web-applications/
Despite this, Web interaction designers cant help but feel a little envious of
our colleagues who create desktop software.
Desktop applications have a richness and responsiveness that has seemed
out of reach on the Web.
The same simplicity that enabled the Webs rapid proliferation also creates a
gap between the experiences we can provide and the experiences users can
get from a desktop application.
Web Sites vs Native Apps
http://adaptivepath.org/ideas/ajax-new-approach-web-applications/
Despite this, Web interaction designers cant help but feel a little envious of
our colleagues who create native applications.
Native applications have a richness and responsiveness that has seemed
out of reach on the Web.
The same simplicity that enabled the Webs rapid proliferation also creates a
gap between the experiences we can provide and the experiences users can
get from a native application.
Strategy Two
Create app-like
experience
on the web
Whats Missing on Web
Homescreen Access
Engagement
Offline Mode
Performance
Experience
Progressive Web Apps
Progressive Web Apps are
experiences that combine the
best of the web and the best
of apps. It uses modern web
capabilities to deliver an app-
like user experience on web.
Whats Missing  Homescreen Access
Whats Missing  Homescreen Access
Whats Missing  Homescreen Access
Whats Missing  Homescreen Access
Whats Missing on Web
Homescreen Access
Engagement
Offline Mode
Performance
Experience
Whats Missing on Web
Homescreen Access
Engagement
Offline Mode
Performance
Experience
Whats Missing  Offline Mode
Whats Missing  Offline Mode
Whats Missing on Web
Homescreen Access
Engagement
Offline Mode
Performance
Experience
Whats Missing on Web
Homescreen Access
Engagement
Offline Mode
Performance
Experience
Progressive Web Apps
Progressive - Work for every
user, regardless of browser
choice (well almost)
Progressive Web Apps
Responsive - Fit any form factor:
desktop, mobile, tablet, or
whatever is next.
Progressive Web Apps
Enhanced Connectivity -
Enhanced with service workers
to work offline or on
low quality networks.
Progressive Web Apps
App-like - Feel like an app
to the user with app-style
interactions and navigation.
Progressive Web Apps
Fresh - Always up-to-date
thanks to the service worker
update process.
Progressive Web Apps
Safe - Served via HTTPS
Progressive Web Apps
Discoverable - Are identifiable
as applications and search
engines can find them.
Progressive Web Apps
Re-engageable - Make re-
engagement easy through
features like push notifications.
Progressive Web Apps
Installable - Allow users to keep
apps they find most useful on
their home screen without the
hassle of an app store.
Progressive Web Apps
Linkable - Easily share via URL
and not require complex
installation.
Service Workers
Service Workers
A service worker is a script that is run by
your browser in the background, separate
from a web page.
Service Workers
 Background synchronization: Start up a service worker even when no
users are at the site, so caches can be updated, etc.
Service Workers
 Background synchronization: Start up a service worker even when no
users are at the site, so caches can be updated, etc.
 Reacting to push messages: Start up a service worker to send users a
message to tell them new content is available.
Service Workers
 Background synchronization: Start up a service worker even when no
users are at the site, so caches can be updated, etc.
 Reacting to push messages: Start up a service worker to send users a
message to tell them new content is available.
 Reacting to a particular time & date
Service Workers
 Background synchronization: Start up a service worker even when no
users are at the site, so caches can be updated, etc.
 Reacting to push messages: Start up a service worker to send users a
message to tell them new content is available.
 Reacting to a particular time & date
 Entering a geo-fence
The Progressive Web App Experience
 Reliable: Fast loading, offline and on weak networks
 Fast: Smooth animation, scrolling and navigation
 Engaging and integrated:
On the home screen, no URL bar, icons, splash
Re-engaging with push notifications
 Consistent experience across browsers (still in
progress)
Overall Strategy
Mobile SitesNative Apps
Deep Linking
App Indexing
App Streaming
Make use of new technologies
Progressive Web Apps
Better Experience
Thank you!
Mevlana M. G端rbulak
@MevlanaM
@UXTurkiye

More Related Content

What's hot (20)

Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Software Infrastructure
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
Zhentian Wan
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystified
edynamic
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
Binh Bui
Progressive Web Apps(PWA)
Progressive Web Apps(PWA)Progressive Web Apps(PWA)
Progressive Web Apps(PWA)
Muhamad Fahriza Novriansyah
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
Manfred Steyer
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Vinci Rufus
My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...
Narendra Shetty
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
Bill Stavroulakis
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Subodh Garg
Next Generation Mobile Web - PWA (Progressive Web App)
Next Generation Mobile Web  - PWA (Progressive Web App)Next Generation Mobile Web  - PWA (Progressive Web App)
Next Generation Mobile Web - PWA (Progressive Web App)
Nuri Cahyono
Progressive web app
Progressive web appProgressive web app
Progressive web app
Deepak Upadhyay
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Fastly
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
Ido Green
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
AnjaliTanpure1
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Optis
Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)
Sandip Nirmal
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Suraj Kumar
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Robert Nyman
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
Zhentian Wan
Pwa demystified
Pwa demystifiedPwa demystified
Pwa demystified
edynamic
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
Binh Bui
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
Manfred Steyer
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Vinci Rufus
My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...My learnings on web performance optimization while building a Progressive Web...
My learnings on web performance optimization while building a Progressive Web...
Narendra Shetty
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
Bill Stavroulakis
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Subodh Garg
Next Generation Mobile Web - PWA (Progressive Web App)
Next Generation Mobile Web  - PWA (Progressive Web App)Next Generation Mobile Web  - PWA (Progressive Web App)
Next Generation Mobile Web - PWA (Progressive Web App)
Nuri Cahyono
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Fastly
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
Ido Green
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
AnjaliTanpure1
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Optis
Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)
Sandip Nirmal
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Suraj Kumar
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Robert Nyman

Similar to How to deal with mobile traffic expansion (20)

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
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Saleh Rahimzadeh
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Saikiran Sheshagiri
Web application development full & detailed guide for 2022
Web application development  full & detailed guide for 2022Web application development  full & detailed guide for 2022
Web application development full & detailed guide for 2022
Metricoid Technology
PWAs overview
PWAs overview PWAs overview
PWAs overview
TejinderMakkar
progressive web app
 progressive web app progressive web app
progressive web app
RAGINI .
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
RavikantGautam8
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
Sankalp Khandelwal
A year with progressive web apps! #webinale
A year with progressive web apps! #webinaleA year with progressive web apps! #webinale
A year with progressive web apps! #webinale
Antonio Peric-Mazar
Web Applications: Dominance and Drawbacks
Web Applications: Dominance and DrawbacksWeb Applications: Dominance and Drawbacks
Web Applications: Dominance and Drawbacks
iMOBDEV Technologies Pvt. Ltd.
A year with progressive web apps! #DevConMU
A year with progressive web apps! #DevConMUA year with progressive web apps! #DevConMU
A year with progressive web apps! #DevConMU
Antonio Peric-Mazar
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
The Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.pptThe Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.ppt
Asad Majeed
Service workers are your best friends
Service workers are your best friendsService workers are your best friends
Service workers are your best friends
Antonio Peric-Mazar
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
ShantanuApurva1
Web Application Development Cost.pdf
Web Application Development Cost.pdfWeb Application Development Cost.pdf
Web Application Development Cost.pdf
Simform
What Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentWhat Are Progressive Web Application Development
What Are Progressive Web Application Development
App Verticals
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
WebGuru Infosystems Pvt. Ltd.
Progressive Web App Development: The Future of Mobile App Development
Progressive Web App Development: The Future of Mobile App DevelopmentProgressive Web App Development: The Future of Mobile App Development
Progressive Web App Development: The Future of Mobile App Development
Stigasoft Pvt. Ltd.
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
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
Web application development full & detailed guide for 2022
Web application development  full & detailed guide for 2022Web application development  full & detailed guide for 2022
Web application development full & detailed guide for 2022
Metricoid Technology
progressive web app
 progressive web app progressive web app
progressive web app
RAGINI .
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
RavikantGautam8
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
Sankalp Khandelwal
A year with progressive web apps! #webinale
A year with progressive web apps! #webinaleA year with progressive web apps! #webinale
A year with progressive web apps! #webinale
Antonio Peric-Mazar
A year with progressive web apps! #DevConMU
A year with progressive web apps! #DevConMUA year with progressive web apps! #DevConMU
A year with progressive web apps! #DevConMU
Antonio Peric-Mazar
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
The Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.pptThe Ultimate Guide to Modern Web App Development.ppt
The Ultimate Guide to Modern Web App Development.ppt
Asad Majeed
Service workers are your best friends
Service workers are your best friendsService workers are your best friends
Service workers are your best friends
Antonio Peric-Mazar
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
ShantanuApurva1
Web Application Development Cost.pdf
Web Application Development Cost.pdfWeb Application Development Cost.pdf
Web Application Development Cost.pdf
Simform
What Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentWhat Are Progressive Web Application Development
What Are Progressive Web Application Development
App Verticals
Progressive Web App Development: The Future of Mobile App Development
Progressive Web App Development: The Future of Mobile App DevelopmentProgressive Web App Development: The Future of Mobile App Development
Progressive Web App Development: The Future of Mobile App Development
Stigasoft Pvt. Ltd.
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

Recently uploaded (20)

The CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding GuideThe CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding Guide
Adriana Yankey
Uncover 5 Secrets to Craft Unforgettable Logos
Uncover 5 Secrets to Craft Unforgettable LogosUncover 5 Secrets to Craft Unforgettable Logos
Uncover 5 Secrets to Craft Unforgettable Logos
Virtual Employee Pvt. Ltd.
Introductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptxIntroductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptx
khaledsameh950
APPROPRIATETECHNOLOGIES FOR URBAN AND RURAL HOUSING
APPROPRIATETECHNOLOGIES FOR URBAN AND  RURAL HOUSINGAPPROPRIATETECHNOLOGIES FOR URBAN AND  RURAL HOUSING
APPROPRIATETECHNOLOGIES FOR URBAN AND RURAL HOUSING
JIT KUMAR GUPTA
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos ShirtCrown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
TeeFusion
Ramadhan 2 Large.pdfRamadhan 2 Large.pdf
Ramadhan 2 Large.pdfRamadhan 2 Large.pdfRamadhan 2 Large.pdfRamadhan 2 Large.pdf
Ramadhan 2 Large.pdfRamadhan 2 Large.pdf
SuryaDharma65
Ramadhan 1 Large.pdfRamadhan 1 Large.pdf
Ramadhan 1 Large.pdfRamadhan 1 Large.pdfRamadhan 1 Large.pdfRamadhan 1 Large.pdf
Ramadhan 1 Large.pdfRamadhan 1 Large.pdf
SuryaDharma65
Design I.Y. HOUSING at Lonavala by S+PS Architects, Sublime Ordinariness H...
Design I.Y. HOUSING at Lonavala by   S+PS Architects,  Sublime Ordinariness H...Design I.Y. HOUSING at Lonavala by   S+PS Architects,  Sublime Ordinariness H...
Design I.Y. HOUSING at Lonavala by S+PS Architects, Sublime Ordinariness H...
JnaneshPreethan
General Space and Zoning Bubble diagram for Hospital
General Space and Zoning Bubble diagram for HospitalGeneral Space and Zoning Bubble diagram for Hospital
General Space and Zoning Bubble diagram for Hospital
JhonxD10
Mastering Signage: Strategies for Success
Mastering Signage: Strategies for SuccessMastering Signage: Strategies for Success
Mastering Signage: Strategies for Success
Zealwise Technologies Pvt. Ltd.
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
SuryaDharma65
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The PastNature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
jejchudley
edit power------------oooppppppppppppppoint.pptx
edit power------------oooppppppppppppppoint.pptxedit power------------oooppppppppppppppoint.pptx
edit power------------oooppppppppppppppoint.pptx
sarikasharma627282
01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...
01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...
01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...
rohayiw496
Transform your space into a sanctuary with SPL Interiors where comfort meet...
Transform your space into a sanctuary with SPL Interiors  where comfort meet...Transform your space into a sanctuary with SPL Interiors  where comfort meet...
Transform your space into a sanctuary with SPL Interiors where comfort meet...
SPL Interiors
70's are Back Agency by 際際滷sadfdgo.pptx
70's are Back Agency by 際際滷sadfdgo.pptx70's are Back Agency by 際際滷sadfdgo.pptx
70's are Back Agency by 際際滷sadfdgo.pptx
khaledsameh950
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
SuryaDharma65
periodic properties NDA.pptx to become better
periodic properties NDA.pptx to become betterperiodic properties NDA.pptx to become better
periodic properties NDA.pptx to become better
steveparker9990sp
Planning Unit No.9 Kharadi Development Plan for Kharadi
Planning Unit No.9 Kharadi Development Plan for KharadiPlanning Unit No.9 Kharadi Development Plan for Kharadi
Planning Unit No.9 Kharadi Development Plan for Kharadi
DanishPathan7
POC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptx
POC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptxPOC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptx
POC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptx
anikogiant
The CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding GuideThe CLEAR Brands CLEAR EFX Branding Guide
The CLEAR Brands CLEAR EFX Branding Guide
Adriana Yankey
Uncover 5 Secrets to Craft Unforgettable Logos
Uncover 5 Secrets to Craft Unforgettable LogosUncover 5 Secrets to Craft Unforgettable Logos
Uncover 5 Secrets to Craft Unforgettable Logos
Virtual Employee Pvt. Ltd.
Introductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptxIntroductory f 23233224242342455Lec..pptx
Introductory f 23233224242342455Lec..pptx
khaledsameh950
APPROPRIATETECHNOLOGIES FOR URBAN AND RURAL HOUSING
APPROPRIATETECHNOLOGIES FOR URBAN AND  RURAL HOUSINGAPPROPRIATETECHNOLOGIES FOR URBAN AND  RURAL HOUSING
APPROPRIATETECHNOLOGIES FOR URBAN AND RURAL HOUSING
JIT KUMAR GUPTA
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos ShirtCrown Freak Of Philos Shirt Crown Freak Of Philos Shirt
Crown Freak Of Philos Shirt Crown Freak Of Philos Shirt
TeeFusion
Ramadhan 2 Large.pdfRamadhan 2 Large.pdf
Ramadhan 2 Large.pdfRamadhan 2 Large.pdfRamadhan 2 Large.pdfRamadhan 2 Large.pdf
Ramadhan 2 Large.pdfRamadhan 2 Large.pdf
SuryaDharma65
Ramadhan 1 Large.pdfRamadhan 1 Large.pdf
Ramadhan 1 Large.pdfRamadhan 1 Large.pdfRamadhan 1 Large.pdfRamadhan 1 Large.pdf
Ramadhan 1 Large.pdfRamadhan 1 Large.pdf
SuryaDharma65
Design I.Y. HOUSING at Lonavala by S+PS Architects, Sublime Ordinariness H...
Design I.Y. HOUSING at Lonavala by   S+PS Architects,  Sublime Ordinariness H...Design I.Y. HOUSING at Lonavala by   S+PS Architects,  Sublime Ordinariness H...
Design I.Y. HOUSING at Lonavala by S+PS Architects, Sublime Ordinariness H...
JnaneshPreethan
General Space and Zoning Bubble diagram for Hospital
General Space and Zoning Bubble diagram for HospitalGeneral Space and Zoning Bubble diagram for Hospital
General Space and Zoning Bubble diagram for Hospital
JhonxD10
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
Ramadhan 4 Fancy.pdfRamadhan 4 Fancy.pdf
SuryaDharma65
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The PastNature Inspired Innovation : Designing The Future Using Lessons From The Past
Nature Inspired Innovation : Designing The Future Using Lessons From The Past
jejchudley
edit power------------oooppppppppppppppoint.pptx
edit power------------oooppppppppppppppoint.pptxedit power------------oooppppppppppppppoint.pptx
edit power------------oooppppppppppppppoint.pptx
sarikasharma627282
01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...
01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...
01_BasicTechniquesTools.pptx "Malware creeps unseen, corrupting data and cont...
rohayiw496
Transform your space into a sanctuary with SPL Interiors where comfort meet...
Transform your space into a sanctuary with SPL Interiors  where comfort meet...Transform your space into a sanctuary with SPL Interiors  where comfort meet...
Transform your space into a sanctuary with SPL Interiors where comfort meet...
SPL Interiors
70's are Back Agency by 際際滷sadfdgo.pptx
70's are Back Agency by 際際滷sadfdgo.pptx70's are Back Agency by 際際滷sadfdgo.pptx
70's are Back Agency by 際際滷sadfdgo.pptx
khaledsameh950
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
Ramadhan 3 Fancy.pdfRamadhan 3 Fancy.pdf
SuryaDharma65
periodic properties NDA.pptx to become better
periodic properties NDA.pptx to become betterperiodic properties NDA.pptx to become better
periodic properties NDA.pptx to become better
steveparker9990sp
Planning Unit No.9 Kharadi Development Plan for Kharadi
Planning Unit No.9 Kharadi Development Plan for KharadiPlanning Unit No.9 Kharadi Development Plan for Kharadi
Planning Unit No.9 Kharadi Development Plan for Kharadi
DanishPathan7
POC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptx
POC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptxPOC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptx
POC ONT FIBERHOMEPOC ONT FIBERHOMEPOC ONT FIBERHOME.pptx
anikogiant

How to deal with mobile traffic expansion

  • 1. How to Deal with Mobile Traffic Expansion Mevlana M. G端rbulak @MevlanaM @UXTurkiye
  • 5. Device fragmentation Connection issues Form factor Browser capabilities
  • 6. Strategy One Use the power of the native apps
  • 7. 1-Deeplinking Deeplinking simply means sending the user with a URL directly to the same page in the native app.
  • 9. 2-App Indexing Index your apps pages on Google so that users can reach directly to your app even if your app is not installed
  • 11. 3-App Streaming App streaming enables users to reach the content of an app without installing it.
  • 12. Strategy One Use the power of the native apps
  • 13. Desktop Apps to Web Apps http://adaptivepath.org/ideas/ajax-new-approach-web-applications/ Despite this, Web interaction designers cant help but feel a little envious of our colleagues who create desktop software. Desktop applications have a richness and responsiveness that has seemed out of reach on the Web. The same simplicity that enabled the Webs rapid proliferation also creates a gap between the experiences we can provide and the experiences users can get from a desktop application.
  • 14. AJAX Ask the server for more information without having to download the whole page again (asyncronous data retrieval) thanks to XMLHttpRequest by Ajax
  • 15. Web Sites vs Native Apps
  • 16. Desktop Apps to Web Apps http://adaptivepath.org/ideas/ajax-new-approach-web-applications/ Despite this, Web interaction designers cant help but feel a little envious of our colleagues who create desktop software. Desktop applications have a richness and responsiveness that has seemed out of reach on the Web. The same simplicity that enabled the Webs rapid proliferation also creates a gap between the experiences we can provide and the experiences users can get from a desktop application.
  • 17. Web Sites vs Native Apps http://adaptivepath.org/ideas/ajax-new-approach-web-applications/ Despite this, Web interaction designers cant help but feel a little envious of our colleagues who create native applications. Native applications have a richness and responsiveness that has seemed out of reach on the Web. The same simplicity that enabled the Webs rapid proliferation also creates a gap between the experiences we can provide and the experiences users can get from a native application.
  • 19. Whats Missing on Web Homescreen Access Engagement Offline Mode Performance Experience
  • 20. Progressive Web Apps Progressive Web Apps are experiences that combine the best of the web and the best of apps. It uses modern web capabilities to deliver an app- like user experience on web.
  • 21. Whats Missing Homescreen Access
  • 22. Whats Missing Homescreen Access
  • 23. Whats Missing Homescreen Access
  • 24. Whats Missing Homescreen Access
  • 25. Whats Missing on Web Homescreen Access Engagement Offline Mode Performance Experience
  • 26. Whats Missing on Web Homescreen Access Engagement Offline Mode Performance Experience
  • 27. Whats Missing Offline Mode
  • 28. Whats Missing Offline Mode
  • 29. Whats Missing on Web Homescreen Access Engagement Offline Mode Performance Experience
  • 30. Whats Missing on Web Homescreen Access Engagement Offline Mode Performance Experience
  • 31. Progressive Web Apps Progressive - Work for every user, regardless of browser choice (well almost)
  • 32. Progressive Web Apps Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next.
  • 33. Progressive Web Apps Enhanced Connectivity - Enhanced with service workers to work offline or on low quality networks.
  • 34. Progressive Web Apps App-like - Feel like an app to the user with app-style interactions and navigation.
  • 35. Progressive Web Apps Fresh - Always up-to-date thanks to the service worker update process.
  • 36. Progressive Web Apps Safe - Served via HTTPS
  • 37. Progressive Web Apps Discoverable - Are identifiable as applications and search engines can find them.
  • 38. Progressive Web Apps Re-engageable - Make re- engagement easy through features like push notifications.
  • 39. Progressive Web Apps Installable - Allow users to keep apps they find most useful on their home screen without the hassle of an app store.
  • 40. Progressive Web Apps Linkable - Easily share via URL and not require complex installation.
  • 42. Service Workers A service worker is a script that is run by your browser in the background, separate from a web page.
  • 43. Service Workers Background synchronization: Start up a service worker even when no users are at the site, so caches can be updated, etc.
  • 44. Service Workers Background synchronization: Start up a service worker even when no users are at the site, so caches can be updated, etc. Reacting to push messages: Start up a service worker to send users a message to tell them new content is available.
  • 45. Service Workers Background synchronization: Start up a service worker even when no users are at the site, so caches can be updated, etc. Reacting to push messages: Start up a service worker to send users a message to tell them new content is available. Reacting to a particular time & date
  • 46. Service Workers Background synchronization: Start up a service worker even when no users are at the site, so caches can be updated, etc. Reacting to push messages: Start up a service worker to send users a message to tell them new content is available. Reacting to a particular time & date Entering a geo-fence
  • 47. The Progressive Web App Experience Reliable: Fast loading, offline and on weak networks Fast: Smooth animation, scrolling and navigation Engaging and integrated: On the home screen, no URL bar, icons, splash Re-engaging with push notifications Consistent experience across browsers (still in progress)
  • 48. Overall Strategy Mobile SitesNative Apps Deep Linking App Indexing App Streaming Make use of new technologies Progressive Web Apps Better Experience
  • 49. Thank you! Mevlana M. G端rbulak @MevlanaM @UXTurkiye