Portlet - Cabeçalho

Quando usar

Sem sentido: O Cabeçalhos de Portlet explicam através de ícone, título e uma descrição do conteúdo apresentado no Portlet.

• Para identificar filtros aplicados na área de conteúdo;
• Para identificar as Entidades...
• Para orientar usuário sobre o conteúdo e ações do portlet...

Estrutura

• Área do cabeçalho - fundo azul...
• PIN - Que fixa o cabeçalho;
• Icone - Para representar o portlet;
• Texto - Pode conter uma descrição ou uma informação referente a configuração;
• Ícone da Funcionalidade (opcional);
• Título (opcional)- deve conter o nome da Entidade ou Título da Informação sendo visualizada;
• Resumo dos critérios sendo filtrados (opccional).

Comportamentos

Errado: O cabeçalho é ocultável, contendo ações de maximizar e minimizar (seria abrir/fechar?).
Através do botão PIN, pode-se fixar ou não o cabeçalho aberto.
Quando fixado, a interface do Portlet é deslocada para baixo ( não cobrindo portanto as informações...)

Boas Práticas

O texto apresentado no cabeçalho do portlet deve ser objetivo e breve devido ao seu espaço.

Exemplo

Link para o mesmo exemplo de Portlet 

Código fonte

Link para o mesmo exemplo de Portlet

Referências

http://designinginterfaces.com/

Ver Também

A desenvolver