Análise Heurística

Ao contrário do que informo no meu perfil aqui no And After, meu Trabalho de Conclusão de Curso (TCC) não é mais sobre publicidade onlide. Foquei meus estudo em usabilidade e afunilando ainda mais, grande parte dele se trata da aplicação de uma Análise Heurística no And After, o site que optei por trabalhar por alguns motivos óbvios: poderei aplicar as melhorias, é uma das minhas fontes de rendimento e melhorando a usabilidade ele estará mais próximo de atingir os objetivos.

No meu trabalho a análise será realizada por três avaliadores (sim, sou um deles) e para isso foi necessário apresentar aos avaliadores algumas especificações. Esta apresentação trata os seguintes assuntos:

• O que é análise heurística

• Como aplicar uma análise heurística (metodologia)

• Princípios Heurísticos (critérios)

• Apresentação do objeto de estudo (And After)

 

 

Os slides estão transcritos abaixo:

Slide 1: Usabilidade em websites: Análise Heurística Guilherme B. Serrano

Slide 2: O que é Análise Heurística?

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.

Slide 3: Metodologia de aplicação

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.

Slide 4: 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.

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

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

Slide 7: Nível dos erros (NIELSEN, 2003a)

Slide 8: Critérios Heurísticos

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

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

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

Slide 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

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

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

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

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

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

Slide 18: Objeto de estudo And After < https://andafter.org >

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

Slide 20: And After

Para funcionar como uma comunidade e existir a troca de informação entre os participantes é permitido que qualquer usuário do website envie conteúdo dentro dos temas abordados pelo site. Este conteúdo é dividido em 10 categorias:

● Carreira
● Design de produto
● Design digital
● Design gráfico
● Games
● Hardware
● Internet
● Programação
● Softwares
● Variedades

Slide 21: And After

Além do envio de conteúdo os usuários participam da avaliação do conteúdo que é enviado. Este procedimento de avaliação não centraliza o poder de moderação do website e torna o “censo comum” decisivo sobre quais conteúdos devem ser aprovados no website. Como gestor do website analisado, o autor deste estudo percebeu que apesar da crescente visitação do website o nível de colaboração dos usuários continuou baixo e não acompanhou este crescimento. Em conversa informal através de MSN e Twitter alguns usuários questionados pelo autor sobre os motivos que os impediam de publicar conteúdo relataram que: ● O processo para publicar era muito complicado; ● Não sabiam da possibilidade de colaborar com o website.

Slide 22: Critérios selecionados para avaliação

Slide 23: Critérios selecionados para avaliação

Critérios primários:

● Linguagem Adequada
● Estética e minimalismo
● Coerência
● Controle de erros
● Ajuda e documentação

Critérios secundários:

● Feedback
● Reconhecimento
● Flexibilidade e eficiência
● Liberdade e controle do usuário

Slide 24: Obrigado!

www.guilhermeserrano.com.br andafter.org

Slide 25: Referências Bibliográficas

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.

 

Espero que os slides ajudem na aplicação e entendimento da análise, foi feito especialmente para o meu TCC e como material de complemento, portanto o assunto não é estudado amplamente.

Para quem quer mais informações sobre análise heurística recomendo o livro egineering usability do Nielsen, que me ajudou muito nas pesquisas.