usabilidade na web

32
Usabilidade na web Análise Heurística Hoje no #BarCamp 18:00

Upload: guilherme-serrano

Post on 07-Jul-2015

6.103 views

Category:

Design


0 download

DESCRIPTION

Apresentação sobre usabilidade na web (análise heurística) e apresentação de estudo de caso feita no Campus Party 2009 (#cparty), para o BarCamp.

TRANSCRIPT

Page 1: Usabilidade na web

Usabilidade na web

Análise Heurística

Hoje no #BarCamp

18:00

Page 2: Usabilidade na web

Usabilidade

Facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante.

Pode também ser relacionado a eficiência percebida de um objeto.

Page 3: Usabilidade na web

Flickr eviltwin

Page 4: Usabilidade na web

Flickr stuntbox

Page 5: Usabilidade na web

Flickr paulannett

Page 6: Usabilidade na web

Acessibilidade

Não apenas permitir que pessoas com limitações participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes por todas as parcelas presentes em uma determinada população.

Page 7: Usabilidade na web
Page 8: Usabilidade na web
Page 9: Usabilidade na web

Análise Heurística – o que é?

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)

Page 10: Usabilidade na web

1. Feedback

2. Linguagem adequada

3. Liberdade e controle do usuário

4. Coerência

5. Controle de erros

6. Reconhecimento

7. Flexibilidade e eficiência

8. Estética e minimalismo

9. Ajuda e documentação

Análise Heurística – critérios

Page 11: Usabilidade na web

não é SÓ design

Tarefas

O que o seu usuário quer?

O que você quer do seu usuário?

Page 12: Usabilidade na web

1. Definir avaliadores

3. Apresentação da metodologia, critérios e objeto de estudo

5. Aplicação da análise

7. Coleta de dados

9. Organização dos dados

11.Entrega da lista de erros para os avaliadores

13.Avaliação do nível de cada problema

15.Organização dos dados

Análise Heurística – how to

Page 13: Usabilidade na web

Resolvendo problemas

Engenharia da usabilidade

Page 14: Usabilidade na web

Engenharia da usabilidade – design repetitivo

Page 15: Usabilidade na web

Engenharia da usabilidade – design paralelo

Page 16: Usabilidade na web

Estudo de caso

And After

Page 17: Usabilidade na web
Page 18: Usabilidade na web
Page 19: Usabilidade na web

Diversos problemas relacionados a variados critérios heurísticos

Diferentes problemas encontrados por cada avaliador

Problemas com necessidade de solução urgente para que o website atinja os objetivos

Não está claro para o usuário que ele pode colaborar enviando conteúdo

Quando esta possibilidade de colaborar é percebida existe uma série de problemas de usabilidade para realizar qualquer tipo de envio de conteúdo

Análise Heurística – resultados

Page 20: Usabilidade na web
Page 21: Usabilidade na web

Análise Heurística – resultados

Page 22: Usabilidade na web

Análise Heurística – alteração proposta

Tarefas para um usuário não cadastrado no website publicar um artigo Tarefas para um usuário já cadastrado publicar um artigo

Page 23: Usabilidade na web

Análise Heurística – alteração proposta

O sistema sugerido possibilita uma nova forma de executar a tarefa, tornando mais fácil que o usuário se adapte a ela.

Sugestão de alteração no sistema de publicação de artigo

Page 24: Usabilidade na web

Engenharia da usabilidade – design repetitivo

Page 25: Usabilidade na web

Engenharia da usabilidade – design repetitivo

Page 26: Usabilidade na web

Engenharia da usabilidade – design repetitivo

Page 27: Usabilidade na web

Engenharia da usabilidade – alterações propostas

Page 28: Usabilidade na web

Novo layout

Page 29: Usabilidade na web

Novo layout

Page 30: Usabilidade na web

Elementos de ajuda na interface

Page 31: Usabilidade na web

Liberdade e controle do usuário

Page 32: Usabilidade na web

Referências

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.