Boas práticas para aplicativos android

201
Boas práticas para aplicativos Android

Transcript of Boas práticas para aplicativos android

Page 1: Boas práticas para aplicativos android

Boas práticas para aplicativos

Android

Page 2: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

1. Usabilidade e acessibilidade2. Orientações e feedbacks3. Navegação4. Componentes

Page 3: Boas práticas para aplicativos android

Usabilidade e acessibilidade

Page 4: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

É importante que a

navegação seja

simples e intuitiva.

Page 5: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Sempre trabalhar com as

informações mais

importante primeiro.

Page 6: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Deixar sempre uma área de toque de

48 x 48dp.

Page 7: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 8: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Importante respeitar os

espaçamentos dos

elementos de até

8dp.

Page 9: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 10: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Possibilitar que todas as

funcionalidades disponíveis pelo teclado seja

acessível no

mobile.

Page 11: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 12: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Com as interações

básicas de gestos.

Page 13: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 14: Boas práticas para aplicativos android

Orientações e feedbacks

Page 15: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Faça os controles de

navegação de uma forma

clara e intuitiva.

Page 16: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Projete de uma forma que

todo tipo de interação com

o usuário indique seu

objetivo.

Page 17: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Quando nomear

elementos seja

consistente na

terminologia.

Page 18: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Sempre que possível,

fornecer textos alternativos para todas

as imagens e ícones.

Page 19: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 20: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Oferecer orientações e

ajuda.

Page 21: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Oferecer ajuda contextual

rápida e de fácil acesso de como o usuário poderá

acessar uma determinada informação.

Page 22: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Dê um significado para os

links específicos. Evitar usar

termos genéricos.

Page 23: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 24: Boas práticas para aplicativos android

Legibilidade

Page 25: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Garantir que o app seja

visualizado em fontes grande.

Page 26: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 27: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Garantir que as

fontes do seu app tenha

bastante contraste.

Page 28: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Ofereça opções para que os

usuários daltônicos possam acessar as informações.

Combine as cores com outros elementos.

Page 29: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Fornecer legendas ocultas, uma transcrição ou outra alternativa

visual para elementos de

áudio ou alertas sonoros do sistema.

Page 30: Boas práticas para aplicativos android

Navegação

Page 31: Boas práticas para aplicativos android

Action Bar

Page 32: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 33: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Podemos pensar a barra de ação como um topo de um

site web.

Page 34: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Um espaço reservado para

logotipo, título da página e itens de

navegação.

Page 35: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Pode ser usado também para

notificações de itens novos, alertas em geral e trocas de

modo de visualização quando existe essa função.

Page 36: Boas práticas para aplicativos android

Botão UP dos aplicativos

Page 37: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 38: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

O botão UP dentro do aplicativo é

usado para voltar para uma tela

relacionada de

nível acima da atual.

Page 39: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Faz o usuário voltar da tela

filha para a tela pai.

Page 40: Boas práticas para aplicativos android

Botão BACK do aparelho

Page 41: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 42: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

O botão BACK do

aparelho ou virtual

volta para a última tela em ordem cronológica.

Page 43: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Reflete sempre o histórico

de navegação do aparelho

como um todo e não especificamente dentro de um app.

Page 44: Boas práticas para aplicativos android

Fixed Tab

Page 45: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 46: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

É um conceito de deixar os itens do

menu sempre visíveis e facilitar a navegação do usuário,

tornando-a muito mais rápida.

Page 47: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Ideal para quando você espera

que o usuário alterne sempre

entre um conteúdo e outro frequentemente.

Page 48: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Atenção:• Há uma diferença de tamanho para cada tipo de aparelho e isto faz com

que as abas fixas acomodem confortavelmente 3 itens.

Page 49: Boas práticas para aplicativos android

Scrollable Tab

Page 50: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 51: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Semelhante as abas anteriores, com a difereça de fazer

swipe para a esquerda e visualizar mais opções. O ideal é usar

de 5 a 7 itens no máximo.

Page 52: Boas práticas para aplicativos android

Navigation Drawer

Page 53: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 54: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Quando não há um

espaço suficiente para as

abas, a navegação lateral é uma boa alternativa.

Page 55: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Navegação lateral pode

mostrar mais itens de uma vez. Fica oculto esperando uma ação

do usuário.

Page 56: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Aplicativos com uma página inicial que poderá ser

acessada várias vezes pelo usuário e precisa ficar no topo da lista.

Page 57: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Recomendações:• Apps com muitos níveis de navegação;

• Navegação entre itens diferente;• Estruturas profundas de navegação;

• Reduzir a visibilidade dos destinos pouco frequente;

Page 58: Boas práticas para aplicativos android

Nasted Navigation

Page 59: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Usado quando há múltiplos níveis de

navegação.

Page 60: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

No desktop, o segundo nível de navegação deve ser alinhado com a

navegação em

camadas.

Page 61: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Recomendações:• Estruturas de navegação com muitas visualizações.

• Permitindo navegação rápida entre pontos de vista diferente.

Page 62: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 63: Boas práticas para aplicativos android

Expanding navigation

drawer

Page 64: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Se você tem uma

hierarquia de navegação

profunda, você pode

expandir a navegação dentro do menu.

Page 65: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Depois da seleção de um

nível, o segundo nível é revelado abaixo.

Page 66: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 67: Boas práticas para aplicativos android

Componentes

Page 68: Boas práticas para aplicativos android

Bottom sheets

Page 69: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Há dois tipos de botões:

• Modal bottoms – são alternativas para menu ou diálogos simples. Pode conter conteúdos de outros aplicativos.

• Persistent bottoms – sempre presente no conteúdo.

Page 70: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 71: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Persistent bottoms:• Continuam ativos mesmo quando não é acionado pelo usuário.

• Aparecem no mesmo nível do conteúdo.

Page 72: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Recomendações:• Apresentar novo conteúdo em uma mesma tela.

• Apresentar conteúdo de importância equivalente ao conteúdo principal.

Page 73: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 74: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Modal bottoms:• Pode ser alternativa para o menu ou diálogos simples.• Podem apresentar links com conteúdo de outros apps.

Page 75: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Recomendações:• Apresentar ações em uma lista ou em grid é uma alternativa para o menu.

• Mostrar um menu contextual, onde não há uma ligação obvia entre os links.• Prioriza a visualização dos elementos de dentro do modal.

Page 76: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 77: Boas práticas para aplicativos android

Tipo de botões

Page 78: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Há três tipos de botões:

• Floating action button – formato circular que mostra uma ação ao ser pressionado. • Raised button – Um botão retangular que mostra uma ação ao ser pressionado.

• Flat button – sempre presente no conteúdo.

Page 79: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 80: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 81: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Use os botões flats em caixas de diálogos para unificar a ação do

botão com o

conteúdo.

Botões em diálogos

Page 82: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 83: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Escolha botões em relevo ou

flat dependendo do seu layout. Adicionar espaçamento em volta do

botão flat para o usuário encontrar facilmente.

Botões em linhas

Page 84: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões em linhas

Page 85: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões de rodapé fixo

Se o seu app exigir um botão

fixo e visível para o usuário, considere usar o botão

flutuante.

Page 86: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões de rodapé fixo

Page 87: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões em relevo

Esses botões enfatizam as informações em espaços

ocupados e larguras maiores.

Page 88: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões em relevo

Page 89: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões flats

Use botões flat para barras de

ferramentas e caixas de

diálogos para evitar o excesso de informações.

Page 90: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões flats

Page 91: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões fixos de rodapé

Se o seu aplicativo necessita de

um botão fixo e que fique sempre

visível para o usuário, considere usar esta opção.

Page 92: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Atenção:• Nunca use cores para os botões fixos de rodapé;

Botões fixos de rodapé

Page 93: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões fixos de rodapé

Page 94: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões com sombras

Estes botões adicionam

uma dimensão para o layout flat. Enfatizam as funções em

espaços vazios ou ocupados.

Page 95: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões com sombras

Page 96: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões de alterância

Estes botões são usados para um grupo de opções

relacionadas. Organizar o layout de uma maneira que os botões façam parte de um grupo de

informações.

Page 97: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Requisitos:• Ter pelo menos três opções em um grupo;

• Ter um título, um ícone ou ambos;

Botões de alterância

Page 98: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Combinações recomendadas:

• Múltiplos e desmarcada;• Exclusivo e desmarcada;

• Exclusivo apenas;

Botões de alterância

Page 99: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões dropdown

Este tipo de botão seleciona uma

entre várias opções. O botão exibe o estado atual com uma

seta para baixo.

Page 100: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões dropdown

Os estados disponíveis podem ser

representados com cores, ícones ou textos.

Page 101: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões dropdown

Page 102: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões dropdown

Page 103: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

São usados para promover uma ação. Eles se diferenciam pela

sua forma de círculo com ícones no meio.

Page 104: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Page 105: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Atenção:• Nem todas as aplicações precisam desse botão. Um botão de floating action

representa a ação primária;• Apenas um botão primário é recomendado por tela, representando a ação mais

comum;

Botões floating action

Page 106: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Page 107: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Use para ações

positivas como: criar, favoritar, compartilhar, navegar e

explorar.

Page 108: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Page 109: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Este botão não contém ícones da barra de ação ou

status de notificação. Não colocar elementos sobre o botão.

Page 110: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Page 111: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

● O botão floating pode se tornar uma barra de ferramentas;● Podem aparecer outros itens a partir do floating;

● Podem se tornar parte de uma estrutura;● Podem se tornar uma página toda, por cima de um conteúdo;

Page 112: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Botões floating action

Page 113: Boas práticas para aplicativos android

Cards

Page 114: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Essa estrutura pode ser uma boa composição para conteúdos diferente.

Page 115: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 116: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Quando usar:• Múltiplas datas com imagens, vídeos e textos;

• Não exige comparação direta de conteúdos semelhantes;• Oferece suporte para conteúdo vertical variável;

• Pode conter conteúdos variáveis, botão e comentários;

Page 117: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Conteúdo

A forma de cards oferece uma melhor diagramação para tipos

variados de conteúdos.

Page 118: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Conteúdo

O formato pode conter um conjunto de dados únicos, como um

checklist com uma ação, uma anotação com uma ação ou uma

foto com um descritivo.

Page 119: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Conteúdo

Page 120: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Conteúdo

Page 121: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Cada bloco pode conter:

● Header opcional;● Título primário;● Mídia interativa;● Texto de apoio;

● Ações;

Page 122: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Conteúdo

Page 123: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Comportamento

Os cards possuem uma largura fixa e uma altura variável. O valor máximo para a altura depende do

tamanho do dispositivo.

Page 124: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Gestos:• O movimento de Swipe deve ser usado de uma maneira que o movimento não

sobreponha outros gestos. Exemplo: Um card com swipe não deve conter uma galeria de imagens.

Comportamento

Page 125: Boas práticas para aplicativos android

Chips

Page 126: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Este componente contém uma foto, um texto curto e uma breve

informação. Podem conter ícones.

Conteúdo

Page 127: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 128: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Ao tocar no elemento chips

informações detalhadas se abrem, semelhante ao

comportamento dos cards.

Page 129: Boas práticas para aplicativos android

Dialogs

Page 130: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

As caixas de diálogos contém textos e controles focados em uma tarefa específica. Elas informam

aos usuários sobre informações

críticas, que precisam de uma decisão.

Conteúdo

Page 131: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Use os diálogos com

moderação, porque eles

são ininterruptos, eles forçam o usuário a parar a sua tarefa para

focar no diálogo.

Page 132: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Caixas de diálogos devem sempre

manter o foco e ocupar a tela por completo, até que o usuário faça uma

ação para fechar.

Page 133: Boas práticas para aplicativos android

Alerts

Page 134: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Os alertas são

mensagens

ininterruptas, que informam ao usuário sobre uma

situação importante.

Page 135: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 136: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Atenção:● A maioria dos alertas não precisam de títulos;

● Sempre começam com uma pergunta ao usuário;● Os botões de continuar devem deixar claro o que o usuário irar decidir;

Page 137: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Use títulos somente em situações de risco, como por exemplo

uma perda de conectividade. Os usuários devem entender a mensagem

com o texto e os botões de ação.

Page 138: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 139: Boas práticas para aplicativos android

Simple menus

Page 140: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Menu simples exibem opções com

ações objetivas.

Page 141: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 142: Boas práticas para aplicativos android

Simple dialogs

Page 143: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 144: Boas práticas para aplicativos android

Confirmation dialogs

Page 145: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 146: Boas práticas para aplicativos android

Full Free Dialogs

Page 147: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 148: Boas práticas para aplicativos android

Divisões

Page 149: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Uma linha fina que divide visualmente os tipos de

conteúdos em uma tela.

Page 150: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 151: Boas práticas para aplicativos android

Listas

Page 152: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

As listas são mais adequadas

para apresentar um tipo de dado conjunto, tais como imagens e textos.

Conteúdo

Page 153: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 154: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Quando não usar:● Se o conteúdo ocupar mais de 3 linhas de texto, use o formato card;

● Se a maioria do conteúdo consiste em imagens, use grids.

Page 155: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Especificações:● Espaço do título de uma lista deve ser dedicado para uma ação primária;

● Posicione o conteúdo da ação primária para o lado esquerdo da lista;● Posicione as ações secundárias para o lado direito;

Page 156: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 157: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Microinterações:● Checkbox;

● Ligar e desligar;● Reorganizar;

● Expandir e colapsar;● Leave-behinds;

Page 158: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 159: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 160: Boas práticas para aplicativos android

Pickers

Page 161: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Os pickers possibilitam

uma seleção simples de valores pré-determinados.

Page 162: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 163: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 164: Boas práticas para aplicativos android

Progresso e atividade

Page 165: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

O progresso determinado indica

quanto tempo a operação irá durar quando a

porcentagem completa é detectada.

Page 166: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Quando o progresso não é determinado. O elemento indica que o

usuário deve esperar algo terminar sem a necessidade de

indicar o tempo.

Page 167: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Tipos de progressos:

● Linear;● Circular;

● Circular com integração;

Page 168: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Um progresso linear indica sempre

uma linha 0% até 100% e nunca diminui no valor.

Linear

Page 169: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

É representado por uma barra que

aparece e desaparece.

Linear

Page 170: Boas práticas para aplicativos android

Controles de seleção

Page 171: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Controles de seleção permite o usuário

selecionar opções de ações.

Existem três tipos: checkboxes, radio buttons e switches on/off.

Page 172: Boas práticas para aplicativos android

Sliders

Page 173: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Os sliders permitem aos usuários

selecionar valores dentro de

um intervalo. O menor valor fica do lado esquerdo e o maior do

lado direito.

Page 174: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

A interação natural dos sliders faz com

que seja uma ótima escolha para configurações que refletem o nível de intensidades

como volume, brilho, cor ou saturação.

Page 175: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Tipos de sliders:● Sliders continuo;● Slider discreto;

Page 176: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 177: Boas práticas para aplicativos android

Snack bars & Toats

Page 178: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Snackbars fornece um feedback sobre uma operação, mostrando uma

mensagem curta no topo da tela.

As mensagens podem conter uma ação.

Page 179: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Mostre apenas uma mensagem por tela. Elas aparecem sobre a maioria dos elementos. Podem

desaparecer automaticamente ou com um toque na tela.

Uso

Page 180: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 181: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

As snackbars saem da tela automaticamente. Por questões de

usabilidade, não pode ser apenas um único caminho para acessar uma

determinada ação.

Comportamento

Page 182: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Elas não podem ser persistentes e nem empilhar na tela.

Comportamento

Page 183: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 184: Boas práticas para aplicativos android

Steps

Page 185: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Mostra uma sequência lógica de passos para

completar uma ação.

Page 186: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 187: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Os passos podem ser:

● Editável;● Não editável;

● Opcional;

Page 188: Boas práticas para aplicativos android

Tabs

Page 189: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

As tabs fornecem uma indicação para

exibir um conteúdo agrupado.

A nomenclatura deve descrever de uma maneira sucinta o que é aquele

grupo de conteúdo.

Page 190: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Use as tabs para

organizar conteúdos em um nível acima, por exemplo, para

apresentar seções diferentes de um jornal.

Quando usar

Page 191: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Não use as tabs em conteúdos que suportam o gesto

swipe, porque este movimento é usado para navegacão entre as abas.

Quando não usar

Page 192: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 193: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Tipos de tabs:● Fixas;

● Scrollable tabs;

Page 194: Boas práticas para aplicativos android

Toolbars

Page 195: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Barra de ferramentas ficam no

topo do lado esquerdo da tela e quando

o conteúdo aparece, a barra nunca passa para o lado oposto.

Uso

Page 196: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 197: Boas práticas para aplicativos android

Tool tips

Page 198: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Tooltips aparecem quando pressionados ou clicado.

Contém textos contextuais dos elementos em questão.

Conteúdo

Page 199: Boas práticas para aplicativos android

Boas práticas para aplicativos Android

Page 200: Boas práticas para aplicativos android

Conteúdo retirado do Google Material Design.

Page 201: Boas práticas para aplicativos android

Espero ter ajudado! :)

Traduzido por Juliana Akemi