UnisantaSamba_100513

159 visualizações

Publicada em

Palestra na Samba 2013, da Unisanta.

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
159
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

UnisantaSamba_100513

  1. 1. O que eu vou fazer lá???
  2. 2. E então, o que eu vim fazer aqui???
  3. 3. E então, o que eu vim fazer aqui???‣ Falar sobre o meu dia-a-dia e tentar:‣ dar, a vocês, subsídios para partirem -ou não - para o mercado mobile‣ apresentar alguns dados da área‣ conversar sobre algumas dascaracterísticas e necessidades destesdispositivos
  4. 4. Ok, mas por que criar para este mercado?
  5. 5. Ok, mas por que criar para este mercado?‣ Celulares estão nos bolsos de 6 bi dos 7 bi de habitantes do mundo‣ Governo brasileiro zerou impostos para smartphones até R$ 1.500‣ Ao fim de 2013, 50,1% dos telefones do mundo serão smartphones. Eserão distribuídos 918,6 milhões de smartphones‣ Receita mundial com telefonia móvel: + 4,8% a.a entre 2012 e 2017. Etelefonia fixa apenas 1,4% no mesmo período‣ Vendas de tablets 2013: US$ 64 bi em receita no mundo = + 28%‣ Vendas de smartphones no Brasil: + 129%, entre 2013 e 2017‣ Acessos móveis: + 42,6%, entre 2012 e 2017 no mundo‣ Downloads de games: de 21 bi para 64,1 bi, entre 2012 e 2017‣ Apps smartphones: US$ 16,4 bi em receita no mundo este ano‣ Apps tablets: US$ 8,8 bi em receita no mundo este ano
  6. 6. Pra quem já faz ou quer fazer...‣ Sempre comece por um Mapa de Fluxo
  7. 7. Pra quem já faz ou quer fazer...‣ Sempre comece por um Mapa de Fluxo‣ Primeiro, desenhe bem o fluxode navegação e só depois vápara wireframes e design. Atémesmo para aplicativos simples!‣ Importante: tenha certeza deque as telas funcionais estejamno topo e não abaixo de diversoselementos de navegação‣ Fugir do Mapa de Fluxo é amelhor forma de criar um appcomplicado e deixar o usuárioconfuso
  8. 8. Pra quem já faz ou quer fazer...‣ Não despreze o orçamento do desenvolvimento
  9. 9. Pra quem já faz ou quer fazer...‣ Não despreze o orçamento do desenvolvimento‣ Tudo o que for desenhadodeverá ganhar vida na mão doprogramador‣ Muitas vezes, simplesmudanças no design podemtransformar semanas em dias dedesenvolvimento‣ Por isso, designer e developerdevem trabalhar em sintonia
  10. 10. Pra quem já faz ou quer fazer...‣ Primeiro high-res. Depois reduza
  11. 11. Pra quem já faz ou quer fazer...‣ Primeiro high-res. Depois reduza‣ Como o número de telas sócresce (só iOS são 5), crieprimeiro para telas de altaresolução, como o retina displaye depois diminua‣ Melhor ainda é partir para osvetores‣ Prefira não rasterizar e evitebitmaps
  12. 12. Pra quem já faz ou quer fazer...‣ Mantenha o tamanho da área de toque
  13. 13. Pra quem já faz ou quer fazer...‣ Mantenha o tamanho da área de toque‣ Lembre-se de que em média osdedos indicadores tem entre 1,6e 2 cm de largura‣ E mais: os usuários temmovimentos rápidos toque nãomuito certeiro‣ Por isso, além do tamanho dosbotões, cuide do espaçamentoentre eles‣ Para a maior parte das telas,use 44px X 44px para os botões
  14. 14. Pra quem já faz ou quer fazer...‣ Saiba usar animações de abertura
  15. 15. Pra quem já faz ou quer fazer...‣ Saiba usar animações de abertura‣ Pequenas animações podemser muito legais, mas cuidado‣ Elas só podem começar depoisde o app estar carregado‣ Então, se for usar animação,que seja suficientemente rápida eatraente, para justificar a espera‣ Lembre-se de ter um splashenquanto a animação carrega defazer uma transição perfeita‣ Prefira animacões em appsleves
  16. 16. Pra quem já faz ou quer fazer...‣ Não deixe o usuário na expectativa
  17. 17. Pra quem já faz ou quer fazer...‣ Não deixe o usuário na expectativa‣ Você quer promover umagrande experiência, então nãodeixe que o usuário pense que oapp não funciona direito‣ Avise-o com indicadores decarregamento ou melhor ainda deprogresso, que o app estácarregando conteúdo da web‣ Mas é sempre importantevalidar com o developer antes dedesenhar o elemento
  18. 18. Pra quem já faz ou quer fazer...‣ Evite copiar o estilo de outros OS’s
  19. 19. Pra quem já faz ou quer fazer...‣ Evite copiar o estilo de outros OS’s‣ Cada plataforma tem seu Lookn’ Feel‣ Misturar isso pode confundir eincomodar os usuários‣ Abuse das diretrizes de HumanInterface de cada OS‣ Não é necessário ter um layoutcom a cara do criador do OS‣ Mas cuidado para manter ausabilidade da plataforma
  20. 20. Pra quem já faz ou quer fazer...‣ Ninguém usará seu app como você o faz
  21. 21. Pra quem já faz ou quer fazer...‣ Ninguém usará seu app como você o faz‣ Teste de usabilidade éobrigatório, independentementede quão bonito seja seu design‣ Se puder, tenha um beta paraum pequeno grupo e atualize ainterface antes de lançar o app‣ Se tiver verba e prazo,considere um focus group
  22. 22. Pra quem já faz ou quer fazer...‣ Use menus de gestos com parcimônia
  23. 23. Pra quem já faz ou quer fazer...‣ Use menus de gestos com parcimônia‣ Nem todo elemento precisa sersempre visível. Veja o Delete doapp Mail do iOS‣ Ele é um atalho, mas a funçãoestá em Edit “delete”‣ Então, tenha-os em mente, use-os, mas preferencialmente nãocomo único acesso a uma ação
  24. 24. Pra quem já faz ou quer fazer...
  25. 25. Pra quem já faz ou quer fazer...
  26. 26. Pra quem já faz ou quer fazer...http://developer.android.com/guide/practices/ui_guidelines/index.htmlhttps://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.htmlhttp://msdn.microsoft.com/en-us/library/windowsphone/develop/ff967556(v=vs.105).aspx
  27. 27. ‣ AirCassette‣ Nike Fuel+ App Concept ‣ Convertbot‣ Caruso Tabacaria
  28. 28. ‣ Rise
  29. 29. ‣ Flipboard ‣ Pinterest‣ Google Now‣ Pulse‣Do it Tomorrow
  30. 30. ‣ Clock Pro HD‣ AmpliTube‣ Evernote‣ Facebook
  31. 31. ‣ RockMate‣Livro Amyr klink‣ Wedding Planner for iPad‣ Foroni HotWheels AR
  32. 32. Having fun...
  33. 33. ‣ Paper
  34. 34. ‣ ColorStrokes HD for iPad‣ DesignPad
  35. 35. ‣ Color Rotate‣Computer Arts: Visualator
  36. 36. ‣ App Cooker‣iMockups
  37. 37. ‣ Color Pal‣ forger
  38. 38. ‣ SketchBook Pro‣ Photoshop Express
  39. 39. ‣ Pattrn‣ Graphic Design idea
  40. 40. ‣ Foldify
  41. 41. Obrigado!Leo Gmeiner | leo@intuitiveappz.com+55 11 4433 8362

×