P R O G R E S S I V E W E B A P P SA O I N F I N I T O E A L É M ! 🚀
@ O L A R C L A R A | | T D C S P ‘ 1 6
Q U E M S O U E U ?
• Front-end Engineer @ Fleety;
• Juíza @ Technovation Challenge;
• UX entusiasta + Community Lover;
O M U N D O É M O B I L E . D I S S O A G E N T E J Á S A B E .
W E B V S . N AT I V OA L U TA S E M F I M (SERÁ?)
F L U X O D E U S O U M A P P N AT I V O
• Abre a App Store/Play Store;
• Procura o app;
• Aceita as permissões;
• Faz o download;
• Espera instalar;
• Finalmente usa o app;
F L U X O 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 D O S O B R E U X . A . K . A . F A Z E R O U S U Á R I O F E L I Z .
FUNCTIONALITY
RELIABILITY
USABILITY
PLEASURABLE
AESTETHICS
Inspirado em: http://bit.ly/1OFxlKI
– A L E X R U S S E L L
“Progressive Web Apps are just websites that took all the right vitamins.”
Fonte: http://bit.ly/1sMw5yn
F L U X O D E U S O D E U M P G A
• Abre o navegador;
• Digita a URL;
• Usa o app;
• Progressive enhancement…
R E S P O N S I V O S
APPY- L I KE !
R Á P I D O ! ( M U I T O )
- M O B I L E A P P L I C AT I O N T E S T I N G & P E R F O R M A N C E A N A LY S 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 F E S T
OFFL INE - F I R ST !
• >> fastest;
• >> networkFirst;
• >> networkOnly;
Caching strategies
E N G A J A M E N T O
P U S H É S E N S A C I O N A L . M A S U S E C O M M O D E R A Ç Ã O .
Pushes são enviados apenas se o usuario aceitar.
– K A R L I E K L O S S
“When you stop learning, you stop growing.”
O B R I G A D A !H T T P S : / / A B O U T. M E / M A R I A C L A R A S A N TA N A