Mesa · DucDZ

01

Estrutura e significado

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

Defina um título para os dadosAtribua nomes de colunas, unidades e relacionamentos de células aos cabeçalhos usando a estrutura de tabela correta.A apresentação consistente de números torna as comparações mais rápidas do que adicionar cores a cada célula.Exemplo A coluna “Receita, VND” está alinhada à direita e tem o mesmo formato em todas as linhas.Alinhar dados por tipoMantenha letras, números, datas e status consistentes; espaço suficiente entre as células.O alinhamento e as unidades são consistentes, mantendo espaço suficiente para não interpretar mal os dados em duas colunas adjacentes.Encontre registros quando necessárioIndique o escopo de sua pesquisa e mantenha claras as palavras-chave e o número de resultados.Indique os campos que estão sendo procurados e verifique os dados representados em cada campo, em vez de apenas testar o nome do registro.Exibe o pedido em usoSe classificável, indique a coluna e a direção da classificação, suporte do teclado.

02

Interação e usabilidade

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

Associe a operação à linha corretaUse nomes de usuário que tenham contexto e não mostrem apenas ações ao passar o mouse.Ao ler nomes de ações com ferramentas de suporte, você precisa saber a qual linha a ação pertence; não faça de cada botão apenas uma correção.Mantenha os nomes dos campos em telas estreitasPermite rolagem horizontal ou dobramento proposital, sem cortar dados importantes.Se a rolagem horizontal for selecionada, mantenha o contexto da coluna e a indicação de rolagem; Não corte completamente colunas importantes.Indique a posição na listaSe apropriadoSe estiver paginando, escreva claramente o total, o intervalo atualmente visualizado e os botões de transição.Após alterar as páginas, mantenha o título da tabela e registre a faixa de visualização para que os usuários entendam a posição em todo o resultado.Distinguir entre carga, vazio e erroMantenha a estrutura estável e tome medidas adequadas a cada causa.

03

Complete a experiência

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

Definir estilo e densidade de linhaEspecifique alturas de linha, espaçamento, separadores e indicadores de foco ou seleção para que os dados permaneçam fáceis de digitalizar na densidade pretendida.Para tabelas com muitas linhas, equilibre a verificação rápida com espaço de interação suficiente. Teste o conteúdo da célula de duas linhas e as linhas selecionadas.Filtrar por campos úteisSe houver filtros disponíveis, mostre os critérios ativos e o escopo dos dados e forneça uma maneira de limpá-los e retornar à lista completa.Filtrar e classificar são duas coisas diferentes; A alteração do filtro não deve fazer com que o usuário perca o controle do pedido atual.

Mesa Sistema de projeto

Estrutura e significado

Interação e usabilidade

Complete a experiência

Como revisar

Defina um título para os dados

Exemplos de uso

Defina um título para os dados

Encontrar um checklist

Nenhum checklist encontrado