Passar ao conteúdo
Velocidade do carro
BABEL Blog

15 dicas rápidas e eficazes para uma conceção bem sucedida da interface de visualização de dados

21 junho 2021

Categorias

Ao conceber uma interface de visualização de dados, é importante ser claro sobre uma série de premissas que terão um impacto no resultado final da interface. Para alcançar o sucesso, aqui estão 15 dicas rápidas e eficazes:
  1. Conheça os seus objetivos. Seja claro sobre o que precisa de ser comunicado no seu relatório e siga uma narrativa como um fio condutor dos dados a serem mostrados.
  2. Simplicidade como um mantra. Destilar a informação e torná-la fácil de visualizar e compreender num ápice. Quase todos os relatórios necessitarão de indicadores de alerta, tendências e áreas de risco com os seus indicadores (utilizar indicadores que reflitam dados invulgares). O objetivo? Ser capaz de ajudar rapidamente na tomada de decisões.
  3. UI Design que crie impacto. Um bom desenho de interface é visto, segundo muitos estudos, como mais utilizável, mesmo que não o seja. Um design agradável irá gerar empatia, contudo a compreensão da informação deve ir além da IU e ter muito presente a UX.
  4. Pesquisar e descobrir. Conhecer o utilizador e as suas necessidades, os objetivos comerciais, e os possíveis constrangimentos tecnológicos. Criar produtos excecionais com o utilizador no centro. Não se pode empreender este tipo de produtos sem filosofias de Design Thinking.
  5. Pense sobre o contexto. Conhecer o utilizador (tipo de perfis) e como e onde a informação vai ser consumida (no telemóvel, no escritório, dados em tempo real...). Observar como funcionam, e identificar quais são as suas principais métricas, quais os dados de que necessitam...
  6. Discriminação progressiva da informação. O espaço é finito, e a informação deve respirar para facilitar a identificação. Dar prioridade e dar mecanismos para aprofundar a informação para os utilizadores que dela necessitam. Dosear a informação mas sem esconder a informação essencial.
  7. Interfaces ad-hoc. Com a multiplicidade de fontes de dados hoje existentes, será obrigado a fazer isto para centralizar a informação num só local. Certamente que não é o único que tem de o fazer.
  8. Usabilidade universal. Concentre os seus designs tentando cobrir os utilizadores mais e menos experientes.
  9. Personalização. Criar visualizações de dados que se adaptem ao tipo de utilizador e às suas necessidades. Se também for capaz de identificar padrões de comportamento baseados na Machine Learning / Inteligência Artificial e ser capaz de os servir automaticamente, será consagrado.
  10. Coerência e consistência visual. Use padrões para ações semelhantes, preste atenção à etiquetagem, às áreas interativas, às cores, tipografias... criará sistemas robustos, intuitivos e fáceis de aprender. Limite a gama cromática e use a cor para destacar zonas e estados interativos (preste atenção à psicologia da cor nos seus desenhos).
  11. Uma imagem vale mais que mil palavras. A representação gráfica e o tipo de gráfico escolhido influenciam, e muito, no consumo de informação. Um gráfico adquire o seu significado a partir da comparação, e para comparar, devem ser utilizados métodos simples, tais como o comprimento, e para isso o gráfico de barras (horizontal) é o rei. A sua disposição horizontal permite-lhe ler tanto o literal como o valor fluentemente, fornecendo ao mesmo tempo informação comparativa num relance e de uma forma fácil. Além disso, descartar sempre que possível os gráficos de tartes que não representam dados binários (valores sim/não).
  12. Prioritizar e dar prioridade ao espaço. As coisas mais importantes que quer mostrar devem ser colocadas no topo e à esquerda. Não se esqueça que o padrão de leitura no Ocidente é de cima para baixo e da esquerda para a direita. Lembre-se de que os utilizadores digitalizam e "leem" a informação com um padrão F.
  13. Oferece feedback e antecipa erros. Apresenta informação sobre as ações que o utilizador executa, utiliza, dialoga, carrega... Da mesma forma, habilita os utilizadores a terem controlo sobre as ações.
  14. Reduzir a carga cognitiva. Remover todos os elementos desnecessários da interface e deixar a informação respirar. Deixar espaço para descansar os olhos, e tentar não introduzir mais de 5-7 widgets. Ajuda à legibilidade e à capacidade de visualização. Tente aplicar fundos claros sem imagens, sem fontes serifadas, use abreviaturas se forem suficientemente convencionais... pois menos é mais.
  15. Estruture a sua interface de uma forma lógica e convencional. Zona da marca (zona superior: logótipo, título...), filtros (topo ou lado esquerdo) e conteúdo principal.
 
 
José Luis  García López
José Luis García López Perfil en Linkedin

Profesional del UX por despiste desde 2003, ya que mi verdadera vocación iba por el lado de la docencia, en concreto por la linde de la historia. Los devenires de la realidad hicieron que esa vocación se exhalara y me decantara por el mundo del UI/front siempre desde el lado de las consultoras. Desde 2006 encaucé mi vida hacia el UX, lo que me ha llevado a liderar un equipo multidisciplinar enfocado a la creación y conceptualización de productos digitales, donde intentamos mejorar y aprender en el día a día a la misma velocidad exponencial que cambia todo.

Mais posts de José Luis García López