Transcrição

1

2

3

4 Hello Android Design

5 Flexibilidade

6 Android Design

7 Flexibilidade Seu layout fica bem no meu dispositivo?

8 Flexibilidade E quando está em landscape?

9 Flexibilidade Meu smartphone possui QWERTY!

10 Flexibilidade E quando meu tablet está em portrait?

11 Flexibilidade Tenho que desenvolver para todos os dispositivos agora?

12 Flexibilidade TALVEZ

13 Flexibilidade O seu app é utilizado em quais ocasiões? Desenvolvendo para o seu público alvo!

14 Flexibilidade Começando pelos dispositivos de tamanhos medianos Aborde o maior número de usuários!

15 Flexibilidade Seja escalonável! Fragments \dimens \values-sw720dp-land \values-v14 \drawable-xxhdpi

16 Flexibilidade Supporting Multiple Screens

17 Navegação

18 Navegação Qual a melhor navegação entre telas para um determinado aparelho?

19 Navegação Multi-pane Layouts News

20 News Navegação

21 News Navegação

22 News Navegação

23 Up vs Back Navegação

24 Navegação Tela inicial não deve possuir um Up button Up vs Back

25 Navegação Back button em outros comportamentos Dismiss em janelas flutuantes (popup, dialogs) Dismiss em action bars de contexto (CAB) Remover uma highlight de itens selecionados Esconder o keyboard (IME) Up vs Back

26 Navegação Telas com chamadas múltiplas, quando quebramos a hierarquia de navegação. Por exemplo: Tela de configurações Up button e o back button devem voltar para a atividade de origem Up vs Back

27 Navegação Modificando a tela na mesma atividade Utilização de tabs Utilização de páginas Filtrando uma lista Ordenando uma lista Fazendo Zoom e modificando caractéres e etc Up vs Back

28 Navegação O que fazer quando a navegação vem de widgets e notificações? A tela de destino costuma ser chamada por uma lista? Costuma ser chamada a partir de um único contexto? Up vs Back

29 Navegação Navigation Drawer News

30 News Navegação

31 Navegação Respeite os limites: 240dp 320dp News

32 Action Bar

33 Action Bar 1. ícone do aplicativo 2. Controle de views 3. Botões de ações 4. Ações secundarias

34 Action Bar

35 Action Bar 1. Main Action Bar 2. Top Bar 3. Bottom Bar

36 Action Bar Nem todas as ações são iguais, algumas são mais importantes!

37 Flexibilidade Defina Antes!

38 Flexibilidade Quais funcionalidades devem estar sempre em primeiro plano?

39 Action Bar Frequentemente usado Usuários utilizaram pelos menos de 7 a 10 vezes por tela? Será que eles vão usar várias vezes seguidas? Será que colocar no overflow button é muito custo? Importantes Tipicamente usado Action Buttons

40 Action Bar Frequentemente usado Importantes Você deseja que todo mundo visualize esta ação? Porque? Ela é muito legal? Ajuda na hora de vender? É algo que precisa ser fácil nos raros casos em que é necessário? Tipicamente usado Action Buttons

41 Action Bar Frequentemente usado Importantes Tipicamente usado É geralmente apresentado da mesma forma em outros aplicativos? As pessoas se surpreenderiam se ele fosse colocado em overflow? Action Buttons

42 Action Bar Sua ação se encaixa em algo do FIT? Frequente, Importante, Típico Action Buttons

43 Action Bar SEMPRE Action Bar de Contexto (CAB)

44 Action Bar Revisando Ao planejar sua Action Bar, pergunte-se coisas do tipo:

45 Action Bar Quais ações devem estar visíveis? Utilize o esquema FIT para tomar a sua decisão. Se a quantidade de ações não couber na top action bar, utilize o sistema de split para a bottom bar. Revisando

46 Action Bar A navegação é muito importante? Se a navegação entre conteúdos é importante, então coloque tudo em um mesmo contexto e utilize dos recursos de abas e paginação. Revisando

47 Action Bar O que mais deve estar visível? 1. Número de mensagens não lidas 2. Exibição do que esta tocando em um music player 3. Qualquer informação que esteja executando em segundo plano Revisando

48 Otimize Layouts

49 Otimize layouts

50 Otimize layouts

51 Encantando

52 Encante Qualidade de imagens

53 Encante Animações em ações: Cliques em imagens, adicionando e removendo elementos

54 Encante Efeitos sonoros leves

55 Encante Objetos vivos são mais interessantes!

56 Encante Promova customizações de estilos, mas forneça um ótimo por padrão

57 Encante Conheça o seu usuário Não fique repetindo sempre as mesmas perguntas

58 Encante TOUCH Feedback

59 Encante TOUCH Feedback

60 Notificações

61 Notificações Notificações Anatômicas: Ícone ou foto Título ou nome Preview de mensagem Quando isto aconteceu? Ícone secundário

62 Notificações Expanded layouts

63 Notificações Ações rápidas Deixe mais pessoal

64 Notificações Notificações Múltiplas Não faça assim:

65 Notificações Notificações Múltiplas Faça assim:

66 Notificações Notificações importantes envolvem pessoas

67 Notificações Quando eu não devo notificar?

68 Notificações Ícone que permita identificação Interagindo com as notificações Para serviços em execução

69 Metrics Grids Typography

70 Metrics Porque 48 dp?

71 Grids

72 Typography

73 Simplifique!

74 Simplifique Fizeram Skip nas suas mensagens? Use frases curtas, pessoas costuma fazer skip em perguntas longas!

75 Simplifique Imagens x Palavras Imagens são mais rápidas do que mensagens!

76 Simplifique Decida pelo usuário Mas a decisão final sempre deve ser dele

77 Simplifique Mostre o necessário Quando necessário!

78 Simplifique Sempre me diga onde estou! Em que contexto o usuário se encontra Use efeitos de transações para mostrar relações entre telas

79 Simplifique A quanto anda aquilo mesmo? Exiba o progress bar de processamento em background, sempre!

80 Simplifique Nunca perca minhas coisas! Sincronize sempre que possível

81 Simplifique Não me deixe sem bateria! Utilize Push Notification

82 Simplifique Estou sempre ocupado Só interrompa se for necessário!

83 I have the power

84 Poder para o usuário Truques que funcionam em todos os lugares Eventos como swipe, long press, menu do dispositivo, sempre devem responder.

85 Poder para o usuário Não fui eu!

86 Poder para o usuário Seja gentil ao me apresentar um problema Não fui eu!

87 Poder para o usuário Quero me sentir inteligente ao utilizar o aplicativo Não fui eu!

88 Poder para o usuário Instruções simples e completas Diva por parte para mim Não fui eu!

89 Poder para o usuário Se resolver por mim Melhor ainda! Não fui eu!

90 Poder para o usuário Faça você os trabalhos pesados!

91 Poder para o usuário Novatos devem se sentir inteligentes Faça você os trabalhos pesados

92 Poder para o usuário Habilite funcionalidades que eu nunca iria encontrar Faça você os trabalhos pesados

93 P&D Android Design in Action Welcome to Android Design Style Look great on any devices

94