aguarde...

4 de julho de 2019

Seis Princípios para Projetar Qualquer Gráfico

Seis Princípios para Projetar Qualquer Gráfico

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.

Seis Princípios para Projetar Qualquer Gráfico

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.

Seis Princípios para Projetar Qualquer Gráfico

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.

Seis Princípios para Projetar Qualquer Gráfico

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.

Seis Princípios para Projetar Qualquer Gráfico

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.

Seis Princípios para Projetar Qualquer Gráfico

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.

Seis Princípios para Projetar Qualquer Gráfico

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.

Posted in Blog
Write a comment