terça, 10 de setembro de 2024 - 10:20h
Marco Zero da Experiência do Usuário
O texto abaixo mostra o marco zero para iniciar os estudos, compreender e desenvolver a análise de usabilidade de forma técnica. Este artigo foi traduzido diretamente pelo Nielsen Norman Group.
Por: Márcio Brasil
As heurísticas permitem atestar e aprimorar a usabilidade de produtos digitais nos mais diversos contextos e tamanho de telas

Os 10 princípios gerais de Jakob Nielsen para design de interação. Eles são chamados de "heurísticas" porque são regras gerais e não diretrizes específicas de usabilidade.

 

1: Visibilidade do status do sistema

O design deve sempre manter os usuários informados sobre o que está acontecendo, por meio de feedback apropriado dentro de um período de tempo razoável.

Quando os usuários sabem o status atual do sistema, eles aprendem o resultado de suas interações anteriores e determinam as próximas etapas. Interações previsíveis criam confiança no produto e na marca.

Os indicadores “Voc? está aqui” em mapas de shopping mostram às pessoas onde elas estão atualmente, para ajudá-las a entender para onde ir em seguida.

Exemplo de Heurística de Usabilidade nº 1: Os indicadores “Você está aqui” em mapas de shopping mostram às pessoas onde elas estão atualmente, para ajudá-las a entender para onde ir em seguida.

 

Dicas

  • Comunique claramente aos usuários qual é o estado do sistema — nenhuma ação com consequências para os usuários deve ser tomada sem informá-los.
  • Apresente o feedback ao usuário o mais rápido possível (idealmente, imediatamente).
  • Crie confiança por meio de comunicação aberta e contínua.

Saiba mais

 

2: Correspondência entre o sistema e o mundo real

O design deve falar a linguagem dos usuários. Use palavras, frases e conceitos familiares ao usuário, em vez de jargões internos. Siga as convenções do mundo real, fazendo com que as informações apareçam em uma ordem natural e lógica.

A maneira como você deve projetar depende muito de seus usuários específicos. Termos, conceitos, ícones e imagens que parecem perfeitamente claros para você e seus colegas podem ser desconhecidos ou confusos para seus usuários.

Quando os controles de um design seguem convenções do mundo real e correspondem aos resultados desejados (chamado de mapeamento natural), é mais fácil para os usuários aprenderem e lembrarem como a interface funciona. Isso ajuda a construir uma experiência que parece intuitiva.

Quando os controles do fogão correspondem ao layout dos elementos de aquecimento, os usuários podem entender rapidamente qual controle mapeia para qual elemento de aquecimento

Exemplo de Heurística de Usabilidade #2: Quando os controles do fogão correspondem ao layout dos elementos de aquecimento, os usuários podem entender rapidamente qual controle mapeia para qual elemento de aquecimento.

 

Dicas

  • Garanta que os usuários possam entender o significado sem ter que procurar a definição de uma palavra.
  • Nunca presuma que sua compreensão de palavras ou conceitos corresponderá à dos seus usuários.
  • A pesquisa do usuário revelará a terminologia familiar dos seus usuários, bem como seus modelos mentais em torno de conceitos importantes.

 

Saiba mais

 

3: Controle e liberdade do usuário

Os usuários geralmente realizam ações por engano. Eles precisam de uma "saída de emergência" claramente marcada para deixar a ação indesejada sem ter que passar por um processo extenso.

Quando é fácil para as pessoas desistirem de um processo ou desfazerem uma ação, isso promove uma sensação de liberdade e confiança. As saídas permitem que os usuários permaneçam no controle do sistema e evitem ficar presos e se sentirem frustrados.

 Os espaços digitais precisam de saídas de emergência rápidas, assim como os espaços físicos

Exemplo de heurística de usabilidade nº 3: Os espaços digitais precisam de saídas de emergência rápidas, assim como os espaços físicos.

 

Dicas

  • Suporte para Desfazer e Refazer.
  • Mostre uma maneira clara de sair da interação atual, como um botão Cancelar.
  • Certifique-se de que a saída esteja claramente rotulada e detectável.

 

Saiba mais

4: Consistência e Padrões

Os usuários não devem ter que se perguntar se palavras, situações ou ações diferentes significam a mesma coisa. Siga as convenções da plataforma e do setor.

A Lei de Jakob afirma que as pessoas passam a maior parte do tempo usando produtos digitais diferentes dos seus. As experiências dos usuários com esses outros produtos definem suas expectativas. Deixar de manter a consistência pode aumentar a carga cognitiva dos usuários, forçando-os a aprender algo novo.

Os balcões de check-in geralmente estão localizados na frente dos hoteis. Essa consistência atende às expectativas dos clientes
Exemplo de Heurística de Usabilidade nº 4: Os balcões de check-in geralmente estão localizados na frente dos hoteis. Essa consistência atende às expectativas dos clientes.

 

Dicas

 

Saiba mais

5: Prevenção de erros

Boas mensagens de erro são importantes, mas os melhores designs evitam cuidadosamente que os problemas ocorram em primeiro lugar. Elimine as condições propensas a erros ou verifique-as e apresente aos usuários uma opção de confirmação antes que eles se comprometam com a ação.

Existem dois tipos de erros: deslizes e enganos. Deslizes são erros inconscientes causados ??por desatenção. Erros são erros conscientes baseados em uma incompatibilidade entre o modelo mental do usuário e o design.

Grades de proteção em estradas sinuosas de montanha evitam que os motoristas caiam de penhascos

Exemplo de heurística de usabilidade nº 5: Grades de proteção em estradas sinuosas de montanha evitam que os motoristas caiam de penhascos.

 

Dicas

  • Priorize seu esforço: evite erros de alto custo primeiro, depois pequenas frustrações.
  • Evite deslizes, fornecendo restrições úteis e bons padrões.
  • Evite erros removendo sobrecargas de memória, dando suporte a desfazer e avisando seus usuários.

 

Saiba mais

6: Reconhecimento em vez de recordação

Minimize a carga de memória do usuário tornando elementos, ações e opções visíveis. O usuário não deve ter que lembrar informações de uma parte da interface para outra. As informações necessárias para usar o design (por exemplo, rótulos de campo ou itens de menu) devem ser visíveis ou facilmente recuperáveis quando necessário.

Os humanos têm memórias de curto prazo limitadas. Interfaces que promovem o reconhecimento reduzem a quantidade de esforço cognitivo exigido dos usuários.

É mais fácil para a maioria das pessoas reconhecer as capitais dos países, em vez de ter que se lembrar delas. As pessoas têm mais probabilidade de responder corretamente à pergunta: Lisboa é a capital de Portugal? Em vez de Qual é a capital de Portugal?

Exemplo de heurística de usabilidade nº 6: É mais fácil para a maioria das pessoas reconhecer as capitais dos países, em vez de ter que se lembrar delas. As pessoas têm mais probabilidade de responder corretamente à pergunta: Lisboa é a capital de Portugal? Em vez de Qual é a capital de Portugal?

 

Dicas

  • Deixe as pessoas reconhecerem as informações na interface, em vez de forçá-las a se lembrar (“relembrar”) delas.
  • Ofereça ajuda no contexto, em vez de dar aos usuários um longo tutorial para memorizar.
  • Reduza as informações que os usuários precisam lembrar.

 

Saiba mais

 

7: Flexibilidade e eficiência de uso

Atalhos — ocultos para usuários novatos — podem acelerar a interação para o usuário especialista, de modo que o design possa atender tanto usuários inexperientes quanto experientes. Permita que os usuários personalizem ações frequentes.

Processos flexíveis podem ser realizados de diferentes maneiras, para que as pessoas possam escolher o método que funciona para elas.
Rotas regulares são listadas em mapas, mas moradores com conhecimento da área podem pegar atalhos

Exemplo de heurística de usabilidade nº 7: Rotas regulares são listadas em mapas, mas moradores com conhecimento da área podem pegar atalhos.

 

Dicas

  • Forneça aceleradores como atalhos de teclado e gestos de toque.
  • Forneça personalização adaptando conteúdo e funcionalidade para usuários individuais.
  • Permita a customização, para que os usuários possam fazer seleções sobre como desejam que o produto funcione.

 

Saiba mais

8: Design estético e minimalista

As interfaces não devem conter informações irrelevantes ou raramente necessárias. Cada unidade extra de informação em uma interface compete com as unidades relevantes de informação e diminui sua visibilidade relativa.

Essa heurística não significa que você precisa usar um design plano (flat) — é sobre garantir que você esteja mantendo o conteúdo e o design visual focados no essencial. Garanta que os elementos visuais da interface suportem os objetivos principais do usuário.
Um bule de chá ornamentado pode ter elementos decorativos excessivos, como uma alça desconfortável ou um bico difícil de lavar, que podem interferir na usabilidade

Exemplo de heurística de usabilidade nº 8: Um bule de chá ornamentado pode ter elementos decorativos excessivos, como uma alça desconfortável ou um bico difícil de lavar, que podem interferir na usabilidade.

 

Dicas

  • Mantenha o conteúdo e o design visual da IU focados no essencial.
  • Não deixe que elementos desnecessários distraiam os usuários das informações que eles realmente precisam.
  • Priorize o conteúdo e os recursos para dar suporte aos objetivos principais.

 

Saiba mais

9: Ajude os usuários a reconhecer, diagnosticar e se recuperar de erros

As mensagens de erro devem ser expressas em linguagem simples (sem códigos de erro), indicar precisamente o problema e sugerir construtivamente uma solução.

Essas mensagens de erro também devem ser apresentadas com tratamentos visuais que ajudarão os usuários a notá-las e reconhecê-las.

Placas de direção errada na estrada lembram os motoristas de que eles estão indo na direção errada e pedem que parem

Exemplo de heurística de usabilidade nº 9: Placas de direção errada na estrada lembram os motoristas de que eles estão indo na direção errada e pedem que parem.

 

Dicas

  • Use visuais tradicionais de mensagens de erro, como texto em negrito e vermelho.
  • Diga aos usuários o que deu errado em uma linguagem que eles entendam — evite jargões técnicos.
  • Ofereça aos usuários uma solução, como um atalho que pode resolver o erro imediatamente.

 

Saiba mais

10: Ajuda e documentação

É melhor se o sistema não precisar de nenhuma explicação adicional. No entanto, pode ser necessário fornecer documentação para ajudar os usuários a entender como concluir suas tarefas.

O conteúdo da ajuda e da documentação deve ser fácil de pesquisar e focado na tarefa do usuário. Mantenha-o conciso e liste as etapas concretas que precisam ser realizadas.

Os quiosques de informações em aeroportos são facilmente reconhecíveis e resolvem os problemas dos clientes em contexto e imediatamente

Exemplo de heurística de usabilidade nº 10: Os quiosques de informações em aeroportos são facilmente reconhecíveis e resolvem os problemas dos clientes em contexto e imediatamente.

 

Dicas

  • Certifique-se de que a documentação de ajuda seja fácil de pesquisar.
  • Sempre que possível, apresente a documentação em contexto no momento em que o usuário precisar dela.
  • Liste as etapas concretas a serem realizadas.

 

Saiba mais

EXPERIêNCIA DO USUáRIO - PRODAP
Rua São José, nº 290 - Cep: 68900-110, Macapá - AP - - experiencia@prodap.ap.gov.br
Site desenvolvido e hospedado pelo PRODAP - Centro de Gestão da Tecnologia da Informação
2017 - 2026 Licença Creative Commons 3.0 International
Amapá