SlideShare uma empresa Scribd logo
U S A B I L I DA D E
H E U R Í S T I C A
Otávio Augusto
AGENDA
• Usabilidade
• Jakob Nielsen
• Usabilidade heurística
• Dez heurísticas de Nielsen
• Referências
USABILIDADE
• É a capacidade de um produto ser usado
por usuários para atingir objetivos
específicos com eficácia, eficiência e
satisfação em um contexto específico de uso.
ISO (International Standards Organization)
JAKOB NIELSEN
• Cientista da computação
com Ph.D. em interação homem-
máquina.
• User Advocate.
• Criou o movimento "engenharia de
usabilidade com desconto" para
melhorias rápidas e baratas de
interfaces de usuário e inventou vários
métodos de usabilidade, incluindo a
avaliação heurística.
• Detém 79 patentes dos Estados Unidos,
principalmente sobre as formas de
tornar a Internet mais fácil de usar.
USABILIDADE HEURÍSTICA
• Através dos resultados das pesquisas de sua
empresa(Norman e Nielsen Group), ele foi
capaz de criar e implantar certos parâmetros
de usabilidade que passam a ser adotados
por um grande número de profissionais.
DEZ HEURÍSTICAS DE NIELSEN
• Dez itens para a avaliação da usabilidade de
um site ou sistema, 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.
HEURÍSTICAS
1. Visibilidade de Status do
Sistema
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.
2. Relacionamento entre a
interface do sistema e o mundo
real
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.
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.
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.
HEURÍSTICAS
5. 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.
6. Prevenção de Erros
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.
HEURÍSTICAS
HEURÍSTICAS
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.
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.
HEURÍSTICAS
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.
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.
REFERENCIAS
• ISO
www.iso.org/iso/home.html
• Jakob Nielsen
pt.wikipedia.org/wiki/Jakob_Nielsen
• Dez Heuristicas
www.tidbits.com.br/as-10-heuristicas-de-
usabilidade-do-nielsen

Mais conteúdo relacionado

Mais procurados

Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
Claudio Diniz - Designer Gráfico
 
Aula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informaçãoAula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informação
Dalton Martins
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
Victor Rubens
 
Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
Denilson Sousa
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
Robson Santos
 
Checklist de hudson couto
Checklist de hudson couto Checklist de hudson couto
Checklist de hudson couto
Anabel Aguiar
 
Interação Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoInteração Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - Antecipação
Wellington Oliveira
 
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
André Constantino da Silva
 
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
Daniel Brandão
 
Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
Zdeněk Lanc
 
Ihc2016.2 aula 3 introdução ao design de interação
Ihc2016.2 aula 3   introdução ao design de interaçãoIhc2016.2 aula 3   introdução ao design de interação
Ihc2016.2 aula 3 introdução ao design de interação
Ticianne Darin
 
Reunioes e Habitos Eficazes.ppt
Reunioes e Habitos Eficazes.pptReunioes e Habitos Eficazes.ppt
Reunioes e Habitos Eficazes.ppt
Jordy430048
 
Clock
ClockClock
Arquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEBArquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEB
Sergio Luis dos Santos Lima
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHC
Alanna Gianin
 
Slides 5 s
Slides 5 sSlides 5 s
Interface Humano Computador
Interface Humano ComputadorInterface Humano Computador
Interface Humano Computador
João Carlos da Silva Junior
 
Treinamento 5s
Treinamento 5sTreinamento 5s
Treinamento 5s
Vinicius Souza
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
Edu Agni
 
Design Universal
Design UniversalDesign Universal
Design Universal
aiadufmg
 

Mais procurados (20)

Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 
Aula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informaçãoAula 02 - Design da Informação - História e princípios do design de informação
Aula 02 - Design da Informação - História e princípios do design de informação
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 
Checklist de hudson couto
Checklist de hudson couto Checklist de hudson couto
Checklist de hudson couto
 
Interação Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoInteração Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - Antecipação
 
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
 
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
 
Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
 
Ihc2016.2 aula 3 introdução ao design de interação
Ihc2016.2 aula 3   introdução ao design de interaçãoIhc2016.2 aula 3   introdução ao design de interação
Ihc2016.2 aula 3 introdução ao design de interação
 
Reunioes e Habitos Eficazes.ppt
Reunioes e Habitos Eficazes.pptReunioes e Habitos Eficazes.ppt
Reunioes e Habitos Eficazes.ppt
 
Clock
ClockClock
Clock
 
Arquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEBArquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEB
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHC
 
Slides 5 s
Slides 5 sSlides 5 s
Slides 5 s
 
Interface Humano Computador
Interface Humano ComputadorInterface Humano Computador
Interface Humano Computador
 
Treinamento 5s
Treinamento 5sTreinamento 5s
Treinamento 5s
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Design Universal
Design UniversalDesign Universal
Design Universal
 

Semelhante a Usabilidade heurística

Usabilidade
UsabilidadeUsabilidade
Usabilidade
Profª Ligia Ghisi
 
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á...
CEULJI/ULBRA Centro Universitário Luterano de Ji-Paraná
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
eudisnet
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
Renato Wajnberg
 
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
Carla De Bona
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes Exploratórios
Alan Carlos
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
Richard Casarin
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
Luiz China
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
Odair Cavichioli
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
Luis Fernando Justus
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
Alan Vasconcelos
 
Usabilidade1
Usabilidade1Usabilidade1
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
guest5ccda
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
Luiz Agner
 
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
JulioCesar371362
 
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
Ros Galabo, PhD
 
Usabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisUsabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveis
leomario
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
Sabine Araujo
 
Regras de Design
Regras de DesignRegras de Design
Regras de Design
Darlisson Jesus
 
Design Universal.
Design Universal.Design Universal.

Semelhante a Usabilidade heurística (20)

Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
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 com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
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 USAR
 
ALM - Testes Exploratórios
ALM - Testes ExploratóriosALM - Testes Exploratórios
ALM - Testes Exploratórios
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
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
 
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
 
Usabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisUsabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveis
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
 
Regras de Design
Regras de DesignRegras de Design
Regras de Design
 
Design Universal.
Design Universal.Design Universal.
Design Universal.
 

Usabilidade heurística

  • 1. U S A B I L I DA D E H E U R Í S T I C A Otávio Augusto
  • 2. AGENDA • Usabilidade • Jakob Nielsen • Usabilidade heurística • Dez heurísticas de Nielsen • Referências
  • 3. USABILIDADE • É a capacidade de um produto ser usado por usuários para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso. ISO (International Standards Organization)
  • 4. JAKOB NIELSEN • Cientista da computação com Ph.D. em interação homem- máquina. • User Advocate. • Criou o movimento "engenharia de usabilidade com desconto" para melhorias rápidas e baratas de interfaces de usuário e inventou vários métodos de usabilidade, incluindo a avaliação heurística. • Detém 79 patentes dos Estados Unidos, principalmente sobre as formas de tornar a Internet mais fácil de usar.
  • 5. USABILIDADE HEURÍSTICA • Através dos resultados das pesquisas de sua empresa(Norman e Nielsen Group), ele foi capaz de criar e implantar certos parâmetros de usabilidade que passam a ser adotados por um grande número de profissionais.
  • 6. DEZ HEURÍSTICAS DE NIELSEN • Dez itens para a avaliação da usabilidade de um site ou sistema, 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.
  • 7. HEURÍSTICAS 1. Visibilidade de Status do Sistema 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. 2. Relacionamento entre a interface do sistema e o mundo real 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.
  • 8. 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. 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. HEURÍSTICAS
  • 9. 5. 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. 6. Prevenção de Erros 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. HEURÍSTICAS
  • 10. HEURÍSTICAS 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. 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.
  • 11. HEURÍSTICAS 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. 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.
  • 12. REFERENCIAS • ISO www.iso.org/iso/home.html • Jakob Nielsen pt.wikipedia.org/wiki/Jakob_Nielsen • Dez Heuristicas www.tidbits.com.br/as-10-heuristicas-de- usabilidade-do-nielsen