Please enable JavaScript.
Coggle requires JavaScript to display documents.
Interação - Coggle Diagram
Interação
Information Visualization: Design for Interaction
Robert Spence
Espaço Informacional
Discretos: coleção de entidades discretas
Contínuos: relações matemáticas contínuas entre valores de componentes
Espaço enorme cheio de dados abstratos. Como capturar o que é importante?
Modo de interação
Contínua
Tarefa: encontra uma casa para alugar, segundo um conjunto de critérios
Intenção
Plano de ação
Execução
Mostra a faixa de preçoes que tem no site
Discreta
Possibilitar que o usuário identifique em qual cenário ele está
Passiva: não envolve interação ativa sendo uma interação visual ou sensorial (ex.: animação)
Displays estáticos
Visão geral para o usuário decidir onde focar
Displays não estáticos
uso de interpolações que evidenciem as modificações sofridas pelos elementos
Composta: composição entre contínua, discreta e passiva
Intenção
Aprendizagem
Exploração
Oportunista
Involuntária
Ciclo de ações de Norman
Etapa de Execução:
reflete as ações do usuário junto à visualização
visando realizar sua meta
META
:arrow_right: Formação da intenção :arrow_right: Formação do plano de ação:arrow_right: Execução do plano:arrow_right:
MUDANÇA
Etapa de Avaliação:
usuário observa os resultados da interação e tira as suas conclusões
MUDANÇA
:arrow_right: Percepção :arrow_right: Interpretação :arrow_right: Avaliação :arrow_right:
META
Usuário é capaz de capturar essas etapas do ciclo?
Ajudar o usuário a interagir e executar o plano de ação
Foca em como o usuário planeja e executa a interação com a visualização
Sensibilidade
S = SM, SI
único movimento e única interação
mostrar a mudança na visualização a partir de uma única interação
Resíduo
O que pode ser acessado a partir da localização atual mas não com um SM
Exemplo:
Menu
Menus mais lagos são melhores que mais profudos
Campo de ajuda na apresentação de resíduo ajuda muito
Trilhas
Onde eu estive?
Como retornar?
Deixar o usuário desfazer as interações passadas na visualização
Show Me the Numbers
Stephen Few
Técnicas de Interação Analíticas
Comparação
Entre dados
busca por contrastes
busca por similaridade
Entre magnitudes
Nominais: valores sem ordem específica
Ranking: valores ordenados
Parte-todo: valores que quando combinados somam o todo
Desvio: dois conjuntos de valores
Séries temporais: valores no tempo
:check:
Visualizações interativas devem prover
Suporte para todos os tipos de comparações que os usuários possam precisar fazer
Gráficos que facilitem a comparação dos padrões relevantes sem distração
Toda informação necessária na tela simultaneamente
Ordenação
Deixar o usuário ordenar com diversas combinações
Permitir ordenação sucessiva
Ligar e ordenar múltiplos gráficos do mesmo modo quando compartilham uma variável categórica
Ex.: dashboards
Adição de variáveis
Adicionar e remover variáveis conforme o interesse
Permitir o acesso a todas as variáveis
Filtragem
Reduzir o conjunto de dados que se está analisando a
um subconjunto
Objetivo: remover informações desnecessárias / irrelevantes no
momento e que possam atuar como fatores de distração
Podem ser removidos para voltar ao estágio inicial
:check:
Visualizações interativas devem prover
A filtragem instantânea de dados através de controles como
checkboxes
e
sliders
Filtros complexos
Filtros simultâneos (
dashboard
)
Realce
destacar itens importantes para uma dada análise sem remover os outros
brushing
and
linking
Selecionar individualmente ou um conjunto de dados
Agregação
drilling
é um tipo especial de agregação na qual a sumarização é feita em diversos níveis
Permitir agregação hierárquica
Formas de expressão
Permitir que os dados sejam apresentados de forma absoluta, percentual, desvio...
Formas de visualização
Prover meios de alterar o tipo de representação
Prover uma lista de representações existentes para o tipo de dados em questão
Zoom
Aproximação e foco
selecionar partes específicas da visualização e aproximá-las com
um único clique
Meios para retornar ao estado original com a mesma facilidade
Mudança de escala
Permitir alterar a escala de linear para logarítmica e vice-versa
Colocar escalas logarítmicas com bases diferentes de 10
Detalhes sob demanda
Visualizar detalhes relacionados aos itens desejados
Remover os detalhes quando não forem necessários
Anotação
Deixar o usuário fazer anotações das análises feitas nas visualizações
Notas devem ser reposicionadas automaticamente com as mudanças na visualização
Bookmarking
Proporcionar meios de se salvar o estado de uma análise
Manter o histórico de passos e estados
Prover meios de revisitar o histórico de passos e visões