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…

“When you stop learning, you stop growing.”

Fonte: http://bit.ly/29tqPGp

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