Como planejar estrategicamente o design de UX com muitos dados

Big data está crescendo. No entanto, harmonizar necessidades complexas de dados com uma interface de usuário simples, limpa e útil é um teste para qualquer designer de UX hoje. Muitas vezes, o design (a ferramenta para transmitir uma mensagem) atrapalha a comunicação (a mensagem ou o significado oculto no planalto dos dados brutos).

A remoção de informações simplificará e limpará a interface do usuário. Mas com aplicativos orientados a dados, menos dados geralmente significa um painel menos prático e útil.

Manter todos os dados contextuais que você pode, no entanto, produz um aplicativo impraticável.

Então, como você atinge o equilíbrio certo?

A forma como um aplicativo apresenta os dados desempenha um papel enorme, e é aí que entram os designers de UX.

Neste post, compartilharei dicas e truques que os designers de UX podem usar para desenvolver uma visualização de dados simples e clara, mesmo ao aplicar big data (dados rodando em Gigabytes) para painéis de aplicativos, páginas da Web e assim por diante.

No entanto, deixarei as melhores linguagens para projetar aplicativos de big data fora desta conversa por enquanto.

Como projetar aplicativos de big data incríveis que os clientes adoram

Talvez o melhor ponto para começar seja perguntar quem é seu cliente.

Talvez você tenha criado um painel lindo de morrer e entregue ao cliente bem na hora, apenas para que ele pergunte: “Então, onde posso fazer X, Y e Z?”

Ai! Isso deve ter doído.

1. Empregar personas de usuário para projetar painéis úteis orientados a dados

Por mais que a inteligência artificial e o aprendizado de máquina continuem melhorando, a maioria das organizações ainda precisará de intervenção humana para processar dados não categorizados.

E os melhores designers de UX criam produtos que ajudarão a resolver um problema para as pessoas que usarão aplicativos orientados a dados.

Como eles fazem isso?

Erik Klimcz, líder de design sênior da Uber e do Advanced Technologies Group, compartilhou algumas dicas práticas no Medium. Ele sugere que os designers de UX precisam primeiro identificar e depois definir usuários ou personas para cada projeto.

Como os aplicativos orientados a dados tendem a ser usados ​​por várias pessoas dentro ou fora de uma organização, você precisa identificar essas pessoas para poder organizar seus wireframes e tarefas de arquitetura de informações para atender às necessidades de todos.

Isso tornaria o design útil para o usuário final, seu público-alvo – seu principal cliente.

Aqui está uma ilustração:

Se você precisar obter o básico sobre como criar personas de usuário para projetos de design de UX, Cooper tem dicas úteis (incluindo como pesquisar e coletar dados para suas personas de design aqui).

Compreender seus usuários/personas pode ajudá-lo a personalizar a funcionalidade do aplicativo de acordo com suas necessidades — que é o objetivo final.

Além disso, você pode determinar que tipo de ferramentas de visualização de dados usar para qual cliente dependendo, digamos:

• Quem estará lidando com os dados (personas do usuário)? Ele é projetado para clientes ou analisadores de dados internos, por exemplo?
• Casos de uso: o que esses usuários precisam dos dados para ajudá-los a fazer a seguir?

Por exemplo:

Você pode criar um tipo de infográfico que preencha informações com base nas entradas pessoais de um usuário.

Esse tipo de design de aplicativo orientado a dados seria útil para situações em que o usuário é obrigado ou livre para fazer upload de informações à medida que as obtém ou quando precisa retraí-las para tomar outras medidas.

Um exemplo é no atendimento ao cliente, onde um representante de CS pode inserir o nome ou o número de um cliente para obter mais informações sobre ele, como um problema não resolvido.

Você pode encontrar esse tipo de ferramenta interativa de visualização de dados em ação no Mahfix for You vs John Paulson. Ele permite que você insira um número e, em seguida, relata as informações com base na sua entrada. É bem suave!

Público-alvo e cliente
planilha de persona

Este PDF interativo de três páginas ajudará você a encontrar seu público, auditar seu conteúdo e criar um plano de jogo para sua empresa. Inscreva-se no Layout para baixar a planilha!

Baixe a planilha gratuitamente!

2. Usabilidade acima do estilo: mantendo-o simples, claro e gracioso

É fácil ser pego projetando um UX atraente que o atrai, mas é, francamente, impraticável para o seu cliente.

Para ser utilizável, uma interface deve ser clara. “Clareza é o trabalho nº 1”, nas palavras do prolífico designer de UX Joshua Porter.

Na verdade, Joshua Porter escreveu um post engenhoso sobre princípios de design de interface de usuário – que ainda se aplica ao projetar aplicativos de big data.

Então, para aumentar a clareza em torno da usabilidade: os designers devem usar o design de UX personalizado ou apenas usar ferramentas de visualização testadas e comprovadas, como gráficos de linhas?

Isso vai depender dos casos do seu cliente/usuário.

Novas ferramentas de visualização de dados personalizadas continuam surgindo: infográficos (tanto estáticos quanto interativos), blocos codificados por cores, animações, visualização 3D e assim por diante.

No entanto, existem apenas quatro ferramentas de apresentação de dados que você deve precisar:

• Gráficos de linhas para ilustrar dados contínuos, como como algo mudou ao longo do tempo
• Tabelas para exibir informações resumidas
• Histogramas para mostrar a distribuição de variáveis ​​e plotar dados quantitativos em intervalos
• Gráficos de barras para exibir dados discretos, comparar variáveis ​​e plotar dados categóricos

No entanto, você pode ir além da usabilidade para criar uma interface atraente de processamento de dados.

Aqui está uma maneira de fazer isso:

Melhor ainda, projetar interfaces com muitos dados pode ser mais simples:

Combinar texto e gráficos é uma das melhores maneiras de melhorar a clareza ao projetar um UX orientado a dados. Os usuários podem consumir os recursos visuais e ler o texto para maior clareza. Mas essa abordagem pode não funcionar em todas as situações – especialmente para quantidades colossais de dados não categorizados.

3. Combine material e design plano - função sobre forma

Este conceito de design é mais sobre usabilidade e minimalismo do que, contra a crença popular, um design maçante de duas dimensões. Mas o design plano não é chato nem chato. Você pode utilizar cores brilhantes, bordas limpas e espaços abertos.

O uso de design plano e material é especialmente recomendado para aplicativos móveis, sites e navegadores de desktop. Como o design é minimalista e não acumula muitos dados extras (como nos designs anteriores), ele é de carregamento rápido e, quando projetado para aumentar o engajamento, pode ajudar a manter os visitantes visualizando a página por mais tempo.

Isso é ótimo para sites baseados em dados ou sites para dispositivos móveis que podem se beneficiar da compatibilidade com dispositivos móveis, carregamento rápido e menos taxas de rejeição (benefícios de SEO e classificação) que os algoritmos dos mecanismos de pesquisa estão constantemente verificando nas interwebs.

4. Acessibilidade acima da estética

Não se trata apenas de tornar os dados pesados ​​e contextuais fluidos e atraentes (embora isso ajude muito). Você também deseja criar apresentações de dados que facilitem ao usuário final:

• Tenha uma noção clara de quais dados são mais importantes
• Compreender o fluxo lógico dos dados apresentados
• Entenda o que os dados significam
• Entenda qual é o próximo passo a dar

Que tal destrinchar cada um desses elementos?

Os usuários devem saber quais dados são os mais importantes

Um princípio vital de design de UX é observar e implementar uma hierarquia de informações – neste caso, hierarquia visual.

Em outras palavras, um design que prioriza as métricas certas.

Você deseja organizar, organizar e priorizar os dados mais importantes primeiro e complementar com quaisquer dados adicionais posteriormente. É claro que a ordem de prioridade varia de acordo com o usuário do aplicativo (das personas definidas acima).

Isso não apenas organiza o painel, mas também ajuda a direcionar o foco do usuário para o que é importante para ele de uma maneira fácil de seguir e menos sobrecarregada.

Os usuários devem ser capazes de compreender o fluxo lógico de dados

“A simplicidade desempenha um papel importante em ajudar o usuário a conectar os dados a um determinado resultado. ”

Semelhante ao que foi discutido no ponto anterior, você deseja começar com uma grade de visão geral dos dados gerais.

Você pode adicionar um menu suspenso intuitivo, que quando o usuário clica, desliza para baixo para revelar informações adicionais e, em seguida, tarefas específicas ou itens de ação. As pessoas adoram isso, e já está ganhando popularidade.

Aqui estão duas maneiras de ajudar com o fluxo:

Ocultar informações adicionais

Você pode usar links clicáveis ​​ou rollovers para revelar mais informações. Além disso, funções como deslizar para revelar dados e aumentar o zoom para revelar são ótimas maneiras de incluir informações adicionais ou destacar pontos de dados importantes. Tudo usando gestos simples e naturais.

Isso permite que os usuários cliquem nos links ou rollovers que consideram importantes para seu trabalho e deixem os que consideram menos importantes.

Novamente, você verá como fazer uma pesquisa decente de persona de design de UX pode ajudá-lo a identificar o que é mais importante para qual usuário e quando.

Usar animações de foco

Você pode usar efeitos de animação de foco para adicionar mais zing, engajamento e utilidade aos dados (aparentemente) maçantes.

As animações de foco são particularmente acionáveis ​​para fornecer informações adicionais sobre tarefas ou itens específicos enquanto ajudam a organizar e limpar seu aplicativo orientado a dados.

Ainda assim, há mais maneiras de usar a animação para fornecer aplicativos com muitos dados úteis e envolventes.

O problema de ocultar informações por trás de links clicáveis, slides ou rollovers é que você trabalha mais no back-end das coisas. Portanto, lembre-se de que você precisa projetar seus wireframes de arquitetura com isso em mente desde o início.

Os usuários devem ser capazes de entender o que os dados significam

Depois de organizar e priorizar os dados no painel, a próxima etapa é dividir os dados em páginas separadas. Se for possível categorizar as informações, certifique-se de alocar diferentes páginas/telas para diferentes pacotes de dados.

Isso pode se encaixar em projetos de design de aplicativos pequenos e complexos com muitos dados, embora possa levar mais tempo e exigir mais trabalho no back-end.

De acordo com o tema “esmagador” acima, isso não apenas ajudará seu cliente/usuários a se sentirem menos sobrecarregados, mas provavelmente analisará melhor os números em uma página antes de passar para a próxima, entendendo os dados um passo de cada vez Tempo.

Por exemplo, uma interface de usuário de controle de missão pode ajudar seu cliente a obter todos os dados em uma página, mas pode ser esmagadora para eles ao longo do tempo – sem mencionar o espremido, especialmente para diferentes tamanhos de tela.

Muitas vezes, um cliente solicitará esse tipo de painel, mas você deve saber melhor.

Uma interface de usuário de controle de missão pode parecer sofisticada, mas não é tão suave e fácil de usar quanto a abordagem de uma página por vez discutida anteriormente. O primeiro pode facilmente atrapalhar a entrega do significado oculto na montanha de dados em exibição. E isso não é útil.

Os usuários devem ser capazes de entender o próximo passo a dar

Seguindo as etapas acima, fica mais fácil para os usuários identificar e relacionar padrões nos dados brutos - outra vitória importante a ser alcançada ao projetar aplicativos com muitos dados. Quando as ferramentas de visualização de dados que você usa ajudam os usuários a entender o big data, é quando você sabe que fez um ótimo trabalho.

5. Dê espaço para melhorias

Por último, mas não menos importante, você vai querer tornar seu design ágil.

À medida que o tempo passa e os usuários interagem com seu design, o feedback deles pode levar você a agir e corrigir ou redesenhar tudo. Não há uma maneira única de criar um design perfeito para processar dados, portanto, manter seu design ágil pode ajudá-lo a fazer melhorias contínuas ou um patch sólido para iniciar.

Principais conclusões

O objetivo do design UX é transmitir uma mensagem de forma clara e acionável. Isso é especialmente crucial para projetar aplicativos com muitos dados. Nesse caso, o negócio do bom design é ajudar analistas, gerentes ou usuários finais a tomar uma decisão informada.

E os usuários não podem interpretar e usar dados brutos para informar uma decisão se eles não entenderem bem e como eles são apresentados.

Projetar para projetos de UX com muitos dados não deve ser tão exasperante quanto parece. As dicas e truques acima podem ajudá-lo a descobrir como projetar interfaces com muitos dados. Apenas lembra-te:

1. Empregar personas de usuário para projetar painéis úteis orientados a dados
2. Planilha de público-alvo e persona do cliente
3. Usabilidade sobre estilo: mantendo-o simples, claro e gracioso
4. Combine material e design plano - função sobre forma
5. Acessibilidade acima da estética
6. Dê espaço para melhorias

Tem alguma dica que você segue para criar interfaces de usuário de visualização de dados incríveis e gostaria de compartilhar?

Para você na seção de comentários abaixo.

O negócio do relatório de web design

Este ano, perguntamos a 1.000 freelancers, agências e criativos líderes sobre as melhores maneiras de criar sites, estruturar serviços ao cliente e receber o pagamento (totalmente!) no prazo. A partir daí, analisamos os números, analisamos os insights e embalamos um belo relatório para que você possa parar de adivinhar e começar a escalar seus negócios!

Leve o seu negócio de web design a um nível totalmente novo, a partir deste mês. Obtenha insights de outras empresas de design como a sua e comece a cobrar de forma competitiva por seus serviços!