Mobile: web & aplicativos [dicas práticas]

Do início ao fim - Projeto completo para web e celular com Adobe CS5 Web Premium
Ana Laura Gomes, consultora Adobe
1

Bem vind@s!
analauragomes@gmail.com :: @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
2

Agenda
3
Panorama
Dicas:
teóricas
práticas
Dúvidas

Mobile
4

Mobile: diversidade
5

Mobile: contexto de uso

Mobile: websites e aplicativos
7
Websites
Aplicativos

Mobile: websites
8
Acessos:
fixo
70 milhões
celular
22 milhões
Fevereiro, 2011 | http://bit.ly/hrUBbg

Panorama mundial de navegadores web
9

Panorama nacional de navegadores web
10

Mobile: aplicativos
11
Média de venda:
12.000 unidades
60% abaixo de
10.000 unidades
10% entre
127.000 /3.000.000
16 maio, 2010 | http://tcrn.ch/grpSLt

Dicas – seja relevante
12
Procura por fatos
Imediatismo
Seja 100% relevante

Dicas – lembre-se dos gestos
13
Tap
Drag
Flick
Swipe
Double tap
Pinch open
Pinch close
Touch and hold
Shake

Dicas – “abuse” dos gestos
14

Dicas – visual incrível
15

Dicas – visual incrível e atento aos detalhes
16

Dicas – experiência de uso
17
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)

Dicas – atenção ao design
18
mobile design
web design
software design

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

Dicas – muito além...
20

6 regras, Brian Fling | slidesha.re/hCNANt
21
ser um ninja em contextualização
compreender o meio
manter os dados como dados
projetar para a interação
focar no detalhe
dar tempo ao tempo

Prática: planejamento
22

Sitemap | writemaps.com
23

Sitemap | www.xmind.net
24

Wireframe | Blog spark | bit.ly/fSE77l
25

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

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

CreativeSuite 5 – Web Premium
28

Obrigada e sucesso 
29
@analauragomes :: www.emblema.art.br
analauragomes@gmail.com :: 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.adobe.com

http://webdemais.com.br	942
http://webcache.googleusercontent.com	2
http://webdemais.com.br.	1

Mobile: web & aplicativos [dicas práticas]

by Ana Laura Gomes on May 27, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 945

Statistics

Mobile: web & aplicativos [dicas práticas] — Presentation Transcript