SlideShare a Scribd company logo
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

More Related Content

PDF
Internet Of Things (November – 2018) [Choice Based | Question Paper]
PDF
Next Generation Technologies (November – 2018) [Choice Based | Question Paper]
PDF
Advanced Web Programming (November – 2018) [Choice Based | Question Paper]
PDF
Artificial Intelligence (November – 2018) [Choice Based | Question Paper]
PPTX
Using line-based Voronoi cells in GIS
PDF
Enterprise Java (November – 2018) [Choice Based | Question Paper]
PDF
Software Project Management (November – 2018) [Choice Based | Question Paper]
PDF
Linux System Administration (November – 2018) [Choice Based | Question Paper]
Internet Of Things (November – 2018) [Choice Based | Question Paper]
Next Generation Technologies (November – 2018) [Choice Based | Question Paper]
Advanced Web Programming (November – 2018) [Choice Based | Question Paper]
Artificial Intelligence (November – 2018) [Choice Based | Question Paper]
Using line-based Voronoi cells in GIS
Enterprise Java (November – 2018) [Choice Based | Question Paper]
Software Project Management (November – 2018) [Choice Based | Question Paper]
Linux System Administration (November – 2018) [Choice Based | Question Paper]

Viewers also liked (15)

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

Similar to Hypertext 2016 (14)

PDF
Addictive links, Keynote talk at WWW 2014 workshop
PPTX
Comparative Evaluation of Two Interface Tools in Performing Visual Analytics ...
PDF
The User Side of Personalization: How Personalization Affects the Users
PDF
Web Survey and Forms Usability Design & Testing
PDF
Learnable and Expressive Visualization Authoring through Blended Interfaces
PDF
Addictive links: Adaptive Navigation Support in College-Level Courses
PPTX
Mastery Grids: An Open Source Social Educational Progress Visualization
PDF
Recsys14 int rs_vassileva
PPTX
AB4Web: An On-Line A/B Tester for Comparing User Interface Design Alternatives
PPTX
Human-Centered AI in AI-ED - Keynote at AAAI 2022 AI for Education workshop
PPSX
Paper Presentation: Data Mining User Preference in Interactive Multimedia
PDF
User-Centered Research on the Paying for College Website and Tools - EDUI 2014
PDF
Mixed-initiative recommender systems: towards a next generation of recommende...
PPTX
LAK '17 Trends and issues in student-facing learning analytics reporting sys...
Addictive links, Keynote talk at WWW 2014 workshop
Comparative Evaluation of Two Interface Tools in Performing Visual Analytics ...
The User Side of Personalization: How Personalization Affects the Users
Web Survey and Forms Usability Design & Testing
Learnable and Expressive Visualization Authoring through Blended Interfaces
Addictive links: Adaptive Navigation Support in College-Level Courses
Mastery Grids: An Open Source Social Educational Progress Visualization
Recsys14 int rs_vassileva
AB4Web: An On-Line A/B Tester for Comparing User Interface Design Alternatives
Human-Centered AI in AI-ED - Keynote at AAAI 2022 AI for Education workshop
Paper Presentation: Data Mining User Preference in Interactive Multimedia
User-Centered Research on the Paying for College Website and Tools - EDUI 2014
Mixed-initiative recommender systems: towards a next generation of recommende...
LAK '17 Trends and issues in student-facing learning analytics reporting sys...
Ad

More from Roya Hosseini (8)

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

Recently uploaded (20)

PDF
Mega Projects Data Mega Projects Data
PPT
Miokarditis (Inflamasi pada Otot Jantung)
PPTX
climate analysis of Dhaka ,Banglades.pptx
PPT
Reliability_Chapter_ presentation 1221.5784
PPT
Quality review (1)_presentation of this 21
PDF
Recruitment and Placement PPT.pdfbjfibjdfbjfobj
PDF
Foundation of Data Science unit number two notes
PDF
annual-report-2024-2025 original latest.
PPTX
Introduction to Basics of Ethical Hacking and Penetration Testing -Unit No. 1...
PPTX
Qualitative Qantitative and Mixed Methods.pptx
PDF
Fluorescence-microscope_Botany_detailed content
PPTX
Introduction to Firewall Analytics - Interfirewall and Transfirewall.pptx
PPTX
Introduction to Knowledge Engineering Part 1
PDF
Galatica Smart Energy Infrastructure Startup Pitch Deck
PPTX
1_Introduction to advance data techniques.pptx
PPTX
ALIMENTARY AND BILIARY CONDITIONS 3-1.pptx
PPTX
Supervised vs unsupervised machine learning algorithms
PDF
BF and FI - Blockchain, fintech and Financial Innovation Lesson 2.pdf
PPTX
advance b rammar.pptxfdgdfgdfsgdfgsdgfdfgdfgsdfgdfgdfg
PPTX
mbdjdhjjodule 5-1 rhfhhfjtjjhafbrhfnfbbfnb
Mega Projects Data Mega Projects Data
Miokarditis (Inflamasi pada Otot Jantung)
climate analysis of Dhaka ,Banglades.pptx
Reliability_Chapter_ presentation 1221.5784
Quality review (1)_presentation of this 21
Recruitment and Placement PPT.pdfbjfibjdfbjfobj
Foundation of Data Science unit number two notes
annual-report-2024-2025 original latest.
Introduction to Basics of Ethical Hacking and Penetration Testing -Unit No. 1...
Qualitative Qantitative and Mixed Methods.pptx
Fluorescence-microscope_Botany_detailed content
Introduction to Firewall Analytics - Interfirewall and Transfirewall.pptx
Introduction to Knowledge Engineering Part 1
Galatica Smart Energy Infrastructure Startup Pitch Deck
1_Introduction to advance data techniques.pptx
ALIMENTARY AND BILIARY CONDITIONS 3-1.pptx
Supervised vs unsupervised machine learning algorithms
BF and FI - Blockchain, fintech and Financial Innovation Lesson 2.pdf
advance b rammar.pptxfdgdfgdfsgdfgsdgfdfgdfgsdfgdfgdfg
mbdjdhjjodule 5-1 rhfhhfjtjjhafbrhfnfbbfnb

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