Uma introdução às novas diretrizes de visualização de dados do Google
Em agosto de 2017, um grupo de designers, pesquisadores e engenheiros apaixonados do Google se uniram para criar um conjunto abrangente de diretrizes de visualização de dados, abrangendo tudo, desde cor, forma, tipografia, iconografia, interação e movimento. O sucesso dessa colaboração desencadeou a formação da primeira equipe de visualização de dados totalmente dedicada do Google, que começou em maio de 2018.
No último ano, continuamos trabalhando para entender as necessidades, os requisitos e os desejos que moldam a forma como as pessoas visualizam e interagem com as informações. Agora, queremos compartilhar nossas ideias com criadores de conteúdo em todos os lugares. Lançamos diretrizes públicas detalhadas para criar suas próprias visualizações de dados e destilamos nossos principais princípios e considerações. Abaixo, seis estratégias para projetar qualquer gráfico.
Seja honesto
Precisão e integridade dos dados vêm em primeiro lugar. Não distorça ou confunda as informações por embelezamento ou parcialidade. Enfatize a clareza e a transparência.
Forneça aos usuários os elementos contextuais necessários para entender uma determinada visualização. Maximize a integridade do gráfico usando rótulos claros, eixos e linhas de base precisos e dicas e legendas de suporte. O movimento pode ajudar a reforçar os relacionamentos, mas não deve distorcer os dados. Seja transparente sobre o conjunto de dados empregado, de onde veio e como foi coletado e tratado.
Dar uma mãozinha
Forneça contexto e ajude os usuários a navegar pelos dados. Construa affordances que priorizem a exploração e comparação de dados.
Projete com os modelos mentais existentes dos usuários – que podem ser moldados por ferramentas amplamente utilizadas – em mente. Crie uma experiência de integração calorosa que facilite aprender a ler o gráfico e suas informações. Selecione recursos visuais e interativos que suportem a descoberta de recursos principais, como seleção, zoom, pan e filtragem. O movimento e a interação devem apoiar o raciocínio analítico e a compreensão do usuário, revelando contexto, insights, associações e causalidade. Alavancar estados vazios como momentos de revelação.
Encantar usuários
Sempre supere as expectativas. Considere desempenho, polimento, surpresa e inovação. Abrace experiências dinâmicas, rápidas e inteligentes.
Crie ótimas experiências de visualização e aprimore-as de maneiras inesperadas. Quando apropriado, utilize características de assinatura e pequenos momentos de deleite que guiam os usuários até o que eles precisam. A velocidade é tão recompensadora quanto a excelência gráfica. Considere o movimento e o tempo na coreografia das transições de estado para ajudar na percepção de um sistema rápido e responsivo.
Dê clareza de foco
Reduza a carga cognitiva e concentre-se no que importa. Cada ação, cor e elemento visual deve oferecer suporte a informações e compreensão de dados.
Concentre-se na tarefa do usuário e tudo o mais deve seguir.Direcione os usuários para as informações essenciais o mais rápido possível. Maximize a taxa de dados e tinta e evite elementos gráficos estranhos. Aplique cores de maneira significativa para contribuir para a compreensão do gráfico: rotular, agrupar, realçar ou medir. Use o movimento com moderação – limite para transições sutis e dicas que ajudam os usuários a entender hierarquia, orientação de dados e relacionamentos.
Abraçar escala
Permita que o sistema se estenda e se adapte a qualquer contexto. Respeite as diferentes necessidades dos usuários quanto à profundidade, complexidade e modalidade dos dados.
Cada gráfico deve ter o objetivo de ser o mais acessível possível. Considere como elementos de gráficos (paletas de cores, configuração de filtros, eixos, painéis, mecanismos interativos) podem ser dimensionados para acomodar uma variedade de necessidades de usuários, tamanhos de tela e tipos de dados (de um único ponto de dados a grandes conjuntos de dados multivariados). Pense em um espectro de possibilidades em vez de uma configuração imutável. Aplique abordagens interativas para minimizar a complexidade, como fornecer detalhes gradualmente (divulgação progressiva), permitindo que os usuários alterem a perspectiva e vinculando diferentes visões para possibilitar insights mais profundos.
Fornecer estrutura
Use atributos visuais para transmitir hierarquia, fornecer estrutura e melhorar a consistência. As experiências devem ser intuitivas e fáceis de usar.
Consistência gera familiaridade. Desenvolver uniformidade em tratamentos gráficos (forma, cor, iconografia, tipografia) e padrões de interação (seleção, filtragem, estados de foco, expansão). O movimento deve se sentir controlado, dando ao usuário uma sensação de estabilidade e continuidade, permanecendo responsivo. Considere o movimento de entrada e saída para ajudar o usuário a entender a hierarquia visual dos elementos, a orientação dos eixos e os dados exibidos. Mantenha fortes dicas contextuais, portanto, não importa onde o usuário navegue no gráfico, ele saberá como voltar.