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 

Remover (Contém botão de configurar, no qual apresentará informações relativas ao Portlet a serem configurados.

Também poderá conter ou não áreas para demonstrar gráficos e listas, optando por Portlet gráfico.)

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

  Fazer link com 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