INTERFACES RICAS COMO FERRAMENTA
DE ENVOLVIMENTO DO PÚBLICO
Zeh Fernando
Firstborn Multimedia
14º Encontro de Design e Tecnologia Digital
São Paulo - Abril de 2009
Duração: 60 minutos

INTERFACES RICAS

INTERFACES RICAS
RICH INTERFACES
RICH INTERNET APPLICATIONS (RIA)

Microsoft Silverlight
Adobe Flash
Unity Sun JavaFx
Ajax: HTML, CSS, JS, Canvas, +
Fontes: Wikipedia - http://en.wikipedia.org/

ENVOLVIMENTO

Foto por infinitexperiment - http://www.flickr.com/photos/gchen/417922045/in/photostream/

Foto por infinitexperiment - http://www.flickr.com/photos/gchen/417922397/in/photostream/

Foto por infinitexperiment - http://www.flickr.com/photos/gchen/417922240/in/photostream/

CONSISTÊNCIA

BROWSERS MAIS POPULARES
Mundial; Em porcentagem; Por versão; 24/mar/09 a 22/abr/09
IE 7 (2006)
Firefox 3 (2008)
IE 6 (2001)
IE 8 (2009)
Firefox 2 (2006)
Opera 9.6 (~2006)
Chrome (2008)
Safari 3.2 (~2008)
Outros
0 5 10 15 20 25 30 35 40
Fontes: StatCounter Global Stats - http://gs.statcounter.com/#browser_version-ww-daily-20090324-20090422-bar
Wikipedia - http://en.wikipedia.org/wiki/Safari_(web_browser), http://en.wikipedia.org/wiki/Safari_(web_browser),
http://en.wikipedia.org/wiki/Opera_browser

COMPATIBILIDADE COM ACID3
Por versão de browser (stable e betas)
Chrome 2 (beta)
Safari 4 (beta)
Opera 9
Chrome 1
Safari 3
Firefox 3
Firefox 2
IE 8
IE 7
IE 6
0 20 40 60 80 100
Fontes: CNET - http://news.cnet.com/8301-17939_109-10030962-2.html

VERSÕES DO FLASH MAIS POPULARES
Mundial; Em porcentagem; 23/mar/09 a 23/abr/09
10 (out 2008)
9 (jun 2006)
Não instalado
6 (mar 2002)
8 (ago 2005)
7 (set 2003)
0 10 20 30 40 50 60 70
Fontes: RIAStats - http://riastats.com/
Wikipedia - http://en.wikipedia.org/wiki/Adobe_Flash_Player

VERSÃO MÁXIMA DO FLASH SUPORTADA
“Mercados maduros”; Em porcentagem; tempo relativo a meses após lançamento; primeiros 4 anos
Meses após lançamento
Fontes: NPD, Milward Brown - http://www.adobe.com/products/player_census/flashplayer/version_penetration.html,
http://www.macromedia.com/software/player_census/flashplayer/version_penetration.html
Web Archive - http://web.archive.org

VERSÃO MÁXIMA DO FLASH SUPORTADA
“Mercados maduros”; Em porcentagem; tempo absoluto; últimos 8 anos
Data
Fontes: NPD, Milward Brown - http://www.adobe.com/products/player_census/flashplayer/version_penetration.html,
http://www.macromedia.com/software/player_census/flashplayer/version_penetration.html
Web Archive - http://web.archive.org

LIMITAÇÕES

LIMITAÇÕES
SEARCH ENGINE OPTIMIZATION (SEO)
QUEBRA DE PADRÕES DE NAVEGAÇÃO

CASES

MIDDLE FINGER PUB
Gringo Interactive
Direção de criação: Andre Matarazzo
Direção de arte: Ricardo Landim
http://www.gringo.nu/mfp
Abril de 2006

ABSOLUT RUBY RED
Gringo Interactive
Cliente: Absolut Vodka
Direção de criação: Andre Matarazzo
Direção de arte: Victor Sahate
Animações: Victor Sahate, Ricardo Landim, Geo Freitas
http://absolut.com/rubyred_br
http://www.gringo.nu/projects/ruby-red/
Fevereiro de 2007

NATUREZA VIVA
Gringo Interactive
http://www.valenatureza.com.br/
Cliente: Companhia Vale do Rio Doce
http://www.gringo.nu/projects/vale-florestar/
Agência: Africa
Direção de criação: Andre Matarazzo Maio de 2007
Direção de arte: Victor Sahate
Animação 3d: Danilo Almeida
Ilustrações:

LET YOUR WORRIES GO
Firstborn Multimedia
Cliente: Northwestern Mutual
Agência: Downtown Partners
Direção de arte: Joon Park
Animação 3d: Eric Eng
http://www.letyourworriesgo.com/
Março de 2008

WELCOME BACK SPRING
Firstborn Multimedia
Cliente: Lowe's
Agência: Tribal DDB Chicago
Direção: Tim Nolan
Direção de arte: Joon Park
Animação 3d: Eric Eng
http://www.welcomebackspring.com/
Março de 2008

MÉTRICAS

MÉTRICAS
GOOGLE ANALYTICS
http://code.google.com/p/gaforflash/

OBRIGADO
Contato
zeh@zehfernando.com
twitter.com/zeh (inglês)
twitter.com/zeh_br (português)
Download do slideshow: http://tinyurl.com/zedted14
Agradecimentos Links adicionais
Andre Matarazzo Gringo Interactive - http://www.gringo.nu
Bruno Ribeiro – @bribeiro Firstborn Multimedia - http://www.firstbornmultimedia.com
Dan LaCivita FWA - http://www.thefwa.com
Flávio Silva – @flaviosil
Gabriel Laet – @gabriel_laet Imagens adicionais por infinitexperiment:
http://www.flickr.com/photos/gchen/
Jefferson Ietto Novo – @JrezIN
Rodrigo Franco – @caffo
Imagens de websites utilizadas são de propriedades dos
respectivos estúdios, agências e clientes.