design para mobilidade

95

Upload: marcelo-negrini

Post on 13-Dec-2014

1.025 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 4: Design para Mobilidade

[email protected]

COMIC SANS só pode ser usada em convite de festinha de criança

Page 5: Design para Mobilidade

[email protected]

MISTRAL

só pode ser usada

em disco do

DURAN-DURAN

Page 6: Design para Mobilidade

[email protected]

ícones do

Windows XP

não podem ser

usados nunca!

Page 9: Design para Mobilidade

[email protected]

total featurephone smartphone

menos de 3 meses 15,7% 11,8% 24,7%

de 4 a 6 meses 16,4% 12,4% 25,7%

de 7 meses a 1 ano 17,9% 18% 17,7%

de 1 ano a 1½ ano 15,9% 16,2% 15,2%

de 1½ ano a 2 anos 9,5% 11,6% 4,8%

mais de 2 anos 24,6% 30,1% 11,9%

fonte: w/mccann & .mobi - 2011

Page 10: Design para Mobilidade

quase 1/3 dos usuários de internet no Brasil têm smartphones

isso significa quase 19 milhões de smartphones no Brasil

cerca de 10% do total de usuários de celulares têm smartphones

em 2010 esse número era de apenas 2%

44% dos proprietários de celulares pretendem trocar de aparelho

nos próximos 6 meses

[email protected]

fonte: w/mccann & .mobi - 2011

Page 11: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

classe a/b

49,7%

classe c

33,5%

classe d/e

19,0%

Page 12: Design para Mobilidade

[email protected]

fonte: ibope/nielsen - 2011

classe a/b

40,0%

classe c

51,0%

classe d/e

14,0%

Page 13: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

28,6% 29,5%

34,6% 33,2%

21,9% 21,1%

14-17 18-24 25-34 35-44 45-54 55-59

Page 14: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

35,0%

17,8%

10,9% 9,8% 8,4%

5,1%

13,0%

Nokia Samsung Motorola Apple LG BlackBerry Outros

importante: diferente de distribuição por sistema operacional

Page 15: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

sim

40%

não

60%

você acessa a internet usando o celular?

30 milhões de brasileiros acessam a Internet por

celular

Isso é mais que o número

total de internautas no Brasil em 2008

Page 16: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

(concentração quase total em iPhone e Android)

Page 17: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

(em featurephones acesso à Internet cai para 22,5%)

Page 18: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

38%

13% 15%

12% 13%

concordo 4 3 2 discordo

você gostaria de ter mais conteúdo disponível para seu celular?

oportunidade: conteúdo dirigido (ex. feminino) e educacional

Page 19: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

Page 20: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

(TV no celular não é via Internet)

Page 21: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

14,5%

12,5%

15,8%

total featurephone smartphone

importante: compra de games, música e ringtones

entram na estatística

você já fez compras em seu celular? (por tipo de aparelho)

Page 22: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

37,3%

9,4% 9,4%

classe a/b classe c classe d/e

importante: proporção na Internet desktop é muito

parecida

você já fez compras em seu celular? (por classe social)

Page 23: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

14,5%

62,6%

14,7% 14,5% 10,5%

5,5% 2,5%

Total Apple LG Samsung Nokia Motorola BlackBerry

importante: fora Apple, foco dos usuários é comunicação (SMS, Messenger,

Twitter, Facebook)

você já fez compras em seu celular?

Page 24: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

você já usou internet banking em seu celular?

31,2%

26,7%

15,9%

classe a/b classe c classe d/e

importante: bancos promovem bastante

seus serviços móveis

Page 25: Design para Mobilidade

[email protected]

total featurephone smartphone

games 79,5% 77,5% 80,2%

redes sociais 71,3% 54% 77,5%

instant messenger 70,1% 46,7% 78,5%

produtividade e email 51,3% 38,9% 55,7%

música 51,2% 60% 48%

mapas 49,4% 20,3% 59,9%

fonte: w/mccann & .mobi - 2011

Page 26: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

não

36%

sim

64%

você baixa novos aplicativos para seu celular?

usuários de smartphones

mais baratos não sabem

que têm smartphones

proporção é a mesma para todas as classes

sociais e idades

Page 27: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

outros

43% games

57%

qual tipo de aplicativo você baixa para seu celular?

média de 12 games

instalados por mês

média de 9 aplicativos (outros) instalados por mês

maioria dos aplicativos é

desisntalada após um curto período de teste

Page 28: Design para Mobilidade

a marca e o sistema operacional dos telefones afetam a maneira

como eles são usados

usuários de iPhone são os mais sofisticados e interativos – o mesmo

pode ser esperado de usuários de Android

usuários de Windows Phone 7 – ainda não lançado no Brasil –

também são muito ativos no exterior

usuários de Symbian, BlackBerry e sistemas proprietários não sabem

que têm smartphones

[email protected]

Page 29: Design para Mobilidade

[email protected]

fonte: w/mccann & .mobi - 2011

Page 30: Design para Mobilidade

em dois ou três anos todos os novos celulares serão smartphones

existirão duas categorias de tablets: os baseados em smartphones e

os baseados em computadores

celulares e tablets serão formatos distintos de mobilidade, com

características específicas

mobilidade será o mercado mainstream, inclusive no corporativo, e

máquinas “com teclado e mouse” serão um nicho de

desenvolvedores e criadores de conteúdo profissionais

[email protected]

Page 31: Design para Mobilidade

[email protected]

(com foco em smartphones e

tablets que venderam bem)

Page 43: Design para Mobilidade

a Palm quase se autodestruiu e a HP acabou de fazer o serviço

a RIM (BlackBerry) está executando mal sua estratégia

o Google percebeu que a Apple dominando mobilidade ia ser ruim

e deu o Android para os outros fabricantes

a Microsoft, depois de muito tempo, admitiu que o Windows Phone

era fraco, jogou fora e fez direito com o Windows Phone 7

a Nokia, depois de muito tempo, admitiu que o Symbian era fraco,

jogou fora e fez um acordo para o Windows Phone 7

[email protected]

Page 46: Design para Mobilidade

o Google está tentando bastante acertar o Android para tablets,

com uma bela ajuda da Samsung, mas ainda não chegou lá

a coisa esquentou tanto que o Google comprou a Motorola!

tablets agora são tão estratégicos para a Microsoft que o Windows

8 vai ser totalmente centrado em tablets

rolam boatos que a Microsoft vai comprar a Nokia

a HP é a maior fabricante de PCs, e se declarou incompetente para

fazer tablets – e vai parar de fazer PCs

rolam boatos que a Microsoft vai fabricar tablets com sua marca

[email protected]

Page 48: Design para Mobilidade

[email protected]

x2 x2 x2

Page 49: Design para Mobilidade

[email protected]

ou seriam 12 plataformas “obrigatórias”

Page 51: Design para Mobilidade

WAP e J2ME nunca “pegaram” além do mercado de games e sites

patrocinados por operadoras

o problema não estava na tecnologia, mas nas operadoras

dificultando sua adoção, com pseudo-internet fechadas

a má usabilidade dos primeiros featurephones e redes lentas

também criaram uma má impressão dessas plataformas

com a iminente popularização de smartphones essas não são boas

apostas a longo prazo

[email protected]

Page 53: Design para Mobilidade

[email protected]

fonte: nielsen - 2011

sites

33%

apps

67%

tempo gasto entre aplicativos e sites móveis?

no geral a experiência com

apps é melhor e mais

consistente, independente

da plataforma

Apple, Google e Microsoft

têm interesse em manter

esse status quo, por receita

compartilhada e para reter

usuários

Page 54: Design para Mobilidade

navegação mais rápida e melhor tempo de resposta

acesso otimizado a câmeras, captura de voz, acelerômetros, GPS,

SMS, interface do telefone e arquivos locais

App Stores oferecem um canal de distribuição e marketing muito

bem sucedido

maior segurança através do armazenamento local de dados

criptografados e acesso a identificadores únicos de dispositivo

melhor usabilidade – metáforas de browser confundem usuários

menos experientes

[email protected]

Page 56: Design para Mobilidade

reconhecimento de toque e gestos

áudio e vídeo avançados

acesso básico a GPS e bússola

gráficos 2D e 3D

armazenamento básico de dados

os clientes de Google Maps e YouTube em HTML5 são tão ou mais

poderosos que suas apps iPhone/iPad, e o Facebook está prometendo

uma plataforma universal de HTML 5

[email protected]

Page 58: Design para Mobilidade

vantagens

camada de abstração para o modelo “HTML Encapsulado”,

facilita uma base de código única

modelo é suportado nas 3 plataformas e está sendo

promovido pela Microsoft para o Windows 8

desvantagens

força o design a um mínimo denominador comum

suporte a Windows Phone 7 ainda não é oficial

pode acabar custando o mesmo que manter diversas

versões nativas, pelo trabalho de unificação e debugi

[email protected]

Page 60: Design para Mobilidade

iniciar com Apple

plataforma mais madura e de proposição mais fácil

maior demanda por clientes

middleware e back-end será comum a outras plataformas

seguir oportunisticamente para Android e Microsoft

explorar cada plataforma ao máximo - ENCANTAR

demanda da clientela deve determinar ordem

qualidade da plataforma e ferramentas de desenvolvimento

penetração de Android hoje é mais alta, mas pode mudar

no ano que vem

Windows 8 vai ser um forte fator de decisão

[email protected]

Page 62: Design para Mobilidade

[email protected]

força de vendas

inspeções

instalações

coleta de dados

visitas simples

consultas de crédito

abertura contas

aplicações gerenciais

Page 63: Design para Mobilidade

[email protected]

força de vendas com

demonstrações

cenários com consulta a

documentos complexos

captura de assinaturas

demonstração de

procedimentos

manipulação de imagens e

documentostas

aplicações gerenciais

Page 65: Design para Mobilidade

[email protected]

1. quem você quer enganar com a frase

“eu tenho um menino de C# que faz um

pouquinho de design”?

2. o padrão de exigência do usuário de

mobilidade atual é muito alto, ditado

pela própria qualidade de Apple,

Google e Microsoft

3. seu produto não pode ser “menos

perfeito” que as aplicações dos próprios

fabricantes

Page 72: Design para Mobilidade

[email protected]

http://developer.apple.com/library/ios/#referencelibrary/GettingStarted/GS_UserExperience_iPhone/_index.html#//apple_ref/doc/uid/TP40007296

Page 73: Design para Mobilidade

[email protected]

http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556

Page 78: Design para Mobilidade

[email protected]

http://landingpad.org/

Page 82: Design para Mobilidade

[email protected]

http://www.google.com/events/io/2011/sessions.html

Page 83: Design para Mobilidade

[email protected]

http://www.androidpatterns.com/

Page 84: Design para Mobilidade

[email protected]

http://developer.android.com/guide/practices/ui_guidelines/index.html

Page 86: Design para Mobilidade

[email protected]

http://blogs.msdn.com/b/silverlight_sdk/archive/2011/01/07/windows-phone-7-design-guidelines-cheat-sheet.aspx

Page 87: Design para Mobilidade

[email protected]

http://channel9.msdn.com/Events/MIX/MIX11?sort=sequential&direction=desc&term=&t=windows%2Bphone

Page 88: Design para Mobilidade

[email protected]

http://www.smashingmagazine.com/2010/05/28/web-development-for-the-iphone-and-ipad-getting-started/

Page 89: Design para Mobilidade

[email protected]

http://www.jqmgallery.com/

Page 90: Design para Mobilidade

[email protected]

http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/

Page 92: Design para Mobilidade

[email protected]

http://developer.apple.com/devcenter/ios/index.action

Page 94: Design para Mobilidade

[email protected]

http://developer.android.com/index.html