Projetando MobileDiana FournierThiago Tiveron
Por que mobile? 73% não saem de casa sem seus dispositivos móveis. 27 milhões de Brasileiros tem smartphones. 42% usam ...
Por que mobile?
O Uso de aplicativos 14 aplicativos em média instalados no smartphone. 6 aplicativos usados nos últimos 30 dias. 2 apli...
Mobilidade possibilita:Interações!
Mobilidade possibilita:Interações! 45% pesquisaram no smartphone e depois compraram pelo computador. 30% pesquisaram no ...
Mobilidade possibilita:VENDAS!
Ou seja… Mobile é:
Pensando mobile… Contexto mobile é totalmente diferente do contexto desktop… por isso  devemos pensar diferente também! ...
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Desktop
Pensando mobile…Mobile
Pensando mobile…Mobile
Pensando mobile…Mobile
Pensando mobile…Mobile
Pensando mobile…Mobile
Pensando mobile…Mobile
Pensando mobile… Espaço menor que do desktop… Isso é um ponto positivo ao desenvolver um projeto de Design para  mobile....
Ok! Vamos ao projeto Mobile
Pesquisa Benchmarking Questionários Entrevistas Pesquisa de opnião
Concepção Momento VIAGEM! Brainstorms Uso e análises de produtos semelhantes Definição do que vai ter de conteúdo, inf...
Concepção Momento VIAGEM! Brainstorms Uso e análises de produtos semelhantes Definição do que vai ter de conteúdo, inf...
Concepção Momento VIAGEM! Brainstorms Uso e análises de produtos semelhantes Definição do que vai ter de conteúdo, inf...
Arquitetura da Informação Desenvolver as melhoras navegações e interações para usuários  de dispositivos móveis. Prioriz...
“Layoutando” Desenvolver layouts simples, levando em conta conceitos de  design. Realçar toda interação no layout… como ...
Implementação Com dados das pesquisas em mãos, decidir quais serão as  plataformas alcançadas pelo seu aplicativo. Ex: iO...
Final do final Testar uma versão beta com os usuários em pontencial; Corrigir eventuais bugs; Fazer alterações pontuais...
Vamos brincar! *-*Desenvolver um aplicativo que resolva a sua vida nesses diasatipicos que tem vivido no R Design – R Lab....
Vamos brincar! *-*Perdidos no Alojamento!-   Input de dados – cadastrar anteriormente a localização da barraca;-   Utiliza...
Referênciashttps://services.google.com/fh/files/blogs/our_mobile_planet_brazil_pt_BR.pdfhttp://www.slideshare.net/horacio....
WE L VE
Projetando Mobile
Projetando Mobile
Projetando Mobile
Projetando Mobile
Projetando Mobile
Upcoming SlideShare
Loading in …5
×

Projetando Mobile

562 views

Published on

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

No Downloads
Views
Total views
562
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Projetando Mobile

  1. 1. Projetando MobileDiana FournierThiago Tiveron
  2. 2. Por que mobile? 73% não saem de casa sem seus dispositivos móveis. 27 milhões de Brasileiros tem smartphones. 42% usam internet em seus smartphones pelo menos 1x ao dia… Destes 59% para acessar redes sociais, 57% para acessar emails e 55% mecanismos de pesquisas. 27% disseram preferir ficar sem TV do que seu celular. 50% pesquisam em seus smartphones todos os dias… destes 48% procura informações sobre produtos, 29% restaurantes, pubs e bares e 28% viagens.
  3. 3. Por que mobile?
  4. 4. O Uso de aplicativos 14 aplicativos em média instalados no smartphone. 6 aplicativos usados nos últimos 30 dias. 2 aplicativos pagos instalados em média. 88% dos usuários acessam Redes Sociais via apps.
  5. 5. Mobilidade possibilita:Interações!
  6. 6. Mobilidade possibilita:Interações! 45% pesquisaram no smartphone e depois compraram pelo computador. 30% pesquisaram no smartphone e depois compraram em lojas físicas. 31% dos usuários de smartphones compraram produto ou serviço em seus aparelhos. 54% desses compradores fizeram uma compra no mês passado.
  7. 7. Mobilidade possibilita:VENDAS!
  8. 8. Ou seja… Mobile é:
  9. 9. Pensando mobile… Contexto mobile é totalmente diferente do contexto desktop… por isso devemos pensar diferente também! No mundo mobile (devido à limitações) todos somos daltônicos e sofremos mal de Parkinson. Atentar a: Interferências de pessoas, sons, visuais, etc; Tempo dedicado àquela interação; Culturas diferentes dos diversos usuários; Devices e sistemas operacionais diferentes.
  10. 10. Pensando mobile…Desktop
  11. 11. Pensando mobile…Desktop
  12. 12. Pensando mobile…Desktop
  13. 13. Pensando mobile…Desktop
  14. 14. Pensando mobile…Desktop
  15. 15. Pensando mobile…Desktop
  16. 16. Pensando mobile…Desktop
  17. 17. Pensando mobile…Desktop
  18. 18. Pensando mobile…Desktop
  19. 19. Pensando mobile…Desktop
  20. 20. Pensando mobile…Desktop
  21. 21. Pensando mobile…Mobile
  22. 22. Pensando mobile…Mobile
  23. 23. Pensando mobile…Mobile
  24. 24. Pensando mobile…Mobile
  25. 25. Pensando mobile…Mobile
  26. 26. Pensando mobile…Mobile
  27. 27. Pensando mobile… Espaço menor que do desktop… Isso é um ponto positivo ao desenvolver um projeto de Design para mobile. Pouco espaço força priorizar o que é mais importante no conteúdo que deve ser exibido, solucionando de uma forma mais rápida o “problema”. Ao desenvolver para mobile, menos é mais!
  28. 28. Ok! Vamos ao projeto Mobile
  29. 29. Pesquisa Benchmarking Questionários Entrevistas Pesquisa de opnião
  30. 30. Concepção Momento VIAGEM! Brainstorms Uso e análises de produtos semelhantes Definição do que vai ter de conteúdo, informação e funcionalidades.
  31. 31. Concepção Momento VIAGEM! Brainstorms Uso e análises de produtos semelhantes Definição do que vai ter de conteúdo, informação e funcionalidades.
  32. 32. Concepção Momento VIAGEM! Brainstorms Uso e análises de produtos semelhantes Definição do que vai ter de conteúdo, informação e funcionalidades.
  33. 33. Arquitetura da Informação Desenvolver as melhoras navegações e interações para usuários de dispositivos móveis. Priorizar as informações e conteúdo, organizando-os de maneira clara e de fácil compreensão. Pensar nas plataformas e guide lines existentes. Desenvolver protótipos navegáveis para visualização das navegações. Testar, testar e testar em protótipo (teste de usabilidade em protótipo, grupo de foco, etc).
  34. 34. “Layoutando” Desenvolver layouts simples, levando em conta conceitos de design. Realçar toda interação no layout… como botões pressionados, abas selecionadas, item em destaque, etc. Manter consistência e seguir guide line nativa de cada plataforma.
  35. 35. Implementação Com dados das pesquisas em mãos, decidir quais serão as plataformas alcançadas pelo seu aplicativo. Ex: iOS, Android e Windows Phone Definir qual é a tecnologia que atende a necessidade do seu projeto, levando em conta suas vantagens e desvantagens. Nativo vs. HTML5 Ajustar seu cronograma, pois além de ser testado por você, seu aplicativo passará por revisão na loja de aplicativos da plataforma escolhida(Apple Store, Google Play) e estará sujeita a reprovação =(
  36. 36. Final do final Testar uma versão beta com os usuários em pontencial; Corrigir eventuais bugs; Fazer alterações pontuais que forem apontadas pelos testes;
  37. 37. Vamos brincar! *-*Desenvolver um aplicativo que resolva a sua vida nesses diasatipicos que tem vivido no R Design – R Lab.- Perdidos no Alojamento! Um aplicativo que ajude vc a encontrar onde está a sua barraca naquele momento que você chega bêbado da festa!- Despertador para atividades do R Você é daqueles que quando está “interagindo” com outras pessoas esquece do mundo… Desenvolva um app que te ajude a lembrar daquela atividade que você queria tanto assistir!
  38. 38. Vamos brincar! *-*Perdidos no Alojamento!- Input de dados – cadastrar anteriormente a localização da barraca;- Utilizar recursos como GPS e mapas;- Você tem um perfil no app e pode adicionar amigos e encontrar a barraca deles também! :D- Tentar desenvolver o app em poucas telas!- Despertador para atividades do R- Input de dados – cadastrar anteriormente as atividades que você gostaria de participar;- Ter como visualizar toda a programação do evento e ver a sua agenda marcada nela.- Pode configurar o tempo que o app vai “despertar” te avisando do inicio da atividade.- Tentar desenvolver o app em poucas telas!
  39. 39. Referênciashttps://services.google.com/fh/files/blogs/our_mobile_planet_brazil_pt_BR.pdfhttp://www.slideshare.net/horacio.soares/mobile-first-w3c-webbr-2012http://www.thinkwithgoogle.com/mobileplanet/pt-br/http://arquiteturadeinformacao.com/2012/08/07/usando-o-axure-para-criar-prototipos-mobile/http://arquiteturadeinformacao.com/2012/07/09/voce-nao-vai-ter-audiencia-mobile-enquanto-voce-nao-incorporar-de-verdade-o-que-significa-ser-mobile/http://arquiteturadeinformacao.com/2012/10/26/27-guidelines-para-ux-design-em-dispositivos-moveis/
  40. 40. WE L VE

×