10 Heurísticas de Nielsen. Uma Fórmula Pra Evitar Erros Básicos de Usabilidade

18/10/2017 10 Heursticas de Nielsen. Uma frmula pra evitar erros bsicos de usabilidade.
- Blog da Caelum: desenvolvimento, web, mobile, UX e S
Quer
receber mais
contedo bacana de
tecnologia?
Temos bastante material pra te
ajudar a alavancar sua carreira
Nome *
Email *
QUero receber!
No quero alavancar minha carreira :(
http://blog.caelum.com.br/10-heuristicas-de-nielsen-uma-formula-pra-evitar-erros-basicos-de-usabilidade/ 1/44
18/10/2017 10 Heursticas de Nielsen. Uma frmula pra evitar erros bsicos de usabilidade. - Blog da Caelum: desenvolvimento, web, mobile, UX e S
Busca...
10 Heursticas
de Nielsen. Uma
frmula pra
evitar erros
bsicos de
usabilidade.
Postado dia 02/02/2016 por Marco Bruno
em Design & UX, Front-end 36
Recentemente alteramos o Design da

seo interna (onde os alunos fazem os
cursos) da Alura, sem criar novas
funcionalidades. Mas infelizmente
acabamos nos esquecendo de colocar o

boto de editar um post no frum do
Alura.
Esquecer do boto de editar no foi um

erro s nosso.
Eu no me esqueo quando eu estava
utilizando o app do Facebook e
adicionava um comentrio com algum
erro. Eu tinha que correr pra verso
desktop pra conseguir editar o
comentrio (tristeza no corao).
Se a gente for pensar, um erro bem

simples de resolver e tambm de
esquecer de implementar. Pensando
nesses problemas o grande pai da
usabilidade, Mr. Jakob Nielsen criou o
que chamamos de: 10 heursticas de
Nielsen. Bora entender cada uma delas
pra ver se a gente consegue errar um
pouco menos.
1. Visibilidade de qual estado

estamos no sistema
2. Correspondncia entre o
sistema e o mundo real
3. Liberdade de controle fcil
pro usurio
4. Consistncia e padres
5. Prevenes de erros
6. Reconhecimento em vez de
memorizao
7. Flexibilidade e e cincia de
uso
8. Esttica e design minimalista
9. Ajude os usurios a
reconhecerem,
diagnosticarem e
recuperarem-se de erros
10. Ajuda e documentao
1. Visibilidade de qual
estado estamos no
sistema
responsabilidade do sistema informar

o que est acontecendo em real time pro
usurio.
Quando estamos assistindo/ouvindo

uma playlist do Youtube, do lado direito
ca bem claro: qual vdeo estamos
assistindo; qual prximo; quais
assistimos ou no.
2. Correspondncia entre
o sistema e o mundo real
Em relao ao mundo real podemos

considerar: sons, visual e o tom de
escrita que usurio utiliza para se
comunicar. Implementamos bastante
esta heurstica quando utilizamos uma
seta, cones e utilizamos a cor vermelha
para elementos negativos.
Um software que usa essa heurstica o

Photoshop em sua barra de ferramentas.
3. Liberdade de controle
fcil pro usurio
Essa foi a heurstica que me motivou a

fazer esse post. Nesta heurstica, a
preocupao de passar pro usurio a
liberdade de ele fazer o que quiser
dentro do sistema com exceo das
regras que vo contra o negcio ou
interferem em outra funcionalidade.
Por exemplo quando criamos um tweet

bacana poder delet-lo se estivermos
a m. Mas no d pra editar um tweet.
Imagina se voc d um retweet e depois
o usurio que fez o tweet muda o texto
pra uma coisa que voc no acha legal.
Sacanagem n!
4. Consistncia e
padres
importante manter a consistncia e

padro visual (texto, cor, desenho do
elemento, som e etc).
Por exemplo, no frum GUJ (Grupo de

usurio Java), quando vamos responder
um post o boto para enviar a resposta
sempre da mesma cor, tamanho e
texto. O elemento para cancelar a
resposta sempre tem seus padres:
5. Prevenes de erros
No uma boa ideia deixar seu usurio

errar sem explicar previamente o
motivo do erro. Melhor do que isso,
tente criar um interface que permite o

usurio no errar.
A busca do Google faz isso de uma

forma muito inteligente. No momento
que comeamos escrever nossa busca ele
j te entrega algumas sugestes, mesmo
se a gente escrever a busca com uma
ortogra a errada ele realiza a busca e
pergunta se estamos procurando outra
informao com a ortogra a correta.
Realizando uma busca no Google:
Resultado da busca com erro de

ortogr ca:
6. Reconhecimento em
vez de memorizao
O usurio no tem obrigao de decorar

qual foi o caminho que ele fez pra
chegar at a pgina.
Por exemplo, quando voc entra em um

produto do site da Locaweb
disponibilizado o caminho que voc fez
pra chegar at ele. Ns chamamos isso

de breadcrumb.
7. Flexibilidade e
e cincia de uso
importante deixar uma experincia

boa com seu sistema desde o usurio
mais leigo at o mais avanado.
Por exemplo, dentro do Trello (kanban

de tarefas online com base em colunas
free) quando voc est com o foco em
um carto voc pode utilizar o mouse
para navegar em outros cartes, as
teclas direcionais (setas pra cima e pra
baixo) ou as letras j (para baixo) e k
(para cima). Teclas que so por sua vez
utilizadas no VIM, editor de texto
famoso entre os desenvolvedores.
8. Esttica e design
minimalista
Por favor no encha linguia. Toda

informao extra que voc deixar pro
seu usurio pode na verdade adicionar
mais uma dvida, ou seja, deixe o seu
layout e o contedo o mais simples e
direto possvel.
Um app que gosta muito dessa

heurstica o da Nubank. Pra gerar o
boleto de pagamento da sua fatura s
so necessrias duas telas e elas so
bem simples e realmente objetivas.
9. Ajude os usurios a
reconhecerem,
diagnosticarem e
recuperarem-se de erros
As mensagens de erros tem que ser

claras e prximas do contedo ou ao
que causou o erro.
No formulrio de cadastro do Spotify

caso voc no preencha os dados
necessrios ele deixa bem claro quais
campos esto faltando, com um
mensagem clara e objetiva.
10. Ajuda e
documentao
uma boa no precisar dessa heurstica.

Implementar documentao e sistema
de ajuda sempre chato e muitos
usurios tm o costume de ignorar
ambos mas, se for realmente necessrio,
deixe a documentao prxima do
usurio e do elemento ou ao que tenha
necessidade de uma explicao mais
detalhada.
Por exemplo, no formulrio de

pagamento do Walmart tem um campo
pra preencher o cdigo de segurana do
carto. Como no algo muito bvio,
tem uma imagem prxima ao campo
mostrando onde ca o cdigo de
segurana do carto. Essa uma boa
forma de fazer uma documentao feliz.
Com o erro que cometemos no novo

layout do Alura vimos que uma boa
passar pelas 10 heursticas de Nielsen
antes de subir um novo layout. Em que
momento voc acha bacana utilizar as
heursticas no seu projeto?
Compartilhe isso:

10 Heurísticas de Nielsen. Uma Fórmula Pra Evitar Erros Básicos de Usabilidade

Caricato da

Informazioni sul documento

Descrizione originale:

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

10 Heurísticas de Nielsen. Uma Fórmula Pra Evitar Erros Básicos de Usabilidade

Caricato da

Copyright:

Formati disponibili

18/10/2017 10 Heursticas de Nielsen. Uma frmula pra evitar erros bsicos de usabilidade.

- Blog da Caelum: desenvolvimento, web, mobile, UX e S

No quero alavancar minha carreira :(

Recentemente alteramos o Design da

acabamos nos esquecendo de colocar o

Esquecer do boto de editar no foi um

Se a gente for pensar, um erro bem

1. Visibilidade de qual estado

responsabilidade do sistema informar

Quando estamos assistindo/ouvindo

Em relao ao mundo real podemos

Um software que usa essa heurstica o

Essa foi a heurstica que me motivou a

Por exemplo quando criamos um tweet

importante manter a consistncia e

Por exemplo, no frum GUJ (Grupo de

No uma boa ideia deixar seu usurio

tente criar um interface que permite o

A busca do Google faz isso de uma

Realizando uma busca no Google:

Resultado da busca com erro de

O usurio no tem obrigao de decorar

Por exemplo, quando voc entra em um

pra chegar at ele. Ns chamamos isso

importante deixar uma experincia

Por exemplo, dentro do Trello (kanban

Por favor no encha linguia. Toda

Um app que gosta muito dessa

As mensagens de erros tem que ser

No formulrio de cadastro do Spotify

uma boa no precisar dessa heurstica.

Por exemplo, no formulrio de

Com o erro que cometemos no novo

Potrebbero piacerti anche