SlideShare a Scribd company logo
1 of 33
Download to read offline
Online News Videos
The UX of Subtitle PositionMichael Crabb
Robert Gordon University
Rhianne Jones
BBC R&D
Mike Armstrong
BBC R&D
Chris Hughes
BBC R&D
In todays news, there is nothing really
important going on and everything is fine.
Nothing to worry about at all
caution
subtitles ahead
256millionvisitors per week
within below
small
large
chat Chit
chat?
Chit Chat
Chit!
Aesthetics
Involvement
Attention
FamiliarityUsefulness
Usability
endurability
Aesthetics
Involvement
Attention
FamiliarityUsefulness
Usability
endurability
Aesthetics
Involvement
Attention
FamiliarityUsefulness
Usability
endurability
within video below video
Aesthetics
Involvement
Attention
FamiliarityUsefulness
Usability
endurability
Small Video Large Video
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
“I prefer having the subtitles underneath the
footage. It’s not super imposed on the image it
seems more like part of the image “
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
“I’d know better if I was to spend a week
watching and trying this out “
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
I much prefer having the subtitles below the
screen because you’re not missing anything.
“They are almost integrated and you are
paying attention to both things [subtitles
and video content] at once. “
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
“As you get older your peripheral vision shrinks,
and for that reason having it compact is better.
Having subtitles underneath I have to move
around a lot more”
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
“I think that below is more apparent, but it
doesn’t show off to my eyes as muCh“
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
When things are moving around in the background
behind the subtitles it can be difficult, it’s hard
to use.
Aesthetics
Involvement
Attention
Familiarity
Usefulness
Usability
endurability
“it felt a bit more natural. It was still weird
seeing it not hovering like it normally is with the
white writing over the picture “
ALTERNATIVE
Subtitle Position
I’m used to reading it along the bottom but
I'd prefer it at the top. If the kids are in the
way I don’t need to get them to move I can
just look at the top.
“I don’t want to seem really picky because
subtitles are subtitles”
“when you’re deaf and you’re used to being
deaf, just having any subtitles at all is a big
improvement so I’m not too fussy “
ONE
Positioning subtitles below a video clip in a web
browser, rather than within the video, leads to
an increase in user experience
TWO
Personalisation of subtitle position is viewed
positively by participants.
THREE
The UX of Subtitled Video Content can only be
measured when users believe that adequate
access to subtitles exists.
Online News Videos
The UX of Subtitle PositionMichael Crabb
Robert Gordon University
Rhianne Jones
BBC R&D
Mike Armstrong
BBC R&D
Chris Hughes
BBC R&D

More Related Content

Viewers also liked

Gbm 381 final exam
Gbm 381 final examGbm 381 final exam
Gbm 381 final exam
1012khkknk
 

Viewers also liked (12)

Industry Leaders Share Their Best Advice To Step Up Inbound Marketing In 2017
Industry Leaders Share Their Best Advice To Step Up Inbound Marketing In 2017Industry Leaders Share Their Best Advice To Step Up Inbound Marketing In 2017
Industry Leaders Share Their Best Advice To Step Up Inbound Marketing In 2017
 
Bdd atdd sbe_tdd_ddd_published
Bdd atdd sbe_tdd_ddd_publishedBdd atdd sbe_tdd_ddd_published
Bdd atdd sbe_tdd_ddd_published
 
Elements of Good Design
Elements of Good DesignElements of Good Design
Elements of Good Design
 
Beyond usability: Designing with persuasive patterns
Beyond usability: Designing with persuasive patternsBeyond usability: Designing with persuasive patterns
Beyond usability: Designing with persuasive patterns
 
UX Nights Vol 03.05: Creación de sistemas de telemedicina basados en un mod...
UX Nights Vol 03.05:  Creación de sistemas de telemedicina basados en un mod...UX Nights Vol 03.05:  Creación de sistemas de telemedicina basados en un mod...
UX Nights Vol 03.05: Creación de sistemas de telemedicina basados en un mod...
 
こだわり条件
こだわり条件こだわり条件
こだわり条件
 
4 inf l_2015_ua
4 inf l_2015_ua4 inf l_2015_ua
4 inf l_2015_ua
 
Gbm 381 final exam
Gbm 381 final examGbm 381 final exam
Gbm 381 final exam
 
Ft 25019-bonito del norte en aceite de oliva olmeda origenes
Ft 25019-bonito del norte en aceite de oliva olmeda origenesFt 25019-bonito del norte en aceite de oliva olmeda origenes
Ft 25019-bonito del norte en aceite de oliva olmeda origenes
 
INCREASE YOUR PRODUCTIVITY BY OUTSOURCING LIFE
INCREASE YOUR PRODUCTIVITY BY OUTSOURCING LIFEINCREASE YOUR PRODUCTIVITY BY OUTSOURCING LIFE
INCREASE YOUR PRODUCTIVITY BY OUTSOURCING LIFE
 
Tweet or Twitt - Twitter 101
Tweet or Twitt - Twitter 101Tweet or Twitt - Twitter 101
Tweet or Twitt - Twitter 101
 
презентация рдкм
презентация рдкмпрезентация рдкм
презентация рдкм
 

Similar to Online News Videos - The UX of Subtitle Position (12)

Video Continued
Video ContinuedVideo Continued
Video Continued
 
Factual Research pro forma.pptx
Factual Research pro forma.pptxFactual Research pro forma.pptx
Factual Research pro forma.pptx
 
Video in the english language classroom
Video in the english language classroomVideo in the english language classroom
Video in the english language classroom
 
Ppt0000000
Ppt0000000Ppt0000000
Ppt0000000
 
vbnghjghj
vbnghjghjvbnghjghj
vbnghjghj
 
Video Planning Guide - GENERIC (1).pptx
Video Planning Guide - GENERIC (1).pptxVideo Planning Guide - GENERIC (1).pptx
Video Planning Guide - GENERIC (1).pptx
 
My Evaluation!
My Evaluation!My Evaluation!
My Evaluation!
 
2. Research - new idea (1).pptx
2. Research - new idea (1).pptx2. Research - new idea (1).pptx
2. Research - new idea (1).pptx
 
Question 4 - Media Technologies
Question 4 - Media TechnologiesQuestion 4 - Media Technologies
Question 4 - Media Technologies
 
Factual Evaluation
Factual EvaluationFactual Evaluation
Factual Evaluation
 
Digital citizenship presentation
Digital citizenship presentationDigital citizenship presentation
Digital citizenship presentation
 
Updated Storyboard
Updated StoryboardUpdated Storyboard
Updated Storyboard
 

More from Mike Crabb

More from Mike Crabb (20)

Hard to Reach Users in Easy to Reach Places
Hard to Reach Users in Easy to Reach PlacesHard to Reach Users in Easy to Reach Places
Hard to Reach Users in Easy to Reach Places
 
Accessible and Assistive Interfaces
Accessible and Assistive InterfacesAccessible and Assistive Interfaces
Accessible and Assistive Interfaces
 
Accessible Everyone
Accessible EveryoneAccessible Everyone
Accessible Everyone
 
The Peer Review Process
The Peer Review ProcessThe Peer Review Process
The Peer Review Process
 
Managing Quality In Qualitative Research
Managing Quality In Qualitative ResearchManaging Quality In Qualitative Research
Managing Quality In Qualitative Research
 
Analysing Qualitative Data
Analysing Qualitative DataAnalysing Qualitative Data
Analysing Qualitative Data
 
Conversation Discourse and Document Analysis
Conversation Discourse and Document AnalysisConversation Discourse and Document Analysis
Conversation Discourse and Document Analysis
 
Ethnographic and Observational Research
Ethnographic and Observational ResearchEthnographic and Observational Research
Ethnographic and Observational Research
 
Doing Focus Groups
Doing Focus GroupsDoing Focus Groups
Doing Focus Groups
 
Doing Interviews
Doing InterviewsDoing Interviews
Doing Interviews
 
Designing Qualitative Research
Designing Qualitative ResearchDesigning Qualitative Research
Designing Qualitative Research
 
Introduction to Accessible Design
Introduction to Accessible DesignIntroduction to Accessible Design
Introduction to Accessible Design
 
Accessible Everyone
Accessible EveryoneAccessible Everyone
Accessible Everyone
 
Texture and Glyph Design
Texture and Glyph DesignTexture and Glyph Design
Texture and Glyph Design
 
Pattern Perception and Map Design
Pattern Perception and Map DesignPattern Perception and Map Design
Pattern Perception and Map Design
 
Dealing with Enterprise Level Data
Dealing with Enterprise Level DataDealing with Enterprise Level Data
Dealing with Enterprise Level Data
 
Using Cloud in an Enterprise Environment
Using Cloud in an Enterprise EnvironmentUsing Cloud in an Enterprise Environment
Using Cloud in an Enterprise Environment
 
Teaching Cloud to the Programmers of Tomorrow
Teaching Cloud to the Programmers of TomorrowTeaching Cloud to the Programmers of Tomorrow
Teaching Cloud to the Programmers of Tomorrow
 
Sql Injection and XSS
Sql Injection and XSSSql Injection and XSS
Sql Injection and XSS
 
Forms and Databases in PHP
Forms and Databases in PHPForms and Databases in PHP
Forms and Databases in PHP
 

Recently uploaded

Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 

Recently uploaded (20)

Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 

Online News Videos - The UX of Subtitle Position