TDC2016SP - Progressive Web Apps: ao infinito e além!
-
Upload
tdc-globalcode -
Category
Education
-
view
45 -
download
1
Transcript of TDC2016SP - Progressive Web Apps: ao infinito e além!
PR O G R E S S I VE WE B APPSAO I NF I N I TO E AL ÉM! 🚀
@ O L A RC L A RA | | T D C S P ‘ 16
Q UE M S O U E U ?
• Front-end Engineer @ Fleety;
• Juíza @ Technovation Challenge;
• UX entusiasta + Community Lover;
O M U NDO É M OB I LE .D IS S O A G ENT E JÁ S ABE .
W E B VS . NAT IVOA LUTA SE M F I M ( S E RÁ? )
FLU XO D E U S O U M AP P N AT I VO• Abre a App Store/Play
Store;
• Procura o app;
• Aceita as permissões;
• Faz o download;
• Espera instalar;
• Finalmente usa o app;
F LU XO D E U S O U M A P P W E B
• Abre o navegador;
• Digita a URL;
• Usa o app;
Fonte: The U.S. Mobile Report 2015
Fonte: http://gph.is/29gt8MP
É T U DO SO BR E U X .A . K . A . FAZER O U S U ÁR IO FEL I Z .
FUNCTIONALITY
RELIABILITY
USABILITY
PLEASURABLE
AESTETHICS
Inspirado em: http://bit.ly/1OFxlKI
–A LEX R U SS E LL
“Progressive Web Apps are just websites that took all the right vitamins.”
Fonte: http://bit.ly/1sMw5yn
F LU XO D E U S O DE UM PG A• Abre o navegador;
• Digita a URL;
• Usa o app;
• Progressive enhancement…
R E S P O N S IVO S
APPY- L I KE !
RÁ P I D O ! ( M U IT O )
- MOB I LE A P P L I C AT I ON TES T I N G & P ER FOR M A N C E AN ALYS I S
“74% of mobile users won’t wait longer that 5 seconds for a page to load.”
W E B A P P M A N I FE S T
OFFL INE - F IRST !
• >> fastest;• >> networkFirst;• >> networkOnly;
Caching strategies
E N G A JA M E N T O
PU S H É S E N S AC I O N AL .M AS US E CO M M ODE RAÇ ÃO.
Pushes são enviados apenas se o usuario aceitar.
–KA RL I E KLOSS
“When you stop learning, you stop growing.”
OBR IG ADA!HTT P S : / / ABOU T. ME / M AR I AC L ARA S A N TAN A