Do início ao fim - Projeto completo para web e celular com Adobe CS5 Web Premium<br />Ana Laura Gomes, consultora Adobe<br...
Bem vind@s!<br />analauragomes@gmail.com :: @analauragomes :: emblema.art.br :: webdemais.com.br<br />Docente, palestrante...
Agenda<br />3<br />Panorama<br />Dicas:<br />teóricas<br />práticas<br />Dúvidas<br />
Mobile<br />4<br />
Mobile: diversidade<br />5<br />
Mobile: contexto de uso<br />
Mobile: websites e aplicativos<br />7<br />Websites<br />Aplicativos<br />
Mobile: websites<br />8<br />Acessos:<br /> fixo<br />70 milhões<br />celular <br />22 milhões<br />Fevereiro, 2011 | http...
Panorama mundial de navegadores web<br />9<br />
Panorama nacional de navegadores web<br />10<br />
Mobile: aplicativos<br />11<br />Média de venda:<br />12.000 unidades<br />60% abaixo de<br />10.000 unidades<br />10% ent...
Dicas – seja relevante<br />12<br />Procura por fatos <br />Imediatismo<br />	  Seja 100% relevante<br />
Dicas – lembre-se dos gestos<br />13<br />Tap<br />Drag<br />Flick<br />Swipe<br />Double tap<br />Pinch open<br />Pinch c...
Dicas – “abuse” dos gestos<br />14<br />
Dicas – visual incrível<br />15<br />
Dicas – visual incrível e atento aos detalhes<br />16<br />
Dicas – experiência de uso<br />17<br />12 milhões de downloads em menos de três meses <br />Já acumulou mais de US$ 70 mi...
Dicas – atenção ao design<br />18<br />mobile design<br />web design<br />software design<br />
Dicas – vá além...      |     http://bit.ly/ec8HSu<br />19<br />
Dicas – muito além...<br />20<br />
6 regras, Brian Fling     |     slidesha.re/hCNANt<br />21<br />ser um ninja em contextualização<br />compreender o meio<b...
Prática: planejamento<br />22<br />
Sitemap     |     writemaps.com<br />23<br />
Sitemap     | www.xmind.net<br />24<br />
Wireframe     |     Blog spark     |     bit.ly/fSE77l<br />25<br />
Wireframe     | User Zen     | http://bit.ly/eckXKE<br />26<br />
Teste...     |     http://bit.ly/hof90c<br />27<br />
CreativeSuite 5 – Web Premium<br />28<br />
Obrigada e sucesso   <br />29<br />@analauragomes		::	www.emblema.art.br<br />analauragomes@gmail.com 	::	www.webdemais.c...
Upcoming SlideShare
Loading in...5
×

Mobile: web & aplicativos [dicas práticas]

3,156

Published on

Palestra Senac Road Show 2011

Dicas 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 Premium

Veja como é fácil produzir um projeto interativo para a web e celular utilizando as ferramentas adobe web premium: fireworks, dreamweaver e flash.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,156
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile: web & aplicativos [dicas práticas]

  1. 1. Do início ao fim - Projeto completo para web e celular com Adobe CS5 Web Premium<br />Ana Laura Gomes, consultora Adobe<br />1<br />
  2. 2. Bem vind@s!<br />analauragomes@gmail.com :: @analauragomes :: emblema.art.br :: webdemais.com.br<br />Docente, palestrante e consultora nas área de Web e Computação Gráfica<br />Colaboradora do W3C Escritório Brasil <br />Publicações:<br />Editora Senac-SP: XHTML/CSS Criação de Páginas Web, Dreamweaver CS5, Fireworks CS5<br />Editora Abril: Coleção Clique a Clique, O curso de informática da Abril<br />Presença digital: www.meadiciona.com/ana_laura<br />2<br />
  3. 3. Agenda<br />3<br />Panorama<br />Dicas:<br />teóricas<br />práticas<br />Dúvidas<br />
  4. 4. Mobile<br />4<br />
  5. 5. Mobile: diversidade<br />5<br />
  6. 6. Mobile: contexto de uso<br />
  7. 7. Mobile: websites e aplicativos<br />7<br />Websites<br />Aplicativos<br />
  8. 8. Mobile: websites<br />8<br />Acessos:<br /> fixo<br />70 milhões<br />celular <br />22 milhões<br />Fevereiro, 2011 | http://bit.ly/hrUBbg<br />
  9. 9. Panorama mundial de navegadores web<br />9<br />
  10. 10. Panorama nacional de navegadores web<br />10<br />
  11. 11. Mobile: aplicativos<br />11<br />Média de venda:<br />12.000 unidades<br />60% abaixo de<br />10.000 unidades<br />10% entre<br />127.000 /3.000.000<br />16 maio, 2010 | http://tcrn.ch/grpSLt<br />
  12. 12. Dicas – seja relevante<br />12<br />Procura por fatos <br />Imediatismo<br /> Seja 100% relevante<br />
  13. 13. Dicas – lembre-se dos gestos<br />13<br />Tap<br />Drag<br />Flick<br />Swipe<br />Double tap<br />Pinch open<br />Pinch close<br />Touch and hold<br />Shake<br />
  14. 14. Dicas – “abuse” dos gestos<br />14<br />
  15. 15. Dicas – visual incrível<br />15<br />
  16. 16. Dicas – visual incrível e atento aos detalhes<br />16<br />
  17. 17. Dicas – experiência de uso<br />17<br />12 milhões de downloads em menos de três meses <br />Já acumulou mais de US$ 70 milhões em lucro<br />(TechGuru, março, 2011 - http://bit.ly/hZ2lAS)<br />
  18. 18. Dicas – atenção ao design<br />18<br />mobile design<br />web design<br />software design<br />
  19. 19. Dicas – vá além... | http://bit.ly/ec8HSu<br />19<br />
  20. 20. Dicas – muito além...<br />20<br />
  21. 21. 6 regras, Brian Fling | slidesha.re/hCNANt<br />21<br />ser um ninja em contextualização<br />compreender o meio<br />manter os dados como dados<br />projetar para a interação<br />focar no detalhe<br />dar tempo ao tempo<br />
  22. 22. Prática: planejamento<br />22<br />
  23. 23. Sitemap | writemaps.com<br />23<br />
  24. 24. Sitemap | www.xmind.net<br />24<br />
  25. 25. Wireframe | Blog spark | bit.ly/fSE77l<br />25<br />
  26. 26. Wireframe | User Zen | http://bit.ly/eckXKE<br />26<br />
  27. 27. Teste... | http://bit.ly/hof90c<br />27<br />
  28. 28. CreativeSuite 5 – Web Premium<br />28<br />
  29. 29. Obrigada e sucesso <br />29<br />@analauragomes :: www.emblema.art.br<br />analauragomes@gmail.com :: www.webdemais.com.br<br />Fireworks: fireworksbr.groups.adobe.com<br />Dreamweaver: augdwbr.groups.adobe.com<br />Desenvolvedor Flash: asdevs.groups.adobe.com<br />Designers do interior de SP: designersp.groups.adobe.com<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×