Estética

FIGURA 5.9 USE PALAVRAS PARA TORNAR O GRÁFICO

ACESSÍVEL

Na Figura 5.9, acrescentamos as palavras necessárias: tı́tulo do grá ico, tı́tulos de eixo e uma nota de rodapé com a fonte dos dados. Na Figura 5.10, levamos isso um passo adiante, adicionando uma chamada para ação e uma anotação.

FIGURA 5.10 ADIÇÃO DE TÍTULO DE AÇÃO E ANOTAÇÃO

Na Figura 5.10, o uso pensado de texto torna o design acessı́vel. Está claro para o público o que ele está vendo e no que deve prestar atenção e por quê.

Estética

Na comunicação com dados, é realmente necessário “fazer icar bonito?” A resposta é um retumbante Sim. As pessoas percebem os designs estéticos como mais fáceis de usar do que os menos estéticos — sejam mais fáceis ou não. Estudos têm mostrado que os designs mais estéticos não são apenas percebidos como mais fáceis de usar, mas também são mais prontamente aceitos e utilizados com o passar do tempo, promovem o pensamento criativo e a solução de problemas, e estimulam relações positivas, tornando as pessoas mais tolerantes a problemas nos designs.

Um ótimo exemplo da tolerância a problemas que a boa estética pode estimular é um antigo design da embalagem do sabão detergente Method, ilustrado na Figura 5.11. A forma antropomór ica transformou o sabão em uma peça de arte — algo a ser mostrado, não para icar oculto no armário. O design dessa embalagem era extremamente e icaz, apesar dos problemas de vazamento. As pessoas estavam dispostas a ignorar a inconveniência do vazamento graças à estética atraente.

FIGURA 5.11 SABÃO DETERGENTE LÍQUIDO METHOD

Na visualização de dados — e na comunicação com dados em geral —, perder tempo para tornar nossos designs esteticamente agradáveis pode signi icar que nosso público tenha mais paciência com nossos visuais, aumentando nossa chance de sucesso ao explicar nossa mensagem.

Se não estiver con iante em sua capacidade de criar design estético, procure exemplos de visualizações de dados e icientes a serem seguidos. Quando vir um grá ico que parece bom, considere o que gosta nele. Experimente salvá-lo e construa uma coleção de visuais inspiradores. Imite aspectos de designs e icazes para criar o seu.

Mais especi icamente, vamos discutir algumas coisas a considerar no que diz respeito a designs estéticos de visualização de dados. Já abordamos as principais lições relevantes à estética; portanto, vou abordá-las brevemente aqui e depois vamos discutir um exemplo especı́ ico para ver como o cuidado com a estética pode melhorar nossa visualização de dados.

1. Use cor de forma inteligente. O uso de cor sempre

deve ser uma decisão intencional; use cor moderada e estrategicamente para realçar as partes importantes de seu visual.

2. Preste atenção ao alinhamento. Organize os

elementos na página para criar linhas verticais e horizontais limpas, a im de estabelecer um senso de unidade e coesão.

3. Use espaço em branco. Preserve as margens; não

alongue seus elementos grá icos para preencher o espaço nem acrescente coisas apenas porque você tem espaço extra.

O uso cuidadoso de cor, alinhamento e espaço em branco é um componente do design que, quando bem feito, você nem mesmo percebe. Mas você percebe quando não é bem feito: muitas tonalidades de cores e falta de alinhamento e espaço em branco produzem um visual simplesmente desconfortável para olhar. Ele parece desorganizado e sem nenhuma atenção dada aos detalhes. Isso mostra falta de respeito com seus dados e seu público.

Vamos a um exemplo: veja a Figura 5.12. Imagine que você trabalha em um importante varejista nos EUA. O grá ico representa a decomposição da População dos EUA e Nossos Clientes por sete segmentos (por exemplo, faixas etárias).

FIGURA 5.12 DESIGN SEM ESTÉTICA

Podemos usar as lições estudadas para fazer escolhas de design inteligentes.

Especi icamente, vamos discutir como podemos melhorar a Figura 5.12 em relação ao uso de cor, alinhamento e espaço em branco.

A cor é usada de forma exagerada. Há cores demais e elas disputam nossa atenção, tornando difı́cil enfocar uma por vez. Voltando à lição sobre affordances, devemos pensar no que queremos destacar para nosso público e só usar cor lá. Neste caso, a caixa vermelha em torno dos segmentos 3 a 5, à direita, sinaliza que esses segmentos são importantes; mas há tantas coisas disputando nossa atenção que leva algum tempo para vermos isso. Podemos tornar esse processo mais óbvio e fácil, usando cor estrategicamente.

Os elementos não estão corretamente alinhados. A centralização do tı́tulo do grá ico faz com que ele não esteja alinhado com mais nada no visual. Os tı́tulos de segmento à esquerda não estão alinhados para criar uma linha limpa, nem à esquerda, nem à direita. Isso parece desleixado.