SlideShare uma empresa Scribd logo
1 de 1
Baixar para ler offline
A Comparative Study of Visual Cues for Annotation-Based
Navigation Support in Adaptive Educational Hypermedia
Roya Hosseini & Peter Brusilovsky
{roh38,peterb}@pitt.edu
Visual Cues in Past Work Annotation Design Choices The Study Findings
A2
A3
Knowledge-based Annotation
Recommendations
C1A1
C1A2
C1A3
C2A1
C2A2
C2A3
Task 1: Finding Least/Most Known Lines +
Task 3: Finding Recommended Lines +
Visual Cues Were Perceptually Different
User Preference Changed in Task Context
B1A1
B1A2
B1A3
B2A1
B2A2
B2A3
History-based Annotation
NavEx: Fillable Shape
Progressor: Red-to-Green Gradient
Mastery Grids: Green Color Intensities
WebEx: Check Mark Annotation
The plots show that the
percent of subjects
favoring a design
changed before and
after performing Task 1,
Task 2, and Task 3.
….
3
3.5
4
4.5
5
A1 A2 A3
3.5
4
4.5
5
B1 B2
3.5
4
4.5
5
C1 C2
20
40
60
80
Before After --
A1
A2
A3
20
40
60
80
100
Before After
B1
B2
C1
C2
The plots show
predictive margins of
designs’ preference
score with 95% CI, for
30 subjects.
Design A1, B2, and C2
received significantly
higher preference
scores compared to
other designs in their
group.
Preference score was
calculated by aggregating
responses over all
questions in each
questionnaire.
The top designs A1–
B2–C2 identified in out-
of-context evaluation
increased their
standing above other
designs during in-
context evaluation.
Task 2: Finding Clicked Lines +
A1
Most Efficient Design
Most Efficient Design
Most Efficient Design

Mais conteúdo relacionado

Destaque

Mooc as Connectivist Environment
Mooc as Connectivist EnvironmentMooc as Connectivist Environment
Mooc as Connectivist Environmentcarolyeager
 
Adaptive Educational Hypermedia
Adaptive Educational HypermediaAdaptive Educational Hypermedia
Adaptive Educational HypermediaAlaaZ
 
Massive Open Online Learning
Massive Open Online LearningMassive Open Online Learning
Massive Open Online Learningphylisebanner
 
From adaptive hypermedia to the adaptive Web
From adaptive hypermedia to the adaptive WebFrom adaptive hypermedia to the adaptive Web
From adaptive hypermedia to the adaptive WebPeter Brusilovsky
 
Adaptive Educational Hypermedia: From generation to generation
Adaptive Educational Hypermedia: From generation to generationAdaptive Educational Hypermedia: From generation to generation
Adaptive Educational Hypermedia: From generation to generationPeter Brusilovsky
 
Adaptive Navigation Support and Open Social Learner Modeling for PAL
Adaptive Navigation Support and Open Social Learner Modeling for PALAdaptive Navigation Support and Open Social Learner Modeling for PAL
Adaptive Navigation Support and Open Social Learner Modeling for PALPeter Brusilovsky
 
Adaptive Learning Environments
Adaptive Learning EnvironmentsAdaptive Learning Environments
Adaptive Learning Environmentstelss09
 
ورشة تطبيقات الواقع المعزز
ورشة تطبيقات الواقع المعززورشة تطبيقات الواقع المعزز
ورشة تطبيقات الواقع المعززnourah abdulrahman
 
Everything You Need To Know About MOOCs (Well Almost)
Everything You Need To Know About MOOCs (Well Almost)Everything You Need To Know About MOOCs (Well Almost)
Everything You Need To Know About MOOCs (Well Almost)Iain Doherty
 
عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية
عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية
عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية amanialdakhil
 

Destaque (15)

SIGCSE 2016
SIGCSE 2016SIGCSE 2016
SIGCSE 2016
 
Mooc as Connectivist Environment
Mooc as Connectivist EnvironmentMooc as Connectivist Environment
Mooc as Connectivist Environment
 
Adaptive Educational Hypermedia
Adaptive Educational HypermediaAdaptive Educational Hypermedia
Adaptive Educational Hypermedia
 
Massive Open Online Learning
Massive Open Online LearningMassive Open Online Learning
Massive Open Online Learning
 
From adaptive hypermedia to the adaptive Web
From adaptive hypermedia to the adaptive WebFrom adaptive hypermedia to the adaptive Web
From adaptive hypermedia to the adaptive Web
 
Adaptive Educational Hypermedia: From generation to generation
Adaptive Educational Hypermedia: From generation to generationAdaptive Educational Hypermedia: From generation to generation
Adaptive Educational Hypermedia: From generation to generation
 
Adaptive Navigation Support and Open Social Learner Modeling for PAL
Adaptive Navigation Support and Open Social Learner Modeling for PALAdaptive Navigation Support and Open Social Learner Modeling for PAL
Adaptive Navigation Support and Open Social Learner Modeling for PAL
 
Adaptive Learning Environments
Adaptive Learning EnvironmentsAdaptive Learning Environments
Adaptive Learning Environments
 
Holography
HolographyHolography
Holography
 
ورشة تطبيقات الواقع المعزز
ورشة تطبيقات الواقع المعززورشة تطبيقات الواقع المعزز
ورشة تطبيقات الواقع المعزز
 
Hologram technology
Hologram technologyHologram technology
Hologram technology
 
Hologram
HologramHologram
Hologram
 
MOOC presentation
MOOC presentationMOOC presentation
MOOC presentation
 
Everything You Need To Know About MOOCs (Well Almost)
Everything You Need To Know About MOOCs (Well Almost)Everything You Need To Know About MOOCs (Well Almost)
Everything You Need To Know About MOOCs (Well Almost)
 
عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية
عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية
عرض شبكات التواصل الاجتماعي وبيئات التعلم الشخصية
 

Semelhante a Hypertext 2016

Crowdsourcing Linked Data Quality Assessment
Crowdsourcing Linked Data Quality AssessmentCrowdsourcing Linked Data Quality Assessment
Crowdsourcing Linked Data Quality AssessmentMaribel Acosta Deibe
 
What Makes Graph Queries Difficult?
What Makes Graph Queries Difficult?What Makes Graph Queries Difficult?
What Makes Graph Queries Difficult?Gábor Szárnyas
 
Web Search - Lecture 10 - Web Information Systems (4011474FNR)
Web Search - Lecture 10 - Web Information Systems (4011474FNR)Web Search - Lecture 10 - Web Information Systems (4011474FNR)
Web Search - Lecture 10 - Web Information Systems (4011474FNR)Beat Signer
 
Exploiting Semantic Information for Graph-based Recommendations of Learning R...
Exploiting Semantic Information for Graph-based Recommendations of Learning R...Exploiting Semantic Information for Graph-based Recommendations of Learning R...
Exploiting Semantic Information for Graph-based Recommendations of Learning R...Mojisola Erdt née Anjorin
 
Ectel sem_info_rec_learning_resources_v6.0_20120921_ma
Ectel  sem_info_rec_learning_resources_v6.0_20120921_maEctel  sem_info_rec_learning_resources_v6.0_20120921_ma
Ectel sem_info_rec_learning_resources_v6.0_20120921_maMojisola Erdt née Anjorin
 

Semelhante a Hypertext 2016 (6)

Crowdsourcing Linked Data Quality Assessment
Crowdsourcing Linked Data Quality AssessmentCrowdsourcing Linked Data Quality Assessment
Crowdsourcing Linked Data Quality Assessment
 
Enase20.ppt
Enase20.pptEnase20.ppt
Enase20.ppt
 
What Makes Graph Queries Difficult?
What Makes Graph Queries Difficult?What Makes Graph Queries Difficult?
What Makes Graph Queries Difficult?
 
Web Search - Lecture 10 - Web Information Systems (4011474FNR)
Web Search - Lecture 10 - Web Information Systems (4011474FNR)Web Search - Lecture 10 - Web Information Systems (4011474FNR)
Web Search - Lecture 10 - Web Information Systems (4011474FNR)
 
Exploiting Semantic Information for Graph-based Recommendations of Learning R...
Exploiting Semantic Information for Graph-based Recommendations of Learning R...Exploiting Semantic Information for Graph-based Recommendations of Learning R...
Exploiting Semantic Information for Graph-based Recommendations of Learning R...
 
Ectel sem_info_rec_learning_resources_v6.0_20120921_ma
Ectel  sem_info_rec_learning_resources_v6.0_20120921_maEctel  sem_info_rec_learning_resources_v6.0_20120921_ma
Ectel sem_info_rec_learning_resources_v6.0_20120921_ma
 

Mais de Roya Hosseini

AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...
AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...
AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...Roya Hosseini
 
Java parser a fine grained indexing tool and its application
Java parser a fine grained indexing tool and its applicationJava parser a fine grained indexing tool and its application
Java parser a fine grained indexing tool and its applicationRoya Hosseini
 
Edm2014 investigating automated student modeling in a java mooc
Edm2014 investigating automated student modeling in a java moocEdm2014 investigating automated student modeling in a java mooc
Edm2014 investigating automated student modeling in a java moocRoya Hosseini
 
Kowledge zoom michelle
Kowledge zoom michelleKowledge zoom michelle
Kowledge zoom michelleRoya Hosseini
 
Ppig2014 problem solvingpaths
Ppig2014 problem solvingpathsPpig2014 problem solvingpaths
Ppig2014 problem solvingpathsRoya Hosseini
 

Mais de Roya Hosseini (8)

EC-TEL 2015
EC-TEL 2015EC-TEL 2015
EC-TEL 2015
 
AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...
AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...
AIED 2015 Poster- Off the Beaten Path: The Impact of Adaptive Content Sequenc...
 
Aied 2013
Aied 2013Aied 2013
Aied 2013
 
Java parser a fine grained indexing tool and its application
Java parser a fine grained indexing tool and its applicationJava parser a fine grained indexing tool and its application
Java parser a fine grained indexing tool and its application
 
Edm2014 investigating automated student modeling in a java mooc
Edm2014 investigating automated student modeling in a java moocEdm2014 investigating automated student modeling in a java mooc
Edm2014 investigating automated student modeling in a java mooc
 
Kowledge zoom michelle
Kowledge zoom michelleKowledge zoom michelle
Kowledge zoom michelle
 
Presentation
PresentationPresentation
Presentation
 
Ppig2014 problem solvingpaths
Ppig2014 problem solvingpathsPpig2014 problem solvingpaths
Ppig2014 problem solvingpaths
 

Último

100-Concepts-of-AI by Anupama Kate .pptx
100-Concepts-of-AI by Anupama Kate .pptx100-Concepts-of-AI by Anupama Kate .pptx
100-Concepts-of-AI by Anupama Kate .pptxAnupama Kate
 
Invezz.com - Grow your wealth with trading signals
Invezz.com - Grow your wealth with trading signalsInvezz.com - Grow your wealth with trading signals
Invezz.com - Grow your wealth with trading signalsInvezz1
 
CebaBaby dropshipping via API with DroFX.pptx
CebaBaby dropshipping via API with DroFX.pptxCebaBaby dropshipping via API with DroFX.pptx
CebaBaby dropshipping via API with DroFX.pptxolyaivanovalion
 
Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...
Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...
Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...Valters Lauzums
 
VidaXL dropshipping via API with DroFx.pptx
VidaXL dropshipping via API with DroFx.pptxVidaXL dropshipping via API with DroFx.pptx
VidaXL dropshipping via API with DroFx.pptxolyaivanovalion
 
Market Analysis in the 5 Largest Economic Countries in Southeast Asia.pdf
Market Analysis in the 5 Largest Economic Countries in Southeast Asia.pdfMarket Analysis in the 5 Largest Economic Countries in Southeast Asia.pdf
Market Analysis in the 5 Largest Economic Countries in Southeast Asia.pdfRachmat Ramadhan H
 
Edukaciniai dropshipping via API with DroFx
Edukaciniai dropshipping via API with DroFxEdukaciniai dropshipping via API with DroFx
Edukaciniai dropshipping via API with DroFxolyaivanovalion
 
Vip Model Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...
Vip Model  Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...Vip Model  Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...
Vip Model Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...shivangimorya083
 
Determinants of health, dimensions of health, positive health and spectrum of...
Determinants of health, dimensions of health, positive health and spectrum of...Determinants of health, dimensions of health, positive health and spectrum of...
Determinants of health, dimensions of health, positive health and spectrum of...shambhavirathore45
 
Cheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 night
Cheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 nightCheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 night
Cheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 nightDelhi Call girls
 
Midocean dropshipping via API with DroFx
Midocean dropshipping via API with DroFxMidocean dropshipping via API with DroFx
Midocean dropshipping via API with DroFxolyaivanovalion
 
Al Barsha Escorts $#$ O565212860 $#$ Escort Service In Al Barsha
Al Barsha Escorts $#$ O565212860 $#$ Escort Service In Al BarshaAl Barsha Escorts $#$ O565212860 $#$ Escort Service In Al Barsha
Al Barsha Escorts $#$ O565212860 $#$ Escort Service In Al BarshaAroojKhan71
 
Mature dropshipping via API with DroFx.pptx
Mature dropshipping via API with DroFx.pptxMature dropshipping via API with DroFx.pptx
Mature dropshipping via API with DroFx.pptxolyaivanovalion
 
Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...
Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...
Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...amitlee9823
 
FESE Capital Markets Fact Sheet 2024 Q1.pdf
FESE Capital Markets Fact Sheet 2024 Q1.pdfFESE Capital Markets Fact Sheet 2024 Q1.pdf
FESE Capital Markets Fact Sheet 2024 Q1.pdfMarinCaroMartnezBerg
 
Smarteg dropshipping via API with DroFx.pptx
Smarteg dropshipping via API with DroFx.pptxSmarteg dropshipping via API with DroFx.pptx
Smarteg dropshipping via API with DroFx.pptxolyaivanovalion
 
Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...
Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...
Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...amitlee9823
 
Ravak dropshipping via API with DroFx.pptx
Ravak dropshipping via API with DroFx.pptxRavak dropshipping via API with DroFx.pptx
Ravak dropshipping via API with DroFx.pptxolyaivanovalion
 
BPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptx
BPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptxBPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptx
BPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptxMohammedJunaid861692
 

Último (20)

100-Concepts-of-AI by Anupama Kate .pptx
100-Concepts-of-AI by Anupama Kate .pptx100-Concepts-of-AI by Anupama Kate .pptx
100-Concepts-of-AI by Anupama Kate .pptx
 
Invezz.com - Grow your wealth with trading signals
Invezz.com - Grow your wealth with trading signalsInvezz.com - Grow your wealth with trading signals
Invezz.com - Grow your wealth with trading signals
 
CebaBaby dropshipping via API with DroFX.pptx
CebaBaby dropshipping via API with DroFX.pptxCebaBaby dropshipping via API with DroFX.pptx
CebaBaby dropshipping via API with DroFX.pptx
 
Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...
Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...
Digital Advertising Lecture for Advanced Digital & Social Media Strategy at U...
 
VidaXL dropshipping via API with DroFx.pptx
VidaXL dropshipping via API with DroFx.pptxVidaXL dropshipping via API with DroFx.pptx
VidaXL dropshipping via API with DroFx.pptx
 
Market Analysis in the 5 Largest Economic Countries in Southeast Asia.pdf
Market Analysis in the 5 Largest Economic Countries in Southeast Asia.pdfMarket Analysis in the 5 Largest Economic Countries in Southeast Asia.pdf
Market Analysis in the 5 Largest Economic Countries in Southeast Asia.pdf
 
Abortion pills in Doha Qatar (+966572737505 ! Get Cytotec
Abortion pills in Doha Qatar (+966572737505 ! Get CytotecAbortion pills in Doha Qatar (+966572737505 ! Get Cytotec
Abortion pills in Doha Qatar (+966572737505 ! Get Cytotec
 
Edukaciniai dropshipping via API with DroFx
Edukaciniai dropshipping via API with DroFxEdukaciniai dropshipping via API with DroFx
Edukaciniai dropshipping via API with DroFx
 
Vip Model Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...
Vip Model  Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...Vip Model  Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...
Vip Model Call Girls (Delhi) Karol Bagh 9711199171✔️Body to body massage wit...
 
Determinants of health, dimensions of health, positive health and spectrum of...
Determinants of health, dimensions of health, positive health and spectrum of...Determinants of health, dimensions of health, positive health and spectrum of...
Determinants of health, dimensions of health, positive health and spectrum of...
 
Cheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 night
Cheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 nightCheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 night
Cheap Rate Call girls Sarita Vihar Delhi 9205541914 shot 1500 night
 
Midocean dropshipping via API with DroFx
Midocean dropshipping via API with DroFxMidocean dropshipping via API with DroFx
Midocean dropshipping via API with DroFx
 
Al Barsha Escorts $#$ O565212860 $#$ Escort Service In Al Barsha
Al Barsha Escorts $#$ O565212860 $#$ Escort Service In Al BarshaAl Barsha Escorts $#$ O565212860 $#$ Escort Service In Al Barsha
Al Barsha Escorts $#$ O565212860 $#$ Escort Service In Al Barsha
 
Mature dropshipping via API with DroFx.pptx
Mature dropshipping via API with DroFx.pptxMature dropshipping via API with DroFx.pptx
Mature dropshipping via API with DroFx.pptx
 
Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...
Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...
Call Girls Indiranagar Just Call 👗 7737669865 👗 Top Class Call Girl Service B...
 
FESE Capital Markets Fact Sheet 2024 Q1.pdf
FESE Capital Markets Fact Sheet 2024 Q1.pdfFESE Capital Markets Fact Sheet 2024 Q1.pdf
FESE Capital Markets Fact Sheet 2024 Q1.pdf
 
Smarteg dropshipping via API with DroFx.pptx
Smarteg dropshipping via API with DroFx.pptxSmarteg dropshipping via API with DroFx.pptx
Smarteg dropshipping via API with DroFx.pptx
 
Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...
Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...
Chintamani Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore ...
 
Ravak dropshipping via API with DroFx.pptx
Ravak dropshipping via API with DroFx.pptxRavak dropshipping via API with DroFx.pptx
Ravak dropshipping via API with DroFx.pptx
 
BPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptx
BPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptxBPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptx
BPAC WITH UFSBI GENERAL PRESENTATION 18_05_2017-1.pptx
 

Hypertext 2016

  • 1. A Comparative Study of Visual Cues for Annotation-Based Navigation Support in Adaptive Educational Hypermedia Roya Hosseini & Peter Brusilovsky {roh38,peterb}@pitt.edu Visual Cues in Past Work Annotation Design Choices The Study Findings A2 A3 Knowledge-based Annotation Recommendations C1A1 C1A2 C1A3 C2A1 C2A2 C2A3 Task 1: Finding Least/Most Known Lines + Task 3: Finding Recommended Lines + Visual Cues Were Perceptually Different User Preference Changed in Task Context B1A1 B1A2 B1A3 B2A1 B2A2 B2A3 History-based Annotation NavEx: Fillable Shape Progressor: Red-to-Green Gradient Mastery Grids: Green Color Intensities WebEx: Check Mark Annotation The plots show that the percent of subjects favoring a design changed before and after performing Task 1, Task 2, and Task 3. …. 3 3.5 4 4.5 5 A1 A2 A3 3.5 4 4.5 5 B1 B2 3.5 4 4.5 5 C1 C2 20 40 60 80 Before After -- A1 A2 A3 20 40 60 80 100 Before After B1 B2 C1 C2 The plots show predictive margins of designs’ preference score with 95% CI, for 30 subjects. Design A1, B2, and C2 received significantly higher preference scores compared to other designs in their group. Preference score was calculated by aggregating responses over all questions in each questionnaire. The top designs A1– B2–C2 identified in out- of-context evaluation increased their standing above other designs during in- context evaluation. Task 2: Finding Clicked Lines + A1 Most Efficient Design Most Efficient Design Most Efficient Design