Visão Geral

Interfaces são compostas de dados (informações) e ações (controles). A área de conteúdo do portlet deve apresentar os dados através de gráficos, listas ou resumos de acordo com o contexto de negócio, ou seja, conforme o nome do portlet. Está é a principal área do portlet e que pode sofrer mudanças de estados e mudanças dinâmicas nas suas dimensões e informações para se adaptar a dimensões de trabalho do usuário.

Esta área portanto apresenta as informações para análise e acompanhamento.

...

Tipos de informações a apresentar na área de conteúdo

...

• Portlet - Gráficos: Exibe resumos em formato gráfico mostrando tendências facilitando a análise em grandes massas de dados. O usuário visualiza o todo e percebe além das tendências, quais os pontos críticos que merecem atenção.
• Portlet - Lista: Exibe os dados modo matricial ou datagrid, permitindo um nível mais aprofundado de análise em volumes maiores, sem a necessidade de carregar outras interfaces
• Portlet - Resumos: Apresenta tópicos com totais mostrando apenas grandes números da entidade, mostrando além das tendências que este seja o ponto de partida para um filtro na interface de detalhamento
• Portlet - Configurar: Área para definir os filtros e outras configurações que impactam nos resultados que são exibidos no portlet.

Quando usar

• Para apresentar totais, agrupadores, controles de navegação entre registros e outras ferramentas do contexto (UC);
• Para identificar filtros aplicados na área de conteúdo;
• Para identificar registro selecionado referente aos conteúdos abaixo do cabeçalho(ex.pai x filho).

Estrutura

• Portlet - Gráficos
• Portlet - Lista
• Portlet - Resumos
• Portlet - Configurar

Comportamentos

A desenvolver

Boas Práticas

• Evite legendas em gráficos no tamanho mínimo...;
• Portlet são resumos, traga totais, evite muitos campos...;
• Mostre o que mudou desde a última vez...;
• Utilize os atalhos para ações extras no contexto do portlet...;
• Manter margens de 10 px em cada extremidade da área de conteúdos;
• Sempre que possível colocar links nas partes dos conteúdos (fatias de gráficos pizza, links de resumos), que levem ao detalhar da informação já com a parte selecionada filtrada.

Exemplo

• Portlet

Código fonte

...

Referências

• http://designinginterfaces.com/

Ver Também

...

Comportamento

A área de conteúdo segue o mesmo modelo presente em Portlet.

Veja Também