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 tem conhecimento acumulado 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 a colocação 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 seus 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 facilmente.

padrões Z e 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 seguir 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 rastrear toda a informação em uma página.

Video: Visualização de dados VIDEO comp



Como é que este padrão afetar o layout do seu conteúdo em uma visualização? Seu leitor vai analisar o conteúdo ao longo do caminho da 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. Como mostrado na figura a seguir, mapas de calor são compostas de concentrações de cores que mostram onde os leitores a varredura 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.

    Video: Visualização de Dados com Firemonkey 3D

    O padrão de F em um mapa de calor.
    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 Pattern

    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 esses itens estão relacionados.

    • Cor: uso aleatório de cores como o vermelho pode ser enganador, fazendo com que o espectador a ver 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 de texto. O nível superior do contorno pode ter um numeral romano, o próximo nível pode ter uma letra maiúscula, e depois 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 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.


    Publicações relacionadas