SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
Qualidade Afetiva de Elementos
Visuais de Interface
Marcelo Henrique Tayana Conte
Aluno Orientadora
Universidade Federal do Amazonas
Instituto de Computação
As vendas online têm redefinido os
paradigmas de vendas de produtos
- Hoque & Lohse, 1999
contexto2
Média de 4% de conversão
- Chaffey, 2013
contexto3
- Callahan & Koenemann, 2000
A maioria das pessoas não leem as
instruções de interface
contexto4
- Khalid, 2006
predizer o comportamento do usuário é
uma tarefa muito complexa
problemática5
- Nielsen, 1990
As diferenças de língua e culturas
irão influenciar fortemente a
percepção do usuário
problemática6
Otimizar
o que move a
massa de usuários
problemática7
Elementos padrão de UI
utilizados mundialmente
problemática8
Elementos padrão de UI
utilizados mundialmente
problemática8
Elementos padrão de UI utilizados
mundialmente
problemática8
Elementos padrão de UI utilizados
mundialmente
problemática8
Elementos padrão de UI utilizados
mundialmente
problemática8
Elementos padrão de UI utilizados
mundialmente
problemática8
Como a modificação desses elementos, em
uma mesma tarefa, alteram o comportamento
do usuário e a percepção de qualidade
?
problemática9
Utilizar o elemento visual correto para cada tarefa
H1: diminui o tempo necessário do usuário para
completar a tarefa
H2: aumenta a taxa de sucesso na execução das tarefas
H3: aumenta a percepção de satisfação do usuário em
relação à aplicação
problemática10
Experimento Remoto
Elimina a necessida de uso de laboratórios e o efeito de laboratórios
sobre os participantes
Acomoda diversos grupos de participantes
É mais barato que o modelo tradicional
Possibilita estender os dias de experimento em caso de necessidade
experimento11
Cenário
Comprar uma blusa em uma loja falsa passando
pelos seguintes passos
experimento12
Escolher uma blusa
experimento13
Escolher uma blusa
experimento14
Selecionar uma quantidade e tamanho
experimento15
Selecionar uma quantidade e tamanho
experimento16
Simular pagamento inserindo dados de pagamento
indicados
experimento17
Simular pagamento inserindo dados de pagamento
indicados
experimento18
Completar a compra e responder um form
experimento19
Captura de métricas com
Para coleta de mapas de calor
SUS - System Usability Scale
Para coleta de dados de conversão
Como ferramenta de medição de satisfação
experimento20
Resultados
21
H1 - Utilizar o elemento visual correto para cada tarefa
diminui o tempo necessário do usuário para completar
a tarefa
22
H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar
a tarefa
23
H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar
a tarefa
Loja 1
136,72 segundos
Loja 2
85,84 segundos
24
H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar
a tarefa
25
H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar
a tarefa
26
H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar
a tarefa
27
H2 - Utilizar o elemento visual correto para cada
tarefa aumenta a taxa de sucesso na execução das
tarefas
28
H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das
tarefas
29
H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das
tarefas
Loja 1
56,1%
Loja 2
54,8%
30
H3 - Utilizar o elemento visual correto para cada
tarefa aumenta a percepção de satisfação do
usuário em relação à aplicação
31
H3 - Utilizar o elemento visual correto para cada tarefa aumenta a percepção de satisfação do
usuário em relação à aplicação
Loja 1
74,17
Loja 2
71,83
32
Resultados
H1 - Loja 2 apresentou indícios de levar menos
tempos para concluir a atividade
H2 - Loja 1 apresentou indícios de possuir
melhor índice de conversão
H3 - Loja 1 apresentou uma leve melhor avaliação
33
Próximos Passos
Aumentar a amostra
Novos experimentos com atividades mais
complexas
Realização de entrevistas
34
Qualidade Afetiva de Elementos
Visuais de Interface
Marcelo Henrique Tayana Conte
Aluno Orientadora
Universidade Federal do Amazonas
Instituto de Computação
35

Contenu connexe

Similaire à Qualidade Afetiva de Elementos Visuais

TCC - QUALIDADE E TESTES DE SOFTWAR
TCC - QUALIDADE E TESTES DE SOFTWARTCC - QUALIDADE E TESTES DE SOFTWAR
TCC - QUALIDADE E TESTES DE SOFTWARD Schmidt
 
127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007Marco Guimarães
 
LIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMAS
LIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMASLIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMAS
LIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMASOs Fantasmas !
 
Intranets - Portal corporativo CCEE - estudo de caso
Intranets - Portal corporativo CCEE - estudo de casoIntranets - Portal corporativo CCEE - estudo de caso
Intranets - Portal corporativo CCEE - estudo de casoSuzana Ribeiro
 
[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UX[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UXGUTS-RS
 
Curso de Pós-Graduação FUCAPI - Módulo: Métodos Ágeis
Curso de Pós-Graduação FUCAPI - Módulo: Métodos ÁgeisCurso de Pós-Graduação FUCAPI - Módulo: Métodos Ágeis
Curso de Pós-Graduação FUCAPI - Módulo: Métodos Ágeisagileembassy
 
Exercicio 1 engenharia de software.
Exercicio 1 engenharia de software.Exercicio 1 engenharia de software.
Exercicio 1 engenharia de software.Renato Breaking
 
Ergonomia e experiência do usuário: O que eu ganho com isso?
Ergonomia e experiência do usuário: O que eu ganho com isso?Ergonomia e experiência do usuário: O que eu ganho com isso?
Ergonomia e experiência do usuário: O que eu ganho com isso?guest5da527
 
Metodologias de desenvolvimento - Waterfall vs Agile
Metodologias de desenvolvimento - Waterfall vs AgileMetodologias de desenvolvimento - Waterfall vs Agile
Metodologias de desenvolvimento - Waterfall vs AgileMarcelo Murad
 
Estudo SolarWinds de AppStack
Estudo SolarWinds de AppStackEstudo SolarWinds de AppStack
Estudo SolarWinds de AppStackSolarWinds
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 

Similaire à Qualidade Afetiva de Elementos Visuais (20)

TCC - QUALIDADE E TESTES DE SOFTWAR
TCC - QUALIDADE E TESTES DE SOFTWARTCC - QUALIDADE E TESTES DE SOFTWAR
TCC - QUALIDADE E TESTES DE SOFTWAR
 
127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007
 
Nde
NdeNde
Nde
 
LIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMAS
LIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMASLIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMAS
LIVRO PROPRIETÁRIO - METODOLOGIAS DE DESENVOLVIMENTO DE SISTEMAS
 
Intranets - Portal corporativo CCEE - estudo de caso
Intranets - Portal corporativo CCEE - estudo de casoIntranets - Portal corporativo CCEE - estudo de caso
Intranets - Portal corporativo CCEE - estudo de caso
 
[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UX[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UX
 
Curso de Pós-Graduação FUCAPI - Módulo: Métodos Ágeis
Curso de Pós-Graduação FUCAPI - Módulo: Métodos ÁgeisCurso de Pós-Graduação FUCAPI - Módulo: Métodos Ágeis
Curso de Pós-Graduação FUCAPI - Módulo: Métodos Ágeis
 
Exercicio 1 engenharia de software.
Exercicio 1 engenharia de software.Exercicio 1 engenharia de software.
Exercicio 1 engenharia de software.
 
Ergonomia e experiência do usuário: O que eu ganho com isso?
Ergonomia e experiência do usuário: O que eu ganho com isso?Ergonomia e experiência do usuário: O que eu ganho com isso?
Ergonomia e experiência do usuário: O que eu ganho com isso?
 
Psico pedagogia 2013
Psico pedagogia 2013Psico pedagogia 2013
Psico pedagogia 2013
 
ISO/IEC 9241-11
ISO/IEC 9241-11ISO/IEC 9241-11
ISO/IEC 9241-11
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Metodologias de desenvolvimento - Waterfall vs Agile
Metodologias de desenvolvimento - Waterfall vs AgileMetodologias de desenvolvimento - Waterfall vs Agile
Metodologias de desenvolvimento - Waterfall vs Agile
 
Estudo SolarWinds de AppStack
Estudo SolarWinds de AppStackEstudo SolarWinds de AppStack
Estudo SolarWinds de AppStack
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Tk programa de treinamento e certificação 14 07 2010
Tk programa de treinamento e certificação    14 07 2010Tk programa de treinamento e certificação    14 07 2010
Tk programa de treinamento e certificação 14 07 2010
 
Programa de Treinamento e Certificacao
Programa de Treinamento e CertificacaoPrograma de Treinamento e Certificacao
Programa de Treinamento e Certificacao
 
Apresentação do curso Engenharia de Usabilidade
Apresentação do curso Engenharia de UsabilidadeApresentação do curso Engenharia de Usabilidade
Apresentação do curso Engenharia de Usabilidade
 
Agile User Experience
Agile User ExperienceAgile User Experience
Agile User Experience
 
Scrum
ScrumScrum
Scrum
 

Plus de Marcelo Henrique

MVP - De onde vem e o que comem
MVP - De onde vem e o que comemMVP - De onde vem e o que comem
MVP - De onde vem e o que comemMarcelo Henrique
 
Canto da Sereia - Guiando o usuário com pistas visuais
Canto da Sereia - Guiando o usuário com pistas visuaisCanto da Sereia - Guiando o usuário com pistas visuais
Canto da Sereia - Guiando o usuário com pistas visuaisMarcelo Henrique
 
Projeto final presentation
Projeto final presentationProjeto final presentation
Projeto final presentationMarcelo Henrique
 
Ingresse - Criando uma empresa
Ingresse - Criando uma empresaIngresse - Criando uma empresa
Ingresse - Criando uma empresaMarcelo Henrique
 
Sistema Web de Classificação de Anuros através do Som
Sistema Web de Classificação de Anuros através do SomSistema Web de Classificação de Anuros através do Som
Sistema Web de Classificação de Anuros através do SomMarcelo Henrique
 

Plus de Marcelo Henrique (10)

MVP - De onde vem e o que comem
MVP - De onde vem e o que comemMVP - De onde vem e o que comem
MVP - De onde vem e o que comem
 
Canto da Sereia - Guiando o usuário com pistas visuais
Canto da Sereia - Guiando o usuário com pistas visuaisCanto da Sereia - Guiando o usuário com pistas visuais
Canto da Sereia - Guiando o usuário com pistas visuais
 
JS Based Applications
JS Based ApplicationsJS Based Applications
JS Based Applications
 
Projeto final presentation
Projeto final presentationProjeto final presentation
Projeto final presentation
 
Mercado de Startups
Mercado de StartupsMercado de Startups
Mercado de Startups
 
Como Empreender - UFAM
Como Empreender - UFAMComo Empreender - UFAM
Como Empreender - UFAM
 
Ingresse - Criando uma empresa
Ingresse - Criando uma empresaIngresse - Criando uma empresa
Ingresse - Criando uma empresa
 
Sistema Web de Classificação de Anuros através do Som
Sistema Web de Classificação de Anuros através do SomSistema Web de Classificação de Anuros através do Som
Sistema Web de Classificação de Anuros através do Som
 
Currículo 2011
Currículo 2011Currículo 2011
Currículo 2011
 
Projetos Empreendedores
Projetos EmpreendedoresProjetos Empreendedores
Projetos Empreendedores
 

Qualidade Afetiva de Elementos Visuais

  • 1. Qualidade Afetiva de Elementos Visuais de Interface Marcelo Henrique Tayana Conte Aluno Orientadora Universidade Federal do Amazonas Instituto de Computação
  • 2. As vendas online têm redefinido os paradigmas de vendas de produtos - Hoque & Lohse, 1999 contexto2
  • 3. Média de 4% de conversão - Chaffey, 2013 contexto3
  • 4. - Callahan & Koenemann, 2000 A maioria das pessoas não leem as instruções de interface contexto4
  • 5. - Khalid, 2006 predizer o comportamento do usuário é uma tarefa muito complexa problemática5
  • 6. - Nielsen, 1990 As diferenças de língua e culturas irão influenciar fortemente a percepção do usuário problemática6
  • 7. Otimizar o que move a massa de usuários problemática7
  • 8. Elementos padrão de UI utilizados mundialmente problemática8
  • 9. Elementos padrão de UI utilizados mundialmente problemática8
  • 10. Elementos padrão de UI utilizados mundialmente problemática8
  • 11. Elementos padrão de UI utilizados mundialmente problemática8
  • 12. Elementos padrão de UI utilizados mundialmente problemática8
  • 13. Elementos padrão de UI utilizados mundialmente problemática8
  • 14. Como a modificação desses elementos, em uma mesma tarefa, alteram o comportamento do usuário e a percepção de qualidade ? problemática9
  • 15. Utilizar o elemento visual correto para cada tarefa H1: diminui o tempo necessário do usuário para completar a tarefa H2: aumenta a taxa de sucesso na execução das tarefas H3: aumenta a percepção de satisfação do usuário em relação à aplicação problemática10
  • 16. Experimento Remoto Elimina a necessida de uso de laboratórios e o efeito de laboratórios sobre os participantes Acomoda diversos grupos de participantes É mais barato que o modelo tradicional Possibilita estender os dias de experimento em caso de necessidade experimento11
  • 17. Cenário Comprar uma blusa em uma loja falsa passando pelos seguintes passos experimento12
  • 20. Selecionar uma quantidade e tamanho experimento15
  • 21. Selecionar uma quantidade e tamanho experimento16
  • 22. Simular pagamento inserindo dados de pagamento indicados experimento17
  • 23. Simular pagamento inserindo dados de pagamento indicados experimento18
  • 24. Completar a compra e responder um form experimento19
  • 25. Captura de métricas com Para coleta de mapas de calor SUS - System Usability Scale Para coleta de dados de conversão Como ferramenta de medição de satisfação experimento20
  • 27. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 22
  • 28. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 23
  • 29. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa Loja 1 136,72 segundos Loja 2 85,84 segundos 24
  • 30. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 25
  • 31. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 26
  • 32. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 27
  • 33. H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das tarefas 28
  • 34. H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das tarefas 29
  • 35. H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das tarefas Loja 1 56,1% Loja 2 54,8% 30
  • 36. H3 - Utilizar o elemento visual correto para cada tarefa aumenta a percepção de satisfação do usuário em relação à aplicação 31
  • 37. H3 - Utilizar o elemento visual correto para cada tarefa aumenta a percepção de satisfação do usuário em relação à aplicação Loja 1 74,17 Loja 2 71,83 32
  • 38. Resultados H1 - Loja 2 apresentou indícios de levar menos tempos para concluir a atividade H2 - Loja 1 apresentou indícios de possuir melhor índice de conversão H3 - Loja 1 apresentou uma leve melhor avaliação 33
  • 39. Próximos Passos Aumentar a amostra Novos experimentos com atividades mais complexas Realização de entrevistas 34
  • 40. Qualidade Afetiva de Elementos Visuais de Interface Marcelo Henrique Tayana Conte Aluno Orientadora Universidade Federal do Amazonas Instituto de Computação 35