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

Head of UX. Manager del área Servicios en BABEL.

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