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…

“When you stop learning, you stop growing.”

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

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