O documento discute o desenvolvimento de aplicativos móveis para as principais plataformas, incluindo iOS, Android e Windows Phone. Ele descreve as características e interfaces de cada plataforma, além de discutir fatores importantes como experiência do usuário e ambientes de desenvolvimento. O documento também fornece recomendações sobre como escolher uma plataforma para iniciar o desenvolvimento de aplicativos móveis.

1. Mobile, por onde e como
começar
André Gustavo Espeiorin
X Jornada de Estudos Ambientais e Novas Tecnologias

2. Apresentação
Sócio da Code Rockr
Desenvolvedor Web/Mobile
Instrutor desenvolvimento Objective-C/iOS
Usuário iOS/Android
Responsável pelos projetos mobile da Code Rockr
http://about.me/xorna

3. Caminho trilhado até aqui...
Desenvolvimento Web
Desenvolvimento Web Mobile
Desenvolvimento para Android
Desenvolvimento para iPhone
Desenvolvimento para iOS (iPhone, iPad)

4. Desenvolvimento Web Mobile
Versões Mobile de projetos já existentes
HTML/HTML5, CSS/CSS3 e Javascript
Ambiente de Testes
Blackberry iPhone

5. Desenvolvimento Android
Estudo da Plataforma
Android 2.0
Ambiente de Testes
Milestone Android Simulator

6. Desenvolvimento iPhone
Estudo da Plataforma iPhone OS 3
Desenvolvimento do primeiro app
Drimio Shopper Ambiente de Testes
iPhone Simulator
iPhone 3G
iPhone 3GS

7. Desenvolvimento iOS 4 Ambiente de Testes
iPhone Simulator
Estudo da Plataforma iOS4 iPhone 3GS
iPhone 4
Desenvolvimento de diversos apps
iPad

8. Desenvolvimento iOS 4 Ambiente de Testes
iPhone Simulator
Estudo da Plataforma iOS4 iPhone 3GS
iPhone 4
Desenvolvimento de diversos apps
iPad
Arkpad

9. Desenvolvimento iOS 4 Ambiente de Testes
iPhone Simulator
Estudo da Plataforma iOS4 iPhone 3GS
iPhone 4
Desenvolvimento de diversos apps
iPad
Arkpad
iCarros App

10. Desenvolvimento iOS 4 Ambiente de Testes
iPhone Simulator
Estudo da Plataforma iOS4 iPhone 3GS
iPhone 4
Desenvolvimento de diversos apps
iPad
Arkpad
iCarros App
Nossa Joinville Mobile

11. Desenvolvimento iOS 4 Ambiente de Testes
iPhone Simulator
Estudo da Plataforma iOS4 iPhone 3GS
iPhone 4
Desenvolvimento de diversos apps
iPad
Arkpad
iCarros App
Nossa Joinville Mobile
Catálogo SH

12. O que é preciso para começar...
Interesse em tecnologias móveis
Criatividade
Preocupação com experiência
Domínio sobre OOP e Design Patterns
Dominar a plataforma escolhida

13. Características

14. Portabilidade

15. Simplicidade

16. Usuários Engajados

17. Rentabilidade

18. Multiplataforma

19. Plataformas

20. Web Mobile
Versões mobile de sites e aplicações web
Independente de qualquer controle
Aplicação “centralizada”
Não atende a todas as necessidades
Não é tão sexy para usuários
Não está 100% disponível

21. Brigando pelo topo

22. Brigando pelo topo

23. Brigando pelo topo

24. Correndo por fora

25. Correndo por fora

26. Morrendo Lentamente

27. Morrendo Lentamente

28. Fora do Páreo

29. Fora do Páreo

30. Fora do Páreo

31. Fora do Páreo

32. Fora do Páreo

33. Qual plataforma escolher?
Empresas
iOS e Android
Preparar-se para WP7 em 2012
Desenvolvedores
A plataforma que sentir mais afinidade

34. Características da Plataforma iOS
iTunes App Store
Qualidade média alta
Ambiente controlado pela Apple
Poucos dispositivos para suportar
Aplicativos Nativos
Ideal para desenvolvedores de Games

35. Características da Plataforma Android
Várias lojas de Aplicativos
Ambiente livre de controle
Qualidade média baixa
Grande número de dispositivos para suportar
Grandes empresas sustentam a plataforma
Mercado fácil de se destacar

36. Características da Plataforma WP7
Windows Phone Marketplace
Interface Gráfica Clean e Imutável
Pobre em APIs e Recursos (ainda)
Integração Zune e XBox
Integração com Redes Sociais
Adotado pela Nokia

37. Ambiente de Desenvolvimento iOS
Mac OS X Instruments
Xcode iOS Simulator

38. Ambiente de Desenvolvimento Android
Android SDK
Android Emulator

39. Ambiente de Desenvolvimento WP7
Windows Visual Studio
Expression Blend XNA

40. User eXperience (UX)

41. Por que tanta preocupação?
UX é determinante em mobile
Transformação
Fidelização
Melhor Ranking para o app
Mais downloads e compras
Mais dinheiro =D

42. O que nunca fazer...
Portar UI de outras plataformas
Utilizar alertas em excesso
Utilizar fontes pequenas demais
Controles pequenos
Fugir do conceito inicial da plataforma
Criar comandos com gestos difíceis

43. O que fazer...
UI de acordo com a plataforma
Controles de tamanho razoável
Tratar diferentes resoluções
Foco no que é importante
Fontes fáceis de ler
Foco no usuário

44. Interface de cada Plataforma

45. iPhone/iPod Touch

46. iPhone/iPod Touch
Abas

47. iPhone/iPod Touch
Conteúdo
Abas

48. iPhone/iPod Touch
Navegação/Opções
Conteúdo
Abas

49. iPhone/iPod Touch

50. iPhone/iPod Touch
Aba Selecionada

51. iPhone/iPod Touch
Conteúdo
Aba Selecionada

52. iPhone/iPod Touch
Opções do item
Conteúdo
Aba Selecionada

53. iPhone/iPod Touch
Voltar
Opções do item
Conteúdo
Aba Selecionada

54. iPhone/iPod Touch

55. iPhone/iPod Touch
Conteúdo

56. iPhone/iPod Touch
Voltar
Conteúdo

57. iPhone/iPod Touch
Navegação
Voltar
Alternativa
Conteúdo

58. iPhone/iPod Touch
Navegação
Voltar
Alternativa
Conteúdo
Indicação de
Atalho para ação

59. iPad

60. iPad
Abas

61. iPad
Abas Conteúdo

62. iPad Barra de Navegação
Abas Conteúdo

63. iPad

64. iPad
Menu

65. iPad Outras
Opções
Menu

66. iPad Outras
Opções
Menu
Conteúdo

67. iPad

68. iPad Overlay

69. iPad Overlay
Modal Box

70. iPad Overlay
Navegação
Modal Box

71. iPad Overlay
Fechar
Navegação
Modal Box

72. Smartphones Android

73. Smartphones Android
Home

74. Smartphones Android
Menu
Home

75. Smartphones Android
Menu Voltar
Home

76. Smartphones Android
Menu Voltar
Home Buscar

77. Smartphones Android

78. Smartphones Android
Navegação

79. Smartphones Android
Navegação
Abas

80. Smartphones Android
Navegação
Abas
Abas de
Conteúdo

81. Smartphones Android
Navegação
Abas
Abas de
Conteúdo
Conteúdo

82. Smartphones Android

83. Smartphones Android
Navegação

84. Smartphones Android
Navegação
Opções

85. Smartphones Android
Navegação
Opções
Feedback

86. Tablets Android

87. Tablets Android
Voltar

88. Tablets Android
Voltar
Home

89. Tablets Android
Voltar
Home Aplicativos
abertos

90. Tablets Android
Voltar
Home Aplicativos Menu
abertos

91. Tablets Android
Abas
Voltar
Home Aplicativos Menu
abertos

92. Tablets Android
Opções
Abas
Voltar
Home Aplicativos Menu
abertos

93. Tablets Android
Opções
Abas
Voltar
Conteúdo
Home Aplicativos Menu
abertos

94. Windows Phone 7 (Metro UI)

95. Windows Phone 7 (Metro UI)
Home

96. Windows Phone 7 (Metro UI)
Voltar Home

97. Windows Phone 7 (Metro UI)
Voltar Home Buscar

98. Windows Phone 7 (Metro UI)
Tiles
Voltar Home Buscar

99. Windows Phone 7 (Metro UI)

100. Windows Phone 7 (Metro UI)
Conteúdo

101. Windows Phone 7 (Metro UI)
Conteúdo
Continua
para o lado

102. Windows Phone 7 (Metro UI)

103. Perguntas???