SlideShare a Scribd company logo
1 of 16
ÉCOLE POLYTECHNIQUE
FÉDÉRALE DE LAUSANNE
Technologies for
Vocational Education and Training
A Comparison between Tangible UI and Graphical UI
Lorenzo Lucignano
08/04/2014
Problem
• Develop a new activity which is
– pragmatic, it helps to solve a real-world problem
– grounded on the workspace context, the tool
should mimic real tools
• Keep it tangible!
Research question
• Which kinds of tasks well support the tangible
interaction?
– What happens when the physical-virtual
correspondence changes during the task?
• How do gaze patterns vary between physical
objects and virtual 3D objects?
Cutting Activity
Experiment conditions
Tangible Virtual
Experiment Setup
• Task : Shaping the brick
according to a physical model
 Participants: 18 EPFL
students, 2nd and 3th year
MT and Mechanical
Engineering
Model 1 Model 2
Symmetry
High Low
Plausibility
Usual Unusual
Experiment Flow
Questionnaire (age,
gender, academic
background…)
Pretest
•Mental Rotation (12
questions, 3 min)
•Paper Folding (10
questions, 3 min)
Demonstration
Model 1Model 2Final Interview
Results: Quality
Quality Score:
1. the shape is completely different from the model
2. one major mistake, but making abstraction of it, the shape is recognized
3. shape is mostly correct
4. the shape is correct
5 raters -> inter-rater reliability 0.93
Model 1 Model 2
Results: Duration
Model 1 Model 2
Results: Number of Created Pieces
Model 1
(F[1,16]=9.16,p=.008)
Model 2
(F[1,16]=5.13,p=.037)
Possible reason: users in tangible
condition usually do not delete the
pieces. They keep the reference with the
brick.
Results: Areas of interest in Gaze
Analysis
Shape or Model
Brick
Screen OBJ
Results: % Dwells on the Model
and their duration
DUAL-T Advisory Board
Model 1
(F[1,16]=5.45,p=.032)
Model 2
(F[1,16]=7.93,p=.012)
(F[1,16]=5.23,p=.036) (F[1,16]=6.66,p=.020)
Results: Revisit Time on the Model
Model 1
(F[1,16]=1.76,p=.202)
Model 2
(F[1,16]=11.83,p=.003)
•More dwells and longer durations might indicate a difficulty in extracting
general information
•Shorter revisit time can indicate a need of refreshing the working memory
The tangible brick may influence positively the experience
Results: Transitions Graph Model 1
Tangible Virtual
Model
Model
Results: Transitions Graph Model 2
Tangible Virtual
Conclusions
Absence of significant difference in terms of quality and overall
time performance
Clues that the tangible interface affects the experience
positively
Thanks!

More Related Content

Viewers also liked

Viewers also liked (11)

ikd312-07-ddl
ikd312-07-ddlikd312-07-ddl
ikd312-07-ddl
 
soal-pemrograman-b
soal-pemrograman-bsoal-pemrograman-b
soal-pemrograman-b
 
Isd312 03-nltk
Isd312 03-nltkIsd312 03-nltk
Isd312 03-nltk
 
ikd312-09-normalisasi
ikd312-09-normalisasiikd312-09-normalisasi
ikd312-09-normalisasi
 
ikd312-02-three-schema
ikd312-02-three-schemaikd312-02-three-schema
ikd312-02-three-schema
 
ikh323-06
ikh323-06ikh323-06
ikh323-06
 
ikp321-05
ikp321-05ikp321-05
ikp321-05
 
ikh311-05
ikh311-05ikh311-05
ikh311-05
 
ikh331-05-transaction
ikh331-05-transactionikh331-05-transaction
ikh331-05-transaction
 
IKH331-07-java-rmi
IKH331-07-java-rmiIKH331-07-java-rmi
IKH331-07-java-rmi
 
Collaboratively generating and critiquing technology-enhanced concept maps to...
Collaboratively generating and critiquing technology-enhanced concept maps to...Collaboratively generating and critiquing technology-enhanced concept maps to...
Collaboratively generating and critiquing technology-enhanced concept maps to...
 

Similar to Dual t lucignano

Tte 451 operations research fall 2021 part 1
Tte 451  operations research   fall 2021   part 1Tte 451  operations research   fall 2021   part 1
Tte 451 operations research fall 2021 part 1Wael ElDessouki
 
Introducing ethnography to is practitioners with experiential pedagogy
Introducing ethnography to is practitioners with experiential pedagogyIntroducing ethnography to is practitioners with experiential pedagogy
Introducing ethnography to is practitioners with experiential pedagogyAlainGeerts
 
UCD Awareness Research
UCD Awareness ResearchUCD Awareness Research
UCD Awareness Researchli_chakuli
 
RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...
RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...
RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...Centre for Distance Education
 
Investigating teachers' understanding of IMS Learning Design: Yes they can!
Investigating teachers' understanding of IMS Learning Design: Yes they can!Investigating teachers' understanding of IMS Learning Design: Yes they can!
Investigating teachers' understanding of IMS Learning Design: Yes they can!Michael Derntl
 
Mixed Effects Models - Fixed Effects
Mixed Effects Models - Fixed EffectsMixed Effects Models - Fixed Effects
Mixed Effects Models - Fixed EffectsScott Fraundorf
 
Calicut MCA Syllebus
Calicut MCA SyllebusCalicut MCA Syllebus
Calicut MCA SyllebusRakesh T
 
Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...
Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...
Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...Vikas Dongre
 
natiaonal institue of design
natiaonal institue of designnatiaonal institue of design
natiaonal institue of designbr_krishnamohan
 
Curriculum Design, Assessment and Feedback: School of Law First Year Review
Curriculum Design, Assessment and Feedback: School of Law First Year ReviewCurriculum Design, Assessment and Feedback: School of Law First Year Review
Curriculum Design, Assessment and Feedback: School of Law First Year ReviewViewpoints, University of Ulster
 
Engineering Design & Development Project
Engineering Design & Development ProjectEngineering Design & Development Project
Engineering Design & Development ProjectDan Pfeiffer-Kelly
 
Usability testing through the decades
Usability testing through the decadesUsability testing through the decades
Usability testing through the decadesUX Firm, LLC
 
Lecture 1 Chapter 1 Introduction to OR.pdf
Lecture 1 Chapter 1 Introduction to OR.pdfLecture 1 Chapter 1 Introduction to OR.pdf
Lecture 1 Chapter 1 Introduction to OR.pdfVamshi962726
 
Design project 11 05-2016
Design project 11 05-2016Design project 11 05-2016
Design project 11 05-2016Benoit Robart
 
Interface prototyping 2014
Interface prototyping 2014Interface prototyping 2014
Interface prototyping 2014Mariana Salgado
 
Differences in-task-descriptions
Differences in-task-descriptionsDifferences in-task-descriptions
Differences in-task-descriptionsSameer Chavan
 

Similar to Dual t lucignano (20)

Biometry.docx
Biometry.docxBiometry.docx
Biometry.docx
 
Models
ModelsModels
Models
 
Tte 451 operations research fall 2021 part 1
Tte 451  operations research   fall 2021   part 1Tte 451  operations research   fall 2021   part 1
Tte 451 operations research fall 2021 part 1
 
Introducing ethnography to is practitioners with experiential pedagogy
Introducing ethnography to is practitioners with experiential pedagogyIntroducing ethnography to is practitioners with experiential pedagogy
Introducing ethnography to is practitioners with experiential pedagogy
 
UCD Awareness Research
UCD Awareness ResearchUCD Awareness Research
UCD Awareness Research
 
RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...
RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...
RIDE2013 presentation: Implications of Touch Technologies on Enhancing Teachi...
 
Investigating teachers' understanding of IMS Learning Design: Yes they can!
Investigating teachers' understanding of IMS Learning Design: Yes they can!Investigating teachers' understanding of IMS Learning Design: Yes they can!
Investigating teachers' understanding of IMS Learning Design: Yes they can!
 
Mixed Effects Models - Fixed Effects
Mixed Effects Models - Fixed EffectsMixed Effects Models - Fixed Effects
Mixed Effects Models - Fixed Effects
 
Calicut MCA Syllebus
Calicut MCA SyllebusCalicut MCA Syllebus
Calicut MCA Syllebus
 
Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...
Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...
Interactive Learning through Hands-on Practice using Electronic Mini - Lab (E...
 
natiaonal institue of design
natiaonal institue of designnatiaonal institue of design
natiaonal institue of design
 
Curriculum Design, Assessment and Feedback: School of Law First Year Review
Curriculum Design, Assessment and Feedback: School of Law First Year ReviewCurriculum Design, Assessment and Feedback: School of Law First Year Review
Curriculum Design, Assessment and Feedback: School of Law First Year Review
 
21idt.pdf
21idt.pdf21idt.pdf
21idt.pdf
 
Engineering Design & Development Project
Engineering Design & Development ProjectEngineering Design & Development Project
Engineering Design & Development Project
 
Usability testing through the decades
Usability testing through the decadesUsability testing through the decades
Usability testing through the decades
 
Lecture 1 Chapter 1 Introduction to OR.pdf
Lecture 1 Chapter 1 Introduction to OR.pdfLecture 1 Chapter 1 Introduction to OR.pdf
Lecture 1 Chapter 1 Introduction to OR.pdf
 
Design project 11 05-2016
Design project 11 05-2016Design project 11 05-2016
Design project 11 05-2016
 
Interface prototyping 2014
Interface prototyping 2014Interface prototyping 2014
Interface prototyping 2014
 
Differences in-task-descriptions
Differences in-task-descriptionsDifferences in-task-descriptions
Differences in-task-descriptions
 
Euro-CAT Ergonomic Evaluation
Euro-CAT Ergonomic EvaluationEuro-CAT Ergonomic Evaluation
Euro-CAT Ergonomic Evaluation
 

Recently uploaded

ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
MICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptxMICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptxabhijeetpadhi001
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxUnboundStockton
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 

Recently uploaded (20)

ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
MICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptxMICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptx
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 

Dual t lucignano

  • 1. ÉCOLE POLYTECHNIQUE FÉDÉRALE DE LAUSANNE Technologies for Vocational Education and Training A Comparison between Tangible UI and Graphical UI Lorenzo Lucignano 08/04/2014
  • 2. Problem • Develop a new activity which is – pragmatic, it helps to solve a real-world problem – grounded on the workspace context, the tool should mimic real tools • Keep it tangible!
  • 3. Research question • Which kinds of tasks well support the tangible interaction? – What happens when the physical-virtual correspondence changes during the task? • How do gaze patterns vary between physical objects and virtual 3D objects? Cutting Activity
  • 5. Experiment Setup • Task : Shaping the brick according to a physical model  Participants: 18 EPFL students, 2nd and 3th year MT and Mechanical Engineering Model 1 Model 2 Symmetry High Low Plausibility Usual Unusual
  • 6. Experiment Flow Questionnaire (age, gender, academic background…) Pretest •Mental Rotation (12 questions, 3 min) •Paper Folding (10 questions, 3 min) Demonstration Model 1Model 2Final Interview
  • 7. Results: Quality Quality Score: 1. the shape is completely different from the model 2. one major mistake, but making abstraction of it, the shape is recognized 3. shape is mostly correct 4. the shape is correct 5 raters -> inter-rater reliability 0.93 Model 1 Model 2
  • 9. Results: Number of Created Pieces Model 1 (F[1,16]=9.16,p=.008) Model 2 (F[1,16]=5.13,p=.037) Possible reason: users in tangible condition usually do not delete the pieces. They keep the reference with the brick.
  • 10. Results: Areas of interest in Gaze Analysis Shape or Model Brick Screen OBJ
  • 11. Results: % Dwells on the Model and their duration DUAL-T Advisory Board Model 1 (F[1,16]=5.45,p=.032) Model 2 (F[1,16]=7.93,p=.012) (F[1,16]=5.23,p=.036) (F[1,16]=6.66,p=.020)
  • 12. Results: Revisit Time on the Model Model 1 (F[1,16]=1.76,p=.202) Model 2 (F[1,16]=11.83,p=.003) •More dwells and longer durations might indicate a difficulty in extracting general information •Shorter revisit time can indicate a need of refreshing the working memory The tangible brick may influence positively the experience
  • 13. Results: Transitions Graph Model 1 Tangible Virtual Model Model
  • 14. Results: Transitions Graph Model 2 Tangible Virtual
  • 15. Conclusions Absence of significant difference in terms of quality and overall time performance Clues that the tangible interface affects the experience positively