dia do rock - interação jornal papel + digital

Dia do RockBY KZUKA

INTERACAO JORNAL / DIGITAL

‘‘

TRABALHO PARALELO

FrontEnd

WebAnalytics

FrontEnd UX PO

kzuka

Tecnopuc

Editora Designer

O HTML5 ESTA PRONTO?

`

A tag audio por si só não faz muita coisa

[

[

[

[A API Javascript pode ser usada para controlar o som

[[ jQuery, na versão “normal” não ajuda muito com dispositivos mobile

USAMOS ZEPTO

Framework minimalista em Javascript com linguagem compatível com jQuery

p.ex.: $, $().on()

Resolveu o problema de delay no touch(POREM, SOMENTE DO TOUCH)

Diminuiu o tamanho total dos arquivos

1.

2.

,

Ainda tínhamos (E TEMOS) um bug clássico (?) audio.play() audio.currentTime = 0 //ou 0.1 ou ‘0.1’

OU...

Resolvemos com Soundjs Velocidade de resposta ficou ok(NOS MELHORES BROWSERS)

Gravamos as notas separadas usando o Guitar Pro 6 (VERSAO TRIAL. SEM PIRATARIA, GENTE!)

e Audacity

’

FALA CRIS!

POM POM POM TCHAU

ANIMACOES

CSS - animation com @keyframesPORQUE ANIMATION COM JS - SUCKS

‘

‘

1 CORDA

REPLICAR E ADAPTAR

SEM IMAGENS!

Botões e Sombras

• Maleável• Reaproveitamento• Leve• Menos requisições

NAO CARREGUE IMAGENS GRANDES NO MEU 3G, PLS!

(A GUITARRA, NE?)

Responsividade

• Otimizar o aproveitamento do espaço disponível.• O que importa é o rock!

`

‘

941 usuários/browsers, sendo 290 dispositivos móveis

305 INTERACOES. ISTO E BOM OU RUIM?’

`’

ISTO E BOM!`

OBRIGADO!