Modelo visual 5: barras empilhadas horizontais

p

vinculá-los visualmente. No decorrer do tempo, você vê menos azul acima do eixo e uma proporção crescente abaixo, à medida que cada vez mais diretores saem. A direção negativa da série “Perda de pessoal” reforça que esse volume representa uma diminuição no pool de diretores. Os diretores acrescentados por meio de contratações e promoções são mostrados em um tom de verde (que transmite conotação positiva). A necessidade não satisfeita é retratada apenas por um contorno, para mostrar espaço vazio visualmente, reforçando que isso representa uma lacuna. Cada uma das legendas de texto à direita é escrita no mesmo tom da série de dados que descrevem, exceto “Necessidade não satisfeita (lacuna)”, que é escrita com o mesmo texto preto, grande e em negrito das legendas de dados dessa série.

A ordem das várias séries de dados dentro das barras empilhadas é deliberada. “Diretores atuais” é a base e, como tal, é mostrada começando no eixo horizontal. Como já mencionei, a série negativa “Perda de pessoal” ica abaixo dela, em uma direção negativa. Acima de “Diretores atuais” estão os acréscimos: promoções e contratações. Por último, na parte superior (onde nossos olhos chegam antes dos dados subsequentes), encontramos “Necessidade não satisfeita (lacuna).”

O eixo y é preservado para que o leitor tenha uma ideia da magnitude total (tanto na direção positiva como na negativa), mas é colocado em segundo plano por meio do texto cinza. Somente os pontos especı́ icos em que devemos prestar atenção — “Necessidade não satisfeita (lacuna)” — são diretamente legendados com valores numéricos.

Todo texto no visual tem o mesmo tamanho, exceto onde foram tomadas decisões de enfatizar mais ou tirar a ênfase de componentes. O tı́tulo do grá ico é maior. O tı́tulo do eixo “Nº de diretores” é um pouco maior para facilitar a leitura do texto girado. O texto e os números de “Necessidade não satisfeita (lacuna)” são maiores e mais escuros do que tudo mais no visual, pois é onde queremos que o leitor preste atenção. A nota de rodapé é escrita em texto menor para que esteja lá quando necessário, mas não chame a atenção. Tornando-a cinza e colocando em uma posição de baixa prioridade, na parte inferior do visual, retiramos ainda mais a ênfase da nota de rodapé.

Modelo visual 5: barras empilhadas

horizontais

FIGURA 6.5 BARRAS EMPILHADAS HORIZONTAIS

A Figura 6.5 mostra os resultados de uma pesquisa sobre prioridades relativas em um paı́s em desenvolvimento. São muitas informações, mas graças à ênfase e à retirada de ênfases estratégicas de componentes, ela não se torna visualmente opressiva.

Barras empilhadas fazem sentido aqui, dada a natureza do que está sendo representado: prioridade principal (na primeira posição, com tom mais escuro), 2a prioridade (na segunda posição e em um tom um pouco mais claro) e 3a prioridade (na terceira posição e em um tom ainda mais claro).

Orientar o grá ico horizontalmente signi ica que os nomes de categoria ao longo da esquerda são fáceis de ler em texto horizontal.

As categorias são organizadas verticalmente em ordem decrescente de “% do Total”, dando ao público uma construção clara para usar ao interpretar os dados. As categorias maiores estão em cima, de modo que as vemos primeiro.

As três principais prioridades são especi icamente enfatizadas com o uso de cor (a narrativa que acompanhava a versão original deste visual as enfocava).

Essa cor é aproveitada para o nome da categoria, % do total e barras empilhadas de dados. Essa cor uniforme vincula os componentes visualmente.

Um ponto decisivo ao representar dados em grá ico é se o eixo será preservado, se os pontos de dados (ou alguns deles) serão legendados diretamente ou ambos. Neste caso, as legendas de dados numéricos dentro das barras foram preservados, mas a ênfase foi retirada com texto menor (orientado para a esquerda, o que cria uma linha limpa quando você percorre as legendas de dados do “Mais importante”, fazendo-a parecer um pouco menos saturada do que texto orientado para a direita ou centralizado, que variaria na posição em cada uma das barras). A ênfase das legendas de dados foi retirada ainda mais por meio da cor em que foram escritos: em tons de azul claro ou cinza que não criam contraste tão nı́tido quanto legendas brancas sobre uma barra colorida. O eixo x foi eliminado. Aqui, assumimos implicitamente que os valores especı́ icos são importantes o bastante para legendar. Outro cenário pode exigir uma estratégia diferente.