Ir para o conteúdo
Painéis centrados no usuário: uma abordagem de design visual

Painéis centrados no usuário: uma abordagem de design visual

Muitos dos painéis que encontro são bonitos ou, no mínimo, esteticamente agradáveis, mas são painéis eficazes?

8min read

Muitos dos painéis que encontro são bonitos ou, no mínimo, esteticamente agradáveis, mas são painéis eficazes? Bem, isso realmente dependeria de quem é o usuário e quais são suas necessidades. A estética é um elemento importante do design do painel, mas para ser eficaz, um designer deve primeiro dedicar um tempo para explorar três pontos-chave: o objetivo do painel, quem é seu público e como ele o usará. Com isso em mente, criei uma lista de perguntas que um designer pode fazer para orientar suas decisões na próxima vez que for encarregado de criar um painel.

Qual é o propósito?

O objetivo de um painel é rastrear os dados que afetam as metas de uma organização. No entanto, não apenas as metas variam dependendo da organização e de seus departamentos, mas também os métodos para rastreá-las e alcançá-las. Com isso em mente, é importante direcionar a finalidade distinta de um painel. Stephen Few, especialista em visualização de dados, destacou alguns desses propósitos em relação ao design visual em seu livro Information Dashboard Design. Em seguida, criei algumas perguntas de acompanhamento para explorar e apoiar essas diferentes funções.

Um propósito estratégico geralmente servirá aos tomadores de decisão de alto nível e fornecerá uma visão geral rápida do estado das coisas usando dados estáticos. Perguntas a serem feitas ao projetar para atingir um objetivo estratégico: Quais dicas visuais podem ser implementadas para detectar e compreender rapidamente as métricas que estão sendo expressas? Cada visualização de dados conta uma história diferente? O painel é tão simples quanto pode ser e ainda é eficaz? Algum pixel que não seja de dados pode ser eliminado?

Strategic Dashboard design example

Este painel servirá para quem precisa de uma visão geral rápida e simplificada do estado das coisas. Cada uma das partes está expressando figuras diversas, mas essenciais, que afetam um objetivo de longo prazo. Tipo grande e arrojado, cores brilhantes e um design geral minimalista permitem a detecção rápida de informações.

Um propósito analítico exige um contexto maior de informações, fornece comparações ricas e um histórico mais extenso por meio de dados estáticos. Com esses objetivos em mente, será útil perguntar: Quais visualizações de dados devem ser usadas para expressar métricas complexas de forma mais eficaz e completa? A exploração e a interação com os dados estão sendo incentivadas ou apoiadas? Os padrões e links entre os dados são facilmente reconhecíveis? Como o design visual pode criar um foco agudo?

Exemplo de design de painel analítico

Este exemplo suporta uma exploração profunda do fluxo de caixa da empresa.Ele compara uma extensa história com números projetados e atuais. Ao citar fontes de 'entrada' e 'saída', esses números são explicados com mais detalhes e fornecem um contexto mais amplo de informações. As visualizações de dados são claras, mas eficazes, e várias perguntas estão sendo respondidas em um único gráfico. A cor é usada para criar relações entre as métricas e há uma hierarquia clara de informações. Elementos de interface do usuário, como botões de alternância e barras de rolagem, dão suporte à interação e exploração.

Um propósito operacional é dinâmico por natureza. Ele lidará com dados em constante mudança e, portanto, precisa ser monitorado com frequência para detectar problemas ou oportunidades que exigem ação imediata. Os painéis operacionais precisam ser simples, mas fornecer detalhes cruciais quando necessário. As perguntas a serem feitas ao projetar para essa finalidade incluem: Os alertas são informativos e claros? O design suporta a resolução de problemas? O painel é estressante de usar?

Exemplo de design de painel operacional

Este exemplo está exibindo dados ao vivo (imagine os gráficos de linhas e medidores sendo animados continuamente). Embora existam boas razões para painéis com temas claros, esse design de interface escura também oferece oportunidades de usabilidade eficiente. As interfaces escuras desaparecem em segundo plano para permitir que as visualizações de dados e os alertas apareçam. Eles também facilitam a visualização da tela, o que é essencial para longos períodos de monitoramento necessário, geralmente o caso de painéis operacionais. As cores escuras também são calmantes, úteis em caso de emergência, quando a tomada de decisão racional é importante.

Embora um painel possa precisar expressar mais do que um objetivo singular, achei esse detalhamento da função útil para minha própria compreensão de como um painel pode servir a seus usuários e como o design visual desempenha um papel no alcance dos objetivos do usuário.

Quem é meu público?

Por natureza, os painéis atendem aos níveis executivo e gerencial de uma organização; Mesmo assim, os indivíduos dessa base de usuários serão diversos. Para entender melhor para quem você está projetando, sugiro reconhecer suas experiências e habilidades.

  • Considere o conhecimento técnico do usuário: quão capaz é o usuário com uma determinada plataforma ou dispositivo digital? Certos elementos da interface do usuário ou interações gestuais são comuns ou desconhecidos para eles?
  • Entenda suas capacidades analíticas: Eles são capazes de reconhecer problemas ou oportunidades com base nas informações apresentadas?  Eles saberão o que fazer mais tarde ou precisam ser guiados para o próximo passo? Como o design visual pode aprimorar suas capacidades?
  • Conheça a familiaridade prévia do usuário com as informações apresentadas: o que ele já sabe? As informações precisarão ser explicadas?

Descubra seu histórico com o uso do painel: Sua organização tem um produto legado? O que eles gostaram ou não gostaram em suas experiências anteriores com um painel?

Marketing campaign dashboard

O usuário deste painel é alguém que não apenas possui um extenso histórico com campanhas de marketing na Internet, mas também possui os recursos analíticos necessários para fazer as conexões entre essas diversas visualizações de dados. O agrupamento de informações, conexões por meio de cores e explicações visuais de gráficos aumentam a capacidade do usuário de detectar tendências.

Explorar o histórico e as características do seu público ajudará a entender como é o grupo de usuários. Metas, valores, atitudes, tendências de uso e responsabilidades organizacionais são apenas alguns dos atributos que são importantes identificar. Com esses pontos em consideração, ideias de design visual mais ponderadas e objetivas começarão a tomar forma.

Como o painel será usado?

Um painel pode ser usado de muitas maneiras diferentes, portanto, projetar com o fluxo de trabalho do usuário em mente adicionará estrutura ao processo de decisão de design.

  • Considere o ambiente do usuário: ele usará o painel em seu próprio escritório ou em campo? O usuário estará dentro de casa, ao ar livre ou ambos?
  • Saiba como o usuário normalmente visualizará o painel: ele deve ser mostrado em uma tela de apresentação grande, em um dispositivo móvel ou em um pedaço de papel?
  • Entenda a quantidade de tempo que o usuário tem para revisar os dados: eles revisarão lenta e meticulosamente cada métrica ou precisarão examinar rápida e deliberadamente o painel em busca de números-chave?
  • Leve em consideração a colaboração: Serviria ao usuário poder compartilhar ou exportar informações do painel? O painel precisa formatar para imprimir?
  • A conectividade do painel também pode servir ao seu público: seu público precisará de uma conexão com a Internet para atingir seus objetivos? Eles exigem fontes de dados ao vivo?
Multiple workflow dashboard design

O usuário desse produto de relatório de vendas globais tem um fluxo de trabalho ativo, mas ainda precisa de acesso a esse painel, não importa onde esteja. Esse design leva em consideração os vários ambientes do usuário e resolve o problema herdado de acessibilidade limitada criando versões correspondentes para desktop e dispositivos móveis. Enquanto o design do desktop exibe a visualização de dados em uma única tela, a versão móvel separa as visualizações, permitindo que elas ainda sejam eficazes em dispositivos menores.

Ao pensar em como o usuário pretende operar o painel, um designer pode começar a reconhecer quais são os princípios/elementos artísticos mais construtivos e como eles devem ser implementados no design.

As divisões acima não são isoladas umas das outras e, portanto, devem ser analisadas lado a lado, sem nenhuma ordem ou classificação específica de importância. Na verdade, acho que muitos desses pontos categorizados influenciam uns aos outros simultaneamente. Ocasionalmente, você pode estar projetando para uma base de usuários diversificada e, portanto, terá respostas contrastantes para as perguntas acima. Se for esse o caso, sugiro priorizar os elementos considerados necessários de forma a agregar algum valor a todos.

Como os painéis geralmente expressam informações e visualizações densas que são imperativas para o sucesso de uma organização; Um bom design visual implementado em um painel precisa ser claro, prático e provocar respostas emocionais adequadas. Tenho certeza de que existem vários métodos e práticas para conseguir isso, mas nenhum dos quais será verdadeiramente eficaz sem primeiro estabelecer: o objetivo do painel, quem o está usando e como eles o usarão.

Solicite uma demonstração