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
Ciências Cognitivas e Tecnologia Educacional
Introdução - O que é Sketch?
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
2
Ciências Cognitivas e Tecnologia Educacional
Contextualização - Sketch em computação
SketchPad
1963
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
3
Ciências Cognitivas e Tecnologia Educacional
Sketch em computação (hoje)
Teddy 1999
Fibermesh
2007
MIT Sketching
2001
Motion Doodles 2004
05/11/2015
Trees Modeling 2003
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
4
Ciências Cognitivas e Tecnologia Educacional
Sketch em computação (hoje)
ChemPad
2006
Music Notepad 1998
Phun 2009
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
5
Ciências Cognitivas e Tecnologia Educacional
Metodologia
Avaliar comparativamente as interfaces sketch vs
interfaces WIMP (Window, Menu, Icon, Pointer).
3D Studio Max (interface
WIMP)
05/11/2015
Teddy
(interface
sketch)
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
6
Ciências Cognitivas e Tecnologia Educacional
Metodologia
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)
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
7
Ciências Cognitivas e Tecnologia Educacional
Metodologia
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.
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
8
Ciências Cognitivas e Tecnologia Educacional
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 andamento
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
9
Ciências Cognitivas e Tecnologia Educacional
Metodologia
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).
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
10
Ciências Cognitivas e Tecnologia Educacional
Metodologia
Procedimento
Tarefa 1 Criação
Tarefa 2 Edição
Tarefa 3 – Edição
(orelha)
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
11
Ciências Cognitivas e Tecnologia Educacional
Metodologia
Coleta de dados
Vídeo e áudio das tarefas
Questionnaire (System Usability Scale) - Adaptado
Discurso do usuário
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
12
Ciências Cognitivas e Tecnologia Educacional
Resultados
Tarefa de Criação - Abordagem Sketch
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
13
Ciências Cognitivas e Tecnologia Educacional
Resultados
Tarefa de Criação - Abordagem WIMP (1)
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
14
Ciências Cognitivas e Tecnologia Educacional
Resultados
Tarefa de Criação - Abordagem WIMP (2)
05/11/2015
Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE
15
Ciências Cognitivas e Tecnologia Educacional
Resultados
Tarefa de Edição - Abordagem Sketch
05/11/2015
Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE
16
Ciências Cognitivas e Tecnologia Educacional
Resultados
Tarefa de Edição - Abordagem WIMP
05/11/2015
Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE
17
Ciências Cognitivas e Tecnologia Educacional
Resultados
 Protótipo – OpenGL e C++.
 Superfície de revolução (versão 1)
Entrada de dados
em 2D
05/11/2015
Saída em 3D
Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE
18
Ciências Cognitivas e Tecnologia Educacional
Resultados
 Triangulação de Delaunay (versão 2)
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
19
Ciências Cognitivas e Tecnologia Educacional
Resultados - Requisitos
 Manipulação de Vértices e Faces
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
20
Ciências Cognitivas e Tecnologia Educacional
Resultados - Requisitos
Manipulação de vértices e faces
Sorkine et al. 2005
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
21
Ciências Cognitivas e Tecnologia Educacional
Resultados - Requisitos
Manipulação de vértices e faces
Nealen et al. 2005
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
22
Ciências Cognitivas e Tecnologia Educacional
Resultados - Requisitos
 Comandos de atalho
– Cópia;
– Cola;
– Recorte.
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
23
Ciências Cognitivas e Tecnologia Educacional
Conclusões
Partindo do “zero”...
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
24
Ciências Cognitivas e Tecnologia Educacional
Conclusões
...as
interfaces
Sketch são
mais
eficientes
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
25
Ciências Cognitivas e Tecnologia Educacional
Conclusões
•A comunicação é direta – metáfora do “lápis e papel”.
•Ausência de pré-projetos e outras limitações.
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
26
Ciências Cognitivas e Tecnologia Educacional
Conclusões
...entretanto,
a partir de
modelos já
criados...
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
27
Ciências Cognitivas e Tecnologia Educacional
Conclusões
...as interfaces WIMP são mais flexíveis.
Menos esforço em editar o modelo.
Comandos de mouse e feedback instantâneo.
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
28
Ciências Cognitivas e Tecnologia Educacional
Conclusões
 Mudanças de estilo (sketch-WIMP ou WIMPsketch) são bem aceitas.
 Reuso de gestos (copia, cola, recorte, etc.) –
ganhos de usabilidade (herança de outros
modelos de interface) .
05/11/2015
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
29
Ciências Cognitivas e Tecnologia Educacional
Trabalhos Futuros
 Continuar a coleta e análise dos
dados quantitativos;
 Preparar procedimentos estatísticos
– Frequências Relativas;
 A ser publicado no
05/11/2015
Perfis Interface e Tecnologia de Ensino · www.cin.ufpe.br/~ccte · CCTE · CIn · UFPE
30
Ciências Cognitivas e Tecnologia Educacional
Agradecimentos
•Prof. Marcelo Walter – Cin – UFPE
(Co – Orientador)
CCTE – Ciências Cognitivas e Tecnologias
Educacionais
•Profª. Renata Souza – Cin - UFPE
•Prof. Richard Lane – Cultura Inglesa
M&I – Mídia & Interação
•Augusto Vilarim (Playlore);
•Vladimir Alves - Cin - UFPE;
•Prof. Takeo Igarashi & Prof. Andrew Nealen –
Tokyo University & Technische Universität Berlin
05/11/2015
Todos os Usuários de Teste
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
31
Ciências Cognitivas e Tecnologia Educacional
Mais detalhes

Responsáveis
Tiago Lemos de Araujo Machado < [email protected] >
Alex Sandro Gomes < [email protected] >
Marcelo Walter < [email protected] >

Endereço
Centro de Informática – UFPE
Caixa Postal 7851 - Cidade Universitária - 50732-970 - Recife

05/11/2015
www.cin.ufpe.br/~tlam
Interfaces Baseadas em Sketch· www.cin.ufpe.br/~tlam · CIn · UFPE
32