Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus...

32
Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte · mídia & interação · CIn · UFPE Outubro, 2009

Transcript of Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus...

Page 1: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Um estudo comparativo: interfaces Sketch versus

interfaces WIMP  em tarefas de modelagem

tridimensionais 

ccte · mídia & interação · CIn · UFPE

Outubro, 2009

Page 2: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE 2

Introdução - O que é Sketch?

Page 3: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 3

Contextualização - Sketch em computação

SketchPad 1963

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 4: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 4

Sketch em computação (hoje)

Fibermesh 2007

Teddy 1999

MIT Sketching 2001

Motion Doodles 2004 Trees Modeling 2003Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 5: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 5

Sketch em computação (hoje)

Phun 2009

ChemPad 2006

Music Notepad 1998

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 6: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 6

Metodologia

Avaliar comparativa as interfaces sketch vs interfaces WIMP (Window, Menu, Icon, Pointer).

3D Studio Max (interface WIMP)

Teddy (interface sketch)

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 7: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Metodologia

11/04/23 7

Objetivo: verificar problemas na usabilidade das duas técnicas de forma a obter requisitos para construção de sistemas com o melhor das duas técnicas.

Procedimento de pesquisa: coleta de dados baseada no desempenho de usuários (artistas) em softwares de criação de conteúdo 3D (Teddy e Maya ou 3DSMax)

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 8: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Metodologia

11/04/23 8

Análise Qualitativa: realizada através da Análise Hierárquica da Tarefa (AHT)

Análise Quantitativa: baseada no System Usability Scale (SUS) – medida que avalia a satisfação do usuário no uso de um determinado produto.

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 9: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 9

Metodologia

Para avaliar o estudo, foram consideradas as seguintes

hipóteses:

H1: Modelar com o uso de Sketches(como apresentado no Teddy), demanda menos esforço do que modelar com WIMP (como apresentado no Maya ou 3DS Max).

H2: A técnica de modelagem baseada em Sketch reduz o tempo de tarefa dos usuários.

H3*: A técnica de modelagem baseada em Sketch produz resultados satisfatórios.

* Em andamentoInterfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 10: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Metodologia

11/04/23 10

Variáveis Dependentes

•A técnica utilizada(Sketch ou WIMP);•O objeto a ser criado;•A tarefa a ser executada.

Variáveis Independentes

•Esforço do usuário;•Numero de tentativas;•Tempo usado para completar a tarefa;•Satisfação do usuário;•Hierarchical Tasks Analyses (HTA).

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 11: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 11

Metodologia

Procedimento

Tarefa 1 - Criação

Tarefa 2 - Edição

Tarefa 3 – Edição (orelha)

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 12: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Metodologia

11/04/23 12

Coleta de dados

Vídeo e áudio das tarefas

Questionnaire (System Usability Scale) - AdaptadoDiscurso do usuário

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 13: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 13

Resultados

Tarefa de Criação - Abordagem Sketch

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 14: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 14

Resultados

Tarefa de Criação - Abordagem WIMP (1)

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 15: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE 15

Resultados

Tarefa de Criação - Abordagem WIMP (2)

Page 16: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE 16

Resultados

Tarefa de Edição - Abordagem Sketch

Page 17: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE 17

Resultados

Tarefa de Edição - Abordagem WIMP

Page 18: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Protótipo – OpenGL e C++.

Superfície de revolução (versão 1)

11/04/23 Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE 18

Resultados

Entrada de dados em 2D

Saída em 3D

Page 19: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 19

Resultados

Triangulação de Delaunay (versão 2)

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 20: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 20

Resultados - Requisitos

Manipulação de Vértices e Faces

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 21: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 21

Resultados - Requisitos

Sorkine et al. 2005

Manipulação de vértices e faces

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 22: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Resultados - Requisitos

11/04/23 22

Manipulação de vértices e faces

Nealen et al. 2005

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 23: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 23

Resultados - Requisitos

Comandos de atalho– Cópia;– Cola;– Recorte.

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 24: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 24

Conclusões

Partindo do “zero”...

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 25: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 25

Conclusões

...as interfaces Sketch são mais eficientes

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 26: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 26

Conclusões

•A comunicação é direta – metáfora do “lápis e papel”.•Ausência de pré-projetos e outras limitações.

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 27: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Conclusões

11/04/23 27

...entretanto, a partir de modelos já criados...

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 28: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Conclusões

11/04/23 28

...as interfaces WIMP são mais flexíveis.

Comandos de mouse e feedback instantâneo.

Menos esforço em editar o modelo.

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 29: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Conclusões

11/04/23 29

Mudanças de estilo (sketch-WIMP ou WIMP-sketch) são bem aceitas.

Reuso de gestos (copia, cola, recorte, etc.) – ganhos de usabilidade (herança de outros modelos de interface) .

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 30: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Trabalhos Futuros

11/04/23 Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE 30

Continuar a coleta e análise dos dados quantitativos;

Preparar procedimentos estatísticos – Frequências Relativas;

A ser publicado no

Page 31: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

Agradecimentos

11/04/23 31

•Prof. Marcelo Walter – Cin – UFPE (Co – Orientador)

•Profª. Renata Souza – Cin - UFPE

•Prof. Richard Lane – Cultura Inglesa

•Augusto Vilarim (Playlore);

•Vladimir Alves - Cin - UFPE;

CCTE – Ciências Cognitivas e Tecnologias Educacionais

M&I – Mídia & Interação

Todos os Usuários de Teste•Prof. Takeo Igarashi & Prof. Andrew Nealen –Tokyo University & Technische Universität Berlin Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 32: Ciências Cognitivas e Tecnologia Educacional Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais ccte.

Ciências Cognitivas e Tecnologia Educacional

11/04/23 32

Mais detalhes

ResponsáveisTiago Lemos de Araujo Machado < [email protected] >Alex Sandro Gomes < [email protected] >Marcelo Walter < [email protected] >

EndereçoCentro de Informática – UFPECaixa Postal 7851 - Cidade Universitária - 50732-970 - Recife

www.cin.ufpe.br/~tlam

Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE