29
2011 Adobe Systems Incorporated. All Rights Reserved. Do início ao fim - Projeto completo para web e celular com Adobe CS5 Web Premium Ana Laura Gomes, consultora Adobe 1

Mobile: web & aplicativos [dicas práticas]

Embed Size (px)

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.

Citation preview

Page 1: 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

Page 2: Mobile: web & aplicativos [dicas práticas]

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]

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]

2011 Adobe Systems Incorporated. All Rights Reserved. 4

Mobile

Page 5: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 5

Mobile: diversidade

Page 6: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved.

Mobile: contexto de uso

Page 7: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 7

Mobile: websites e aplicativos

Websites Aplicativos

Page 8: Mobile: web & aplicativos [dicas práticas]

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]

2011 Adobe Systems Incorporated. All Rights Reserved. 9

Panorama mundial de navegadores web

Page 10: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 10

Panorama nacional de navegadores web

Page 11: Mobile: web & aplicativos [dicas práticas]

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]

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]

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]

2011 Adobe Systems Incorporated. All Rights Reserved. 14

Dicas – “abuse” dos gestos

Page 15: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 15

Dicas – visual incrível

Page 16: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 16

Dicas – visual incrível e atento aos detalhes

Page 17: Mobile: web & aplicativos [dicas práticas]

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]

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]

2011 Adobe Systems Incorporated. All Rights Reserved. 19

Dicas – vá além... | http://bit.ly/ec8HSu

Page 20: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 20

Dicas – muito além...

Page 21: Mobile: web & aplicativos [dicas práticas]

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]

2011 Adobe Systems Incorporated. All Rights Reserved. 22

Prática: planejamento

Page 23: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 23

Sitemap | writemaps.com

Page 24: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 24

Sitemap | www.xmind.net

Page 25: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 25

Wireframe | Blog spark | bit.ly/fSE77l

Page 26: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 26

Wireframe | User Zen | http://bit.ly/eckXKE

Page 27: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 27

Teste... | http://bit.ly/hof90c

Page 28: Mobile: web & aplicativos [dicas práticas]

2011 Adobe Systems Incorporated. All Rights Reserved. 28

Creative Suite 5 – Web Premium

Page 29: Mobile: web & aplicativos [dicas práticas]

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