Tabela de dados

01

Informação e estrutura

Compare as informações e a apresentação no contexto de uso.

Mantenha títulos e dados consistentesDefina nomes de colunas, unidades e alinhamento apropriados para cada tipo de dados.A coluna do identificador também deve ser reconhecida ao rolar horizontalmente ou selecionar várias linhas.Exemplo O código do pedido é mantido constante quando o usuário visualiza a coluna de taxas à direita.Indica a coluna que está sendo classificadaExibe a direção ascendente ou descendente e oferece suporte ao controle do teclado.Para colunas com valores idênticos, use subordenação estável para que as linhas não mudem de lugar inesperadamente entre os carregamentos.Permitir personalização de coluna conforme necessárioSe apropriadoSe você ocultar ou alterar a ordem, existe uma maneira de retornar ao layout padrão.Manter acessível a coluna de identificação dos registros; A configuração de ocultação de coluna deve ser mantida separada para o usuário se for uma preferência pessoal.Indica o intervalo de linhas selecionadoDistinga a seleção da página atual de todo o resultado e mantenha o contador correto.Após filtrar ou trocar de página, indique claramente se a seleção permanece; A ação em massa deve usar o conjunto de registros exato prometido.Manobras de aviação dependentes de pairarPermite acesso pelo teclado e possui um nome de usuário anexado ao registro.Um botão com o mesmo nome em várias linhas precisa de um nome de acesso contextual, por exemplo “Editar projeto A”; Não force os usuários a passar o mouse para ver a ação.

02

Ações e status

Experimente a operação, altere o status e continue trabalhando.

Mantenha a pesquisa e os filtros visíveisPermite editar ou excluir condições sem perder o contexto da lista.Indique a posição e o resultado totalMantenha o controle de transição de página limpo, atualizando corretamente quando os resultados do filtro mudarem.Explicação dos dados exportadosSe apropriadoMostra o item selecionado, a página que está sendo visualizada ou todos os resultados.Caso a exportação seja executada em background, indique quando o arquivo estiver pronto e como recarregá-lo; Especifica o filtro e limita os dados no arquivo.Distinguir entre espera, vazio e erroForneça o status apropriado para cada causa e um caminho de tratamento específico.

03

Complete a experiência

Verifique se há detalhes que são fáceis de perder ao colocar o design em uso.

Continue identificando colunas visíveis em tabelas largasQuando uma tabela exigir rolagem horizontal, considere fixar o nome ou a coluna de ID para que os usuários ainda possam identificar o registro em cada linha.Verifique se a área do pino não cobre a coluna adjacente em uma tela estreita; Desligue-o ou altere o layout se o alfinete ocupar muita largura.

Tabela de dados Aplicativo da web

Informação e estrutura

Ações e status

Complete a experiência

Como revisar

Mantenha títulos e dados consistentes

Exemplos de uso

Mantenha títulos e dados consistentes

Encontrar um checklist

Nenhum checklist encontrado