Qualidade Afetiva de Elementos
Visuais de Interface
Marcelo Henrique Tayana Conte
Aluno Orientadora
Universidade Federal d...
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
?
p...
Utilizar o elemento visual correto para cada tarefa
H1: diminui o tempo necessário do usuário para
completar a tarefa
H2: ...
Experimento Remoto
Elimina a necessida de uso de laboratórios e o efeito de laboratórios
sobre os participantes
Acomoda di...
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 ...
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
Loj...
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%
Lo...
H3 - Utilizar o elemento visual correto para cada
tarefa aumenta a percepção de satisfação do
usuário em relação à aplicaç...
H3 - Utilizar o elemento visual correto para cada tarefa aumenta a percepção de satisfação do
usuário em relação à aplicaç...
Resultados
H1 - Loja 2 apresentou indícios de levar menos
tempos para concluir a atividade
H2 - Loja 1 apresentou indícios...
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 d...
Próximos SlideShares
Carregando em…5
×

Qualidade Afetiva de Elementos Visuais

453 visualizações

Publicada em

Esses são os slides utilizados para a apresentação do resultado do trabalho final da faculdade.

O experimento aqui realizado tem o objetivo de comparar o comportamento e percepção do usuários sobre duas lojas semelhantes que alternam apenas visualmente em alguns elementos visuais.

2 comentários
0 gostaram
Estatísticas
Notas
  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
453
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
3
Comentários
2
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Qualidade Afetiva de Elementos Visuais

  1. 1. Qualidade Afetiva de Elementos Visuais de Interface Marcelo Henrique Tayana Conte Aluno Orientadora Universidade Federal do Amazonas Instituto de Computação
  2. 2. As vendas online têm redefinido os paradigmas de vendas de produtos - Hoque & Lohse, 1999 contexto2
  3. 3. Média de 4% de conversão - Chaffey, 2013 contexto3
  4. 4. - Callahan & Koenemann, 2000 A maioria das pessoas não leem as instruções de interface contexto4
  5. 5. - Khalid, 2006 predizer o comportamento do usuário é uma tarefa muito complexa problemática5
  6. 6. - Nielsen, 1990 As diferenças de língua e culturas irão influenciar fortemente a percepção do usuário problemática6
  7. 7. Otimizar o que move a massa de usuários problemática7
  8. 8. Elementos padrão de UI utilizados mundialmente problemática8
  9. 9. Elementos padrão de UI utilizados mundialmente problemática8
  10. 10. Elementos padrão de UI utilizados mundialmente problemática8
  11. 11. Elementos padrão de UI utilizados mundialmente problemática8
  12. 12. Elementos padrão de UI utilizados mundialmente problemática8
  13. 13. Elementos padrão de UI utilizados mundialmente problemática8
  14. 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. 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. 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. 17. Cenário Comprar uma blusa em uma loja falsa passando pelos seguintes passos experimento12
  18. 18. Escolher uma blusa experimento13
  19. 19. Escolher uma blusa experimento14
  20. 20. Selecionar uma quantidade e tamanho experimento15
  21. 21. Selecionar uma quantidade e tamanho experimento16
  22. 22. Simular pagamento inserindo dados de pagamento indicados experimento17
  23. 23. Simular pagamento inserindo dados de pagamento indicados experimento18
  24. 24. Completar a compra e responder um form experimento19
  25. 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
  26. 26. Resultados 21
  27. 27. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 22
  28. 28. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 23
  29. 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. 30. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 25
  31. 31. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 26
  32. 32. H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa 27
  33. 33. H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das tarefas 28
  34. 34. H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das tarefas 29
  35. 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. 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. 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. 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. 39. Próximos Passos Aumentar a amostra Novos experimentos com atividades mais complexas Realização de entrevistas 34
  40. 40. Qualidade Afetiva de Elementos Visuais de Interface Marcelo Henrique Tayana Conte Aluno Orientadora Universidade Federal do Amazonas Instituto de Computação 35

×