Bruno Sérgio Coelho de Oliveira Introdução a Usabilidade.

Apresentação em tema: "Bruno Sérgio Coelho de Oliveira Introdução a Usabilidade."— Transcrição da apresentação:

1 Bruno Sérgio Coelho de Oliveira Introdução a Usabilidade

2 1 O que é usabilidade?

3 “Refere-se à extensão sob a qual um produto pode ser usado por utilizadores específicos de forma a atingir os objetivos especificados com efetividade, eficiência e satisfação.” ISO 9241

4 1 O que é usabilidade? “Refere-se à extensão sob a qual um produto pode ser usado por utilizadores específicos de forma a atingir os objetivos especificados com efetividade, eficiência e satisfação.” ISO 9241

5 1 O que é usabilidade? “Usabilidade é uma medida de qualidade atribuída a um produto de acordo com a facilidade na execução das tarefas para as quais este produto se presta”

6 2 Para que usabilidade?

7 Para simplificar a execução de uma tarefa, diminuindo o esforço necessário ou o número de passos para a sua execução. Para que o usuário concentre-se em executar a tarefa e não em como usar a interface. Para acelerar a curva de aprendizado do usuário.

8 2 Para que usabilidade?

9

10 3 A experiência web

11

12

13

14

15

16

17

18

19

20 2 Para que usabilidade? Uma interface é o dispositivo que serve como limite entre diferentes entidades comunicantes (emissor-receptor) Podemos entendê-la também como uma fachada, ou seja, é a face que o produto apresenta ao mundo. “Comunicação não é o que você fala, mas sim o que o outro entende.”

21 4 Métodos de pesquisa

22 Os Métodos empíricos - JORDAN (1998) São métodos que envolve a utilização de participantes. Nada pode é capaz de substituir a observação de indivíduos. Muitos problemas não são resolvidos com a simples aplicação dos princípios ergonômicos, pois muitos problemas são ainda desconhecidos.

23 4 Métodos de pesquisa Os Métodos não-empíricos - JORDAN (1998) São métodos que não envolve a utilização de participantes. Um ou mais pesquisadores especializados fornecem sua opinião sobre a interface. Pode ser usada em projetos de carater confidencial ou quando há dificuldades para encontrar usuários com características apropriadas para uso de um determinado produto.

24 Métodos para a fase de Pesquisa 5

25 5.1 Card Sorting

26 O que é? Técnica de pesquisa que permite entender como o usuário agrupa informações de acordo com seu modelo mental. Para que serve? Organizar a informação do site por categorias para definir a arquitetura da informação e também Identificar itens que são difíceis de classificar.

27 5.1 Card Sorting

28

29 5.2 Free Listing

30 O que é? Técnica na qual partindo-se de um tema ou uma pergunta, solicita-se ao usuário que fale com liberdade sobre toda informação que vem a mente sobre determinado assunto. Para que serve? Para conceituar o produto e suas funcionalidades. Pode servir também como uma coleta de idéias para um pesquisa mais aprofundada (survey)

31 5.3 Questionários (Surveys)

32 O que é? É um método baseado em questionários para uma determinada amostragem da população. Pode ser feito com ferramentas de pesquisa online. Para que serve? Além de conceituar o produto, serve para conhecer as necessidades e opiniões sobre um determinado público e obter idéias para o novo produto.

33 5.3 Questionários (Surveys)

34

35 5.4 Observação

36 O que é? Descobrir as necessidades de um grupo de pessoas através do olhar crítico. É importante que seja de forma não invasiva. Para que serve? Além de conceituar o produto e para conhecer as necessidades de um determinado público, serve também para diferenciar o que se diz do que se faz.

37 5.5 Análise das práticas de usabilidade

38 5.5 Análise das práticas de usabilidade O que é? Pesquisa com relação as melhores práticas da indústria a qual se destina o site, inclusive sites do mesmo segmento (concorrência). Para que serve? Identificar os padrões de usabilidade bem sucedidos e que o usuário já está acostumado e que podem ser absorvidos pelo novo produto.

39 5.5 Análise das práticas de usabilidade

40

41 5.6 Protótipo de baixa fidelidade

42 5.6 Protótipo de baixa fidelidade O que é? Através de rascunhos e de interfaces simplificadas, o designer pode verificar de forma rápida o que funciona ou não com possíveis usuários do produto. Para que serve? Experimentar novas idéias e funcionalidades sem perda de tempo e com baixos custos.

43 5.6 Protótipo de baixa fidelidade

44 Métodos para a fase de Desenvolvimento 6

45 6.1 Protótipo de alta fidelidade

46 5.6 Protótipo de alta fidelidade O que é? Desenvolvimento do site com navegação e interface simulando situações reais de uso, contendo somente as funcionalidades para os testes de uso necessários. Para que serve? Apresentar o projeto de forma a mostrar o design em estado avançado e as principais funcionalidades do projeto. Serve também para testes de usabilidade.

47 5.6 Protótipo de alta fidelidade

48 6.2 Teste de usabilidade

49 O que é? Experimentos programados com tarefas para uso diferentes tipos de usuário. Para que serve? Para testar as funcionalidades do produto, verificando se ele atende aos requesitos de usabilidade e indentificar possíveis problemas para melhoria em uma análise de tarefas.

50 6.2 Teste de usabilidade

51

52 4 Tipos de Métodos Número de usuários e identificação de problemas Jakob Nielsen Número de usuários de um teste Problemas encontrados

53 4 Tipos de Métodos Apresentação dos resultados: Conclusões

54 4 Tipos de Métodos Apresentação dos resultados: Recomendações

55 4 Tipos de Métodos 142 participantes 68% com menos de 20 anos Mais de 4 anos de uso de web Botão VoltarLinks internos Busca Apresentação dos resultados: Gráficos Em que área da interface você espera encontrar os seguintes elementos?

56 6.3 Avaliação de desempenho

57 O que é? Experimentos programados com tarefas para uso dos diferentes tipos de usuário como, por exemplo, aqueles com pouca experiência e os avançados (light e heavy users). Para que serve? Para testar as funcionalidades do produto, verificando se ele atende aos requesitos de usabilidade e indentificar possíveis problemas para melhoria em uma análise de tarefas. 6.3 Avaliação de desempenho

58 Exemplo de itens a serem avaliados: Peso da página (físico) e carregamento em vários tipos de conexão Tecnologia e compatibilidade com browsers Visão 800x600 Comunicação, design e tecnologia

59 Métodos para a fase de Inspeção 7

60 7.1 Análise heurística

61 O que é? Avaliação da interface feita por especialistas que comparam esta com princípios de usabilidade reconhecidos, as chamadas heurísticas. Para que serve? Para adequar o site aos princípios heurísticos de usabilidade. 7.1 Análise heurística

62 As 10 heurísticas de Jakob Nielsen e Rolf Molich: H1. Visibilidade e reconhecimento do estado atual do sistema H2. Correspondência com o mundo real: linguagem natural H3. Controle pelo usuário e liberdade H4. Consistência e padrões H5. Prevenção de erros H6. Minimização de esforços de memória: reconhecer, e não lembrar H7. Flexibilidade e eficiência H8. Projeto estético e minimalista H9. Facilidade para reconhecer, diagnosticar e recuperar-se de erros H10. Ajuda e documentação 7.1 Análise heurística

63 Classificação do problema por gravidade: 0. Não é um problema de usabilidade 1. Problema cosmético 2. Problema de usabilidade pequeno 3. Problema de usabilidade sério 4. Problema de usabilidade gravíssimo 7.1 Análise heurística

64 As 8 regras de ouro de Ben Shcneiderman As 8 regras de ouro de Bem Shneiderman podem ser usadas como critérios heurísticos também. Algumas são bem similares às propostas pos Jakob Nielsen e Ralf Molich, conforme é possível ver a seguir. 7.1 Análise heurística

65 As 8 regras de ouro de Ben Shcneiderman 1 - Consistência: Seqüência de ações similares para procedimentos similares. Manter um padrão visual para as cores, Layout e fontes. Utilizar a mesma terminologia em menus. 2 - Atalhos para usuários assíduos: Teclas de atalho, macros e navegação simples facilitam e agilizam a interação do usuário mais experientes com a interface. 3 - Feedback informativo: Toda e qualquer ação do usuário requer uma resposta do sistema, cujo qual será mais ou menos explicativa dependendo do tipo de ação a ser executada. 4 - Diálogos que indiquem término da ação: As seqüências de ações do sistema deve ser organizada de tal forma que o usuário consiga entender os passos e saiba quando cada um deles for executado com sucesso. 7.1 Análise heurística

66 As 8 regras de ouro de Ben Shcneiderman 5 - Prevenção e tratamento de erros: A interface não pode dar vias para o usuário cometer erros graves, e caso ocorram erros, devem haver mecanismos que tratem, corrijam na medida do possível, e caso não seja possível, instrua o usuário para uma possível solução. 6 - Reversão de ações: Sempre que possível, as ações devem ser reversíveis, de forma que tranqüilize o usuário e lhe dê mais coragem para explorar o sistema. 7 - Controle: Os experientes devem ter a sensação de que eles dominam os processos do sistema e que ele apenas responde a suas ações. 8 - Baixa carga de memorização: O sistema deve conter uma interface simples para memorização. Para isso requer uma boa Estrutura e Equilíbrio para relacionar elementos e facilitar a memorização subjetiva das telas, sem exigir esforço. 7.1 Análise heurística

67 7.2 Eye tracking

68 O que é? Método para verificação do funcionamento de uma interface e pontos críticos de navegação com uso de um dispositivo capaz de registrar o caminho percorrido pelo olho humano durante a navegação em um site. Para que serve? Comparar duas ou mais soluções de design, identificar reações, atenção destinada a elementos do layout, ordem na visualização de elementos, etc 7.2 Eye tracking

69 O Eye tracking: 7.2 Eye tracking

70 Imagem gerada pelo Eye tracking com os “Hot Spots”: 7.2 Eye tracking

71 Imagem gerada pelo Eye tracking com a navegaçõ do olhar: 7.2 Eye tracking

72 8 Bibliografia

73 Não me Faça Pensar – Steve Krug; Design para Internet – Felipe Memória Usabilidade na Web – Cláudia Dias; Projetando Websites – Jakob Nielsen; Information Architeture for World Wide Web – Louis Rosenfeld e Peter Morville; Information Architeture: Blueprints for the Web – Cristina Wodtke; Homepage Usabilidade: 50 Websites Desconstruídos – Jakob Nielsen e Marie Tahir; Usability Engineering – Jakob Nielsen; Design Para Quem não é Designer – Robin Williams; The Design of Everyday Things – David Norman; Website Usability Handbook – Mark Pearrow; The Elements of User Experience – Jesse James Garrett; Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests – Jefrey Rubin; Design e Avaliação de Interfaces Humano-computador – Heloisa Vieira da Rocha e M. Cecília C. Baranauskas. 8 Bibliografia

74 9 Referências Online

75 Usabilidade.com – www.usabilidade.com; UsabilidadeBr – www.usabilidadebr.com.br; Useit.com – www.useit.com; AskTog – www.asktog.com; Usable Web – www.usableweb.com; Smashing Magazine - www.smashingmagazine.com; Web Insinder – www.webinsider.uol.com.br; Ibrau – www.ibrau.com.br; Tomalak´s Realm - www.tomalak.org; Jornalistas da Web - Usabilidade - www.jornalistasdaweb.com.br. Usabilidoido – www.usabilidoido.com.br 9 Referências Online

76 Fim da apresentação