Design Ux
Inspire-se com essas visualizações de dados
Se você atualmente não consegue exibir os dados de uma forma visualmente intuitiva, então é essencialmente inútil. Ninguém vai gastar muito tempo em uma página da web tentando interpretar os dados.
Por outro lado, se suas visualizações forem especialmente engenhosas, interativas e intuitivas, você pode se diferenciar enormemente. No entanto, é difícil acertar. Goldsberry Kirk trabalha principalmente no mundo dos esportes, mas é líder em visualização de dados. Ele destacou seu trabalho com a clareza de seus gráficos em Grantland e agora em cinco trinta e oito .
Todos os tipos de interfaces e produtos podem exigir coisas diferentes de seus dados. Alguns podem solicitar que os usuários personalizem sua interface de dados, enquanto outros precisam que seus gráficos sejam o mais simples e intuitivos possível. Abaixo está uma variedade de visualizações de dados de alguns dos melhores designers do mundo para inspirar você em seus próprios projetos.
Como visualizar os dados?
Conceito American Express
Esse conceito da American Express permite que os usuários organizem suas despesas em um conjunto de categorias e apresenta os dados de várias maneiras. Os usuários podem comparar categorias para ter uma ideia geral de seus hábitos de consumo e, em seguida, isolar rapidamente um conjunto de dados para compreender os detalhes. O design é claro e intuitivo, sem gráficos desnecessários, para que os visualizadores possam obter as informações que desejam na ponta do nariz.
Gráfico Funil
A forma e o contraste tonal do funil gráfico é um bom exemplo de como usar a hierarquia visual. Imediatamente, o gráfico comunica as informações gerais, enquanto os números específicos ficam sutilmente em segundo plano. No entanto, teria sido bom ver como um usuário pode isolar uma dessas categorias para obter mais detalhes sobre os dados.
Previsões de energia
Os designers do estúdio Chino Kingyo são os mestres dos dados de energia. Essa interface é um ótimo exemplo de seu trabalho, muitas vezes combinando cores básicas com hierarquia visual junto com animação para produzir resultados eficazes. Nesse caso, o gráfico está claramente em primeiro plano com o texto em vermelho imediatamente atraindo o visualizador. Você também pode isolar cada categoria para obter informações mais específicas, em vez de ter todos os dados na tela de uma vez.
Alvo
Zach Robinson nos mostra uma interface que não é apenas esteticamente atraente, mas também permite que os usuários compartilhem ideias sobre dados. O bate-papo adicional fica bem escondido se os usuários quiserem interagir apenas com números. O gráfico em si é fácil de ler como resultado de uma hierarquia visual intuitiva. Além disso, codificar suas páginas por cores é uma maneira simples, mas eficaz de organizar os tipos de gráfico sem perder espaço visual com títulos grandes.
Gráfico de orçamento do radar
O gráfico de radar sobrepõe vários conjuntos de dados que revelam as relações entre as informações correspondentes. Esse tipo de gráfico é eficaz para financiar essa interface, pois comunica rapidamente que o usuário não está gastando dentro do orçamento. O orçamento pode ser intimidante para o uso do dia-a-dia, portanto, a visualização de dados é um grande trunfo para esse tipo de aplicativo.
Visualizando Dados Estatísticos da Cidade
O Bureau Oberhaeuser expande o radar gráfico convencional com este aplicativo da web interativo. Os dados municipais são complicados, mas essa interface representa as diferenças entre as cidades para aqueles que não estudaram urbanismo formalmente. O Bureau Oberhaeuser construiu isso sem um cliente. Isso não apenas representa seu desejo de desenvolver suas habilidades de design, mas também é um exemplo de seu interesse em trabalhar para o bem público.
Dados de jogos ao vivo
Este jogo de futebol móvel permite aos usuários configurar seu time de futebol virtual com radar central gráfico. Usando o mesmo gráfico de radar, o jogo fornece dados sobre o desempenho de cada jogador em campo. O usuário pode ajustar cada jogador enquanto a partida continua para ganhar.
Monitor de energia
A visualização de dados não é apenas uma maravilha, mas também oferece informações importantes para os usuários. No caso deste monitor de energia, os usuários estão interessados em quanta energia estão economizando. O problema é que kWh não significa muito para a maioria das pessoas. O que importa é a melhoria ao longo do tempo e como isso pode se traduzir em despesas. Essa interface funciona perfeitamente.
Análise Customizada
Esta interface é um exemplo de dados que agradam a leitura graças ao texto legível e ao bom formato de apresentação. O menu lateral sugere que a interface é totalmente personalizável. Assim, Cosmin Capitanu estabeleceu claramente uma grade robusta e um esquema de cores, para que a interface tenha uma ótima aparência em vários formatos.
Power Graph
Este conjunto de dados de construção de energia é bastante simples, mas Kingyo torna uma alegria olhar com ótimas cores e animações. Os gráficos parecem simples, mas os designers prestaram muita atenção às nuances. Por exemplo, a onda escura no fundo dá à animação seu charme.
Como visualizar os dados?
Esses exemplos de interface mostram que os dados não precisam ser confusos, mas podem ser visualizados pelos usuários de forma eficiente e agradável. Existe uma ampla gama de soluções de visualização de dados - seja um esquema de cores básico, uma animação dinâmica ou um gráfico interativo. Como você visualizará seu próximo projeto?
