capítulo seis: dissecagem de modelos visuais

modelos visuais Até aqui, abordamos várias lições que você pode empregar para melhorar sua capacidade de se comunicar com dados. Agora que capítulo seis: dissecagem de você entende os fundamentos do que compõe um visual e icaz, vamos considerar mais alguns exemplos da “boa” visualização de dados. Antes de estudarmos nossa última lição, neste capı́tulo vamos ver vários modelos visuais e discutir o processo mental e as escolhas de design que levaram à sua criação, utilizando as lições já estudadas.

Em vários exemplos, você notará algumas considerações semelhantes. Ao criar cada exemplo, pensei em como queria que o público processasse a informação e iz escolhas correspondentes a respeito do que enfatizar e chamar sua atenção, assim como do que desenfatizar. Por isso, você verá pontos comuns destacados em razão de cor e tamanho. A escolha do modelo de apresentação, a ordem relativa dos dados, o posicionamento de elementos e o uso de palavras também são discutidos em vários casos.

Essa repetição é útil para reforçar os conceitos nos quais estou pensando e as escolhas de design resultantes nos vários exemplos.

Cada visual destacado foi criado para atender a necessidade de uma situação especı́ ica. Vou discutir os cenários relevantes brevemente, mas não se preocupe muito com os detalhes. Em vez disso, examine e pense sobre cada modelo visual. Considere quais desa ios de visualização de dados você encontra, onde a estratégia dada (ou aspectos dela) poderia ser aproveitada.

Modelo visual 1: gráfico de linhas

FIGURA 6.1 GRÁFICO DE LINHAS

A empresa X faz uma “campanha de doações” anual, com duração de um mês, para levantar dinheiro para causas bene icentes. A Figura 6.1 mostra o progresso deste ano até o momento. Vamos considerar o que torna esse exemplo bom e as escolhas deliberadas feitas em sua criação.

As palavras são usadas adequadamente. Tudo está intitulado e legendado, de modo que não há dúvida sobre o que estamos vendo. Estão presentes os tı́tulos do grá ico, do eixo vertical e do horizontal. As várias linhas do grá ico são legendadas diretamente, de modo que não há trabalho de ir e vir entre uma legenda e os dados para decifrar o que está representado. O bom uso do texto torna esse visual acessı́vel.

Aplicando o teste do “para onde seus olhos são atraı́dos?”, descrito no Capı́tulo 4, percorro o tı́tulo do grá ico brevemente e, então, sou atraı́da para a tendência “Progresso até o momento” (onde queremos que o público se concentre). Quase sempre uso cinza escuro para tı́tulo de grá ico. Isso garante que ele se destaque, mas sem o forte contraste obtido com preto puro sobre branco (em vez disso, deixo o uso de preto para cor de destaque, quando não estou usando outras cores). Vários atributos pré-atentivos são empregados para chamar a atenção para a tendência “Progresso até o momento”: cor, espessura da linha, presença de marcador e legenda de dados no ponto inal e o tamanho do texto correspondente.

No que diz respeito ao contexto mais amplo, são incluı́dos dois pontos para comparação, mas cuja ênfase foi retirada para que o grá ico não se torne visualmente opressivo. A meta de $50.000 foi desenhada no grá ico para referência, mas colocada em segundo plano pelo uso de uma linha ina; a linha e o texto têm o mesmo cinza do resto dos detalhes do grá ico. As doações do ano passado no decorrer do tempo foram incluı́das, mas a ênfase também foi retirada com o uso de uma linha mais ina e um azul mais claro (para vinculá-la visualmente ao progresso deste ano sem competir pela atenção).

Duas decisões deliberadas foram tomadas com relação às legendas de eixo.

No eixo y vertical, você poderia pensar em arredondar os números para milhares — para que o eixo variasse de $0 a $60 e o tı́tulo mudasse para “Dinheiro levantado (milhares de dólares)”. Se os números estivessem na escala de milhões, eu provavelmente teria feito isso. Contudo, para mim, pensar em números na casa dos milhares não é tão intuitivo; assim, em vez de mexer com a escala aqui, preservei os zeros nas legendas do eixo y.

No eixo x horizontal, não precisamos legendar cada dia, pois estamos mais interessados na tendência global, não no que aconteceu em um dia especı́ ico.