Você está na página 1de 35

Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Minha linha do tempo de agradecimentos Obrigada...

HOJE
2010−HOJE Minha família, por seu amor e apoio. Ao meu amor,
meu marido, Randy, por ser meu torcedor nº1 em tudo;
eu te amo, querido. Aos meus lindos filhos, Avery e Dorian, por
mudarem as prioridades de minha vida e trazerem alegria ao
meu mundo.

Área quadrada 2010−HOJE Meus clientes, por tomarem parte de meu esforço de libertar o mundo dos
gráficos ineficientes e por me convidarem a compartilhar meu trabalho com suas equipes
e empresas por meio de workshops e outros projetos.

.
2007−2012 Os anos Google. Laszlo Bock, Prasad Setty, Brian Ong, Neal Patel,
Tina Malm, Jennifer Kurkoski, David Hoffman, Danny Cohen e Natalie Johnson,
por me darem a oportunidade e a autonomia para pesquisar, construir e ensinar conteúdo
sobre visualização de dados, por sujeitarem seu trabalho aos meus olhos frequentemente
críticos e pelo apoio e inspiração.
2002−2007 Os anos de banco. Mark Hillis e Alan Newstead, por reconhecerem e estimularem
a excelência no design visual, quando comecei a descobrir e aprimorar minhas habilidades
em visualização de dados (às vezes de maneira dolorosa, como o grafo tipo aranha de
gerenciamento de fraude!).

1987−HOJE Meu irmão, por me lembrar da importância do equilíbrio na vida.

1980−HOJE Meu pai, por seu olho de designer e sua atenção ao detalhe.
1980 1980−2011 Minha mãe, a maior influência da minha vida; sinto sua falta, mamãe.

Obrigada também a todos os que ajudaram a tornar este livro possível. Valorizo cada contribuição e ajuda no caminho.
Além do pessoal listado acima, agradeço a Bill Falloon, Meg Freeborn, Vincent Nordhaus, Robin Factor, Mark Bergeron,
Mike Henton, Chris Wallace, Nick Wehrkamp, Mike Freeland, Melissa Connors, Heather Dunphy, Sharon Polese,
Andrea Price, Laura Gachko, David Pugh, Marika Rohn, Robert Kosara, Andy Kriebel, John Kania, Eleanor Bell,
Alberto Cairo, Nancy Duarte, Michael Eskin, Kathrin Stengel e Zaira Basanez.

Resultados da Avaliação Apoio sem fins lucrativos


100%
90%
11% Entediado Arte e cultura
19% 80%
5% Educação
Não muito interessante
70%
60% Saúde
Bem 50%
Serviços Humanos
40%
25% De algum interesse Outros
30%
40%
Muito interessante 20%
10%
0%
2010 2011 2012 2013 2014 2015

Tendência de Tíquetes Satisfação do Usuário


300.00 Não utilizou Totalmente insatisfeito Não muito satisfeito
241
237

Um pouco satisfeito Muito satisfeito Totalmente satisfeito


250.00
202
180
184
184

181

177

200.00 Recurso. . . 11% 40% 47%


160
161
160

156
160

Recurso… 13% 36% 47%


148

150

149
149

139

140
132

126

124
123

150.00 Recurso… 5% 24% 34% 33%


104

Recurso… 4% 21% 37% 29%


100.00 Recurso… 6% 23% 36% 28%
Recurso F 5% 20% 35% 25%
50.00 Recurso… 5% 15% 26% 33%
Recurso… 6% 23% 32% 25%
0.00 Recurso I 5% 17% 27% 27%
Recurso J 8% 14% 24% 27% 25%
o
Ou bro
ço

No bro
o
iro

Se to
Ag o
iro

o
br
aio
nh
ril

Recurso… 4% 17% 28% 21%


lh

br
ar

os
re

m
tem

tu
ne

Ab

Ju
Ju
M

Recurso L 4% 23% 27% 16%


ve

ve
Ja

ze
Fe

Recurso… 3% 8% 25% 18% 13%


De

Recurso… 9% 14% 24% 17% 10%


Volume de Tíquetes Recebidos Volume de Tíquetes Processados
Recurso… 6% 15% 16% 11%

Nossos Clientes Índice de Desempenho Ponderado


1.50
Segmento 7 15% 11%
1.00
20%
Segmento 6 32% 0.50
17%
0.00
10%
Segmento 5 18% (0.50)
10%
Segmento 4
Segmento 3 10% 15% (1.00)
7%
Segmento 2 10%
16% (1.50)
Segmento 1 9%
Nossa Empresa Concorrente A Concorrente B
População dos EUA Nossos Clientes Concorrente C Concorrente D Concorrente E

FIGURA 0.1  Exemplos de gráficos ineficientes

Arquivo digital.indd 1 13/12/2018 13:46:43


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Tendência de Tíquetes
300.00
241
250.00 237
202
200.00 184 180
160 184 181 161 177
Área quadrada 160 149 150 132 156 160 149 Cascata Área quadrada
150.00 148 139 140
123 126 124
104
100.00

50.00

0.00
iro

iro

ço

ril

to

ro

o
ai

nh

lh

br

br

br
Ab

os

ub
ar
ne

re

Ju

em

em
Ju

Ag
M

ut
ve
Ja

te

ov

ez
O
Fe

Se

D
Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 0.2  Exemplo 1 (antes): apresentação de dados

Favor aprovar a contratação de 2 ETIs


para repor aqueles que se demitiram no ano passado

Volume de tíquetes ao longo do tempo

300 2 funcionários se demitiram em maio. Praticamente acompanhamos o


Número de tíquetes

volume recebido nos dois meses seguintes, mas não conseguimos


acompanhar o aumento em agosto e, desde então, não conseguimos
250 acompanhar.
202
200 177
160
149 Recebidos
139
150
156 Processados
140
100 126 124
104
50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez
2014

Fonte dos dados: XYZ Dashboard, em 31/12/2014 | Foi feita uma análise detalhada dos tíquetes processados
por pessoa e meses para resolver os problemas para informar este pedido. Se necessário, pode ser fornecida.

FIGURA 0.3  Exemplo 1 (depois): storytelling com dados

Arquivo digital.indd 2 13/12/2018 13:46:44


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Resultados da Avaliação
ANTES: Como você se sente DEPOIS: Como você se sente
Área quadrada
em relação à ciência? em relação à ciência?
Entediado Não muito Bem Um pouco Muito Entediado Não muito Bem Um pouco Muito
interessado interessado interessado interessado interessado interessado

11% 5% 12% 6%
19%
38%
14%
25%
40%
30%

FIGURA 0.4  Exemplo 2 (antes): apresentação de dados

O programa-piloto foi um sucesso


Como você se sente em relação à ciência?

ANTES do programa,
a maioria das crianças
se sentia BEM em 40%
38% DEPOIS
relação à ciência.
do programa,
30% mais crianças tinham
algum interesse e
25%
muito interesse
19% em ciências.
14%
11% 12%
5% 6%
Entediado Não muito Bem Um pouco Muito
interessado interessado interessado

Baseado na avaliação de 100 alunos, realizada antes e depois do programa-piloto (taxa de respostas de 100%
nas duas avaliações)

FIGURA 0.5  Exemplo 2 (depois): storytelling com dados

Arquivo digital.indd 3 13/12/2018 13:46:46


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Preço Médio do Produto no Varejo por Ano


$500

$400

Área quadrada $300 Cascata Área quadrada

$200

$100

$0
Produto A Produto B Produto C Produto D Produto E
2008 2009 2010 2011 2012 2013 2014
FIGURA 0.6  Exemplo 3 (antes): apresentação de dados

Para sermos competitivos, recomendamos introduzir nosso produto


abaixo do preço médio de $223, na faixa de $150 a $200
Preço médio ao longo do tempo por produto

$500
Preço médio

$400 A
B
$300

Média
$200
Faixa recomendada
$150 D
C E

$0
2008 2009 2010 2011 2012 2013 2014
Ano

FIGURA 0.7  Exemplo 3 (depois): storytelling com dados

Arquivo digital.indd 4 13/12/2018 13:46:46


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

APRESENTAÇÃO AO VIVO DOCUMENTO ESCRITO ouEMAIL

Área quadrada

co público
Você públi
controle ALTO ALTO
que você
tem

nível de
DETALHE
necessário BAIXO BAIXO
O“Slidemento”
FIGURA 1.1  Sequência contínua do mecanismo de comunicação

Demonstrar o Ideias para


Problema:
problema: superar o problema,
As crianças não mostrar as notas incluindo o
gostam de dos alunos no programa-piloto
ciências decorrer do ano

Descrever o Mostrar dados


RECOMENDAÇÃO:
programa-piloto; da avaliação antes
e depois para o programa-piloto
objetivos etc.
demonstrar foi um sucesso;
o sucesso vamos expandi-lo -
do programa precisamos de $$

FIGURA 1.2  Exemplo de storyboard

Arquivo digital.indd 5 13/12/2018 13:46:47


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Área quadrada
91% Cascata Área quadrada

Texto simples Gráfico de dispersão

A B C
Categoria 1 15% 22% 42%
Categoria 2 40% 36% 20%
Categoria 3 35% 17% 34%
Categoria 4 30% 29% 26%
Categoria 5 55% 30% 58%
Categoria 6 11% 25% 49%

Tabela Linha

A B C
Categoria 1 15% 22% 42%
Categoria 2 40% 36% 20%
Categoria 3 35% 17% 34%
Categoria 4 30% 29% 26%
Categoria 5 55% 30% 58%
Categoria 6 11% 25% 49%

Mapa de calor Mapa de inclinação


FIGURA 2.1  Os visuais que mais uso

Arquivo digital.indd 6 13/12/2018 13:46:48


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Área quadrada

Barras verticais Barras horizontais

Barras verticais empilhadas Barras horizontais empilhadas

Cascata Área quadrada

Arquivo digital.indd 7 13/12/2018 13:46:48


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Filhos com mães


"tradicionais" que
ficam em casa
Área quadrada % dos filhos com mães Cascata Área quadrada
casadas que ficam em casa,
enquanto maridos trabalham

41

20

1970 2012

Observação: baseado em filhos menores de 18 anos.


Suas mães foram classificadas de acordo com a situação
de emprego de 1970 e 2012.
Fonte: análise do March Current Population
Surveys Integrated Public Use
Microdata Series (IPUMS - CPS) feita pelo
Pew Research Center, 1971 e 2013.
Adaptado do PEW RESEARCH CENTER

FIGURA 2.2  Gráfico original das mães que ficam em casa

20%
dos filhos tinham mães que
trabalhavam em casa em 2012,
comparados com 41% em 1970
FIGURA 2.3  Remodelação do texto sobre mães que ficam em casa

Arquivo digital.indd 8 13/12/2018 13:46:48


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Bordas grossas Bordas claras Bordas mínimas


Grupo Métrica A Métrica B Métrica C Grupo Métrica A Métrica B Métrica C Grupo Métrica A Métrica B Métrica C
Grupo 1 $X.X Y% Z,ZZZ Grupo 1 $X.X Y% Z,ZZZ Grupo 1 $X.X Y% Z,ZZZ
Grupo 2 $X.X Y% Z,ZZZ Grupo 2 $X.X Y% Z,ZZZ Grupo 2 $X.X Y% Z,ZZZ
Grupo 3 $X.X Y% Z,ZZZ Grupo 3 $X.X Y% Z,ZZZ Grupo 3 $X.X Y% Z,ZZZ
Grupo 4 $X.X Y% Z,ZZZ Grupo 4 $X.X Y% Z,ZZZ Grupo 4 $X.X Y% Z,ZZZ
Área quadrada Grupo 5 $X.X Y% Z,ZZZ Grupo 5 $X.X Y% Z,ZZZ Grupo 5 $X.X Y% Z,ZZZ

FIGURA 2.4  Bordas de tabela

Tabela Mapa de Calor


BAIXO-ALTO

A B C A B C
Categoria 1 15% 22% 42% Categoria 1 15% 22% 42%
Categoria 2 40% 36% 20% Categoria 2 40% 36% 20%
Categoria 3 35% 17% 34% Categoria 3 35% 17% 34%
Categoria 4 30% 29% 26% Categoria 4 30% 29% 26%
Categoria 5 55% 30% 58% Categoria 5 55% 30% 58%
Categoria 6 11% 25% 49% Categoria 6 11% 25% 49%

FIGURA 2.5  Duas visualizações dos mesmos dados

Custo por milha por milhas dirigidas


$3,00
Custo por milha

$2,50

$2,00

$1,50 Média

$1,00

$0,50

$0,00
0 1.000 2.000 3.000 4.000
Milhas dirigidas por mês

FIGURA 2.6  Gráfico de dispersão

Arquivo digital.indd 9 13/12/2018 13:46:48


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Custo por milha por milhas dirigidas


$3,00
Custo por milha

$2,50

Área quadrada Cascata Área quadrada


$2,00

$1,50 Média

$1,00

$0,50

$0,00
0 1.000 2.000 3.000 4.000
Milhas dirigidas por mês

FIGURA 2.7  Gráfico de dispersão modificado

Uma série Duas séries Várias séries


8 8 8
7 A 7 A 7 A
6 6 B 6 B
5 5 5 C
4 4 4
3 3 3 D
2 2 2
1 1 1
0 0 0
Jan Fev Mar Abr Mai Jan Fev Mar Abr Mai Jan Fev Mar Abr Mai

FIGURA 2.8  Gráficos de linha

Arquivo digital.indd 10 13/12/2018 13:46:48


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Tempo de espera no controle de passaportes


Últimos 13 meses

40
Tempo de espera (minutos)

35
Área quadrada 30

25 MÁX

20 21
MÉDIA
15

10 MÍN

0
Set Out Nov Dez Jan Fev Mar Abr Mai Jun Jul Ago Set
2014 2015
FIGURA 2.9  Mostrando a média dentro de um intervalo em um gráfico
de linhas

Opinião dos funcionários ao longo do tempo


Categoria Porcentagem
96%
da pesquisa favorável
91%
Colegas 85%
Cultura 80%
Ambiente de trabalho 76% 75%

62%
Liderança 59%

Desenvolvimento da carreira 49%


45%
Gratificações e reconhecimento 41% 42%

Gestão de desempenho 33% 33%

2014 2015
Ano da pesquisa

FIGURA 2.10  Gráfico de inclinação

Arquivo digital.indd 11 13/12/2018 13:46:49


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Opinião dos funcionários ao longo do tempo


Categoria Porcentagem
96%
da pesquisa favorável
91%
Área quadrada Colegas 85% Cascata Área quadrada
Cultura 80%
Ambiente de trabalho 76% 75%

62%
Liderança 59%

Desenvolvimento da carreira 49%


45%
Gratificações e reconhecimento 41% 42%

Gestão de desempenho 33% 33%

2014 2015
Ano da pesquisa
FIGURA 2.11  Gráfico de inclinação modificado

FIGURA 2.12  Gráfico de barras da Fox News

Arquivo digital.indd 12 13/12/2018 13:46:49


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Linha de base diferente de zero: Linha de base zero:


conforme originalmente representada conforme deveria ser representada
SE OS CORTES DE IMPOSTOS DE BUSH EXPIRAREM SE OS CORTES DE IMPOSTOS DE BUSH EXPIRAREM
MAIOR ALÍQUOTA DE IMPOSTO MAIOR ALÍQUOTA DE IMPOSTO

42%
Área quadrada 40%
39.6%
39.6% 40% 30% 35%

38% 20%

36% 10%
35%
34% 0%
AGORA 1º DE JANEIRO AGORA 1º DE JANEIRO
DE 2013 DE 2013

FIGURA 2.13  Os gráficos de barra devem ter uma linha de base zero

Finas demais Grossas demais Corretas


8 8 8
7 7 7
6 6 6
5 5 5
4 4 4
3 3 3
2 2 2
1 1 1
0 0 0
A B C D E A B C D E A B C D E

FIGURA 2.14  Largura de barra

Uma série Duas séries Várias séries


8 8 8
7 7 7
6 6 6
5 5 5
A A
4 4 4
B B
3 3 3
2 2 2
CD
1 1 1
0 0 0
Cat 1 Cat 2 Cat 3 Cat 4 Cat 5 Cat 1 Cat 2 Cat 3 Cat 4 Cat 5 Cat 1 Cat 2 Cat 3 Cat 4 Cat 5

FIGURA 2.15  Gráficos de barras

Arquivo digital.indd 13 13/12/2018 13:46:49


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Comparar estas é fácil Comparar estas é difícil


20 20

15 15

10 10
Área quadrada Cascata Área quadrada
5 5

0 0
Cat 1 Cat 2 Cat 3 Cat 4 Cat 5 Cat 1 Cat 2 Cat 3 Cat 4 Cat 5

FIGURA 2.16  Comparando séries com gráficos de barras empilhadas

Número de funcionários em 2014


Embora mais funcionários tenham entrado do que saído da equipe, a contratação
agressiva significa que o número de funcionários (NF) aumentou em 16% no decorrer do ano.

+8 −12
+30 −10

116
100

1/1/2014 Contratações Entradas Saídas Demissões 31/12/2014


NF inicial Adições Reduções NF final

FIGURA 2.17  Gráfico de cascata

Uma série Duas séries Várias séries


0 1 2 3 4 5 6 7 8 0 1 2 3 4 5 6 7 8
Categoria 1 7 A
Categoria 1 A Categoria 1 B
B C
Categoria 2 5
Categoria 2 Categoria 2
Categoria 3 4 Categoria 3 Categoria 3
Categoria 4 4 Categoria 4 Categoria 4
Categoria 5 3 Categoria 5 Categoria 5

FIGURA 2.18  Gráficos de barras horizontais

Arquivo digital.indd 14 13/12/2018 13:46:50


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Resultados da pesquisa

Discordo totalmente | Discordo | Neutro | Concordo | Concordo totalmente


Porcentagem do total
0% 20% 40% 60% 80% 100%

Item A da pesquisa
Área quadrada
Item B da pesquisa

Item C da pesquisa

Item D da pesquisa

Item E da pesquisa

FIGURA 2.19  Gráfico de barras horizontais empilhadas a 100%

Decomposição da entrevista
De cada 100 ligações
telefônicas...

trouxemos 25 candidatos
para entrevista...

e 9 propostas
foram oferecidas.

FIGURA 2.20  Gráfico de área quadrada

Participação no mercado de fornecedores

Fornecedor A
Fornecedor B
Fornecedor C
Fornecedor D

FIGURA 2.21  Gráfico de pizza

Arquivo digital.indd 15 13/12/2018 13:46:50


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Participação no mercado de fornecedores

34%
Fornecedor A

Fornecedor B
Área quadrada 26% Cascata Área quadrada
Fornecedor C

9% 31% Fornecedor D

FIGURA 2.22  Gráfico de pizza com segmentos legendados

Participação no mercado de fornecedores

Fornecedor A 34%

Fornecedor B 31%

Fornecedor D 26%

Fornecedor C 9%

Total 100%
FIGURA 2.23  Uma alternativa ao gráfico de pizza

O gráfico de rosca

arco A

arco B

FIGURA 2.24  Gráfico de rosca

Arquivo digital.indd 16 13/12/2018 13:46:51


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Numero de publicações

4
3,5
3
2,5
Área quadrada 2
1,5
1
0,5
0
Jan Fev Mar Abr Mai Jun

FIGURA 2.25  Gráfico de colunas em 3D

Eixo y secundário
Lucros Tamanho da
equipe de vendas
$1,2 120
Lucro (Milhões)

Nº de Vendedores

$1,0 100

$0,8 80

$0,6 60

$0,4 40

$0,2 20

$0,0 0
T1 T2 T3 T4 T1 T2 T3 T4
2013 2014
FIGURA 2.26  Eixo y secundário

Alternativa 1: legendar diretamente Alternativa 2: separar verticalmente

120
Nº de
Vendedores

Nº de 112 111 109 110 110


Vendedores 105 100
91 80
82
$1.0 60
Lucro $0.9
$0.8 $1,0
Lucro (Milhões)

(Milhões) $0.7
$0.6 $0.6 $0,8
$0,6
$0.6
$0,5
$0.5 $0,6
$0,4
$0,2
$0,0
T1 T2 T3 T4 T1 T2 T3 T4 T1 T2 T3 T4 T1 T2 T3 T4
2013 2014 2013 2014

FIGURA 2.27  Estratégias para evitar um eixo y secundário

Arquivo digital.indd 17 13/12/2018 13:46:51


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Área quadrada Cascata Área quadrada

FIGURA 3.1  Princípio da proximidade da Gestalt

FIGURA 3.2  Você vê colunas e linhas simplesmente por causa do


espaçamento entre os pontos

FIGURA 3.3  Princípio da similaridade da Gestalt

FIGURA 3.4  Você vê linhas devido à similaridade da cor

Arquivo digital.indd 18 13/12/2018 13:46:51


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Área quadrada

FIGURA 3.5  Princípio do acercamento da Gestalt

REAL PREVISÃO

FIGURA 3.6  A área sombreada separa a previsão dos dados reais

FIGURA 3.7  Princípio do fechamento da Gestalt

FIGURA 3.8  O gráfico ainda parece completo sem a borda e o sombreado de fundo

Arquivo digital.indd 19 13/12/2018 13:46:52


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Área quadrada Cascata Área quadrada

FIGURA 3.9  Princípios da continuidade da Gestalt

A
B
C
D
E
FIGURA 3.10  Gráfico com a linha do eixo y removida

FIGURA 3.11  Princípio da conexão da Gestalt

FIGURA 3.12  Linhas conectam os pontos

Arquivo digital.indd 20 13/12/2018 13:46:52


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Demonstrando que a eficiência é a consideração mais importante


ao se selecionar um provedor
De modo geral, quais atributos são os mais importantes para
você ao selecionar um provedor de serviços? A pesquisa mostra que
(Escolha até 3) demonstrar resultados é a dimensão
Área quadrada mais importante ao se escolher
Demonstrar resultados
um provedor de serviços.
Especialidade no conteúdo
Conhecimento local
Acessibilidade dos serviços
Reputação nacional
e experiência anterior
Acessibilidade trabalhando em conjunto,
Trabalho conjunto anterior considerados muito importantes
Recomendação de colegas no processo de tomada de decisão,
foram menos citados como
atributos importantes.
%
0%

%
%
40
20

80
60
% de escolha do atributo
Fonte de dados: xyz; inclui número N de entrevistados.
Note que os entrevistados podiam escolher até 3 opções

FIGURA 3.13  Resumo do retorno da pesquisa

Demonstrando que a eficiência é a consideração mais


importante ao se selecionar um provedor
De modo geral, quais atributos são os mais importantes para você ao
selecionar um provedor de serviços?
(Escolha até 3) % de escolha do atributo
0% 20% 40% 60% 80%

Demonstrar resultados A pesquisa mostra que demonstrar


resultados é a dimensão mais
Especialidade no conteúdo importante ao se escolher um
Conhecimento local provedor de serviços.

Reputação nacional Acessibilidade do Serviço


e experiência anterior
Acessibilidade trabalhando em conjunto,
Trabalho conjunto anterior considerados muito importantes no
processo de tomada de decisão,
Recomendação de colegas foram menos citados como
atributos importantes.
Fonte de dados: xyz; inclui número N de entrevistados.
Note que os entrevistados podiam escolher até 3 opções

FIGURA 3.14  Resumo do retorno da pesquisa remodelado

Arquivo digital.indd 21 13/12/2018 13:46:52


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Índice de Desempenho Ponderado


1.50

1.00

Área quadrada 0.50 Cascata Área quadrada

0.00

(0.50)

(1.00)

(1.50)
Variedade Conveniência Serviço Relacionamento Preço

Nossa Empresa Concorrente A Concorrente B Concorrente C Concorrente D Concorrente E

FIGURA 3.15  Gráfico original

Análise de Desempenho
Nossa empresa Índice de desempenho ponderado | Classificação relativa
Concorrente A 1 de 6

Concorrente B Preço
Concorrente C
Concorrente D 2 de 6

Concorrente E Conveniência

4 de 6

Relacionamento

6 de 6

Serviço

6 de 6

Variedade

FIGURA 3.16  Gráfico remodelado, usando contraste


estrategicamente

Arquivo digital.indd 22 13/12/2018 13:46:52


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

300.00

250.00

200.00
Área quadrada
150.00

100.00

50.00

0.00
iro

iro

ço

ril

to

ro

o
ai

nh

lh

br

br

br
Ab

os

ub
ar
ne

re

Ju

em

em
Ju

Ag
M

ut
ve
Ja

te

ov

ez
O
Fe

Se

D
Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 3.17  Gráfico original

300.00

250.00

200.00

150.00

100.00

50.00

0.00
iro

iro

ço

ril

to

ro

o
ai

nh

lh

br

br

br
Ab

os

ub
ar
ne

re

Ju

em

em
Ju

Ag
M

ut
ve
Ja

te

ov

ez
O
Fe

Se

Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 3.18  Remova as bordas do gráfico

Arquivo digital.indd 23 13/12/2018 13:46:53


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

300.00

250.00

200.00
Área quadrada Cascata Área quadrada
150.00

100.00

50.00

0.00
iro

iro

ço

ril

to

ro

o
ai

nh

lh

br

br

br
Ab

os

ub
ar
ne

re

Ju

em

em
Ju

Ag
M

ut
ve
Ja

te

ov

ez
O
Fe

Se

D
Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 3.19  Remova as linhas de grade

300.00

250.00

200.00

150.00

100.00

50.00

0.00
iro

iro

ço

ril

to

ro

o
ai

nh

lh

br

br

br
Ab

os

ub
ar
ne

re

Ju

em

em
Ju

Ag
M

ut
ve
Ja

te

ov

ez
O
Fe

Se

Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 3.20  Remova os marcadores de dados

Arquivo digital.indd 24 13/12/2018 13:46:53


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

300

250

200

150
Área quadrada
100

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez
Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 3.21  Limpe as legendas de eixo

300

250

200
Recebidos
150
Processados
100

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 3.22  Legende os dados diretamente

300

250

200
Recebidos
150
Processados
100

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 3.23  Use cores uniformes

Arquivo digital.indd 25 13/12/2018 13:46:53


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

300.00 300

250.00 250

200.00 200
Recebidos
150.00 150
Área quadrada Cascata ProcessadoÁrea quadrada
100.00 100

50.00 50

0.00 0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez
o
iro

M o
ço

to

O ro
ro

ez ro

o
ril

o
nh
ir

br
ai

lh

os

b
ub

b
Ab
ar
ne

re

em

em
M

Ju
Ju

Ag

ut
ve
Ja

te

ov
Fe

Se

Volume de Tíquetes Recebidos Volume de Tíquetes Processados

FIGURA 3.24  Antes e depois

Estímulo Olho Cérebro


FIGURA 4.1  Uma imagem simplificada de como você vê

756395068473
658663037576
860372658602
846589107830
FIGURA 4.2  Exemplo de contagem de números 3

Arquivo digital.indd 26 13/12/2018 13:46:54


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

756 395068473
Área quadrada 658663037576
860 372658602
846589107830
FIGURA 4.3  Contagem de números 3 com atributos pré-atentivos

Orientação Forma Comprimento de linha Largura de linha

Tamanho Curvatura Adição de marcas Acercamento

Tonalidade Intensidade Posição espacial Movimento

FIGURA 4.4  Atributos pré-atentivos


Fonte: Adaptado do livro Show Me the Numbers, sem tradução no Brasil, 2004, de Stephen Few.

Arquivo digital.indd 27 13/12/2018 13:46:54


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Sem atributos pré-atentivos Negrito


O que estamos fazendo bem? Ótimos produtos. Esses O que estamos fazendo bem? Ótimos produtos. Esses
produtos são claramente os melhores de sua classe. produtos são claramente os melhores de sua classe.
Peças substitutas são enviadas quando necessário. Peças substitutas são enviadas quando necessário. Vocês
Vocês me enviam juntas sem que eu precise pedir. me enviam juntas sem que eu precise pedir.
Os problemas são resolvidos prontamente. O escritório Os problemas são resolvidos prontamente. O escritório
Área quadrada Cascataum problema que
de cobranças resolveu rapidamente Área quadrada
de cobranças resolveu rapidamente um problema que
eu tinha. O serviço ao cliente supera as expectativas. eu tinha. O serviço ao cliente supera as expectativas.
O gerente de contas até fez contato fora do horário O gerente de contas até fez contato fora do horário
comercial. Vocês têm uma excelente comercial. Vocês têm uma excelente
empresa — continuem o bom trabalho! empresa — continuem o bom trabalho!

Cor Itálico
O que estamos fazendo bem? Ótimos produtos. Esses O que estamos fazendo bem? Ótimos produtos. Esses
produtos são claramente os melhores de sua classe. produtos são claramente os melhores de sua classe.
Peças substitutas são enviadas quando necessário. Peças substitutas são enviadas quando necessário. Vocês
Vocês me enviam peças sem que eu precise pedir. me enviam juntas sem que eu precise pedir.
Os problemas são resolvidos prontamente. O escritório Os problemas são resolvidos prontamente. O escritório
de cobranças resolveu rapidamente um problema que de cobranças resolveu rapidamente um problema que
eu tinha. O serviço ao cliente supera as expectativas. eu tinha. O serviço ao cliente supera as expectativas.
O gerente de contas até fez contato fora do horário O gerente de contas até fez contato fora do horário
comercial. Vocês têm uma excelente comercial. Vocês têm uma excelente
empresa — continuem o bom trabalho! empresa — continuem o bom trabalho!

Tamanho Espacialmente separado


O que estamos fazendo bem? Ótimos produtos. Esses O que estamos fazendo bem? Ótimos produtos. Esses
produtos são claramente os melhores de sua classe. produtos são claramente os melhores de sua classe.
Peças substitutas são enviadas quando necessário. Peças substitutas são enviadas quando necessário. Vocês
me enviam juntas sem que eu precise pedir.
Vocês me enviam juntas sem que eu
precise pedir. Os problemas são resolvidos
Os problemas são resolvidos prontamente.
prontamente. O escritório de cobranças resolveu
O escritório de cobranças resolveu rapidamente um
rapidamente um problema que eu tinha. O serviço ao
problema que eu tinha. O serviço ao cliente supera
cliente supera as expectativas. O gerente de contas até
as expectativas. O gerente de contas até fez contato
fez contato fora do horário comercial. Vocês têm uma
fora do horário comercial. Vocês têm uma excelente
excelente empresa — continuem o bom trabalho!
empresa — continuem o bom trabalho!

Contorno (acercamento) Sublinhado (adição de marcas)


O que estamos fazendo bem? Ótimos produtos. Esses O que estamos fazendo bem? Ótimos produtos. Esses
produtos são claramente os melhores de sua classe. produtos são claramente os melhores de sua classe.
Peças substitutas são enviadas quando necessário. Peças substitutas são enviadas quando necessário. Vocês
Vocês me enviam juntas sem que eu precise pedir. me enviam juntas sem que eu precise pedir.
Os problemas são resolvidos prontamente. O escritório Os problemas são resolvidos prontamente. O escritório
de cobranças resolveu rapidamente um problema que de cobranças resolveu rapidamente um problema que
eu tinha. O serviço ao cliente supera as expectativas. eu tinha. O serviço ao cliente supera as expectativas.
O gerente de contas até fez contato fora do horário O gerente de contas até fez contato fora do horário
comercial. Vocês têm uma excelente comercial.
empresa — continuem o bom trabalho! Vocês têm uma excelente empresa — continuem o bom trabalho!

FIGURA 4.5  Atributos pré-atentivos em texto

Arquivo digital.indd 28 13/12/2018 13:46:54


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

O que estamos fazendo bem?


Temas e exemplos de comentários

Ótimos produtos: "Esses produtos são claramente os melhores de sua classe."


Peças substitutas são enviadas quando necessário:
Área quadrada
"Vocês me enviam peças sem que eu precise pedir,
e eu preciso mesmo delas!"
Os problemas são resolvidos prontamente: "O escritório de cobranças
resolveu rapidamente um problema que eu tinha."
O serviço ao cliente supera as expectativas:
"O gerente de contas até fez contato fora do horário comercial.
Vocês têm uma excelente empresa — continuem o bom trabalho!"

FIGURA 4.6  Atributos pré-atentivos podem ajudar a criar uma hierarquia visual


de informações.s

10 principais preocupações com o design


preocupações por 1.000
A potência do motor é menor que o esperado 12.9
Os pneus fazem barulho excessivo ao dirigir 12.3
O motor faz barulho anormal/excessivo 11.6
O material do assento preocupa 11.6
Barulho excessivo do vento 11.0
Exitação ou atraso na mudança de marcha 10.3
O sistema Bluetooth tem baixa qualidade de som 10.0
O sistema de direção/volante tem muita folga 8.8
O sistema bluetooth é difícil de usar 8.6
Controles do assento dianteiro de áudio/entretenimento/navegação 8.2

FIGURA 4.7  Gráfico original, sem atributos pré-atentivos

o!

Arquivo digital.indd 29 13/12/2018 13:46:54


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

7 das 10 principais preocupações com o design têm 10 ou mais preocupações por 1.000
Discussão: Essa é uma taxa padrão aceitável?

10 principais preocupações com o design


preocupações por 1.000
A potência do motor é menor que o esperado 12.9
Área quadrada Cascata Área quadrada
Os pneus fazem barulho excessivo ao dirigir 12.3
O motor faz barulho anormal/excessivo 11.6
O material do assento preocupa 11.6
Barulho excessivo do vento 11.0
Exitação ou atraso na mudança de marcha 10.3
O Sistema Bluetooth tem baixa qualidade de som 10.0
Sistema de direção/volante tem muita folga 8.8
O sistema bluetooth é difícil de usar 8.6
Controles do assento dianteiro de áudio/entretenimento/navegação 8.2

FIGURA 4.8  Use cor para chamar a atenção

Das 10 preocupações com o design, 7 estão relacionadas ao ruído

10 principais preocupações com o design


preocupações por 1.000
A potência do motor é menor que o esperado 12.9 Comentários indicam que os
problemas de barulho dos pneus
Os pneus fazem barulho excessivo ao dirigir 12.3
aparecem mais na chuva.
O motor faz barulho anormal/excessivo 11.6
Reclamações sobre ruído do
O material do assento preocupa 11.6 motor são mais citadas depois
Barulho excessivo do vento 11.0
que o carro esteve parado por
algum tempo.
Exitação ou atraso na mudança de marcha 10.3
O barulho do vento é observado
O Sistema Bluetooth tem baixa qualidade de som 10.0 principalmente em autoestradas,
Sistema de direção/volante tem muita folga 8.8
em alta velocidade

O sistema bluetooth é difícil de usar 8.6


Controles do assento dianteiro de áudio/entretenimento/navegação 8.2

FIGURA 4.9  Crie uma hierarquia visual de informações

Arquivo digital.indd 30 13/12/2018 13:46:55


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

300

250

Área quadrada 200


Recebidos
150
Processados
100

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 4.10  Vamos rever o exemplo dos tíquetes

300

250

200
Recebidos
150
Processados
100

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 4.11  Primeiro, coloque tudo em segundo plano

Arquivo digital.indd 31 13/12/2018 13:46:55


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

300

250

200
Área quadrada Cascata Área quadrada
Recebidos
150 Processados
100

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 4.12  Faça os dados se destacarem

300

241
250
202
200 184 237 180 177
160 149
161 160
149
Recebidos
184 181 139
150 132
160 156 Processados
148 150
140
100 123 126 124
104

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 4.13  Legendas demais parecem saturadas

Arquivo digital.indd 32 13/12/2018 13:46:55


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

300

250
202
200 177
Área quadrada
160
149
Recebidos
139
150
156 Processados
140
100 126 124
104

50

0
Jan Fev Mar Abr Mai Jun Jul Ago Set Out Nov Dez

FIGURA 4.14  Legendas usadas moderadamente ajudam a chamar a atenção

Cinco Remédios Mais Vendidos por País 5 remédios mais vendidos : classificação das vendas por país
A distribuição pelas cores do arco-íris indica a
classificação das vendas no país dado, de 1 (vermelho) CLASSIFICAÇÃO 1 2 3 4 5+
até 10 ou mais (roxo escuro) PAÍS | REMÉDIO
País A B C D E A B C D E
AUS 1 2 3 6 7 Austrália 1 2 3 6 7
BRA 1 3 4 5 6 Brasil 1 3 4 5 6
CAN 2 3 6 12 8 Canadá 2 3 6 12 8
CHI 1 2 8 4 7 China 1 2 8 4 7
FRA 3 2 4 8 10 França 3 2 4 8 10
ALE 3 1 6 5 4 Alemanha 3 1 6 5 4
IND 4 1 8 10 5 Índia 4 1 8 10 5
ITA 2 4 10 9 8 Itália 2 4 10 9 8
MEX 1 5 4 6 3 México 1 5 4 6 3
RUS 4 3 7 9 12 Rússia 4 3 7 9 12
ESP 2 3 4 5 11 Espanha 2 3 4 5 11
TUR 7 2 3 4 8 Turquia 7 2 3 4 8
RU 1 2 3 6 7 Reino Unido 1 2 3 6 7
EUA 1 2 4 3 5 Estados Unidos 1 2 4 3 5

FIGURA 4.15  Use as cores moderadamente

Arquivo digital.indd 33 13/12/2018 13:46:55


Cascata Área quadrada Cascata

Barras horizontais empilhadas Barras verticais empilhadas Barras horizontais e


arquivos digitais

Use cor de marca Chame a atenção com preto Use cor complementar

Categoria 1 7 Categoria 1 7 Categoria 1 7

Categoria 2 5 Categoria 2 5 Categoria 2 5

Categoria 3 4 Categoria 3 4 Categoria 3 4


Área quadrada Cascata Área quadrada
Categoria 4 4 Categoria 4 4 Categoria 4 4

Categoria 5 3 Categoria 5 3 Categoria 5 3

Logotipo do Cliente Logotipo do Cliente Logotipo do Cliente

FIGURA 4.16  Opções de cor com cores de marca

FIGURA 4.17  O “z” em zigue-zague para absorver informação em uma


tela ou página

FIGURA 5.1  Utensílios de cozinha OXO

Arquivo digital.indd 34 13/12/2018 13:46:55


Cascata Área quadrada

Barras horizontais empilhadas


arquivos digitais

Taxa de Novos Casamentos por Instrução


Número de adultos recém-casados por 1.000 adultos que podem se casar

61,5
56,7
'08 '09 '10 '11 '12
Área quadrada
41,4 42,5
36,7 35,9 36,5
30,1
26,8
23,4

Todos Ensino básico Ensino Universitários Bacharéis


secundário e acima

Nota: os que podem se casar incluem os recém-casados, mais os viúvos,


divorciados ou que nunca se casaram, à época da entrevista.
Fonte: Censo dos EUA
Adaptado de PEW RESEARCH CENTER

FIGURA 5.2  Gráfico original do Pew Research Center

Taxa de Novos Casamentos por Instrução


Número de adultos recém-casados por 1.000 adultos que podem se casar

61,5
56,7

2008...2012
41,4 42,5
36,7 35,9 36,5
30,1
26,8
23,4

Todos Ensino básico Ensino Universitários Bacharéis


secundário e acima

Nota: os que podem se casar incluem os recém-casados, mais os viúvos, divorciados


ou que nunca se casaram, à época da entrevista.
Fonte: Censo dos EUA
Adaptado de PEW RESEARCH CENTER

FIGURA 5.3  Realce o que for importante

Arquivo digital.indd 35 13/12/2018 13:46:56

Você também pode gostar