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

Upload: marcelo-henrique

Post on 09-Jul-2015

291 views

Category:

Documents


0 download

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

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