Visualização de dados: Padrões visuais comuns - manequins

Quando você começa a criar visualizações, você pode estar preocupado com o posicionamento de seus gráficos, gráficos e outros dados chave. Como você é novo na visualização de dados, você pode sentir que não possui conhecimento acumulado sobre o que funciona e o que não funciona. Algumas razões pelas quais você pode se sentir preocupado incluem o seguinte:

• Você não tem certeza sobre a colocação de cada elemento no gráfico.

• Você não está claro sobre quem serão seus usuários para os dados, tais como.

• Você não sabe onde colocar seus itens de menu para que eles sejam vistos.

Felizmente, cientistas cognitivos determinaram que as pessoas lêem texto e imagens em determinados padrões específicos. À medida que você organiza a informação em sua visualização, usar estes padrões padrão ajuda os usuários a digitalizar as informações de forma rápida e fácil.

Padrões Z e F

Aqui estão os dois padrões visuais mais comuns:

• Padrão Z: O padrão Z é freqüentemente usado para layouts de texto e visual. Como seria de esperar, quando os olhos de uma pessoa seguem o padrão Z, seus olhos rastreiam da esquerda para a direita em cima, para baixo, para a esquerda e depois na página na parte inferior. A figura abaixo mostra os pontos do Z numerados na ordem em que os olhos do leitor seguem as informações em uma página.

  

  Como esse padrão afeta o layout do seu conteúdo em uma visualização? O seu leitor irá verificar o conteúdo ao longo do caminho do Z, então você deve colocar o título na parte superior do Z, juntamente com qualquer conteúdo-chave. Posicione mais conteúdo visual no meio e ao longo da parte inferior.

• Padrão F: Cientistas cognitivos criaram mapas de calor para determinar onde o olho humano é usado quando olha para uma página da web. Conforme mostrado na figura a seguir, os mapas de calor são compostos por concentrações de cores que mostram onde os leitores digitalizaram a página. As cores mais intensas (vermelhas e amarelas) mostram onde os olhos dos leitores permaneceram mais longos; Os leitores passaram menos tempo a olhar para as áreas azuis. Como você pode ver, as áreas vermelha e amarela se assemelham a F.

  

  O padrão F em um mapa de calor.

Se você ficar com esses dois padrões de layout no início, você não pode ir muito longe ao projetar seus dados, por exemplo.

Design de padrões

Aqui estão algumas orientações para usar seu conhecimento de padrões visuais para criar uma visualização bem projetada:

• Saldo: Quando você coloca itens em sua visualização, certifique-se de manter o equilíbrio. Quando muitos itens são agrupados em conjunto, é difícil para as pessoas verem como esses itens estão relacionados.

• Cor: O uso aleatório de cores, como vermelho, pode ser enganador, fazendo com que o visualizador veja um alerta quando não há motivo para o alarme.

• Hierarquia: Você está familiarizado com o uso da hierarquia em relação a um esboço de texto. O nível superior do contorno pode ter um número romano, o próximo nível pode ter uma letra maiúscula e, em seguida, o terceiro nível pode ter um número. Em uma visualização, você pode dizer com base no tamanho ou posição quais itens são maiores ou menores na hierarquia. Você não precisa usar a numeração como faz em um esboço escrito.

• Repetição: A repetição ajuda as pessoas a se familiarizarem com os itens de um projeto. Se você usa os mesmos elementos por toda parte, as pessoas vêem um todo unificado e não precisam adivinhar o que certos elementos significam porque já viram esses elementos antes.

• Espaço em branco: O uso do espaço em branco tem sido defendido por décadas. O espaço em branco permite que o conteúdo "respire" - ou seja, sua imagem se beneficia de um amplo espaço em torno dos objetos na visualização. Muita desordem torna difícil para as pessoas tirar a imagem de relance.