Realçar o que é importante

FIGURA 5.1 UTENSÍLIOS DE COZINHA OXO

Vamos considerar como podemos traduzir o conceito de affordances para a comunicação com dados. Podemos aproveitar as affordances visuais para indicar ao nosso público como usar e interagir com nossas visualizações.

Vamos discutir três lições especı́ icas com esse im: (1) realçar o que é importante, (2) eliminar as distrações e (3) criar uma clara hierarquia de informações.

Realçar o que é importante

Já demonstramos o uso de atributos pré-atentivos para chamar a atenção do público para onde queremos que ele foque: em outras palavras, realçar o que é importante. Vamos continuar a explorar essa estratégia. O fundamental aqui é realçar apenas uma fração do visual, pois os efeitos do realce são diluı́dos à medida que a porcentagem realçada aumenta. Em Universal Principles of Design, sem tradução no Brasil (Lidwell, Holden, and Butler, 2003), recomenda-se que, no máximo, 10% do design visual seja realçado. Eles oferecem as seguintes diretrizes:

Negrito, itálico e sublinhado: use para tı́tulos, subtı́tulos, legendas e sequências curtas de palavras, para diferenciar elementos. Negrito geralmente é preferı́vel em relação ao itálico e ao sublinhado, pois adiciona ruı́do mı́nimo ao design, ao passo que realça claramente os elementos escolhidos. O itálico adiciona ruı́do mı́nimo, mas não destaca tanto e é menos legı́vel. O sublinhado adiciona ruı́do e compromete a legibilidade; portanto, deve ser usado moderadamente (se for usado).

CAIXA e fonte: texto em maiúsculas em sequências curtas de palavras é facilmente visualizado, o que pode funcionar bem quando aplicado a tı́tulos, legendas e palavras-chave. Evite o uso de fontes diferentes como técnica de realce, pois é difı́cil conseguir uma diferença perceptı́vel sem atrapalhar a estética.

Cor é uma técnica de realce e iciente quando usada moderadamente, geralmente em conjunto com outras técnicas de realce (por exemplo, negrito).

Inverter elementos é e icaz para atrair a atenção, mas pode adicionar ruı́do considerável a um design, de modo que deve ser usado moderadamente.

Tamanho é outro modo de chamar a atenção e sinaliza importância.

Na lista acima, omiti “piscado ou brilho”, que Lidwell et al. incluem, com instruções para uso somente a im de indicar informações altamente importantes que exigem resposta imediata. Não recomendo usar piscado ou brilho na comunicação com dados para inalidades explanatórias (isso tende a ser mais irritante do que útil).

Note que os atributos pré-atentivos podem ser sobrepostos; portanto, se houver algo realmente importante, você pode sinalizar isso e chamar a atenção tornando maior, colorido e negritado.

Vamos ver um exemplo de uso e icaz de realce na visualização de dados. Um grá ico semelhante ao da Figura 5.2 foi incluı́do no artigo do Pew Research Center de fevereiro de 2014, intitulado (em inglês) “Novos Dados do Censo Mostram que Mais Americanos Estão Se Casando, mas Quase Todos têm Ensino Superior”.

FIGURA 5.2 GRÁFICO ORIGINAL DO PEW RESEARCH CENTER

Baseada no artigo que a acompanha, a Figura 5.2 demonstra que o aumento de 2011 a 2012 observado no total de novos casamentos ocorreu principalmente devido a um aumento nos que têm bacharelado ou mais (não parece ser um aumento baseado na tendência “Todos” mostrada, mas vamos ignorar isso). Contudo, o design da Figura 5.2 não chama muito nossa atenção para isso. Em vez disso, minha atenção é chamada para as barras de 2012 dentro dos vários grupos, pois são representadas em uma cor mais escura que o resto.