A venda de tablets Android vem crescendo a cada ano, e várias pesquisas mostram que os usuários de tablets gastam mais tempo e dinheiro em Apps. Diante de um mercado como esse, o seu App está preparado para os tablets? Você sabe como otimizá-lo para dispositivos maiores? Nessa palestra vamos começar discutindo um pouco esse mercado e algumas estatísticas que podem motivar ainda mais os desenvolvedores a deixarem seus Apps funcionando bem em tablets. Veremos como conseguir isso utilizando Fragments e a Action Bar, e mostraremos técnicas de UI e UX importantes que devem ser levadas em conta na hora de projetar o seu App Android para o uso eficaz em tablets. -- Palestra realizada por Neto Marin no MobCamp 2014

1. Developers
1

2. Palestra apresentada no MobCamp - 05.08.2014
Android em Tablets
Mercado, UX e Otimização de Apps
+NetoMarin
Developer Advocate

3. Palestra apresentada no MobCamp - 05.08.2014 3
Um pequeno exercício…

4. Palestra apresentada no MobCamp - 05.08.2014
Quantos já publicaram um app mobile ?
4

5. Palestra apresentada no MobCamp - 05.08.2014
Quantos testaram / rodaram o aplicativo
em um tablet ?
5

6. Palestra apresentada no MobCamp - 05.08.2014
Quem fez uma versão otimizada para
tablet ?
6

7. Palestra apresentada no MobCamp - 05.08.2014 7
Porque ainda não
pensou em uma
versão para
tablets ?

8. Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno
• Baixo retorno
• Falta de tempo
8

9. Palestra apresentada no MobCamp - 05.08.2014 9
Tem pouco
tablet...
!
Pra que vou
fazer app pra
tablet ?

10. Palestra apresentada no MobCamp - 05.08.2014
Mercado de computadores pessoais
10
Fonte: IDC

11. Palestra apresentada no MobCamp - 05.08.2014 11
95% dos
tablets
comercializados
em 2013 eram
AndroidFonte: IDC

12. Palestra apresentada no MobCamp - 05.08.2014 12
O preço médio dos tablets
caíram de R$ 761 em 2012
Para R$ 520 em 2013
Fonte: IDC

13. Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno
• Baixo retorno
• Falta de tempo
13

14. Palestra apresentada no MobCamp - 05.08.2014 14
Ticket médio dos usuários
de tablet é 54% maior que
usuários de smartphones
Fonte: Adobe

15. Palestra apresentada no MobCamp - 05.08.2014 15
e 21% maior que desktop/
laptop.
Fonte: Adobe

16. Palestra apresentada no MobCamp - 05.08.2014 16
Mais de 60% dos usuários de
tablet e smartphone que
instalaram aplicativos pagaram
por um app, e os que somente
possuem smartphone, 40%
Fonte: Analysys Mason

17. Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno
• Baixo retorno
• Falta de tempo
17

18. Palestra apresentada no MobCamp - 05.08.2014
Compatibilidade
18
small
normal
large
xlarge
ldpi
mdpi
hdpi
xhdpi
port
land
res/layout-small/
my_layout.xml
res/layout-small-land/
my_layout.xml
res/drawable-ldpi/
my_image.png
sw600dp
sw720dp
w720dp
h720dp
...

19. Palestra apresentada no MobCamp - 05.08.2014
E também...
19
• Use <supports-screens>
• Layouts diferentes para tamanhos diferentes
• Use dp e sp ao invés de pixels
• Use match_parent e wrap_content em layouts
• Não use AbsoluteLayout
• Forneça bitmaps para diferentes resoluções
• http://developer.android.com/guide/practices/
screens_support.html

20. Palestra apresentada no MobCamp - 05.08.2014
Support Library
• http://developer.android.com/tools/extras/
support-library.html
!
• Permite o uso de features disponíveis a partir
da 3.x em versões a partir do API level 4.
- Algumas alterações são necessárias para rodar
Fragments, por exemplo.
20

21. Palestra apresentada no MobCamp - 05.08.2014
21
espaaaaaaaaaaaaço..............
fragments !
http://developer.android.com/guide/components/
fragments.html

22. Palestra apresentada no MobCamp - 05.08.2014
Idéia básica
22

23. Palestra apresentada no MobCamp - 05.08.2014
Padrões de Fragments
23

24. Action Bar
Facilite a vida do usuário !

25. Palestra apresentada no MobCamp - 05.08.2014 25

26. Palestra apresentada no MobCamp - 05.08.2014 26
1. Ícone da app
!
O ícone estabelece a identidade da
aplicação, ou marca.
Atenção, se o usuário não estiver no nível
mais alto da navegação, tenha certeza de
mostrar o “up navigation” no ícone.
2. View control
!
Se o aplicativo mostrar diferentes views,
esse pedaço da action bar permite ao
usuário trocar qual está sendo exibida.
Caso a app não tenha várias views, essa
área pode ser usada para mostrar
conteúdo informativo e não interativo,
como por exemplo o título da app ou
alguma informação da marca.
3. Action buttons
!
Mostra as ações mais importantes da sua
aplicação. Ações que não caibam na
action bar, são movidas
automaticamente para o menu overflow.
Um toque longo no item exibe o nome da
ação.
4. Action overflow
!
Ações menos importantes da aplicação.
Para apps pré action bar, as ações do
menu são acessível por esse item.
http://developer.android.com/design/patterns/actionbar.html

27. Palestra apresentada no MobCamp - 05.08.2014 27
• Ações frequentes
• Navegação, senso de lugar (tabs, spinner).
• Menu e Busca.

28. Palestra apresentada no MobCamp - 05.08.2014
Adaptação à rotação e diferente telas
28

29. Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno
• Baixo retorno
• Falta de tempo
29

30. Palestra apresentada no MobCamp - 05.08.2014 30
Comprimentos
excessivos de
linha
Principais problemas de design

31. Palestra apresentada no MobCamp - 05.08.2014 31
Conteúdo
desbalanceado
Principais problemas de design

32. Palestra apresentada no MobCamp - 05.08.2014 32
Use o espaço
disponível
Principais problemas de design

33. Palestra apresentada no MobCamp - 05.08.2014 33
Combinação

34. Palestra apresentada no MobCamp - 05.08.2014 34
Macro Reorganização

35. Palestra apresentada no MobCamp - 05.08.2014 35
Micro Reorganização

36. Palestra apresentada no MobCamp - 05.08.2014
Referências e pesquisas
• Venda de tablets no Brasil cresceu 151%, com destaque para aparelhos
baratos
• Vendas de tablets ultrapassam as de desktop no Brasil
• Vendas de tablets vão superar as de notebooks no Brasil
• Venda de tablets cresce 312% no Brasil
• Venda de tablets e smartphones deve crescer 23% no Brasil em 2014
• Brasil: venda de smartphones cresce 110% no ano e supera celulares
comuns
• 2014, o ano dos tablets e dos smartphones
• Tablet ultrapassa vendas de desktop e notebook pela 1ª vez no Brasil
36

37. Obrigado
google.com/+NetoMarin
google.com/+DesenvolvedoresGoogle
codigo-google.blogspot.com.br