SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
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

Ferramenta de apoio a gerência de configuração de software
Ferramenta de apoio a gerência de configuração de softwareFerramenta de apoio a gerência de configuração de software
Ferramenta de apoio a gerência de configuração de software
elliando dias
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
Elizeu Nascimento Silva
 
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
Erico Fileno
 

Mais procurados (20)

Arquitetura em camadas em python e quanto isso pode ajudar
Arquitetura em camadas em python e quanto isso pode ajudarArquitetura em camadas em python e quanto isso pode ajudar
Arquitetura em camadas em python e quanto isso pode ajudar
 
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoWorkshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade IHC
 
Metodologia para Projeto de Design
Metodologia para Projeto de DesignMetodologia para Projeto de Design
Metodologia para Projeto de Design
 
Avaliação Heurística
Avaliação HeurísticaAvaliação Heurística
Avaliação Heurística
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Design Estratégico - Inovação em Projetos, Processos e Negócios
Design Estratégico - Inovação em Projetos, Processos e NegóciosDesign Estratégico - Inovação em Projetos, Processos e Negócios
Design Estratégico - Inovação em Projetos, Processos e Negócios
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Ferramenta de apoio a gerência de configuração de software
Ferramenta de apoio a gerência de configuração de softwareFerramenta de apoio a gerência de configuração de software
Ferramenta de apoio a gerência de configuração de software
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
 
METODOLOGIA DE DESIGN
METODOLOGIA DE DESIGNMETODOLOGIA DE DESIGN
METODOLOGIA DE DESIGN
 
Modelos de processos de software
Modelos de processos de softwareModelos de processos de software
Modelos de processos de software
 
Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e Exercícios
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
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
 
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
 

Semelhante a Usabilidade heurística

MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
Alan Vasconcelos
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
guest5ccda
 
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
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
Sabine Araujo
 

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
 
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
 
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
 

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