Alternativas para grades em aplicações CRUD?

Question

Assim você foram designados para construir uma aplicação básica CRUD. E ele tem essa uma página que serve para listar todos os itens de estoque ... se o usuário quer editar qualquer um deles, há o botão "Editar" ao lado de cada item.

Você sabe o que fazer.

Recentemente, fui encarregado de um modificado de tal página CRUD e parecia bastante feio. Então eu decidi que poderia usar algum polimento.

Mas o pensamento sobre isso ... Eu quero saber quais são as boas alternativas ao uso de grades ao criar uma página CRUD que mostrar um monte de dados?

Pondo de lado preocupações ajax / velocidade / segurança / implementação ...

Quais são algumas boas alternativas ao uso de uma grade em grandes páginas CRUD?

Eu estou disposto a trocar alguns usabilidade para a estética se isso importa.

Answer 1

Para exibir relativamente poucos campos para um monte de registros, não há nada de errado com uma exposição tabular como uma grade, especialmente se a tarefa envolve procura ou comparar registros. Há é algo de errado com os botões Editar para abrir uma janela ou página separada para a edição. Isso significa que o usuário tem que aprender duas janelas e como navegar entre eles, e leva mais tempo para fazer.

A grande melhoria usabilidade é editar no local: em vez de uma grade de somente leitura, tem uma matriz de controles apropriados para os campos (caixas de texto, caixas de seleção, caixas de pente, etc.) dentro de sua grade (ou em vez de sua grade). Um único botão Salvar na página salva todas as alterações em todos os registros (ou você postar alterações automaticamente para eventos apropriados).

Form-like layout (possivelmente com guias) é a alternativa a um layout tabular se você precisa exibir muitos campos para alguns registros. Você pode fornecer controles de paginação (por exemplo, algo que se parece com um controle de registros) para permitir que o usuário para a página entre os registros.

Se você tem um monte de registros e lotes de campos, você pode combinar a tabular com a forma semelhante a disposição por ter uma combinação mestre-detalhe. A tabela na parte superior da página exibe os campos-chave para os registros enquanto um formulário na parte inferior da tela página campos “Estouro” por qualquer registro na tabela atualmente tem foco.

Outra alternativa é exibir os registros graficamente. Escolha dois campos e representam seus valores para cada registro de coordenadas X e Y Utilizado para localizar um ícone na página. Isso é bom se a tarefa envolve a busca de padrões ou registros inter-relacionados. campos adicionais para o registro (ícone) com foco pode ser mostrado em forma semelhante a disposição em uma parte da página de detalhes.

Outra coisa que você pode fazer é representar determinados campos graficamente dentro de uma tabela ou formulário-like layout (por exemplo, com ícones, mini gráficos de barra, sombra ou codificação de cores, etc.). Isso pode ajudar buscas do usuário para registros com determinados valores. Ele também pode exibir a essência geral de uma grande quantidade de dados em um pequeno espaço (por exemplo, como sparklines).

Escolha o layout que maximiza o desempenho do usuário para seus usuários, tarefas e ambiente de trabalho.

Answer 2

Lista A (em vez de uma grade) que abre mais campos para editar quando clicado, ou abre uma nova janela ou formulário. Desta forma, a tela não é sobrecarregado com dados desde o início, e é muito útil, desde que os dados mais importantes é utilizável.

Um exemplo seria a lista de contatos do Gmail Bate-Papo (imagem aqui ).

Em algumas aplicações a muito agradável usabilidade toque que ajuda a reduzir as informações necessárias para exibição é uma caixa de boa pesquisa / filtro:. Medida que você digita na caixa, a lista é filtrada para entradas correspondentes