Post on 19-May-2015
description
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 ?
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
5
Projetos desequilibrados – atributos ausentes
Projetos equilibrados – todos atributos presentes com pesos contextualizados ao projeto
Atributos de um projeto interativo
Copyright Sirius Interativa - 2008 - Todos direitos reservados
6
Desejávelx
Usável
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
9
Decisões são emocionais.Depois, nós criamosjustificativas racionais.
Ambiente visual
Copyright Sirius Interativa - 2008 - Todos direitos reservados
10
Acessibilidade
Acessibilidade
Copyright Sirius Interativa - 2008 - Todos direitos reservados
11
tem que ser
Acessível
Para atingir os
objetivos do projeto
Acessibilidade
Copyright Sirius Interativa - 2008 - Todos direitos reservados
12
Brasil
24,5 milhões
Mundo
650 milhões
Acessibilidade
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
14
AcessibilidadeAlguns exemplos
Acessibilidade
Copyright Sirius Interativa - 2008 - Todos direitos reservados
15
Fornecer um equivalente em texto para cada elemento não textual
1.1
Imagens
Acessibilidade
Animações flash
Vídeos
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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.
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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.
Copyright Sirius Interativa - 2008 - Todos direitos reservados
22
Usabilidade
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Benefícios para o projeto
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Benefícios para o projeto
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Benefícios para o projeto
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Benefícios para o projeto
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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”
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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)
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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)
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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.
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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.
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
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
Copyright Sirius Interativa - 2008 - Todos direitos reservados
44
Usabilidade
Exemplo de página de um relatório
Copyright Sirius Interativa - 2008 - Todos direitos reservados
45
Usabilidade
Exemplo de página de um relatório
Copyright Sirius Interativa - 2008 - Todos direitos reservados
46
Obrigado