SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
2013
Heurísticas de
usabilidade
1. Introdução
2. Heurísticas de
usabilidade do Nielsen
3. One More Thing
A palavra Heurística vem do grego
ευρίσκω, heurísko, significando
"descubro" ou "acho".
Heurísticas de Usabilidade
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Jakob Nielsen
Ph.D., é um advogado de usuário e diretor da
Nielsen Norman Group, que ele co-fundou com o
Dr. Donald A. Norman (ex-vice-presidente de
pesquisas da Apple Computer).
Estabeleceu a "engenharia de usabilidade de
desconto" movimento por melhorias rápidas e
baratas de interfaces de usuário e inventou
vários métodos de usabilidade, incluindo a
avaliação heurística. Ele detém 79 patentes nos
Estados Unidos, principalmente sobre as formas
de tornar a Internet mais fácil de usar. http://www.nngroup.com/people/
jakob-nielsen/
Heurísticas de Usabilidade
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Jakob Nielsen escreve uma coluna em seu site (Useit.com),
chamada Alertbox, onde constantemente apresenta os resultados de várias
dessas pesquisas, ajudando a implantar certos parâmetros de usabilidade
que passam a ser adotados por um grande número de profissionais.
Um desses parâmetros, são suas heurísticas.
São 10 itens para a avaliação da usabilidade de um site, com intuito de
evitar erros comuns – as heurísticas foram baseadas em 294 tipos de erros
de usabilidade que o Nielsen comumente encontrava em suas análises – e
que podem prejudicar e muito a experiência do usuário em seu site.
Heurísticas de Usabilidade
Uma avaliação heurística, ao pé da letra, deve ser feita
por no mínimo 3 e no máximo 5 profissionais
especializados nesse tipo de avaliação.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
1. Introdução
2. Heurísticas de
usabilidade do Nielsen
3. One More Thing
http://www.nngroup.com/articles/ten-
usability-heuristics/
1. Visibilidade de Status do
Sistema
Isso significa que você precisa se certificar de que a
interface sempre informe ao usuário o que está
acontecendo, ou seja, todas as ações precisam de
feedback instantâneo para orientá-lo.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
2. Relacionamento entre a interface do
sistema e o mundo real
Ou não usar palavras de sistema, que não fazem sentido pro usuário.
Toda a comunicação do sistema precisa ser contextualizada ao usuário, e
ser coerente com o chamado modelo mental do usuário.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
3. Liberdade e controle do usuário
Facilite as “saídas de emergência” para o usuário, permitindo
desfazer ou refazer a ação no sistema e retornar ao ponto
anterior, quando estiver perdido ou em situações inesperadas.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Breadcrumbs
4. Consistência
Fale a mesma língua o tempo todo, e nunca identifique uma mesma
ação com ícones ou palavras diferentes. Trate coisas similares, da
mesma maneira, facilitando a identificação do usuário.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
5. Prevenção de erros
Na tradução livre das palavras do próprio Nielsen “Ainda melhor que uma boa
mensagem de erro é um design cuidadoso que possa prevenir esses erros”.
Por exemplo, ações definitivas, como deleções ou solicitações podem vir
acompanhadas de um checkbox ou uma mensagem de confirmação.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Campo com mascara
evitando o
preenchimento
errado.
6. Reconhecimento ao invés de lembrança
Evite acionar a memória do usuário o tempo inteiro, fazendo com que cada
ação precise ser revista mentalmente antes de ser executada. Permita que a
interface ofereça ajuda contextual, e informações capazes de orientar as
ações do usuário – ou seja – que o sistema dialogue com o usuário.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Botões
desabilitados
Setas direcionando
a visão
7. Flexibilidade e eficiência de uso
O sistema precisa ser fácil para usuários leigos, mas flexível o bastante para
se tornar ágil à usuários avançados. Essa flexibilidade pode ser conseguida
com a permissão de teclas de atalhos, por exemplo. No caso de websites, uso de
máscaras e navegação com tab em formulários são outros exemplos.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Finalizar no pedido
no próprio pop-up
Feedback de sucesso
8. Estética e design minimalista
Evite que os textos e o design fale mais do que o usuário necessita saber.
Os “diálogos” do sistema precisam ser simples, diretos e naturais, presentes
nos momentos em que são necessários.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
9. Ajude os usuários a reconhecer,
diagnosticar e sanar erros
As mensagens de erro do sistema devem possuir uma redação simples e
clara que ao invés de intimidar o usuário com o erro, indique uma saída
construtiva ou possível solução.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Indicação de saída
Sugestão de
produtos
10. Ajuda e documentação
Um bom design deveria evitar ao máximo à necessidade de ajuda na utilização
do sistema. Ainda assim, um bom conjunto de documentação e ajuda deve ser
utilizado para orientar o usuário em caso de dúvida. Deve ser visível,
facilmente acessada, e com oferecer uma ferramenta de busca na ajuda.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
Indicação de saída
1. Introdução
2. Heurísticas de
usabilidade do Nielsen
3. One More Thing
Usabilidade aplicada à vida
http://www.zenhaiku.com/archives/usability_applie
d_to_life.html
Previna erros
Se você acorda muito cedo. E precisa tomar algo antes do trabalho como um café, o
ideal é se organizar e colocar o pó na maquina na noite anterior.
Consistência e padrões
Sempre coloque objetos no mesmo lugar. Carteira, dinheiro e caneta no bolso direito, e
chaves no meu bolso esquerdo. Dessa forma, uma verificação rápida e simples ajuda na
hora de sair e previne uma situação de amnésia.
Estética e design minimalista
Combine o sapato com o cinto. Apare a barba. Corte o cabelo... Pequenos detalhes do
dia a dia.
Evitar erros
Contas importantes, como seguro de carro, luz e gás estão em debito automático. Assim
em casa de uma imprevisibilidade eu vou saber que estou seguro.
1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
obrigado!
Renato Wajnberg
Arquiteto de Informação
renato@profite.com.br
- - - - - - - - - - - - - - - - - - - - - -
Profite.com.br | +55(11) 2503-1012 | +55(21) 3563-6610

Mais conteúdo relacionado

Mais procurados

Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosAlan Vasconcelos
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para WebsitesMarconi Pacheco
 
Design de interfaces gráficas
Design de interfaces gráficasDesign de interfaces gráficas
Design de interfaces gráficasUTFPR
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurísticaOtavio Augusto
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaAlan Vasconcelos
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSDiego Moraes
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenRos Galabo, PhD
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfacesJanynne Gomes
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframeFabricio Teixeira
 

Mais procurados (20)

Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para Websites
 
Design de interfaces gráficas
Design de interfaces gráficasDesign de interfaces gráficas
Design de interfaces gráficas
 
Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
 
Interface Homem Computador - Aula04 - Principios da Gestalt
Interface Homem Computador - Aula04 - Principios da GestaltInterface Homem Computador - Aula04 - Principios da Gestalt
Interface Homem Computador - Aula04 - Principios da Gestalt
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
 

Destaque

Curso testes avaliação Usabilidade
Curso testes avaliação UsabilidadeCurso testes avaliação Usabilidade
Curso testes avaliação UsabilidadeQualister
 
Hands On Solutions Consultoria Em Gestao Empresarial
Hands On Solutions    Consultoria Em Gestao EmpresarialHands On Solutions    Consultoria Em Gestao Empresarial
Hands On Solutions Consultoria Em Gestao EmpresarialHSCE Ltda.
 
HPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIO
HPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIOHPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIO
HPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIOHPOD CONSULTORIA
 
Projeto Atletas do Futuro - 2011 - Universidade Federal de Lavras
Projeto Atletas do Futuro - 2011 - Universidade Federal de LavrasProjeto Atletas do Futuro - 2011 - Universidade Federal de Lavras
Projeto Atletas do Futuro - 2011 - Universidade Federal de LavrasIgor Oliveira
 
Dho ApresentaçãO
Dho ApresentaçãODho ApresentaçãO
Dho ApresentaçãOtaniamaciel
 
Aula de Empreendedorismo Social Unibrasil - Plano de Negócios
Aula de Empreendedorismo Social Unibrasil - Plano de NegóciosAula de Empreendedorismo Social Unibrasil - Plano de Negócios
Aula de Empreendedorismo Social Unibrasil - Plano de NegóciosProf. Leonardo Rocha
 
Fotos de diagnostico empresarial
Fotos de diagnostico empresarialFotos de diagnostico empresarial
Fotos de diagnostico empresarialyesicasb
 
Hands-on Solutions Consultoria Empresarial - Folder
Hands-on Solutions Consultoria Empresarial - FolderHands-on Solutions Consultoria Empresarial - Folder
Hands-on Solutions Consultoria Empresarial - FolderHSCE Ltda.
 
Acelerando projetos de software com Scrum e Extreme Programming
Acelerando projetos de software com Scrum e Extreme ProgrammingAcelerando projetos de software com Scrum e Extreme Programming
Acelerando projetos de software com Scrum e Extreme ProgrammingRodrigo Branas
 
Aula de Empreendedorismo Social Unibrasil - Tecnologias Sociais
Aula de Empreendedorismo Social Unibrasil - Tecnologias SociaisAula de Empreendedorismo Social Unibrasil - Tecnologias Sociais
Aula de Empreendedorismo Social Unibrasil - Tecnologias SociaisProf. Leonardo Rocha
 
Aula de Empreendedorismo Social Unibrasil - Realidade Social
Aula de Empreendedorismo Social Unibrasil - Realidade SocialAula de Empreendedorismo Social Unibrasil - Realidade Social
Aula de Empreendedorismo Social Unibrasil - Realidade SocialProf. Leonardo Rocha
 

Destaque (20)

Curso testes avaliação Usabilidade
Curso testes avaliação UsabilidadeCurso testes avaliação Usabilidade
Curso testes avaliação Usabilidade
 
Curso online Estratégia Empresarial e de Recursos Humanos
Curso online Estratégia Empresarial e de Recursos HumanosCurso online Estratégia Empresarial e de Recursos Humanos
Curso online Estratégia Empresarial e de Recursos Humanos
 
Hands On Solutions Consultoria Em Gestao Empresarial
Hands On Solutions    Consultoria Em Gestao EmpresarialHands On Solutions    Consultoria Em Gestao Empresarial
Hands On Solutions Consultoria Em Gestao Empresarial
 
HPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIO
HPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIOHPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIO
HPOD CONSULTORIA - CUIDE BEM DO SEU NEGÓCIO
 
Teste sua inteligência
Teste sua inteligênciaTeste sua inteligência
Teste sua inteligência
 
Araujo consult2
Araujo consult2Araujo consult2
Araujo consult2
 
Então é natal
Então é natalEntão é natal
Então é natal
 
Projeto Atletas do Futuro - 2011 - Universidade Federal de Lavras
Projeto Atletas do Futuro - 2011 - Universidade Federal de LavrasProjeto Atletas do Futuro - 2011 - Universidade Federal de Lavras
Projeto Atletas do Futuro - 2011 - Universidade Federal de Lavras
 
Dho ApresentaçãO
Dho ApresentaçãODho ApresentaçãO
Dho ApresentaçãO
 
Aula de Empreendedorismo Social Unibrasil - Plano de Negócios
Aula de Empreendedorismo Social Unibrasil - Plano de NegóciosAula de Empreendedorismo Social Unibrasil - Plano de Negócios
Aula de Empreendedorismo Social Unibrasil - Plano de Negócios
 
Fotos de diagnostico empresarial
Fotos de diagnostico empresarialFotos de diagnostico empresarial
Fotos de diagnostico empresarial
 
Hands-on Solutions Consultoria Empresarial - Folder
Hands-on Solutions Consultoria Empresarial - FolderHands-on Solutions Consultoria Empresarial - Folder
Hands-on Solutions Consultoria Empresarial - Folder
 
Marketing Pessoal
Marketing PessoalMarketing Pessoal
Marketing Pessoal
 
Atendimento ao Cliente na Nova economia
Atendimento ao Cliente na Nova economiaAtendimento ao Cliente na Nova economia
Atendimento ao Cliente na Nova economia
 
Atualidades 2008 completo para vestibular
Atualidades 2008 completo para vestibularAtualidades 2008 completo para vestibular
Atualidades 2008 completo para vestibular
 
Acelerando projetos de software com Scrum e Extreme Programming
Acelerando projetos de software com Scrum e Extreme ProgrammingAcelerando projetos de software com Scrum e Extreme Programming
Acelerando projetos de software com Scrum e Extreme Programming
 
Aula de Empreendedorismo Social Unibrasil - Tecnologias Sociais
Aula de Empreendedorismo Social Unibrasil - Tecnologias SociaisAula de Empreendedorismo Social Unibrasil - Tecnologias Sociais
Aula de Empreendedorismo Social Unibrasil - Tecnologias Sociais
 
Aula de Empreendedorismo Social Unibrasil - Realidade Social
Aula de Empreendedorismo Social Unibrasil - Realidade SocialAula de Empreendedorismo Social Unibrasil - Realidade Social
Aula de Empreendedorismo Social Unibrasil - Realidade Social
 
Curso de Administração Geral
Curso de Administração GeralCurso de Administração Geral
Curso de Administração Geral
 
Atendimento Ao Cliente Na Nova Economia
Atendimento Ao Cliente Na Nova EconomiaAtendimento Ao Cliente Na Nova Economia
Atendimento Ao Cliente Na Nova Economia
 

Semelhante a Heurística de Nielsen

USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARUSABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARCarla De Bona
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Atech S.A. | Embraer Group
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Rafael Burity
 
Usabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisUsabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisleomario
 
Workshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronWorkshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronRafael Citadella Daron
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
Ergo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação HeurísticaErgo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação HeurísticaAlan Vasconcelos
 
Sistemas Exploráveis - Campus Party
Sistemas Exploráveis - Campus PartySistemas Exploráveis - Campus Party
Sistemas Exploráveis - Campus PartyBianca Brancaleone
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaSabine Araujo
 
Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamRafael Burity
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes ExploratóriosAlan Carlos
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristicaguestc08a52
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeAlan Vasconcelos
 

Semelhante a Heurística de Nielsen (20)

Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARUSABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
 
Usabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisUsabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveis
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Workshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronWorkshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael Daron
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
Ergo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação HeurísticaErgo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação Heurística
 
Sistemas Exploráveis - Campus Party
Sistemas Exploráveis - Campus PartySistemas Exploráveis - Campus Party
Sistemas Exploráveis - Campus Party
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
 
Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeam
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes Exploratórios
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 

Heurística de Nielsen

  • 2. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 3. A palavra Heurística vem do grego ευρίσκω, heurísko, significando "descubro" ou "acho". Heurísticas de Usabilidade 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 4. Jakob Nielsen Ph.D., é um advogado de usuário e diretor da Nielsen Norman Group, que ele co-fundou com o Dr. Donald A. Norman (ex-vice-presidente de pesquisas da Apple Computer). Estabeleceu a "engenharia de usabilidade de desconto" movimento por melhorias rápidas e baratas de interfaces de usuário e inventou vários métodos de usabilidade, incluindo a avaliação heurística. Ele detém 79 patentes nos Estados Unidos, principalmente sobre as formas de tornar a Internet mais fácil de usar. http://www.nngroup.com/people/ jakob-nielsen/ Heurísticas de Usabilidade 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 5. Jakob Nielsen escreve uma coluna em seu site (Useit.com), chamada Alertbox, onde constantemente apresenta os resultados de várias dessas pesquisas, ajudando a implantar certos parâmetros de usabilidade que passam a ser adotados por um grande número de profissionais. Um desses parâmetros, são suas heurísticas. São 10 itens para a avaliação da usabilidade de um site, com intuito de evitar erros comuns – as heurísticas foram baseadas em 294 tipos de erros de usabilidade que o Nielsen comumente encontrava em suas análises – e que podem prejudicar e muito a experiência do usuário em seu site. Heurísticas de Usabilidade Uma avaliação heurística, ao pé da letra, deve ser feita por no mínimo 3 e no máximo 5 profissionais especializados nesse tipo de avaliação. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 6. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing http://www.nngroup.com/articles/ten- usability-heuristics/
  • 7. 1. Visibilidade de Status do Sistema Isso significa que você precisa se certificar de que a interface sempre informe ao usuário o que está acontecendo, ou seja, todas as ações precisam de feedback instantâneo para orientá-lo. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 8. 2. Relacionamento entre a interface do sistema e o mundo real Ou não usar palavras de sistema, que não fazem sentido pro usuário. Toda a comunicação do sistema precisa ser contextualizada ao usuário, e ser coerente com o chamado modelo mental do usuário. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 9. 3. Liberdade e controle do usuário Facilite as “saídas de emergência” para o usuário, permitindo desfazer ou refazer a ação no sistema e retornar ao ponto anterior, quando estiver perdido ou em situações inesperadas. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing Breadcrumbs
  • 10. 4. Consistência Fale a mesma língua o tempo todo, e nunca identifique uma mesma ação com ícones ou palavras diferentes. Trate coisas similares, da mesma maneira, facilitando a identificação do usuário. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 11. 5. Prevenção de erros Na tradução livre das palavras do próprio Nielsen “Ainda melhor que uma boa mensagem de erro é um design cuidadoso que possa prevenir esses erros”. Por exemplo, ações definitivas, como deleções ou solicitações podem vir acompanhadas de um checkbox ou uma mensagem de confirmação. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing Campo com mascara evitando o preenchimento errado.
  • 12. 6. Reconhecimento ao invés de lembrança Evite acionar a memória do usuário o tempo inteiro, fazendo com que cada ação precise ser revista mentalmente antes de ser executada. Permita que a interface ofereça ajuda contextual, e informações capazes de orientar as ações do usuário – ou seja – que o sistema dialogue com o usuário. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing Botões desabilitados Setas direcionando a visão
  • 13. 7. Flexibilidade e eficiência de uso O sistema precisa ser fácil para usuários leigos, mas flexível o bastante para se tornar ágil à usuários avançados. Essa flexibilidade pode ser conseguida com a permissão de teclas de atalhos, por exemplo. No caso de websites, uso de máscaras e navegação com tab em formulários são outros exemplos. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing Finalizar no pedido no próprio pop-up Feedback de sucesso
  • 14. 8. Estética e design minimalista Evite que os textos e o design fale mais do que o usuário necessita saber. Os “diálogos” do sistema precisam ser simples, diretos e naturais, presentes nos momentos em que são necessários. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 15. 9. Ajude os usuários a reconhecer, diagnosticar e sanar erros As mensagens de erro do sistema devem possuir uma redação simples e clara que ao invés de intimidar o usuário com o erro, indique uma saída construtiva ou possível solução. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing Indicação de saída Sugestão de produtos
  • 16. 10. Ajuda e documentação Um bom design deveria evitar ao máximo à necessidade de ajuda na utilização do sistema. Ainda assim, um bom conjunto de documentação e ajuda deve ser utilizado para orientar o usuário em caso de dúvida. Deve ser visível, facilmente acessada, e com oferecer uma ferramenta de busca na ajuda. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing Indicação de saída
  • 17. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 18. Usabilidade aplicada à vida http://www.zenhaiku.com/archives/usability_applie d_to_life.html Previna erros Se você acorda muito cedo. E precisa tomar algo antes do trabalho como um café, o ideal é se organizar e colocar o pó na maquina na noite anterior. Consistência e padrões Sempre coloque objetos no mesmo lugar. Carteira, dinheiro e caneta no bolso direito, e chaves no meu bolso esquerdo. Dessa forma, uma verificação rápida e simples ajuda na hora de sair e previne uma situação de amnésia. Estética e design minimalista Combine o sapato com o cinto. Apare a barba. Corte o cabelo... Pequenos detalhes do dia a dia. Evitar erros Contas importantes, como seguro de carro, luz e gás estão em debito automático. Assim em casa de uma imprevisibilidade eu vou saber que estou seguro. 1. Introdução 2. Heurísticas de usabilidade do Nielsen 3. One More Thing
  • 19. obrigado! Renato Wajnberg Arquiteto de Informação renato@profite.com.br - - - - - - - - - - - - - - - - - - - - - - Profite.com.br | +55(11) 2503-1012 | +55(21) 3563-6610