mobile: web & aplicativos [dicas práticas]
DESCRIPTION
Palestra Senac Road Show 2011Dicas práticas para o planejamento e a construção de websites ou aplicativos para celular.Do início ao fim - Projeto completo para web e celular com Adobe CS5 Web PremiumVeja como é fácil produzir um projeto interativo para a web e celular utilizando as ferramentas adobe web premium: fireworks, dreamweaver e flash.TRANSCRIPT
![Page 1: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/1.jpg)
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
![Page 2: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/2.jpg)
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
![Page 3: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/3.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 3
Agenda
Panorama
Dicas:
teóricas
práticas
Dúvidas
![Page 4: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/4.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 4
Mobile
![Page 5: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/5.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 5
Mobile: diversidade
![Page 6: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/6.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved.
Mobile: contexto de uso
![Page 7: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/7.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 7
Mobile: websites e aplicativos
Websites Aplicativos
![Page 8: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/8.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 8
Mobile: websites
Acessos:
fixo70 milhões
celular 22 milhões
Fevereiro, 2011 | http://bit.ly/hrUBbg
![Page 9: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/9.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 9
Panorama mundial de navegadores web
![Page 10: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/10.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 10
Panorama nacional de navegadores web
![Page 11: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/11.jpg)
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
![Page 12: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/12.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 12
Dicas – seja relevante
Procura por fatos
Imediatismo
Seja 100% relevante
![Page 13: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/13.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 13
Dicas – lembre-se dos gestos
TapDragFlickSwipeDouble tapPinch openPinch closeTouch and holdShake
![Page 14: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/14.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 14
Dicas – “abuse” dos gestos
![Page 15: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/15.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 15
Dicas – visual incrível
![Page 16: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/16.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 16
Dicas – visual incrível e atento aos detalhes
![Page 17: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/17.jpg)
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)
![Page 18: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/18.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 18
Dicas – atenção ao design
mobile design
software design
web design
![Page 19: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/19.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 19
Dicas – vá além... | http://bit.ly/ec8HSu
![Page 20: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/20.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 20
Dicas – muito além...
![Page 21: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/21.jpg)
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
![Page 22: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/22.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 22
Prática: planejamento
![Page 23: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/23.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 23
Sitemap | writemaps.com
![Page 24: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/24.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 24
Sitemap | www.xmind.net
![Page 25: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/25.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 25
Wireframe | Blog spark | bit.ly/fSE77l
![Page 26: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/26.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 26
Wireframe | User Zen | http://bit.ly/eckXKE
![Page 27: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/27.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 27
Teste... | http://bit.ly/hof90c
![Page 28: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/28.jpg)
2011 Adobe Systems Incorporated. All Rights Reserved. 28
Creative Suite 5 – Web Premium
![Page 29: Mobile: web & aplicativos [dicas práticas]](https://reader035.vdocuments.net/reader035/viewer/2022062303/558c35f6d8b42a6e458b45dd/html5/thumbnails/29.jpg)
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