10 heurísticas de Nielsen para o design de interface - Gabriel Moma
Escrevi um outro artigo esses dias falando sobre as 8 regras de ouro do design de interface e comecei a gostar dessa coisa de escrever, por isso resolvi escrever esse outro artigo falando sobre as 10 Heurísticas de Nielsen.
É comum assimilar design à parte estética de produtos, marcas ou layouts, no entanto isso não mostra a totalidade do design. Pense em design como projetar algo com um objetivo, não apenas o lado estético mas também o lado funcional. Quando falamos de interfaces digitais especificamente, falamos da construção de meios de comunicação entre uma pessoa e uma máquina.
Normalmente o design, limitado ao lado visual das interfaces, é aplicado por último em um projeto, no entanto, é necessário compreender que desenvolvimento e design caminham juntos. O fato é que uma interface mal projetada resultará em uma má experiência de uso, portanto é necessário considerar o design antes, durante e depois do desenvolvimento de um produto.
Pensar em UI (user interface) design é pensar em projetar uma interface que não gere momentos de insegurança para o usuário, que deixe claro quais serão os resultados de suas ações e garantir que o mesmo realize todas as tarefas de forma simples e eficiente, em outras palavras, fazer com que o usuário “não precise de um manual de instruções”. Para isso existem dez heurísticas criadas por Jakob Nielsen, cientista da computação, que ajudam a projetar uma boa interface e por consequência uma ótima experiência de uso.
1. Visibilidade do Status do Sistema
No geral o ser humano é muito dependente da visão, ainda assim, quando estamos em um ambiente físico temos outros sentidos que nos informam o que está acontecendo, quando falamos de um sistema, software ou interface essa história muda um pouco. Em ambientes digitais a dependência da visão é ainda maior e por conta disso é essencial que a interface forneça ao usuário o status em relação à sua posição dentro do sistema, ou seja, informar o usuário sobre qual ambiente ele estava, em qual ele está e para quais outros ambientes ele poderá se dirigir a partir de sua localização.
2. Compatibilidade entre o sistema e o mundo real
Imagine que um jovem húngaro e um senhor sueco estejam trocando cartas entre si, a conversa entre ambos seria um tanto complicada considerando que eles não possuem um idioma em comum. O que quero dizer com essa analogia é que um sistema precisa falar a mesma linguagem do usuário, não estou falando apenas do idioma em si, mas da linguagem que o usuário utiliza no dia-a-dia.
Outro aspecto da compatibilidade entre sistema e mundo real são os símbolos utilizados em uma interface. Parece algo sem muita importância, mas escolher corretamente quais ícones serão utilizados para colocar em uma interface pode facilitar ou prejudicar a compreensão das informações.
3. Controle e liberdade para o usuário
Aquele momento em que você acaba deletando um e-mail que tinha um documento importante anexado sem querer e fica desesperado, mas ao ir até a lixeira você o encontra e fica aliviado.
4. Consistência e Padronização
Essa heurística é um tanto simples, mas muitas vezes não aplicada na construção de interfaces. Manter consistência entre as telas de uma aplicação é essencial para não ser necessário o entendimento de vários padrões e formas de interações diferentes para cada tela, uma vez aprendido será algo replicável em outros contextos. Além disso, a experiência de uso se torna muito mais interessante, pois não existirá aquela sensação de estar perdido. Muitas vezes o motivo pelo qual usuários não interagem com as aplicações é essa sensação causada pela falta de consistência e padronização.
Um grande exemplo de consistência e padronização é o Google.
5. Prevenção de erros
Existem dois tipos de erros que os usuários normalmente cometem: o deslize e o engano. Pode até parecer a mesma coisa, mas são sutilmente diferentes. O deslize é quando um usuário pretende realizar uma ação, mas acaba realizando outra, isso acontece tipicamente quando ele não está totalmente focado em sua ação dentro da aplicação. Já o engano é quando a compreensão de alguma informação é equivocada ou entendida de outra forma.
6. Reconhecimento em vez de memorização
O cérebro é ótimo em reconhecer padrões e na medida em que objetos, ações e opções ficam expostos para o usuário, mais dicas chegam ao cérebro tornando certas ações familiares, ou seja, é preferível dar ao usuário formas de reconhecer padrões do que ter que obrigá-lo a memorizar várias informações na medida que ele navega pela aplicação. A grande diferença entre reconhecer e memorizar é a quantidade de dicas fornecidas para que um conhecimento seja acessado, reconhecer padrões fornece muito mais dicas do que tentar acessar memórias. Tente lembrar de uma senha (memorização) ou tente salvar um arquivo no Excel (reconhecimento).
7. Eficiência e flexibilidade de uso
O ideal é que a interface seja útil tanto para usuários leigos como para experientes. Leigos precisam de informações mais detalhadas para poderem realizar tarefas, mas na medida que crescem em conhecimento sobre a interface, a necessidade de formas mais rápidas de interação para realizar uma tarefa começam a surgir. “Alt+Tab ou Ctrl+C e Crtl+V ou Windows+D” são exemplos de atalhos que permitem ao usuário mais experiente realizar tarefas mais rapidamente.
8. Estética e design minimalista
Quanto maior a quantidade de informação maior será a quantidade de informações que serão analisadas e decisões que o usuário precisará tomar, por isso, é crucial manter apenas as informações que são realmente necessárias, as informações secundárias podem ser deixadas em segundo plano (menus, abas, etc.) assim a aplicação se torna muito eficiente no quesito transmitir informação aos usuários. Um exemplo bem bacana é o próprio
9. Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros
O ponto aqui é ajudá-lo a reparar um erro depois de ele ter cometido caso o “Ctrl+Z” não tenha funcionado.
10. Ajuda e documentação
Normalmente essas são as áreas menos acessadas, mas ainda assim elas são importantes dentro de um sistema, pois nunca se sabe quando um usuário irá precisar de uma ajudinha. É como se fosse uma maneira “faça você mesmo” do usuário resolver suas dúvidas de quais ações tomar dentro da aplicação, tornando-o mais independente do suporte.
Conclusão
Portanto, aplicar essas heurísticas no desenvolvimento de uma aplicação é essencial para desenvolver uma experiência de uso que envolva os usuários com a aplicação e entregue informações verdadeiramente úteis para o mesmo.
