SlideShare une entreprise Scribd logo
1  sur  25
Usabilidade em websites Análise Heurística Guilherme B. Serrano
A análise heurística é um método rápido e barato para analisar a usabilidade de um website. (NIELSEN, 2005a; 2005b) Recomenda-se que a análise seja realizada por especialistas em usabilidade, porém nada impede que usuários estudem os critérios de avaliação e realizem a análise. (NIELSEN, 2005a; 2005b) Nielsen (2005a) diz que o melhor custo benefício para a aplicação desta análise é utilizando entre 3 e 5 avaliadores. O que é Análise Heurística?
Os princípios heurísticos são os critérios de usabilidade, que devem ser apresentados para cada avaliador a fim de padronizar os resultados e facilitar a avaliação. (NIELSEN, 2005a; BASTIEN; SCAPIN, 1993) O avaliador deve também ter conhecimento sobre o website e seus usuários, podendo assim avaliar como a interface atinge ou tenta atingir as expectativas dos usuários. A avaliação pode ser acompanhada ou não por um observador, que poderá retirar dúvidas dos avaliadores, explicar sobre o funcionamento do sistema e sugerir a realização de algumas tarefas. Metodologia de aplicação
Cada avaliador deverá realizar a análise sem contato com os outros avaliadores, evitando que um avaliador influencie a análise do outro. Os relatos do avaliador podem ser feitos através da gravação de áudio, enquanto ele narra suas ações e problemas encontrados ou através de relato escrito dos problemas encontrados. Se existir um observador a transcrição dos relatos pode ser feita pelo observador em tempo real, sem necessidade de gravar o áudio. Metodologia de aplicação
Metodologia de aplicação Em um primeiro momento o avaliador deverá navegar livremente pelo website (browsing) e relatar os erros que encontra. Sempre que possível o avaliador deve relacionar os erros encontrados com os critérios heurísticos que lhe foram apresentados anteriormente. Pode ser solicitado que o avaliador realize alguma tarefas específicas na interface, executando ações julgadas importantes para o website ou sistema analisado.
Resultados O resultado desta primeira etapa da análise será uma lista com todos os problemas de usabilidade encontrados pelos avaliadores. Este resultado deve ser organizado na forma de uma tabela.  Esta tabela contendo os erros encontrados por todos os avaliadores será entregue para cada avaliador para que quantifique o nível do problema.
Nível dos erros (NIELSEN, 2003a)
Critérios Heurísticos
Feedback O sistema deve sempre informar ao usuário o que está acontecendo, deixando sempre visível o status do sistema  a fim de evitar que o usuário fique se sinta perdido.  Deve-se evitar qualquer espera do usuário. Nielsen (2000) diz que o tempo máximo para o usuário sentir que a interface responde de forma imediata é de 10 segundos e o ideal é 1 segundo apenas. Quando a espera for necessária o usuário deve ser informado sobre o andamento do processo. Isso pode ser feito através de mensagem ou uma animação informando que a tarefa está sendo processada. É preferível que seja informado o andamento da tarefa e se possível o tempo esperado para finalizar o processo em execução, isso evita que o usuário tenha a impressão de que aconteceu algum erro no processo.
Liguagem adequada O sistema deve utilizar uma linguagem familiar ao usuário e não focada em linguagem técnica de difícil compreensão pra os usuários. Para o cumprimento desta recomendação o conhecimento do nivel cultural do usuário é fundamental.
Liberdade e controle do usuário O sistema só deve executar tarefas que o usuário solicitar e quando o usuário solicitar.  O usuário deve ter controles sobre o processamento do sistema com a possibilidade de interromper, cancelar ou continuar as tarefas que estão sendo realizadas. Estas ações devem ser antecipadas e as opções possíveis no momento devem ser oferecidas ao usuário. Para Nielsen (2005c) o usuário precisa ter conhecimento de uma “saída de emergência” para quando toma ações erradas por engano, ele precisa ter liberdade para desfazer, corrigir ou refazer ações.
Coerência As denominações, formatos, situações e procedimentos devem sempre que possível manter uma similaridade e seguir padrões definidos para o sistema. O usuário não deve aprender termos e ações diferentes para se referir a uma mesma definição ou objetivo. (NIELSEN 2005c; Bastien e Scapin, 1993) Segundo Bastien e Scapin (1993) os elementos de uma interface são melhores reconhecidos, localizados e utilizados quando sua localização, formato e estética são iguais ou similares em diversas telas de um sistema
Controle de erros Deve ser feito o máximo para evitar ou reduzir o número de erros ocorridos no uso de uma interface e quando eles ocorrerem deve a recuperação do sistema deve ser facilitada.  (BASTIEN; SCAPIN, 1993) Se o usuário não pode ou não deve realizar uma ação deve ser feito o maior esforço possível para que ele não consiga sua realização.  A qualidade da mensagem de erro influencia o aprendizado do usuário portanto a mensagem deve ser esclarecedora, utilizar a linguagem do usuário, explicitar onde está o problema e como o usuário deve proceder para a recuperação do erro.
Reconhecimento O usuário não deve precisar se esforçar ao relembrar de informações para utilizar uma interface.  As opções e informações necessárias para o uso devem estar visíveis de uma tela para outra na interface, ou devem ser facilmente acessadas quando necessário. Bastien e Scapin (1993) denominam um critério chamado “significado dos códigos e denominações” onde se recomenda que as denominações ou ícones utilizados devem ter uma forte relação semântica com sua função.  A terminologia utilizada deve condizer com a do usuário e representar a real ação causada quando aquele elemento for acionado pelo usuário.
Flexibilidade e eficiência O sistema deve levar em consideração a experiência do usuário e permitir que a interface se adapte ao nível do usuário.  Nielsen (2005c) diz que deve ser possível o uso de atalhos que permitem que usuários avançados aumentem sua efetividade utilizando a interface.  Bastien e Scapin (1993) argumentam que dificilmente uma interface irá atender ao mesmo tempo todos os usuários em potencial e devido a isto a interface deve se adaptar ao usuário.  Se recomenda a possibilidade de diversos procedimentos para a realização de uma tarefa. Quanto maiores as possibilidades para a realização de uma tarefa maior a chance do usuário encontrar uma forma que se adapte ao seu método de uso.
Estética e minimalismo Nielsen (2003a) ressalta a importância da estética na percepção e conforto do usuário ao utilizar a interface. Recomenda-se a aplicação das leis da gestalt para a percepção humana, facilitando o entendimento da relação entre os elementos de diálogo da interface. Nielsen (2003a) diz que deve ser possível a utilização da interface sem diferenciação de cores portanto as cores devem servir apenas como complemento de identificação dos elementos e não como forma principal para alguma informação. Através de uma análise da tarefa é possível identificar os elementos realmente necessários na interface para que o objetivo seja atingido. Nielsen (2005c) recomenda que estas informações fiquem disponíveis em uma única tela e seja exibido apenas o necessário para a realização da tarefa, evitando que o usuário se disperse com elementos que não ajudarão na realização do objetivo.
Ajuda e documentação O ideal é que o sistema possa ser utilizado sem nenhum auxílio documentação ou sistema de ajuda. A documentação pode ser utilizada para melhorar a eficiência de um usuário porém não deve ser necessária para a utilização da interface, pelo menos em suas funções principais (NIELSEN, 2003a, p. 148). Nielsen (2003a, p.149) diz que se o usuário procura ajuda em documentações é porque ele está com sérias dificuldades e almeja ajuda imediata. Sabendo disso recomenda-se que a documentação seja orientada à realização de tarefas e que o conteúdo seja facilmente localizado. A documentação pode fazer parte da interface, contextualizada com a tarefa a ser realizada e exibida em uma interface gráfica através de um quadro, ou balão de ajuda.  (FARKAS, 1993 apud NIELSEN, 2003a p.150. SELLEN; NICOL, 1990 apud NIELSEN, 2003a, p.150)
Objeto de estudo And After <  http://www.andafter.org  >
And After O And After é um projeto pessoal do autor deste trabalho de conclusão de curso, lançado em Junho de 2007.  O website tem o objetivo propiciar um ambiente digital de interação entre pessoas que compartilham um gosto comum por informações sobre design gráfico, design de produto ou tecnologia.  Esta proposta de criar uma comunidade colaborativa teve início devido ao acompanhamento do autor nas pesquisas sobre “Web 2.0” da monografia chamada  Webdois  para a formação de Bianca Brancaleone como Tecnóloga em Design Multimídia. Este ambiente digital é uma forma de compartilhamento de conhecimentos, lembrando que este era o ideal de Tim Berners-Lee ao criar a World Wide Web.
And After ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
And After ,[object Object],[object Object],[object Object],[object Object],[object Object]
Critérios selecionados para avaliação
Critérios selecionados para avaliação ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Obrigado! www.guilhermeserrano.com.br www.andafter.org
BASTIEN, J. M. Christian; SCAPIN, Dominique L. Ergonomic criteria for the evaluation of human-computer interfaces.  INRIA, 1993. MCINTIRE, Penny. Visual Design for the Modern Web. New Riders, 2008.   NIELSEN, Jakob. Projetando Websites. Campus, 2000.   NIELSEN, Jakob. Usability Engineering. Academyc Press, 2003a.   NIELSEN, Jakob.  2003b. Use it. Disponível em <  http://www.useit.com/alertbox/20030825.html  >, Acesso em 12 set. 2008.   NIELSEN, Jakob. Heuristic Evaluation, 2005a.  Disponível em <  http://www.useit.com/papers/heuristic/  >.  Acesso em  Set. 2008.   NIELSEN, Jakob. How to conduct a Heuristic Evaluation.  2005b. Disponível em <  http://www.useit.com/papers/heuristic/heuristic_evaluation.html  >.  Acesso em Set. 2008.   NIELSEN, Jakob. Heuristics for User Interface Design.  2005c. Disponível em <  http://www.useit.com/papers/heuristic/heuristic_list.html  >.  Acesso em 12 Out. 2008.   NIELSEN, Jakob e Loranger, Hoa. Prioritizing Web Usability, New Riders, 2006. Referências Bibliográficas

Contenu connexe

Tendances

Transformação Digital: Criando uma empresa financeiramente estratégica para o...
Transformação Digital: Criando uma empresa financeiramente estratégica para o...Transformação Digital: Criando uma empresa financeiramente estratégica para o...
Transformação Digital: Criando uma empresa financeiramente estratégica para o...Pablo Silva
 
Wireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisWireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisTersis Zonato
 
Mapeamento de jornadas no design de experiências
Mapeamento de jornadas no design de experiênciasMapeamento de jornadas no design de experiências
Mapeamento de jornadas no design de experiênciasUTFPR
 
Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...
Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...
Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...EloGroup
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasAlan Vasconcelos
 
Tecnicas Para Planejamento E Execucao De Testes De Software
Tecnicas Para Planejamento E Execucao De Testes De SoftwareTecnicas Para Planejamento E Execucao De Testes De Software
Tecnicas Para Planejamento E Execucao De Testes De Softwaremarthahuback
 
SOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a ServiçosSOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a Serviçosalinebicudo
 
SOA - Uma Breve Introdução
SOA - Uma Breve IntroduçãoSOA - Uma Breve Introdução
SOA - Uma Breve IntroduçãoAndré Borgonovo
 
Framework de Inovação (e Roadmap) para Gestão Estratégica da Inovação
Framework de Inovação (e Roadmap)  para Gestão Estratégica da Inovação Framework de Inovação (e Roadmap)  para Gestão Estratégica da Inovação
Framework de Inovação (e Roadmap) para Gestão Estratégica da Inovação PROF YOGUI, R
 
Análise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob NielsenAnálise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob NielsenWagner Souza Silva
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de NielsenHuxley Dias
 
Stored Procedures and Triggers
Stored Procedures and TriggersStored Procedures and Triggers
Stored Procedures and Triggersflaviognm
 

Tendances (20)

Transformação Digital: Criando uma empresa financeiramente estratégica para o...
Transformação Digital: Criando uma empresa financeiramente estratégica para o...Transformação Digital: Criando uma empresa financeiramente estratégica para o...
Transformação Digital: Criando uma empresa financeiramente estratégica para o...
 
Wireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisWireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveis
 
Documentação de Processos de Negócio
Documentação de Processos de NegócioDocumentação de Processos de Negócio
Documentação de Processos de Negócio
 
Mapeamento de jornadas no design de experiências
Mapeamento de jornadas no design de experiênciasMapeamento de jornadas no design de experiências
Mapeamento de jornadas no design de experiências
 
Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...
Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...
Modelos de Excelência Operacional: Boas práticas para implantação de uma cult...
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicas
 
Tecnicas Para Planejamento E Execucao De Testes De Software
Tecnicas Para Planejamento E Execucao De Testes De SoftwareTecnicas Para Planejamento E Execucao De Testes De Software
Tecnicas Para Planejamento E Execucao De Testes De Software
 
Canvas
CanvasCanvas
Canvas
 
Brainstormin
BrainstorminBrainstormin
Brainstormin
 
Pitch de vendas
Pitch de vendasPitch de vendas
Pitch de vendas
 
SOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a ServiçosSOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a Serviços
 
SOA - Uma Breve Introdução
SOA - Uma Breve IntroduçãoSOA - Uma Breve Introdução
SOA - Uma Breve Introdução
 
Framework de Inovação (e Roadmap) para Gestão Estratégica da Inovação
Framework de Inovação (e Roadmap)  para Gestão Estratégica da Inovação Framework de Inovação (e Roadmap)  para Gestão Estratégica da Inovação
Framework de Inovação (e Roadmap) para Gestão Estratégica da Inovação
 
Avaliação Heurística
Avaliação HeurísticaAvaliação Heurística
Avaliação Heurística
 
Análise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob NielsenAnálise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob Nielsen
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de Nielsen
 
Apresentação em Gestão de Stakeholders
Apresentação em Gestão de StakeholdersApresentação em Gestão de Stakeholders
Apresentação em Gestão de Stakeholders
 
Stored Procedures and Triggers
Stored Procedures and TriggersStored Procedures and Triggers
Stored Procedures and Triggers
 
Canvas - aula 01
Canvas - aula 01Canvas - aula 01
Canvas - aula 01
 

Similaire à Análise Heuristica

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
 
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
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaSabine Araujo
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Avalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebAvalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebBruno Dadalt Zambiazi
 
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...Luiz Agner
 
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...Monique Tavares
 
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
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHCGeorgiaCruz7
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEAndrea Dalforno
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaFabiano Damiati
 
Requisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software EducacionalRequisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software EducacionalNathalia Sautchuk Patricio
 

Similaire à Análise Heuristica (20)

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
 
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
 
Mundo Oi - Analise Heurística
Mundo Oi - Analise HeurísticaMundo Oi - Analise Heurística
Mundo Oi - Analise Heurística
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Avalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebAvalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e Web
 
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á...
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 
Heuristicas De Nielsen
Heuristicas De NielsenHeuristicas De Nielsen
Heuristicas De Nielsen
 
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
 
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
 
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
 
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
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHC
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
 
USABILIDADE
USABILIDADEUSABILIDADE
USABILIDADE
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao Heuristica
 
Requisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software EducacionalRequisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software Educacional
 
Usabilidade - Metas, Principios e Heuristicas
Usabilidade -  Metas, Principios e HeuristicasUsabilidade -  Metas, Principios e Heuristicas
Usabilidade - Metas, Principios e Heuristicas
 

Plus de Guilherme Serrano

ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?Guilherme Serrano
 
Empreendedorismo sem maquiagem
Empreendedorismo sem maquiagemEmpreendedorismo sem maquiagem
Empreendedorismo sem maquiagemGuilherme Serrano
 
Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)Guilherme Serrano
 

Plus de Guilherme Serrano (6)

ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?ROI no front end - vamos pensar em lucro?
ROI no front end - vamos pensar em lucro?
 
Performance em javascript
Performance em javascriptPerformance em javascript
Performance em javascript
 
Empreendedorismo sem maquiagem
Empreendedorismo sem maquiagemEmpreendedorismo sem maquiagem
Empreendedorismo sem maquiagem
 
Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)
 
Responsive design
Responsive designResponsive design
Responsive design
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
 

Dernier

Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 

Dernier (9)

Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 

Análise Heuristica

  • 1. Usabilidade em websites Análise Heurística Guilherme B. Serrano
  • 2. A análise heurística é um método rápido e barato para analisar a usabilidade de um website. (NIELSEN, 2005a; 2005b) Recomenda-se que a análise seja realizada por especialistas em usabilidade, porém nada impede que usuários estudem os critérios de avaliação e realizem a análise. (NIELSEN, 2005a; 2005b) Nielsen (2005a) diz que o melhor custo benefício para a aplicação desta análise é utilizando entre 3 e 5 avaliadores. O que é Análise Heurística?
  • 3. Os princípios heurísticos são os critérios de usabilidade, que devem ser apresentados para cada avaliador a fim de padronizar os resultados e facilitar a avaliação. (NIELSEN, 2005a; BASTIEN; SCAPIN, 1993) O avaliador deve também ter conhecimento sobre o website e seus usuários, podendo assim avaliar como a interface atinge ou tenta atingir as expectativas dos usuários. A avaliação pode ser acompanhada ou não por um observador, que poderá retirar dúvidas dos avaliadores, explicar sobre o funcionamento do sistema e sugerir a realização de algumas tarefas. Metodologia de aplicação
  • 4. Cada avaliador deverá realizar a análise sem contato com os outros avaliadores, evitando que um avaliador influencie a análise do outro. Os relatos do avaliador podem ser feitos através da gravação de áudio, enquanto ele narra suas ações e problemas encontrados ou através de relato escrito dos problemas encontrados. Se existir um observador a transcrição dos relatos pode ser feita pelo observador em tempo real, sem necessidade de gravar o áudio. Metodologia de aplicação
  • 5. Metodologia de aplicação Em um primeiro momento o avaliador deverá navegar livremente pelo website (browsing) e relatar os erros que encontra. Sempre que possível o avaliador deve relacionar os erros encontrados com os critérios heurísticos que lhe foram apresentados anteriormente. Pode ser solicitado que o avaliador realize alguma tarefas específicas na interface, executando ações julgadas importantes para o website ou sistema analisado.
  • 6. Resultados O resultado desta primeira etapa da análise será uma lista com todos os problemas de usabilidade encontrados pelos avaliadores. Este resultado deve ser organizado na forma de uma tabela. Esta tabela contendo os erros encontrados por todos os avaliadores será entregue para cada avaliador para que quantifique o nível do problema.
  • 7. Nível dos erros (NIELSEN, 2003a)
  • 9. Feedback O sistema deve sempre informar ao usuário o que está acontecendo, deixando sempre visível o status do sistema a fim de evitar que o usuário fique se sinta perdido. Deve-se evitar qualquer espera do usuário. Nielsen (2000) diz que o tempo máximo para o usuário sentir que a interface responde de forma imediata é de 10 segundos e o ideal é 1 segundo apenas. Quando a espera for necessária o usuário deve ser informado sobre o andamento do processo. Isso pode ser feito através de mensagem ou uma animação informando que a tarefa está sendo processada. É preferível que seja informado o andamento da tarefa e se possível o tempo esperado para finalizar o processo em execução, isso evita que o usuário tenha a impressão de que aconteceu algum erro no processo.
  • 10. Liguagem adequada O sistema deve utilizar uma linguagem familiar ao usuário e não focada em linguagem técnica de difícil compreensão pra os usuários. Para o cumprimento desta recomendação o conhecimento do nivel cultural do usuário é fundamental.
  • 11. Liberdade e controle do usuário O sistema só deve executar tarefas que o usuário solicitar e quando o usuário solicitar. O usuário deve ter controles sobre o processamento do sistema com a possibilidade de interromper, cancelar ou continuar as tarefas que estão sendo realizadas. Estas ações devem ser antecipadas e as opções possíveis no momento devem ser oferecidas ao usuário. Para Nielsen (2005c) o usuário precisa ter conhecimento de uma “saída de emergência” para quando toma ações erradas por engano, ele precisa ter liberdade para desfazer, corrigir ou refazer ações.
  • 12. Coerência As denominações, formatos, situações e procedimentos devem sempre que possível manter uma similaridade e seguir padrões definidos para o sistema. O usuário não deve aprender termos e ações diferentes para se referir a uma mesma definição ou objetivo. (NIELSEN 2005c; Bastien e Scapin, 1993) Segundo Bastien e Scapin (1993) os elementos de uma interface são melhores reconhecidos, localizados e utilizados quando sua localização, formato e estética são iguais ou similares em diversas telas de um sistema
  • 13. Controle de erros Deve ser feito o máximo para evitar ou reduzir o número de erros ocorridos no uso de uma interface e quando eles ocorrerem deve a recuperação do sistema deve ser facilitada. (BASTIEN; SCAPIN, 1993) Se o usuário não pode ou não deve realizar uma ação deve ser feito o maior esforço possível para que ele não consiga sua realização. A qualidade da mensagem de erro influencia o aprendizado do usuário portanto a mensagem deve ser esclarecedora, utilizar a linguagem do usuário, explicitar onde está o problema e como o usuário deve proceder para a recuperação do erro.
  • 14. Reconhecimento O usuário não deve precisar se esforçar ao relembrar de informações para utilizar uma interface. As opções e informações necessárias para o uso devem estar visíveis de uma tela para outra na interface, ou devem ser facilmente acessadas quando necessário. Bastien e Scapin (1993) denominam um critério chamado “significado dos códigos e denominações” onde se recomenda que as denominações ou ícones utilizados devem ter uma forte relação semântica com sua função. A terminologia utilizada deve condizer com a do usuário e representar a real ação causada quando aquele elemento for acionado pelo usuário.
  • 15. Flexibilidade e eficiência O sistema deve levar em consideração a experiência do usuário e permitir que a interface se adapte ao nível do usuário. Nielsen (2005c) diz que deve ser possível o uso de atalhos que permitem que usuários avançados aumentem sua efetividade utilizando a interface. Bastien e Scapin (1993) argumentam que dificilmente uma interface irá atender ao mesmo tempo todos os usuários em potencial e devido a isto a interface deve se adaptar ao usuário. Se recomenda a possibilidade de diversos procedimentos para a realização de uma tarefa. Quanto maiores as possibilidades para a realização de uma tarefa maior a chance do usuário encontrar uma forma que se adapte ao seu método de uso.
  • 16. Estética e minimalismo Nielsen (2003a) ressalta a importância da estética na percepção e conforto do usuário ao utilizar a interface. Recomenda-se a aplicação das leis da gestalt para a percepção humana, facilitando o entendimento da relação entre os elementos de diálogo da interface. Nielsen (2003a) diz que deve ser possível a utilização da interface sem diferenciação de cores portanto as cores devem servir apenas como complemento de identificação dos elementos e não como forma principal para alguma informação. Através de uma análise da tarefa é possível identificar os elementos realmente necessários na interface para que o objetivo seja atingido. Nielsen (2005c) recomenda que estas informações fiquem disponíveis em uma única tela e seja exibido apenas o necessário para a realização da tarefa, evitando que o usuário se disperse com elementos que não ajudarão na realização do objetivo.
  • 17. Ajuda e documentação O ideal é que o sistema possa ser utilizado sem nenhum auxílio documentação ou sistema de ajuda. A documentação pode ser utilizada para melhorar a eficiência de um usuário porém não deve ser necessária para a utilização da interface, pelo menos em suas funções principais (NIELSEN, 2003a, p. 148). Nielsen (2003a, p.149) diz que se o usuário procura ajuda em documentações é porque ele está com sérias dificuldades e almeja ajuda imediata. Sabendo disso recomenda-se que a documentação seja orientada à realização de tarefas e que o conteúdo seja facilmente localizado. A documentação pode fazer parte da interface, contextualizada com a tarefa a ser realizada e exibida em uma interface gráfica através de um quadro, ou balão de ajuda. (FARKAS, 1993 apud NIELSEN, 2003a p.150. SELLEN; NICOL, 1990 apud NIELSEN, 2003a, p.150)
  • 18. Objeto de estudo And After < http://www.andafter.org >
  • 19. And After O And After é um projeto pessoal do autor deste trabalho de conclusão de curso, lançado em Junho de 2007. O website tem o objetivo propiciar um ambiente digital de interação entre pessoas que compartilham um gosto comum por informações sobre design gráfico, design de produto ou tecnologia. Esta proposta de criar uma comunidade colaborativa teve início devido ao acompanhamento do autor nas pesquisas sobre “Web 2.0” da monografia chamada Webdois para a formação de Bianca Brancaleone como Tecnóloga em Design Multimídia. Este ambiente digital é uma forma de compartilhamento de conhecimentos, lembrando que este era o ideal de Tim Berners-Lee ao criar a World Wide Web.
  • 20.
  • 21.
  • 23.
  • 25. BASTIEN, J. M. Christian; SCAPIN, Dominique L. Ergonomic criteria for the evaluation of human-computer interfaces. INRIA, 1993. MCINTIRE, Penny. Visual Design for the Modern Web. New Riders, 2008.   NIELSEN, Jakob. Projetando Websites. Campus, 2000.   NIELSEN, Jakob. Usability Engineering. Academyc Press, 2003a.   NIELSEN, Jakob. 2003b. Use it. Disponível em < http://www.useit.com/alertbox/20030825.html >, Acesso em 12 set. 2008.   NIELSEN, Jakob. Heuristic Evaluation, 2005a. Disponível em < http://www.useit.com/papers/heuristic/ >. Acesso em Set. 2008.   NIELSEN, Jakob. How to conduct a Heuristic Evaluation. 2005b. Disponível em < http://www.useit.com/papers/heuristic/heuristic_evaluation.html >. Acesso em Set. 2008.   NIELSEN, Jakob. Heuristics for User Interface Design. 2005c. Disponível em < http://www.useit.com/papers/heuristic/heuristic_list.html >. Acesso em 12 Out. 2008.   NIELSEN, Jakob e Loranger, Hoa. Prioritizing Web Usability, New Riders, 2006. Referências Bibliográficas