Usabilidade Engenharia de Software Centrada em Métodos Ágeis Marcello de Campos Cardoso | www.mcardoso.com.br | [email protected] aula 5 Wednesday, June 8, 2011
UsabilidadeEngenharia de Software Centrada em Métodos Ágeis
Marcello de Campos Cardoso | www.mcardoso.com.br | [email protected]
aula
5
Wednesday, June 8, 2011
Plano de curso
Introdução a Usabilidade: conceitos, origem (DCU, IHC), aplicação (IxD), metas de usabilidade, princípios de design, estudo de casos, benefícios, ciclos de vida de desenvolvimento (cascata x ágil), técnicas (overview).
Técnica de Modelagem: Personas ágeis (workshop)
Story Mapping (workshop)
Perguntando a especialistas:Análise Heurística, As 10 heurísticas de Nielsen (workshop)
Projetando a interface:Task Flow + Prototipação rápida (workshop)
Testes de usabilidade (workshop - roteiro)
Testes de usabilidade (workshop - aplicação)
1ª aula2ª aula
3ª aula
4ª aula
5ª aula
6ª aula
7ª aula
8ª aula
Wednesday, June 8, 2011
análise heurísticaas 10 heurísticas de Jakob Nielsen
Wednesday, June 8, 2011
análise heurísticaas 10 heurísticas de Jakob Nielsen
Wednesday, June 8, 2011
sequência de uso
Análise heurística
Definição
Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March).
Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf.
Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf.
Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.
“Análise Heurística (Nielsen and Molich, 1990; Nielsen 1994) é um método de engenharia de usabilidade para encontrar os erros de usabilidade em uma interface para que sejam corrigidos em um processo de desenvolvimento iterativo.
Envolve um pequeno grupo de avaliadores para examinar a interface e avaliá-la de acordo com princípios de usabilidade reconhecidos (as heurísticas).” - Nielsen
Wednesday, June 8, 2011
sequência de uso
Análise heurística
Heurísticas Metas de usabilidadeAs metas são princípios generalistas que norteiam o desenvolvimento
Heurísticas são diretrizes técnicas para a avaliação de interfaces
~=
Wednesday, June 8, 2011
Análise heurística
O principal nome no campo da usabilidade, Nielsen se popularizou por focar em metodologias baratas e ágeis desde os anos 90.
É conhecido por realizar pesquisas quantitativas para fundamentar suas descobertas.
Sua prática mais conhecida e difundida é a análise heurística.
Jakob Nielsen
Wednesday, June 8, 2011
As heurísticas originais surgiram da análise de 249 problemas, identificados a
partir de avaliações realizadas por especialistas em 11 projetos distintos.
• 4 avaliados durante a fase inicial do ciclo de vida
• 7 avaliados em uma fase avançada;
sequência de uso
Análise heurística
Origem (1990)
Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March).
Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf.
Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf.
Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.
Wednesday, June 8, 2011
Análise heurística
Backlog do produto
Backlog do sprint
Reunião diária
Produto potencialmente
“entregável”
Onde aplicar?
Wednesday, June 8, 2011
Análise heurística
Backlog do produto
Backlog do sprint
Reunião diária
Produto potencialmente
“entregável”
Onde aplicar?
Wednesday, June 8, 2011
Análise heurística
Backlog do produto
Backlog do sprint
Reunião diária
Produto potencialmente
“entregável”
Onde aplicar?Avaliação da
Interfacepode ser aplicada
em protótipos
Wednesday, June 8, 2011
Análise heurística
Backlog do produto
Backlog do sprint
Reunião diária
Produto potencialmente
“entregável”
Onde aplicar?Avaliação da
Interfacepode ser aplicada
em protótipos
Wednesday, June 8, 2011
Análise heurística
Backlog do produto
Backlog do sprint
Reunião diária
Produto potencialmente
“entregável”
Onde aplicar?Avaliação da
Interfacepode ser aplicada
em protótipos
Avaliação da Interface
pode ser aplicadaem releases
Wednesday, June 8, 2011
1. Visibilidade do status do sistema (feedback)2. Compatibilidade do sistema com o mundo real (affordance)3. Controle do usuário e liberdade4. Consistência e padrões5. Prevenção de erros 6. Reconhecer em vez de relembrar7. Flexibilidade e eficiência no uso8. Estética e design minimalista9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros10.Ajuda e documentação
sequência de uso
Análise heurística
10 Heurísticas de Jakob Nielsen
Wednesday, June 8, 2011
O sistema deve informar continuamente e apropriadamente ao usuário sobre o que ele está fazendo, em tempo razoável.
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Vou fazer um café...
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Vou fazer um café...
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Vou fazer um café...
Mais fácil de entender.
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
LOG deixa tudo mais claro.
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
On the fly!
Wednesday, June 8, 2011
sequência de uso
1. Visibilidade do status do sistema (feedback)
Wednesday, June 8, 2011
A terminologia e os elementos de interface devem ser baseados na linguagem do usuário, não do sistema. As informações devem ser
organizadas conforme o modelo mental do usuário.
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?Cool!!
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Cadê a busca?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Cadê a busca?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
What?Wednesday, June 8, 2011
sequência de uso
2. Compatibilidade do sistema com o mundo real
Wednesday, June 8, 2011
O usuário controla o sistema. Ele pode, por exemplo, abortar uma tarefa ou desfazer uma operação e retornar ao estado anterior.
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
3. Controle do usuário e liberdade
Wednesday, June 8, 2011
sequência de uso
Análise heurística
Wednesday, June 8, 2011
sequência de uso
Análise heurística
Wednesday, June 8, 2011
sequência de uso
Análise heurística
Wednesday, June 8, 2011
Um comando, ação ou elemento de interface deve ter sempre o mesmo efeito e aparência.
A mesma operação deve ser apresentada na mesma localização e deve ser formatada/apresentada da mesma maneira para facilitar o reconhecimento.
sequência de uso
Análise heurística
4. Consistência e padrões
Wednesday, June 8, 2011
sequência de uso
4. Consistência e padrões
Wednesday, June 8, 2011
sequência de uso
4. Consistência e padrões
Wednesday, June 8, 2011
sequência de uso
4. Consistência e padrões
Wednesday, June 8, 2011
sequência de uso
4. Consistência e padrões
Wednesday, June 8, 2011
sequência de uso
4. Consistência e padrões
Wednesday, June 8, 2011
sequência de uso
4. Consistência e padrões
Wednesday, June 8, 2011
Evitar situações de erro.Conhecer as situações que mais provocam erros e modificar a interface para
que estes erros não ocorram
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
sequência de uso
5. Prevenção de erros
Wednesday, June 8, 2011
O sistema deve mostrar os elementos de diálogo e permitir que o usuário faça suas escolhas, sem a necessidade de lembrar um comando específico.
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
sequência de uso
6. Reconhecer em vez de relembrar
Wednesday, June 8, 2011
Para usuários experientes executarem as operações mais rapidamente.Abreviações, teclas de função, duplo clique no mouse, função de volta em
sistemas hipertexto.Atalhos também servem para recuperar informações que estão numa
profundidade na árvore navegacional a partir da interface principal.
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
sequência de uso
7. Flexibilidade e eficiência no uso
Wednesday, June 8, 2011
Deve-se apresentar exatamente a informação que o usuário precisa no momento, nem mais nem menos.
A seqüência da interação e o acesso aos objetos e operações devem ser compatíveis com o modo pelo qual o usuário realiza suas tarefas.
sequência de uso
8. Estética e design minimalista
Wednesday, June 8, 2011
sequência de uso
8. Estética e design minimalista
Wednesday, June 8, 2011
sequência de uso
8. Estética e design minimalista
Wednesday, June 8, 2011
sequência de uso
8. Estética e design minimalista
Wednesday, June 8, 2011
sequência de uso
8. Estética e design minimalista
Wednesday, June 8, 2011
Linguagem clara e sem códigos.Devem ajudar o usuário a entender e resolver o problema.
Não devem culpar ou intimidar o usuário.
sequência de uso
9. Ajudar a reconhecer, diagnosticar e corrigir erros
Wednesday, June 8, 2011
sequência de uso
9. Ajudar a reconhecer, diagnosticar e corrigir erros
Wednesday, June 8, 2011
sequência de uso
9. Ajudar a reconhecer, diagnosticar e corrigir erros
Wednesday, June 8, 2011
sequência de uso
9. Ajudar a reconhecer, diagnosticar e corrigir erros
Wednesday, June 8, 2011
sequência de uso
9. Ajudar a reconhecer, diagnosticar e corrigir erros
Wednesday, June 8, 2011
sequência de uso
9. Ajudar a reconhecer, diagnosticar e corrigir erros
Wednesday, June 8, 2011
O ideal é que um software seja tão fácil de usar (intuitivo) que não necessite de ajuda ou documentação.
Se for necessária a ajuda deve estar facilmente acessível on-line.
sequência de uso
10. Ajuda e documentação
Wednesday, June 8, 2011
sequência de uso
10. Ajuda e documentação
Wednesday, June 8, 2011
sequência de uso
10. Ajuda e documentação
Wednesday, June 8, 2011
sequência de uso
10. Ajuda e documentação
Wednesday, June 8, 2011
sequência de uso
10. Ajuda e documentação
Wednesday, June 8, 2011
1.Avaliação de Usabilidade de barata, não precisa de laboratórios ou equipamento
2.Ágil: Um dia ou menos para aplicar
3.Pode ser aplicada em qualquer estágio do projeto, incluindo protótipos precoces.
4.Treinamento simples: Pode ser ensinada em poucas horas (para especialistas)
sequência de uso
Análise heurística
Vantagens
Wednesday, June 8, 2011
1º passo: Briefing• Os avaliadores discutem os critérios da avaliação como tarefas por exemplo
2º passo: Avaliação (cerca de 2h)• Independente• Double check - 1 para fluxo e tarefas e outro para interface e elementos
3º passo: Reunião de resultados e relatório• Discutir problemas• Priorizá-los• Elaborar recomendações e soluções
sequência de uso
Análise heurística
Como fazer?
Wednesday, June 8, 2011
sequência de uso
Exemplo de planilha de aplicação
Wednesday, June 8, 2011
sequência de uso
Exemplo de aplicação
H9H5
H7
H2
Wednesday, June 8, 2011
sequência de uso
Exemplo de aplicação
Wednesday, June 8, 2011
sequência de uso
Análise heurística
Considerações: número de avaliadores Alguns problemas apenas são descobertos por perfis diferentes de avaliadores.
Wednesday, June 8, 2011
Análise heurística
Considerações: número de avaliadores5 avaliadores encontramos quase 75% dos problemas de usabilidade. 3 avaliadores fornecem quase 65% de descobertas1 avaliador descobre em média 35%
Wednesday, June 8, 2011
Análise heurística
Considerações: número de avaliadoresO número excessivo de avaliadores traz pouco retorno de investimento.
Wednesday, June 8, 2011
Análise heurística
Considerações: número de avaliadoresA avaliação solo é conhecida como Expert review, Expert crit ou Discount evaluation.É uma prática comum de mercado.
Wednesday, June 8, 2011
Análise heurística
Considerações: experiência do avaliadorA qualidade da avaliação depende da compreensão correta das HeurísticasAplicá-las exercita as boas práticas de usabilidade, para o desenvolvedor
Wednesday, June 8, 2011
H igh-quality content (conteúdo de alta qualidade)O ften updated (freqüentemente atualizado)M inimal download time (tempo mínimo de download)E ase of use (facilidade de uso)R elevante to user’s needs (relevante para as necessidades dos usuários)U nique to the online médium (somente para o meio online)N etcentric corporate culture (cultura corporativa centrada na rede)
sequência de uso
Análise heurística
Heurísticas para websites (Nielsen, 1999)
Wednesday, June 8, 2011
1.O sistema deve sinalizar os diversos obstáculos no caminho aumentando seu contraste (buracos, quebra-molas, transeuntes, etc.);
2.Sinais de trânsito e informações complementares devem ser identificados e exibidos em destaque na área à direita do pára-brisa. O objetivo é oferecer subsídios para o motorista sem comprometer sua atenção primária.
3.A linguagem deve ser universal e de fácil compreensão.
4.O sistema deve ser configurável. Usuários com capacidades cognitivas diferentes devem possuir ferramentas para configurá-lo à sua maneira.
sequência de uso
Análise heurística
Heurísticas RA na direção automotiva
Wednesday, June 8, 2011
1 - Franzir a sobrancelha - Concentração, antipatia ou falta de clareza2 - Levantar as sobrancelhas - Insegurança, incredulidade, surpresa ou exasperação3 - Desviar o olhar - Desapontamento, fracasso, culpa, vergonha ou submissão4 - Sorrir - Satisfação ou alegria5 - Apertar os lábios - Frustração, confusão, ansiedade, nervosismo ou preocupações6 - Mover a boca - Desorientação ou insegurança7 - Expressar-se verbalmente (tosses, suspiros, bocejos e etc.) - Frustração ou decepção8 - Tocar o rosto com as mãos - Confusão, incerteza ou cansaço9 - Reclinar-se para trás - Rejeição10 - Inclinar o corpo para frente - Depressão, frustração ou atenção
sequência de uso
Análise heurística
Heurísticas emocionais para jogos (Diego Castro Soares)
Wednesday, June 8, 2011
Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em novembro de 2010, para a disciplina Engenharia de Usabilidade ministrada no curso de especialização Engenharia de Software Centrada em Métodos Ágeis, no Centro Universitário UNA.
obrigado!
Wednesday, June 8, 2011