Métodos de usabilidade em projetos web

Copyright Sirius Interativa -

2007 -Todos direitos reservados

Sirius interativa

Aplicação de métodos de usabilidade em projetos web

Copyright Sirius Interativa - 2008 - Todos direitos reservados

2

Quais são os componentes de uma experiência interativa

bem sucedida ?


3

Uma experiência efetiva reflete uma adequada combinação de ingredientes de acordo com o contexto, conteúdo e

públicos-alvo do projeto


4

Útil

Usável

Achável

Crível

Acessível

Desejável

Valioso

Modelo de User experience proposto por Peter Morville

O Design gráfico encanta, reflete os

valores da marca. os requisitos do

projeto e cria um ambiente confortável

e seguro de interação

A acessibilidade é uma exigência de

lei, que deve fazer parte de uma

estratégia para alcance universal e

multi-dispositivo do projeto

Projetos usáveis melhoram a

eficácia (achar o que procura),

eficiência (tempo necessário para

achar o que procura) e satisfação

dos usuários

Uma arquitetura de informação

consistente, flexível e evolutiva

potencializa a taxa de conversão do

projeto e sua meia-vida

Todos os elementos da interface reforçam ou enfraquecem

credibilidade de projetos web

A construção do conteúdo deve refletir necessidades reais de

seus usuários. Deve-se buscar o equilíbrio entre a estratégia do

site e a sua utilidade para o público-alvo

Atributos de um projeto interativo


5

Projetos desequilibrados – atributos ausentes

Projetos equilibrados – todos atributos presentes com pesos contextualizados ao projeto

Atributos de um projeto interativo


6

Desejávelx

Usável


7

O design reflete os atributos e requerimentos

do projeto, agrega credibilidade a marca, gera

conforto ao usuário, potencializa a relação do site

com seu usuário, ajuda a estabelecer senso de

receptividade e pertencimento e é fundamental

para criar um ambiente navegacional consistente e

claro.

Ambiente visual


8

50 ms"O resultado indica que a estética, ou apelo visual, é um

fator que pode influenciar o julgamento [posterior] da

sua experiência" - (Lindgaard 2006)

Ambiente visual

Em um estudo realizado, se mostrou que a exibição por apenas 50 milisegundos de telas de website permite que os usuários emitam um juízo de valor quase instantâneo sobre um projeto


9

Decisões são emocionais.Depois, nós criamosjustificativas racionais.

Ambiente visual


10

Acessibilidade

Acessibilidade


11

tem que ser

Acessível

Para atingir os

objetivos do projeto

Acessibilidade


12

Brasil

24,5 milhões

Mundo

650 milhões

Acessibilidade


13

• Reforça a credibilidade• Aumenta a audiência• Reflete cuidado com a responsabilidade social• Atende a requisitos legais• Melhora o retorno em engenhos de busca• Maior compatibilidade com outros dispositivos• Diminui o esforço de manutenção• Melhora a usabilidade• Melhora a performance

Acessibilidade

Benefícios para o projeto


14

AcessibilidadeAlguns exemplos

Acessibilidade


15

Fornecer um equivalente em texto para cada elemento não textual

1.1

Imagens

Acessibilidade

Animações flash

Vídeos


16

Assegurar que todas as informações veiculadascom cor estejam também disponíveis sem cor

2.1

Acessibilidade

Neste exemplo do lado esquerdo vemos que o modelo de clique é comunicado pela cor azul. No lado direito vemos que o acesso por um usuário com deficiência de cor não poderá

identificar os pontos de clique


17

Assegurar que todas as informações veiculadascom cor estejam também disponíveis sem cor

2.1

Azul celeste RosaVioletaAzul

Azul celeste RosaVioletaAzul

Verde escuro

Marrom escuromarrom

Verde escuro

Verde escuro

Marrom escuromarrom

Verde escuro

AmareloVerde citroVerdeVermelho Amarelo

Verde citroVerdeVermelho

Percepção normal de cores Deficiência de cor: verde

Acessibilidade

Quando se comunica informações através de cores, se incorre no risco de que usuários com deficiência de cor percam esta informação


18

Utilizar a linguagem mais simples e clara possível, logicamente, apropriada para um dado conteúdo

14.1

Analfabeto 7%7%7%7%Alfabetizado Nível Rudimentar 30%30%30%30%Alfabetizado Nível Básico 38%38%38%38%Alfabetizado Nível Pleno 26%26%26%26%

Acessibilidade

Segundo o estudo INAF (Indicador Nacional de Alfabetismo Funcional) apenas 26% dos Brasileiros tem nível pleno de alfabetização. Logo, os textos

de um projeto web devem ser criados levando esta realidade em conta


19

Garantir que a combinação de cores ofereça um bom contraste entre o texto e o fundo

2.2

Acessibilidade

Neste exemplo, um site direcionado ao conjunto da população Brasileira oferece uma razão de contraste abaixo do ideal o que pode comprometer a

experiência de navegação de parte dos usuários


20

Criar uma seqüência lógica de tabulação para percorrer links, controles de formulários e objetos

9.4

Acessibilidade

Para um usuário que utiliza um software de leitura de tela, chegar a um dos links internos da página o obriga a passar por todo o longo menu lateral (quando a

navegação for feita pela sequência de cliques disponível.


21

Identificar claramente o destino de um link

13.1

Acessibilidade

O uso de “Veja mais” perde o contexto quando lido através de um leitor de tela. Os links devem ter um texto relevante que

reflita o seu destino.


22

Usabilidade


23

“Usabilidade é a extensão na qual usuários pertencentes a um determinado público-alvo

atinjam objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso particular ”

ISO 9241-11


24

Maiores vendas e Satisfação do consumidor – A aplicação de metodologia de Usabilidade aumenta a satisfação do usuário em 40% (Gartner Group).

Usabilidade



25

Menor custo de desenvolvimento e manutenção – A aplicação de técnicas de usabilidade reduziu o tempo de desenvolvimento em 40% (Bosert, J. L -1991)

Usabilidade



26

Maior produtividade e eficiência operacional – Uma companhia reportou uma redução de 25% em erros de usuários depois de cuidados com a usabilidade (Cost-Justifying Usability)

Usabilidade



27

Menor demanda de suporte – Um recurso do Word que gerava longos atendimentos de suporte (45 min.) foi drasticamente reduzido após um estudo de usabilidade (Cost-Justifying Usability).

Usabilidade



28

A disciplina de Human Factors iniciou durante a guerra

no século XX para melhorar a usabilidade de aviões...

Usabilidade

“Se não podia ser usada, os objetivos militares não podiam ser alcançados”


29

• 28 de 30 usuários desistiram de ligar o carro;• Comprador potencial precisa de 20 minutos de treinamento;• O campeão de corridas Geoff Brabham conseguiu mover o carro para frente...• ...mas não para trás

Usabilidade

...e no século XXI a usabilidade de quase tudo desde produtos até

websites. Mas nem sempre é aplicada seja em carros...(o exemplo abaixo apresenta um dispositivo de controle de um carro que que exige grande perícia do usuário)


30

Usabilidade

...seja em impressos de votação. (o exemplo abaixo mostra o cartão de voto onde muitos usuários que pretendiam votar no candidato democrata Al Gore acabaram votando no conservador Pat Buchanan por conta da disposição do impresso)


31

Em projetos web, temos um conjunto de metodologias para avaliar a usabilidade onde se busca...

Usabilidade

...levantar informações demográficas, comportamentais e aspiracionais dos usuários e identificar boas práticas do segmento em que atua.


32

DGDIMA

Entrevistas Estruturadas

Card Sorting

Inspeção heurística

Evolução

Publicação

Transferência

Implem

entação

Desenho da

experiência

Exploração

Interação

Avaliação de acessibilidade

Análise Contextual

Expert review

Análise Comparativa de Usabilidade

Questionário on-line

Teste de Usabilidade

As metodologias podem ser aplicadas em várias fases do projeto (exemplos de alguns métodos e as etapas de um projeto onde podem ser aplicadas)

Usabilidade


33

O teste de Usabilidade é um método qualitativo que envolve a entrevista individual com um número de usuários pertencentes ao público-alvo do projeto que realizam tarefas específicas com o objetivo de identificar pontos de melhoria. Por ser uma análise qualitativa, o número necessário de usuários pode ser relativamente reduzido (entre 6 e 8 usuários por perfil). As atividades são acompanhadas por um moderador e registradas digitalmente.

Testede usabilidade

Obs: este é um teste piloto feito para propósitos de demonstração.

Usabilidade


34

Usabilidade

1. Entendimento do projeto;2. Definição do escopo de teste;3. Plano de teste: objetivo, roteiro de teste, questionário prée pós teste, tarefas;4. Teste piloto;5. Recrutamento de participantes;6. Condução dos testes;7. Compilação e análise de dados;8. Relatório final.

Etapas


35

Usabilidade

Exemplo de tarefa: localizar o siteCenário

Você não recebeu seu exemplar do jornal XYZ hoje e decidiu fazer uma reclamação utilizando a Internet. Gostaria que vocêlocalizasse o site do jornal XYZ

Perfis de Participantes: Todos

Duração da tarefa: Máximo de 2 minutos

Critérios de avaliação: Tempo para encontrar o acesso ao website, Quantos participantes localizaram o website, índice de desistência.


36

Usabilidade

Recomendações para condução do teste: Deve-se deixar o computador com o Internet Explorer aberto numa página neutra, branca (configurando o IE com a opção branca), deixar um exemplar do jornal XYZ ao lado

O que observar: O assinante acha facilmente a opção de Suspensão de Entrega? Como reage em relação às restrições do serviço?

Procedimentos esperados: No espaço do assinante localizar o serviço de Suspensão de Entrega, Preencher dados, Confirmar dados, Enviar dados.

Exemplo de tarefa: localizar o site


37

Usabilidade

Exemplo de tarefa: Suspensão assinaturaCenário

Você passará 1 mês viajando e gostaria de interromper a entrega do jornal XYZ durante esse período. Verifique se épossível fazer isso no espaço do Assinante, e, em caso positivo, faça esta alteração

Perfis de Participantes: Todos

Duração da tarefa: 10 minutos

Critérios de avaliação: Tempo para encontrar o recurso de Suspensão de Entrega, Quantos assinantes fizeram a suspensão da assinatura, índice de desistência


38

Obs: este é um teste piloto feito para propósitos de demonstração. Não é um teste de cliente da Sirius.

O usuário autorizou esta exibição neste apresentação.

O laboratório móvel tem na sala 1 o moderador e o participante. Na sala 2 os clientes podem observar cada movimento de tela e acompanhar as feições e observações dos usuários.

1 2

Usabilidade


39

Profissionais de Usabilidade julgam o sistema interativo de acordo com um

conjunto de boas práticas estabelecidas e segundo facetas do sistema interativo como: sistema de

informação, titulação, busca, navegação, design, acessibilidade e arquitetura de conteúdo. O relatório

lista os pontos de melhoria identificados e faz recomendações de

correção

Expertreview

EVOPUBTRAIMPDESEXPINT

Usabilidade


40

Usabilidade

1. Entendimento do projeto;2. Definição do escopo de teste;3. Plano de teste: critérios e procedimento de avaliação ;4. Avaliação (2 a 3 analistas);5. Compilação e avaliação qualitativa dos pontos de melhoria;6. Relatório final.

Etapas


41

Card-sorting é uma técnica utilizada para levantar como as pessoas agrupam os conteúdos de um projeto de uma forma que melhor reflita suas necessidades e modelo mental. Pode ser realizada antes ou depois do processo de arquitetura de informação do projeto.

CardSorting

�

Atividade 1

Comunicação

Atividade 2

COMUNICAÇÃO

Arquivo de imagens

NEGÓCIOS

Atividade 3

Livre associação Card-Sorting Validação de fluxo

“informações associadas a

campanhas e notícias”

A EMPRESA

NotíciasAssessoria Imprensa

produtos

Cadastro fornecedorCompras on-line

Missão

Relatório Social

Usabilidade


42

Usabilidade

1. Entendimento do projeto;2. Definição do escopo de teste;3. Plano de teste;4. Teste piloto;5. Recrutamento de participantes;6. Condução dos testes;7. Compilação e análise de dados;8. Relatório final.

Etapas


43

O Mapeamento de projetos que tenham um posicionamento web similar, através de um conjunto de critérios que compõe um sistema de interação, permite que sejam levantadas de forma sistemática suas melhores práticas e que sejam identificados conteúdos e recursos que possam ser incorporados ao projeto.

AnáliseComparativa de usabilidade

Usabilidade


44

Usabilidade

Exemplo de página de um relatório


45

Usabilidade

Exemplo de página de um relatório


46

Obrigado

Technology

Métodos de usabilidade em projetos web