Similaridade

Definicao

O principio da similaridade indica que elementos com atributos visuais compartilhados, como cor, forma, tamanho ou textura, tendem a ser percebidos como parte de uma mesma categoria.

Mecanismo perceptivo

Semelhanca visual funciona como codificacao de classe. Mesmo quando os elementos estao fisicamente separados, o observador tende a reuni-los mentalmente se repetem o mesmo padrao formal. Em visualizacao, isso permite criar familias e manter consistencia entre estados ou categorias.

Exemplo visual

Mesmo espalhadas no plano, as formas se organizam por semelhanca cromatica.

Aplicacao em visualizacao da informacao

Similaridade e central para codificacao de categorias em series, grafos e dashboards. Uma mesma cor ou forma pode sinalizar pertencimento a uma regiao, a um canal, a um tipo de usuario ou a um estado operacional.

Boas praticas:

• reservar uma cor por categoria e manter essa associacao em toda a interface;
• repetir a mesma estrutura visual para cards da mesma familia;
• usar formatos distintos apenas quando a mudanca de classe for real.

Riscos de projeto

O principal erro e a inconsistencia semantica. Quando a mesma cor significa coisas diferentes em areas distintas do dashboard, a similaridade deixa de ajudar e passa a confundir. Tambem e problematica a proliferacao de estilos sem necessidade, pois ela dificulta o reconhecimento rapido.

Critico para o caso pratico

Na aplicacao pratica, a similaridade foi usada para padronizar cartoes de KPI, rótulos de canal e estados de alerta. O objetivo foi reduzir o numero de codigos visuais que o usuario precisa memorizar.