Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (15)
En vedette
En vedette (20)
Similaire à Dicas para desenvolvimento de aplicativos móveis
Similaire à Dicas para desenvolvimento de aplicativos móveis (20)
Dernier
Dernier (20)
Dicas para desenvolvimento de aplicativos móveis
- 2. O que eu vou fazer lá???
- 3. E então, o que eu vim fazer aqui???
- 4. 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 das características e necessidades destes dispositivos
- 5. Ok, mas por que criar para este mercado?
- 6. 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. E serão distribuídos 918,6 milhões de smartphones ‣ Receita mundial com telefonia móvel: + 4,8% a.a entre 2012 e 2017. E telefonia 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
- 7. Pra quem já faz ou quer fazer... ‣ Sempre comece por um Mapa de Fluxo
- 8. Pra quem já faz ou quer fazer... ‣ Sempre comece por um Mapa de Fluxo ‣ Primeiro, desenhe bem o fluxo de navegação e só depois vá para wireframes e design. Até mesmo para aplicativos simples! ‣ Importante: tenha certeza de que as telas funcionais estejam no topo e não abaixo de diversos elementos de navegação ‣ Fugir do Mapa de Fluxo é a melhor forma de criar um app complicado e deixar o usuário confuso
- 9. Pra quem já faz ou quer fazer... ‣ Não despreze o orçamento do desenvolvimento
- 10. Pra quem já faz ou quer fazer... ‣ Não despreze o orçamento do desenvolvimento ‣ Tudo o que for desenhado deverá ganhar vida na mão do programador ‣ Muitas vezes, simples mudanças no design podem transformar semanas em dias de desenvolvimento ‣ Por isso, designer e developer devem trabalhar em sintonia
- 11. Pra quem já faz ou quer fazer... ‣ Primeiro high-res. Depois reduza
- 12. 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), crie primeiro para telas de alta resolução, como o retina display e depois diminua ‣ Melhor ainda é partir para os vetores ‣ Prefira não rasterizar e evite bitmaps
- 13. Pra quem já faz ou quer fazer... ‣ Mantenha o tamanho da área de toque
- 14. Pra quem já faz ou quer fazer... ‣ Mantenha o tamanho da área de toque ‣ Lembre-se de que em média os dedos indicadores tem entre 1,6 e 2 cm de largura ‣ E mais: os usuários tem movimentos rápidos toque não muito certeiro ‣ Por isso, além do tamanho dos botões, cuide do espaçamento entre eles ‣ Para a maior parte das telas, use 44px X 44px para os botões
- 15. Pra quem já faz ou quer fazer... ‣ Saiba usar animações de abertura
- 16. Pra quem já faz ou quer fazer... ‣ Saiba usar animações de abertura ‣ Pequenas animações podem ser muito legais, mas cuidado ‣ Elas só podem começar depois de o app estar carregado ‣ Então, se for usar animação, que seja suficientemente rápida e atraente, para justificar a espera ‣ Lembre-se de ter um splash enquanto a animação carrega de fazer uma transição perfeita ‣ Prefira animacões em apps leves
- 17. Pra quem já faz ou quer fazer... ‣ Não deixe o usuário na expectativa
- 18. Pra quem já faz ou quer fazer... ‣ Não deixe o usuário na expectativa ‣ Você quer promover uma grande experiência, então não deixe que o usuário pense que o app não funciona direito ‣ Avise-o com indicadores de carregamento ou melhor ainda de progresso, que o app está carregando conteúdo da web ‣ Mas é sempre importante validar com o developer antes de desenhar o elemento
- 19. Pra quem já faz ou quer fazer... ‣ Evite copiar o estilo de outros OS’s
- 20. Pra quem já faz ou quer fazer... ‣ Evite copiar o estilo de outros OS’s ‣ Cada plataforma tem seu Look n’ Feel ‣ Misturar isso pode confundir e incomodar os usuários ‣ Abuse das diretrizes de Human Interface de cada OS ‣ Não é necessário ter um layout com a cara do criador do OS ‣ Mas cuidado para manter a usabilidade da plataforma
- 21. Pra quem já faz ou quer fazer... ‣ Ninguém usará seu app como você o faz
- 22. Pra quem já faz ou quer fazer... ‣ Ninguém usará seu app como você o faz ‣ Teste de usabilidade é obrigatório, independentemente de quão bonito seja seu design ‣ Se puder, tenha um beta para um pequeno grupo e atualize a interface antes de lançar o app ‣ Se tiver verba e prazo, considere um focus group
- 23. Pra quem já faz ou quer fazer... ‣ Use menus de gestos com parcimônia
- 24. Pra quem já faz ou quer fazer... ‣ Use menus de gestos com parcimônia ‣ Nem todo elemento precisa ser sempre visível. Veja o Delete do app Mail do iOS ‣ Ele é um atalho, mas a função está em Edit “delete” ‣ Então, tenha-os em mente, use- os, mas preferencialmente não como único acesso a uma ação
- 25. Pra quem já faz ou quer fazer...
- 26. Pra quem já faz ou quer fazer...
- 27. Pra quem já faz ou quer fazer... http://developer.android.com/guide/practices/ui_guidelines/index.html https://developer.apple.com/library/ios/#documentation/UserExperience/ Conceptual/MobileHIG/Introduction/Introduction.html http://msdn.microsoft.com/en-us/library/windowsphone/develop/ ff967556(v=vs.105).aspx
- 30. ‣ AirCassette ‣ Nike Fuel+ App Concept ‣ Convertbot‣ Caruso Tabacaria
- 31. ‣ Rise
- 32. ‣ Flipboard ‣ Pinterest‣ Google Now‣ Pulse ‣Do it Tomorrow
- 33. ‣ Clock Pro HD ‣ AmpliTube ‣ Evernote ‣ Facebook
- 34. ‣ RockMate ‣Livro Amyr klink ‣ Wedding Planner for iPad ‣ Foroni HotWheels AR
- 35. Having fun...
- 36. ‣ Paper
- 37. ‣ ColorStrokes HD for iPad ‣ DesignPad
- 38. ‣ Color Rotate ‣Computer Arts: Visualator
- 40. ‣ Color Pal ‣ forger
- 41. ‣ SketchBook Pro ‣ Photoshop Express
- 42. ‣ Pattrn ‣ Graphic Design idea
- 43. ‣ Foldify
- 44. Obrigado! Leo Gmeiner | leo@intuitiveappz.com +55 11 4433 8362