bruno sérgio coelho de oliveira introdução a usabilidade

Bruno Sérgio Coelho de Oliveira

Introdução a Usabilidade

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


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

2 Para que usabilidade?


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

3 A experiência web


• 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.”

4 Métodos de pesquisa


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.


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.

Métodos para a fase de Pesquisa

5

5.1 Card Sorting

5.1 Card Sorting

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.

5.1 Card Sorting

5.2 Free Listing

5.2 Free Listing

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)

5.3 Questionários (Surveys)


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.

5.4 Observação

5.4 Observação

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.

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.

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.

Métodos para a fase de Desenvolvimento

6

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

6.2 Teste de usabilidade


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.

4 Tipos de Métodos

Número de usuários e identificação de problemasJakob Nielsen

Número de usuários de um teste

Pro

ble

mas e

ncon

trad

os

4 Tipos de Métodos

Apresentação dos resultados: Conclusões

4 Tipos de Métodos

Apresentação dos resultados: Recomendações

4 Tipos de Métodos

142 participantes

68% com menos de 20 anos

Mais de 4 anos de uso de web

Botão Voltar Links internos Busca

Apresentação dos resultados: Gráficos

Em que área da interface você espera encontrar os seguintes elementos?

6.3 Avaliação de desempenho

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.



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

Métodos para a fase de Inspeção

7

7.1 Análise heurística

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.


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


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


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.



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.



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.2 Eye tracking

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

O Eye tracking:

7.2 Eye tracking

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

7.2 Eye tracking

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

7.2 Eye tracking

8 Bibliografia

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

9 Referências Online

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

Fim da apresentação

bruno sérgio coelho de oliveira introdução a usabilidade

Documents