mobcamp 2014 :: android em tablets - neto marin
DESCRIPTION
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 2014TRANSCRIPT
Developers
1
Palestra apresentada no MobCamp - 05.08.2014
Android em TabletsMercado, UX e Otimização de Apps
+NetoMarin Developer Advocate
Palestra apresentada no MobCamp - 05.08.2014 3
Um pequeno exercício…
Palestra apresentada no MobCamp - 05.08.2014
Quantos já publicaram um app mobile ?
4
Palestra apresentada no MobCamp - 05.08.2014
Quantos testaram / rodaram o aplicativo em um tablet ?
5
Palestra apresentada no MobCamp - 05.08.2014
Quem fez uma versão otimizada para tablet ?
6
Palestra apresentada no MobCamp - 05.08.2014 7
Porque ainda não pensou em uma
versão para tablets ?
Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno • Baixo retorno • Falta de tempo
8
Palestra apresentada no MobCamp - 05.08.2014 9
Tem pouco tablet...
!
Pra que vou fazer app pra
tablet ?
Palestra apresentada no MobCamp - 05.08.2014
Mercado de computadores pessoais
10
Fonte: IDC
Palestra apresentada no MobCamp - 05.08.2014 11
95% dos
tablets comercializados
em 2013 eram
AndroidFonte: IDC
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 2013Fonte: IDC
Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno • Baixo retorno • Falta de tempo
13
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
Palestra apresentada no MobCamp - 05.08.2014 15
e 21% maior que desktop/laptop.
Fonte: Adobe
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
Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno • Baixo retorno • Falta de tempo
17
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
...
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
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
Palestra apresentada no MobCamp - 05.08.2014
21
espaaaaaaaaaaaaço..............
fragments !http://developer.android.com/guide/components/
fragments.html
Palestra apresentada no MobCamp - 05.08.2014
Idéia básica
22
Palestra apresentada no MobCamp - 05.08.2014
Padrões de Fragments
23
Action BarFacilite a vida do usuário !
Palestra apresentada no MobCamp - 05.08.2014 25
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
Palestra apresentada no MobCamp - 05.08.2014 27
• Ações frequentes
• Navegação, senso de lugar (tabs, spinner).
• Menu e Busca.
Palestra apresentada no MobCamp - 05.08.2014
Adaptação à rotação e diferente telas
28
Palestra apresentada no MobCamp - 05.08.2014
Porque não explorar os tablets ?
• Público pequeno • Baixo retorno • Falta de tempo
29
Palestra apresentada no MobCamp - 05.08.2014 30
Comprimentos excessivos de
linha
Principais problemas de design
Palestra apresentada no MobCamp - 05.08.2014 31
Conteúdo desbalanceado
Principais problemas de design
Palestra apresentada no MobCamp - 05.08.2014 32
Use o espaço disponível
Principais problemas de design
Palestra apresentada no MobCamp - 05.08.2014 33
Combinação
Palestra apresentada no MobCamp - 05.08.2014 34
Macro Reorganização
Palestra apresentada no MobCamp - 05.08.2014 35
Micro Reorganização
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
Obrigadogoogle.com/+NetoMarin
google.com/+DesenvolvedoresGooglecodigo-google.blogspot.com.br