Experiência do Usuário (Locaweb)

Como dito no meu post “Projetando e desenhando aplicações e websites complexos” começamos uma série de posts sobre os padrões de uso de aplicações complexas e seus respectivos padrões de interação.

O primeiro foi [Padrão de Uso] Exploratório.

Aqui vamos falar dos padrões de interação adequados para quando o usuário se depara com grandes quantidades de dados em nossa aplicação. De forma geral, grandes conjuntos de dados são normalmente navegados por meio de hierarquias. Vamos procurar expor algumas alternativas, uma vez que as hierarquias:

• são usadas em excesso;
• podem ser difíceis de navegar por razões de performance e complexidade;
• nos dão a tentação de mostrar os dados da forma que eles estão armazenados no banco de dados e não da forma que o usuário entende;
• com 3 ou 4 níveis, a hierarquia é muito difícil de navegar.

Abaixo estão os padrões de uso para navegação em grandes conjuntos de dados. A numeração seguirá a partir do último padrão de uso que vimos no post anterior.

8. Filtro de hierarquia: por meio de menus drop down e outros controles é possível filtrar as opções da hierarquia.

9. Acordeão: quando a informação que se deseja mostrar não cabe em uma hierarquia, usa-se o acordeão.

10. Tree-table: mistura hierarquia com tabela, pois dessa forma conseguimos mostrar mais informações ao usuário para facilitar sua navegação.

11. Gaveta: quando é necessário mostrar informações de um item de uma tabela que provavelmente irá quebrar a formatação dessa tabela.

12. Filtro de coluna: quando a tabela contém muita informação e o usuário quer filtrar somente as informações relevantes baseadas em um determinado critério.

O próximo post será sobre padrões de interação para busca avançada.

Até lá!

Enviar por E-Mail

Este post foi feito em 1 de dezembro de 2008 às 8:41 por Joca na(s) categoria(s) Arquitetura da Informação, Design, Design de Interação. Você pode seguir estas respostas pelo feed RSS 2.0. Você pode deixar um comentário ou fazer um trackback do seu próprio site.