Visualização de Dados: Padrões Visuais comuns
Quando você começa a criar visualizações, você pode estar preocupado com a colocação de seus quadros, gráficos e outros dados importantes. Porque você é novo para a visualização de dados, você pode sentir que você não ter acumulado conhecimento sobre o que funciona eo que não funciona. Algumas razões que você pode sentir preocupado incluem o seguinte:
Você não tem certeza sobre o posicionamento de cada elemento no gráfico.
Você não está claro sobre quem são seus usuários será para a viz dados.
Você não sabe onde colocar os itens de menu para que eles serão vistos.
Felizmente, os cientistas cognitivos têm determinado que as pessoas lêem o texto e imagens em determinados padrões específicos. Como você organiza as informações em sua visualização, usando esses padrões normais ajudar os seus utilizadores digitalizar as informações de forma rápida e fácil.
padrões e Z F
Aqui estão os dois padrões visuais mais comuns:
padrão Z: O padrão Z é muitas vezes usado para texto e layouts visuais. Como seria de esperar, quando os olhos de uma pessoa seguir o padrão Z, seus olhos faixa da esquerda para a direita na parte superior, para baixo à esquerda, e depois, através da página na parte inferior. A figura abaixo mostra os pontos do Z numeradas na ordem em que os olhos do leitor acompanhar toda a informação em uma página.
Como é que este padrão afetam o layout de seu conteúdo em uma visualização? O leitor vai analisar o conteúdo ao longo do trajeto do Z, então você deve colocar o título na parte superior da Z, junto com qualquer conteúdo chave. Posição conteúdo mais visual no meio e na parte inferior.
F padrão: Os cientistas cognitivos criaram mapas de calor para determinar onde o olho humano vai quando se olha para uma página web. Tal como mostrado na figura a seguir, mapas de calor são compostas de concentrações de cores que mostram onde os leitores digitalizada da página. As cores mais intensas (vermelho e amarelo) mostram onde os olhos dos leitores demoraram leitores longest- gastaram menos tempo a olhar para as áreas azuis. Como você pode ver, as áreas vermelhas e amarelas se assemelham a um F.
O padrão de F em um mapa de calor.
Se se mantiver a estes dois padrões de layout no início, você não pode ir muito longe ao projetar seu viz dados.
design padrão
Aqui estão algumas diretrizes para usar seu conhecimento de padrões visuais para criar uma visualização bem concebido:
Equilibrar: Quando você coloca itens na sua visualização, certifique-se de manter o equilíbrio. Quando muitos itens são agrupados, é difícil para as pessoas para ver como os itens estão relacionados.
Cor: uso aleatório de cores como o vermelho pode ser enganador, fazendo com que o espectador veja um alerta quando não há nenhum motivo para alarme.
Hierarquia: Você está familiarizado com o uso de hierarquia no que se refere a um esboço do texto. O nível superior do contorno pode ter um numeral 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 que itens são maiores ou menores na hierarquia. Você não precisa usar a numeração como você faz em um esboço escrito.
Repetição: Repetição ajuda as pessoas a se familiarizar com os itens em um design. Se você usar os mesmos elementos por toda parte, as pessoas vêem um todo unificado e não tem que adivinhar o que certos elementos significa porque vi esses elementos antes.
O espaço em branco: O uso de espaço em branco tem sido defendida por décadas. O espaço em branco permite que o conteúdo "respirar" - isto é, sua imagem beneficia de um amplo espaço ao redor dos objetos na visualização. Demasiada desordem torna difícil para as pessoas a tomar na imagem de relance.