mobcamp 2014 :: android em tablets - neto marin

37
Developers 1

Upload: dextra

Post on 25-Jun-2015

270 views

Category:

Technology


0 download

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 2014

TRANSCRIPT

Page 1: MobCamp 2014 :: Android em Tablets - Neto Marin

Developers

1

Page 2: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Android em TabletsMercado, UX e Otimização de Apps

+NetoMarin Developer Advocate

Page 3: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 3

Um pequeno exercício…

Page 4: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Quantos já publicaram um app mobile ?

4

Page 5: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Quantos testaram / rodaram o aplicativo em um tablet ?

5

Page 6: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Quem fez uma versão otimizada para tablet ?

6

Page 7: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 7

Porque ainda não pensou em uma

versão para tablets ?

Page 8: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Porque não explorar os tablets ?

• Público pequeno • Baixo retorno • Falta de tempo

8

Page 9: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 9

Tem pouco tablet...

!

Pra que vou fazer app pra

tablet ?

Page 10: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Mercado de computadores pessoais

10

Fonte: IDC

Page 11: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 11

95% dos

tablets comercializados

em 2013 eram

AndroidFonte: IDC

Page 12: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 13: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Porque não explorar os tablets ?

• Público pequeno • Baixo retorno • Falta de tempo

13

Page 14: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 15: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 15

e 21% maior que desktop/laptop.

Fonte: Adobe

Page 16: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 17: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Porque não explorar os tablets ?

• Público pequeno • Baixo retorno • Falta de tempo

17

Page 18: MobCamp 2014 :: Android em Tablets - Neto Marin

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

...

Page 19: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 20: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 21: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

21

espaaaaaaaaaaaaço..............

fragments !http://developer.android.com/guide/components/

fragments.html

Page 22: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Idéia básica

22

Page 23: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Padrões de Fragments

23

Page 24: MobCamp 2014 :: Android em Tablets - Neto Marin

Action BarFacilite a vida do usuário !

Page 25: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 25

Page 26: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 27: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 27

• Ações frequentes

• Navegação, senso de lugar (tabs, spinner).

• Menu e Busca.

Page 28: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Adaptação à rotação e diferente telas

28

Page 29: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014

Porque não explorar os tablets ?

• Público pequeno • Baixo retorno • Falta de tempo

29

Page 30: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 30

Comprimentos excessivos de

linha

Principais problemas de design

Page 31: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 31

Conteúdo desbalanceado

Principais problemas de design

Page 32: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 32

Use o espaço disponível

Principais problemas de design

Page 33: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 33

Combinação

Page 34: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 34

Macro Reorganização

Page 35: MobCamp 2014 :: Android em Tablets - Neto Marin

Palestra apresentada no MobCamp - 05.08.2014 35

Micro Reorganização

Page 36: MobCamp 2014 :: Android em Tablets - Neto Marin

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

Page 37: MobCamp 2014 :: Android em Tablets - Neto Marin

Obrigadogoogle.com/+NetoMarin

google.com/+DesenvolvedoresGooglecodigo-google.blogspot.com.br