6 erros no design de dashboardspara nunca mais cometer!

Acompanhar os pedidos que chegam na empresa, o recebimento de novosprodutos, o desempenho de cada equipe da empresa e, claro, gerar relatóriossobre tudo isso: as tarefas de gestão de uma empresa não são simples.Felizmente, hoje já podemos contar com os dashboards para nos ajudar comesse trabalho.

Capazes de reunir em uma só tela diferentes métricas, resultados, ecomparativos importantes para o negócio, os dashboards são verdadeirosaliados para que o empreendedor possa ficar de olho no que realmenteimporta em sua empresa. No entanto, alguns erros comuns de design podemdiminuir o potencial dessa importante ferramenta.

Infográficos com formatos pouco funcionais, cores mal utilizadas e atéespaço ocupado por informações pouco relevantes, por exemplo, podemconfundir o usuário e causar problemas para o gerenciamento das equipes –e até mesmo para a saúde financeira de suas lojas.

Mas não se preocupe: nesse e-book vamos apresentar os 6 erros de designmais cometidos na criação de dashboards, para que você não cometanenhum deles! Quer saber quais são? Então vamos lá.

Sobre este ebook e nossosdashboards

06

05

04

03

02

01

Não faça as pessoas calcularem ouNão faça as pessoas calcularem ouadivinharemadivinharem

Conclusão Sobre a empresa

Fazer mau uso da corFazer mau uso da cor

Usar cores muito saturadas Aplicar as mesmas cores para representar diferentesdados Utilizar cores aleatórias para simbolizar uma sequência Forçar o uso das cores da sua empresa

Não acrescentar valores de comparaçãoNão acrescentar valores de comparação

Dados comparativos melhoram avaliação

Usar os tipos de gráficos erradosUsar os tipos de gráficos errados

Gráficos em linhas Gráficos em pizza Gráficos em colunas Gráficos em áreas Gráficos de medidas

Fazer escolhas pobres de layoutFazer escolhas pobres de layout

Posicionamento correto das informações mais acessadasOrganização de dados relacionadosInformações comparativas

Fazer um dashboard de tamanho únicoFazer um dashboard de tamanho único

Quem será o usuário? Qual será a finalidade daquele dashboard?

Índice

É o lugar onde reunimos todasÉ o lugar onde reunimos todasas informações importantesas informações importantespara o negócio de uma maneirapara o negócio de uma maneirasimples e em tempo real.simples e em tempo real.

Um bom dashboard permite que com apenas um "passar deolhos" você saiba exatamente como seu negócio está eidentifique o que está com problema!

O que NÃO é um Dashboard:O que NÃO é um Dashboard:Um quadro com diversos indicadores reunidos.

Um dashboard deve contar uma história em tempo real eajudar o processo de decisões de sua empresa

O que é um dashboard?

Resumindo:Resumindo: as necessidades deum setor são bem diferentes dasnecessidades de outros, logo, nãoé possível ter um dashboard comos mesmos tamanhos ecaracterísticas para todas asáreas da empresa.

Mas como fazer isso? Como entregar um sistema diferentepara cada um? Simples, atentando a algumas questõesessenciais:

Para o profissional que trabalha na recepção dos produtos, o mais importante ésaber quando o caminhão vai chegar na área de descarga, o que ele está trazendo eque tipo de equipamento ou quantas pessoas são necessárias para tirar os objetosde dentro da carroceria.

Já no caso do setor de TI, o que o colaborador precisa saber é quais computadoresestão funcionando nas lojas, quais redes e roteadores estão com problemas e atémesmo a versão do sistema operacional que cada máquina está usando para queseja possível atualizá-los regularmente.

01. Fazer um dashboard de formatoúnico

Quem será o usuário?Quem será o usuário?

Antes de mais nada, para desenvolverum dashboard específico para cada tipode usuário, é preciso saber responder asseguintes perguntas:

Qual é o cargo que aquela pessoa tem na empresa?Como é seu fluxo de trabalho?Qual é o seu grau de envolvimento com a tecnologia?O que ele sabe a respeito do negócio?Qual o objetivo do seu processo?

Ao responder tudo isso, você saberá desde as informações quedevem ser priorizadas em cada tela até o tamanho que os botões da plataforma devem ter para cada tipo de usuário que acessá-la.

Qual será a finalidade daqueleQual será a finalidade daqueledashboard?dashboard?

Um dashboard não deve servir para apresentar qualquer tipo deinformação geral sobre a empresa. Ele deve mostrar números erelatórios que tenham alguma finalidade específica, a serdeterminada de antemão. Essa finalidade pode ser:

Ajudar o gerente a ver os pontos mais fracos da equipe

Mostrar para as equipes os seus rendimentos

Indicar aos colaboradores quais são as suas metas

Comunicar o progresso ou o retrocesso de algum aspecto

do negócio

Agora que você já sabe que para cadausuário e para cada setor da empresa existeum tipo diferente de dashboard, comfinalidades próprias, é preciso saber comoapresentar essas informações da melhormaneira possível, fugindo dos layouts de máqualidade.

informações malformatadas geraminterpretações erradas

Em dezembro de 2015, a final da eleição para Miss Universo virou motivo de piadana internet quando o apresentador do evento confundiu o nome das ganhadorasfazendo com que a participante colombiana quase levasse o prêmio destinado àcandidata das Filipinas. E qual foi o motivo dessa confusão? A má diagramação dobilhete com os nomes das finalistas.

Se, até mesmo no campeonato de Miss Universo, ter um bom layout envolve maisdo que beleza, imagine para os nossos dashboards! Brincadeiras à parte, o queinteressa é que uma boa diagramação faz toda a diferença na maneira como vocêinterpreta os dados do seu dashboard. Por isso, é bom ficar de olho nos seguintespontos:

Posicionamento correto das informações mais acessadasOrganização de dados relacionadosInformações comparativas

02. Fazer escolhaspobres de layout

Posicionamento correto das informações mais acessadasPosicionamento correto das informações mais acessadas Nosso movimento orgânico de leitura vai do topo esquerdo da tela até o canto mais baixo da direita. Por isso, é interessante posicionar as informaçõesmais acessadas onde olhamos primeiro, certo?

Organização de dados relacionados Organização de dados relacionados Se você tem duas informações que são diretamente relacionadas, como o total de vendas on-line e o total de vendas na loja, por exemplo, o maiscorreto é deixá-las próximas.

Informações comparativasInformações comparativas A organização mais próxima das informações relacionadas também valepara dados comparativos, como os resultados de venda do mês anterior e domês atual. Nesse caso, o ideal é sempre deixar os dados um ao lado dooutro, para ficar ainda mais a comparação.

Como você viu, não é preciso ser um expert em design para saber quandoum layout está pouco funcional. Por isso, não foque apenas na beleza dosistema, olhe também para a usabilidade dos dados apresentados.

NÃO BASTA SER BOM, TEM QUEPARECER BOM TAMBÉM!

Apresentar grandes volumes de dados efazer comparações entre eles de formavisual fica mais fácil quando usamosgráficos, não é mesmo? No entanto, quandotrabalhamos com um dashboard lotado deinformações tão diferentes, é fácil errar naescolha e optar por alguns tipos de gráficosnão muito eficazes.

Veja a seguir qual é o gráfico ideal paracada tipo de informação:

03. Usar os tipos de gráficoserrados

Gráficos em linhasGráficos em linhasEsse tipo de gráfico é uma ótima opção para mostrar variações numéricas, tanto em períodos curtos como longos. Além disso, esse

formato permite fazer o cruzamento de diferentes informações em linhas, facilitando a visualização das relações entre variáveis.

Gráficos em pizzaGráficos em pizzaO gráfico em pizza é a melhor maneira de

representar as diferentes “fatias” de um

segmento completo, permitindo comparações

sobre um mesmo tema.

Não é um gráfico recomendado para análises no

tempo, ou que seja necessário uma comparação

mais objetivo, pois neste gráfico, comparações de

fatias muito próximas são difíceis de ver,

Gráficos em colunasGráficos em colunas

Essa modalidade é uma excelente forma de apresentar variações de um mesmo tipo de dado em diferentes fontes, como, por exemplo, um

comparativo do total de vendas feitas em cada loja.

Se utilizarmos a representação de linhas em conjunto com este gráfico, teremos uma excelente forma de avaliar variações entre os

comparativos.

Obs: A paleta de cores em um gráfico é muito importante também, pois o excesso de cores atrapalha a analise objetiva dos resultados, sendo

assim, sempre use uma mesma paleta de cores em um dashboard, usando cores diferentes apenas em situações de alerta ou que seja

necessário chamar a atenção.

Gráficos em áreasGráficos em áreas

Os gráficos em áreas têm a mesma finalidade dos gráficos de linha, porém, quando usados de forma comparativa, deixam ainda mais evidente a

proporção de cada parte.

Este tipo de gráfico é uma ótima forma de mostrar volumes e evoluções.

Gráficos de medidasGráficos de medidas

Como uma espécie de termômetro, o gráfico de medida é muito usado quando é preciso transmitir apenas dois aspectos de uma informação

básica, como a queda ou o aumento das reclamações do atendimento.

Reparou como que, em várias dessas opções de gráficos, existe a vantagem de se fazer uma comparação entre diferentes dados? Pois saiba

que não acrescentar esses comparativos ao seu dashboard pode ser um erro que muitas pessoas acabam cometendo.

GaugeGauge

Este é um gráfico de medida que tem o formato parecido com

um velocímetro.

O formato deste gráfico facilita bastante a visão de desempenho, ou seja,

rapidamente o analista consegue identificar a situação de um numero

com o esperado para aquele periodo medidos.

3D3DGraficos 3D para algumas pessoas, embelezam a apresentação, masGraficos 3D para algumas pessoas, embelezam a apresentação, mas

na verdade o formato 3D dificulta a analise e o entendimento do que ona verdade o formato 3D dificulta a analise e o entendimento do que o

gráfico quer passar!gráfico quer passar!

Desenhos, imagens ou qualquer coisa queDesenhos, imagens ou qualquer coisa quetire a atenção!tire a atenção!

Um dashboard tem como principal objetivo, ser claro, facil de analisar eauxiliar a tomar decisões rápidas. Qualquer coisa colocada em umdashboard de não traga informações ou auxilie na interpretação deve sertirado!

Lembre-se que um dasboard é uma ferramenta para melhorar acomunicação com as pessoas e trazer conhecimento e não distração.

Deixe a sua veia artística para depois!

O que não fazer!O que não fazer!Cores, tipos de gráficos, desenhos que não chama a atenção, tudo isso pode gerar uma má interpretação dos números de sua empresa, assim

como tirar a atenção para o foco da analise. Veja alguns exemplos:

Simples, objetivo e informativo!Simples, objetivo e informativo!

Desta forma voce tem um dashboard simples, bonito e ao mesmo tempo passa as informações importantes à sua equipe, para que ações

rápidas sejam tomadas.

Qual sorvete é melhor: o de chocolate ou o demorango?

Bom, tendo em mente que você já deve terexperimentado os dois sabores, fica fácilimaginar que tenha uma resposta para essapergunta. Porém, como alguém que nuncaprovou um sorvete de morango, por exemplo,conseguiria dar uma resposta?

04. Não acrescentar valores de comparação

Quando seu sistema apresenta um dado sem comparativos (como o total de horasgastas para a confecção de um produto), aquilo não costuma dizer muita coisa –a menos, é claro, que aquele usuário do dashboard já esteja familiarizado comtodos os números do seu negócio e segmento de atuação. Sem saber ao certo oque aquele dado representa, fica mais complicado tomar alguma decisão arespeito.

Como escolher?Como escolher?Agora, como escolher a melhor amostragema ser comparada em um dashboard? Dentreas muitas opções que existem, normalmenteas mais usadas são as seguintes:

Gráficos de medidasGráficos de medidas

- Comparação entre os números atuais do seu negócio x os números considerados como ideais para a empresa- Comparação de períodos, como as vendas do mês passado x as vendas desse mês- Comparação de períodos idênticos, como as vendas do mês de junho de 2016 X as do mês de junho de 2015- Comparação entre métricas, como total de assinaturas realizadas x total de assinaturas canceladas

Definida a amostragem e feita a comparação, basta escolher a melhor cor para representar cada parte das informações! Cominformações comparáveis e uma boa visualização, tudo fará mais sentido para qualquer usuário daquele sistema.

Comparativo Comparativo

Aqui comparamos o ano atual ao ano anterior, e usamosuma linha, para mostrar o crescimento ou não de um anopara o outro.É uma forma simples e objetiva de analisar odesempenho

Custo X ReceitaCusto X Receita

Neste gráfico, avaliamos Receita X custos, desta formafica fácil de entender o quanto os custos impactam nareceita, e também visualizar o crescimento dele.

Há quem prefira a cor azul, vermelha ouHá quem prefira a cor azul, vermelha ouamarela. Porém, na hora de definir as cores aamarela. Porém, na hora de definir as cores aserem usadas em um dashboard, é necessárioserem usadas em um dashboard, é necessáriodeixar o gosto pessoal de lado em prol dadeixar o gosto pessoal de lado em prol damelhor opção para o seu usuário. Para isso, émelhor opção para o seu usuário. Para isso, ébom evitar alguns erros muito comuns que asbom evitar alguns erros muito comuns que aspessoas cometem na hora de escolher as corespessoas cometem na hora de escolher as corespara os seus gráficos e sua plataforma:para os seus gráficos e sua plataforma:

05. Mal uso das cores

Ao longo do processo evolutivo, nosso cérebro foi aprendendo a dar muita atenção para coresfortes e saturadas, como o vermelho – que, não por acaso, é usado em placas de “Pare” eextintores de incêndio. Por isso, quando você aplica uma cor saturada em um ou vários gráficosdo seu dashboard, aquilo irá chamar mais a atenção do que qualquer outro dado, modificando ahierarquia das informações. Logo, se essa não a sua intenção, evite esse tipo de cor!!

Usar cores muito saturadas

Obs.: Neste Gráfico a cor vermelhada destaque ao custo, que se aumentaré ruim.

O jeito correto de fazer!

Aplicar as mesmas cores para representar diferentes dadosNada mais importante em um dashboard do que consistência. Portanto, se você usou verde pararepresentar os números do mês atual em um gráfico, não use amarelo para falar do mesmomês em outro momento. Para dados iguais, use uma mesma paleta de cores!

O princípio de consistência:O princípio de consistência: se você usou o verde-claro para falar de um determinado mês, aoapresentar os números das semanas adote um outro tom dessa cor, e não uma cor totalmentediferente.

Aplicar as mesmas cores para representar diferentes dados

Obs.: Neste Gráfico são usados tons deazul para representar os faturamentosde anos diferentes!

O jeito correto de fazer!

Esse é de longe o erro mais cometido pelasempresas, não é porque o logo do seu negócio évermelho que você deva usá-lo em qualqueroportunidade! Cores chamativas ou muito apagadas,como cinza claro, são comuns em logos, mas podemnão ajudar em nada a leitura do usuário de seudashboard. Portanto, escolha boas cores e nãoaquelas que façam referência direta à sua marca.

Forçar o uso das cores da sua empresa

Estes dois gráficos possuem as mesmasinformações:Vendas Mensais - Ano X Ano- Um usa cor alaranjada e preto (Cores da empresa)- Outro usa uma paleta azul, que deixa mais claro quesão dados comparativos.

Conhecido no mundo do design de interação, onorte-americano Steve Krug é autor do livroNão me faça pensar!

Uma abordagem de bom senso à usabilidade naweb, um best-seller conhecido por quemtrabalha com web. E é dessa ideia que vemuma das maiores lições para um bomdashboard: não faça o usuário pensar demais!

06. Não faça as pessoas calcularem ouadivinharem!

O principal objetivo de um dashboard é fazer as pessoas terem acesso as informações de forma rápida e objetiva, para quetomem decisões rápidas!Um dashboard eficiente gera diagnóstico, ou seja, aponta o máximo possível que o usuário deve fazer.

Observe o gráfico abaixo. Olhando rapidamente ele parece bem claro, sem problemas! Não é!

Seja claro e objetivo!

Iniciando uma análise voce vai perceber queprecisa de mais informações neste gráfico:

- Como estão as vendas? Sem comparativo nãofica claro se está bom ou ruim!

- Quando eu estou melhorando ou piorando?

Quando um gráfico não tem informações suficientes, podem acontecer duas coisas:Quando um gráfico não tem informações suficientes, podem acontecer duas coisas:

1) A pessoa perder tempo indo atrás de mais informações2) A pessoa tirar suas conclusões com um gráfico incompleto, o que é muito perigoso!

Com esse gráfico agora você consegue uma análise rápida e objetiva, sem interpretaçõesequivocadas.

Seja claro e objetivo!

Um simples gráfico pode fazer toda diferença, melhorando muito a agilidade e a qualidade das tomadas de decisão, pois sóter a informação no mercado atual não significa muito!

Aqui você têm o melhor dos dois mundos,informações claras sem excesso e uma analiseobjetiva!O importante é criar cada dashboard tendo emmente que a pessoa do outro lado não tem o mesmoconhecimento que você, portanto, precisa ter todosos dados detalhados e de fácil visualização. Ao fazerisso, suas informações serão entendidas porqualquer colaborador da empresa, desde os gerentescom anos de casa até recém contratados.

Fazer um dashboard padrão para todos os funcionários da empresa, não saber posicionarcorretamente os dados na tela, errar na hora de escolher um tipo de gráfico, não usar dadoscomparativos, adotar cores erradas e até esconder informações importantes do usuário: agoravocê já conhece todos esses 6 erros comuns da produção de dashboards, fica mais fácil evitá-lose aproveitar o máximo dessa ferramenta, certo?

Portanto, nada de misturar cores inadequadas, formas genéricas e dados irrelevantes. Coloquenossas dicas em prática no seu dia a dia e tome decisões cada vez melhores, com base em tudoque pode ser muito bem visualizado e identificado no seu dashboard!

Conclusão

Suas informações devem estardisponíveis, ou elas não valem nada!

Quer ter a sua empresa na palma damão? Conheça a LemonCom ampla experiência na criação dedashboards, a Lemon busca informações emtempo real de seus vários sistemas, serviços,planilhas e arquivos, e monta gráficos empainéis customizáveis. E isso tudo direto dainternet, sem precisar instalar nada em seucomputador.

Por isso, se você precisa cruzar diversasinformações, de diferentes lugares, nãoquebre a cabeça com outras soluções: venhafalar direto com quem entende do assunto!

Quer conhecer os dashbords da Lemonapp

QUERO !!!