Qualidade Afetiva de Elementos Visuais

40
Qualidade Afetiva de Elementos Visuais de Interface Marcelo Henrique Tayana Conte Aluno Orientadora Universidade Federal do Amazonas Instituto de Computação

description

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.

Transcript of Qualidade Afetiva de Elementos Visuais

Page 1: Qualidade Afetiva de Elementos Visuais

Qualidade Afetiva de Elementos Visuais de Interface

Marcelo Henrique Tayana ConteAluno Orientadora

Universidade Federal do AmazonasInstituto de Computação

Page 2: Qualidade Afetiva de Elementos Visuais

As vendas online têm redefinido os paradigmas de vendas de produtos- Hoque & Lohse, 1999

contexto2

Page 3: Qualidade Afetiva de Elementos Visuais

Média de 4% de conversão - Chaffey, 2013

contexto3

Page 4: Qualidade Afetiva de Elementos Visuais

- Callahan & Koenemann, 2000

A maioria das pessoas não leem as instruções de interface

contexto4

Page 5: Qualidade Afetiva de Elementos Visuais

- Khalid, 2006

predizer o comportamento do usuário é uma tarefa muito complexa

problemática5

Page 6: Qualidade Afetiva de Elementos Visuais

- Nielsen, 1990

As diferenças de língua e culturas irão influenciar fortemente a percepção do usuário

problemática6

Page 7: Qualidade Afetiva de Elementos Visuais

Otimizar o que move a

massa de usuários

problemática7

Page 8: Qualidade Afetiva de Elementos Visuais

Elementos padrão de UI utilizados mundialmente

problemática8

Page 9: Qualidade Afetiva de Elementos Visuais

Elementos padrão de UI utilizados mundialmente

problemática8

Page 10: Qualidade Afetiva de Elementos Visuais

Elementos padrão de UI utilizados mundialmente

problemática8

Page 11: Qualidade Afetiva de Elementos Visuais

Elementos padrão de UI utilizados mundialmente

problemática8

Page 12: Qualidade Afetiva de Elementos Visuais

Elementos padrão de UI utilizados mundialmente

problemática8

Page 13: Qualidade Afetiva de Elementos Visuais

Elementos padrão de UI utilizados mundialmente

problemática8

Page 14: Qualidade Afetiva de Elementos Visuais

Como a modificação desses elementos, em uma mesma tarefa, alteram o comportamento

do usuário e a percepção de qualidade

?

problemática9

Page 15: Qualidade Afetiva de Elementos Visuais

Utilizar o elemento visual correto para cada tarefa H1: diminui o tempo necessário do usuário para completar a tarefaH2: aumenta a taxa de sucesso na execução das tarefasH3: aumenta a percepção de satisfação do usuário em relação à aplicação

problemática10

Page 16: Qualidade Afetiva de Elementos Visuais

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

Page 17: Qualidade Afetiva de Elementos Visuais

CenárioComprar uma blusa em uma loja falsa passando

pelos seguintes passos

experimento12

Page 18: Qualidade Afetiva de Elementos Visuais

Escolher uma blusa

experimento13

Page 19: Qualidade Afetiva de Elementos Visuais

Escolher uma blusa

experimento14

Page 20: Qualidade Afetiva de Elementos Visuais

Selecionar uma quantidade e tamanho

experimento15

Page 21: Qualidade Afetiva de Elementos Visuais

Selecionar uma quantidade e tamanho

experimento16

Page 22: Qualidade Afetiva de Elementos Visuais

Simular pagamento inserindo dados de pagamento indicados

experimento17

Page 23: Qualidade Afetiva de Elementos Visuais

Simular pagamento inserindo dados de pagamento indicados

experimento18

Page 24: Qualidade Afetiva de Elementos Visuais

Completar a compra e responder um form

experimento19

Page 25: Qualidade Afetiva de Elementos Visuais

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

Page 26: Qualidade Afetiva de Elementos Visuais

Resultados

21

Page 27: Qualidade Afetiva de Elementos Visuais

H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa

22

Page 28: Qualidade Afetiva de Elementos Visuais

H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa

23

Page 29: Qualidade Afetiva de Elementos Visuais

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 segundos24

Page 30: Qualidade Afetiva de Elementos Visuais

H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa

25

Page 31: Qualidade Afetiva de Elementos Visuais

H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa

26

Page 32: Qualidade Afetiva de Elementos Visuais

H1 - Utilizar o elemento visual correto para cada tarefa diminui o tempo necessário do usuário para completar a tarefa

27

Page 33: Qualidade Afetiva de Elementos Visuais

H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das

tarefas

28

Page 34: Qualidade Afetiva de Elementos Visuais

H2 - Utilizar o elemento visual correto para cada tarefa aumenta a taxa de sucesso na execução das tarefas

29

Page 35: Qualidade Afetiva de Elementos Visuais

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

Page 36: Qualidade Afetiva de Elementos Visuais

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

Page 37: Qualidade Afetiva de Elementos Visuais

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,8332

Page 38: Qualidade Afetiva de Elementos Visuais

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

Page 39: Qualidade Afetiva de Elementos Visuais

Próximos Passos

Aumentar a amostra

Novos experimentos com atividades mais complexas

Realização de entrevistas

34

Page 40: Qualidade Afetiva de Elementos Visuais

Qualidade Afetiva de Elementos Visuais de Interface

Marcelo Henrique Tayana ConteAluno Orientadora

Universidade Federal do AmazonasInstituto de Computação

35