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

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

description

Um estudo comparativo: interfaces Sketch versus interfaces WIMP em tarefas de modelagem tridimensionais . ccte · mídia & interação · CIn · UFPE Outubro, 2009. Introdução- O que é Sketch ?. Contextualização - Sketch em computação. SketchPad 1963. - PowerPoint PPT Presentation

Transcript of ccte · mídia & interação · CIn · UFPE Outubro, 2009

Page 1: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

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

Introdução - O que é Sketch?

Page 3: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/04/23 3

Contextualização - Sketch em computação

SketchPad 1963

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

Page 4: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/04/23 6

Metodologia

Avaliar comparativamente 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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Metodologia

20/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 aproveitamento de ambas.

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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Metodologia

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Metodologia

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Metodologia

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/04/23 13

Resultados

Tarefa de Criação - Abordagem Sketch

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

Page 14: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/04/23 14

Resultados

Tarefa de Criação - Abordagem WIMP (1) Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 15: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Protótipo – OpenGL e C++.

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

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/04/23 19

Resultados

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

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

Page 20: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Resultados - Requisitos

20/04/23 22

Manipulação de vértices e faces

Nealen et al. 2005Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE

Page 23: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/04/23 24

Conclusões

Partindo do “zero”...

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

Page 25: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Conclusões

20/04/23 27

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

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

Page 28: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Conclusões

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Conclusões

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Trabalhos Futuros

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

Agradecimentos

20/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: ccte · mídia & interação ·      CIn · UFPE Outubro, 2009

Ciências Cognitivas e Tecnologia Educacional

20/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