Please enable JavaScript.
Coggle requires JavaScript to display documents.
Visualização de Dados :chart: :eye: :bar_chart: (VISÃO HUMANA :eye:…
Visualização de Dados
:chart: :eye: :bar_chart:
CONTEXTUALIZAÇÃO
:checkered_flag:
Problema
Como apresentar grande
quantidade de dados
mostrar
causa
efeito
incentivar
tomada de decisões
Facilidade no entendimento
Questionamentos e respostas
que orientem o negócio
garantir que comparações
apropriadas sejam feitas
de forma
precisa
compacta
CONCEITOS
:thinking_face:
Visualização de Dados
Definição
Fornecer representações
visuais interativas
Favorecer análise complexa
Amplificar cognição
Dois mundos
recursos computacionais
Distinção semântica inata humana
Natureza
multidisciplinar
ciência da computação
matemática
psicologia cognitiva
Computação gráfica
HCI, UX, UI
Propósito
Impulsionar
processo cognitivo
proporcionar
insights
decisões
explicação
descobertas
Formar imagem sobre algo
Internalizar compreensão
Aplicações
Todos os setores
industriais e mercadológicos
Academia e P&D
compreender a ciência
gerar
conhecimento com
resultados
análise de dados
estudos de dados já existentes
Educação
ferramenta
para impulsionar
compreensão
aprendizado
Desafios
Escalabilidade para grande
quantidade de dados
área de vídeo limitada
limite físico humano
interpretação visual
Diferentes tipos de dados
uso de técnicas distintas
Avaliação
Provar e garantir que
uma visualização é a melhor
Pessoas diferentes
características e
interpretações diferentes
versus
Visualização
da Informação
Informação: foco nos dados sem estrutura inerente
Dados: foco nos dados com estrutura implícita
PROJETO DE
VISUALIZAÇÃO
:pencil2:
Abordagem
top-dow
n
Etapas
1 - Compreender problema
2 - Escoher componentes mais adequados
3 - Validar visualizações com usuários
3 - Refinar projeto de camada
:one: Caracterização do
domínio do problema
Entender como as pessoas
da área a compreendem
processo ativo
buscar
interpretar
Compreender
estruturas conceituais
Compreender perfil de
usuários no domínio
familiaridade com
visualizações
Habilidade e expectativas
Captura de requisitos
Saber ouvir
Desejo do individuo
versus
Capacidade do
computador
permitir que indivíduos
expressem
domínio do problema
nunca antecipar soluções
tecnologia deve
prover aos indivíduos
suporte
e não o controle
Recursos
entrevistas
encontros planejados
como registrar
o que gerar
inquérito contextual
levantamento "ao vivo"
vivencia
local de trabalho do usuário
dia a dia do usuário
:two: Abstração de design
dos dados/operações
determinar
abstrações
adequadas ao
levantamento feito em :one:
elementos
críticos
tipos de variáveis /
atributos
relacionamento
localização
temporal
hierarquia
mapear atributos
tipo
domínio
precisão
tamanho
:three: Design codificações / interações
técnicas
de interação
modificação
dinâmica
amplia
percepção
altera nível granuralidade dos
dados quando necessário
Exemplos
aproximação
detalhes sob demanda
modificação de cores e tamanho
redimensionar
correção de dados
agregação e filtros dos dados
seleção e destaque
:four: Criar visualização
(algoritmo)
Identificar ferramentas que
atendam necessidades
avaliar requisitos
funcionais
interações
codificação
não funcionais
facilidade
instalação
disponibilização
escalabilidade
maturidade
Implemente
a visualização
do zero
uso de pacotes
e bibliotecas
Pandas, R, Matlab...
uso de ferramentas
e pacotes existentes
VISÃO HUMANA
:eye:
Características
Processamento
paralelo
pré-atentivo
Capacidade humana
cognitiva
memória
reconhecimento de padrões
Pensamento visual
Percepção
formas e objetos
arranjo no mundo
Cognição humana e
seus sistemas
Cooperação
sistema percepção
sistema analítico
Sistema dual :recycle:
1 - imagem do ambiente
processamento
2 - inicial da visão
estrutura para
captura de estímulos
primitivas visuais
"saltar aos olhos"
primitivas
pré-atentivas
3 - organização
de elementos
captura de primitivas
modo segmentado
tipos
Closure
complemento de
detalhes ausentes
objetos familiares
Similaridade
objetos distintos que
saltam aos olhos
objetos similares /
percebidos juntos em
forma
cor
tamanho
textura
Continuidade
tendência instintiva
seguir naturalmente trajetórias
Proximidade
impressão
objetos ou
formas próximas
percebido como
um grupo
Figure/Ground
separa
figura
fundo
depende de
tamanho
cor
contraste
Simetria
ideia de proporcionalidade
arranjo simétrico
entre elementos
oposto
assimetria
1 more item...
GESTALT
compreender o todo
antes das partes
delineia arranjo
visual de elementos
comunica melhor
mais coerente
Change Blindness
não detecção
mudanças visuais no ambiente
motivos
mudanças
rápidas de cena
lentas de cena
atenção em outros detalhes
4 - atentivo
atividade mental
direcionamento de
recursos cognitivos
capacidade analítica
memória de longo prazo
Ordem
indicada
processamento
bottom-up
inversa
processamento
top-down