Mobile: web & aplicativos [dicas práticas]
-
Upload
ana-laura-gomes -
Category
Technology
-
view
3.133 -
download
0
description
Transcript of Mobile: web & aplicativos [dicas práticas]
2011 Adobe Systems Incorporated. All Rights Reserved. 1
Do início ao fim - Projeto completo para web e celular com Adobe CS5 Web PremiumAna Laura Gomes, consultora Adobe
2011 Adobe Systems Incorporated. All Rights Reserved. 2
Bem vind@s!
[email protected] :: @analauragomes :: emblema.art.br :: webdemais.com.br
Docente, palestrante e consultora nas área de Web e Computação Gráfica
Colaboradora do W3C Escritório Brasil
Publicações:Editora Senac-SP: XHTML/CSS Criação de Páginas Web, Dreamweaver CS5, Fireworks CS5
Editora Abril: Coleção Clique a Clique, O curso de informática da Abril
Presença digital: www.meadiciona.com/ana_laura
2011 Adobe Systems Incorporated. All Rights Reserved. 3
Agenda
Panorama
Dicas:
teóricas
práticas
Dúvidas
2011 Adobe Systems Incorporated. All Rights Reserved. 4
Mobile
2011 Adobe Systems Incorporated. All Rights Reserved. 5
Mobile: diversidade
2011 Adobe Systems Incorporated. All Rights Reserved.
Mobile: contexto de uso
2011 Adobe Systems Incorporated. All Rights Reserved. 7
Mobile: websites e aplicativos
Websites Aplicativos
2011 Adobe Systems Incorporated. All Rights Reserved. 8
Mobile: websites
Acessos:
fixo70 milhões
celular 22 milhões
Fevereiro, 2011 | http://bit.ly/hrUBbg
2011 Adobe Systems Incorporated. All Rights Reserved. 9
Panorama mundial de navegadores web
2011 Adobe Systems Incorporated. All Rights Reserved. 10
Panorama nacional de navegadores web
2011 Adobe Systems Incorporated. All Rights Reserved. 11
Mobile: aplicativos
Média de venda:12.000 unidades
60% abaixo de10.000 unidades
10% entre127.000 /3.000.000
16 maio, 2010 | http://tcrn.ch/grpSLt
2011 Adobe Systems Incorporated. All Rights Reserved. 12
Dicas – seja relevante
Procura por fatos
Imediatismo
Seja 100% relevante
2011 Adobe Systems Incorporated. All Rights Reserved. 13
Dicas – lembre-se dos gestos
TapDragFlickSwipeDouble tapPinch openPinch closeTouch and holdShake
2011 Adobe Systems Incorporated. All Rights Reserved. 14
Dicas – “abuse” dos gestos
2011 Adobe Systems Incorporated. All Rights Reserved. 15
Dicas – visual incrível
2011 Adobe Systems Incorporated. All Rights Reserved. 16
Dicas – visual incrível e atento aos detalhes
2011 Adobe Systems Incorporated. All Rights Reserved. 17
Dicas – experiência de uso
12 milhões de downloads em menos de três meses Já acumulou mais de US$ 70 milhões em lucro(TechGuru, março, 2011 - http://bit.ly/hZ2lAS)
2011 Adobe Systems Incorporated. All Rights Reserved. 18
Dicas – atenção ao design
mobile design
software design
web design
2011 Adobe Systems Incorporated. All Rights Reserved. 19
Dicas – vá além... | http://bit.ly/ec8HSu
2011 Adobe Systems Incorporated. All Rights Reserved. 20
Dicas – muito além...
2011 Adobe Systems Incorporated. All Rights Reserved. 21
6 regras, Brian Fling | slidesha.re/hCNANt
compreender o meio
manter os dados
como dados
ser um ninja em
contextualização
projetar para a
interação
focar no
detalhe
dar tempo ao tempo
2011 Adobe Systems Incorporated. All Rights Reserved. 22
Prática: planejamento
2011 Adobe Systems Incorporated. All Rights Reserved. 23
Sitemap | writemaps.com
2011 Adobe Systems Incorporated. All Rights Reserved. 24
Sitemap | www.xmind.net
2011 Adobe Systems Incorporated. All Rights Reserved. 25
Wireframe | Blog spark | bit.ly/fSE77l
2011 Adobe Systems Incorporated. All Rights Reserved. 26
Wireframe | User Zen | http://bit.ly/eckXKE
2011 Adobe Systems Incorporated. All Rights Reserved. 27
Teste... | http://bit.ly/hof90c
2011 Adobe Systems Incorporated. All Rights Reserved. 28
Creative Suite 5 – Web Premium
2011 Adobe Systems Incorporated. All Rights Reserved. 29
Obrigada e sucesso
@analauragomes :: www.emblema.art.br
[email protected] ::www.webdemais.com.br
Fireworks: fireworksbr.groups.adobe.com
Dreamweaver: augdwbr.groups.adobe.com
Desenvolvedor Flash: asdevs.groups.adobe.com
Designers do interior de SP: designersp.groups.ado
be.com