Promoter:
Prof. Dr. Ir. Erik Duval
Mentor:
Sven Charleer
Niels Delestinne
MSc in Applied Informatics
nielsdelestinne.wordpress.com
“Second screen”
application for
nature
documentaries
01/04/2015
1. Goal of this thesis
2. Recap
3. Progress (since last presentation)
4. Planning
5. Statistics
6. Demo
Table of contents
T307: description
With this thesis we investigate whether users can gain added value by using a
second screen application when watching a nature documentary on TV.
Design, develop and evaluate the impact on the user of (a) second screen
application(s).
Goal of this thesis
Research question / Problem definition
Goal of this thesis
Creating added value and increasing
the interaction without negatively
affecting the viewing experience.
1. Goal of this thesis
2. Recap
3. Progress (since last presentation)
4. Planning
5. Statistics
6. Demo
Table of contents
Prototype 1
Main ideas
• Synchronization with a Planet Earth episode.
• Receive information-blocks while watching an
episode.
• The information should be related to what is
shown on the episode, but also unseen / new.
• Rewatch information-blocks from previously
watched episodes.
Recap
Prototype 1: V1
• Started out with
sketches on paper.
• Helped to decide which
features were (not)
useful.
Recap
Recap
Prototype 1: V2
• In an effort to make the evaluation a
more realistic experience for the
participants, InVision was used to
create a semi-digital prototype.
• Buttons
• Swipe & Touch
• Timed screen changes
• Viewable on a tablet
• For the same reason,
GIF animations were added.
Recap
Prototype 1: V2
Niels delestinne masterproef_tussentijdse_presentatie_april
Niels delestinne masterproef_tussentijdse_presentatie_april
Recap
Prototype 1: V3
• 100% digital prototype
• Native Android application
• Fully synchronized
• Few elements hard coded
• Data dynamically loaded and
displayed from database
Recap
Prototype 1: V3
Niels delestinne masterproef_tussentijdse_presentatie_april
Niels delestinne masterproef_tussentijdse_presentatie_april
Prototype 1: V2
Evaluation results
Evaluating the usability and usefulness was the main
goal of this evaluation.
5 participants: ranging from 20 to 23
years old.
Average SUS of 73: the lowest being
60, the highest 87,5
Recap
Prototype 1: V3
Evaluation results
The Main goal of this evaluation was to check the
usability, usefulness and aesthetic qualities of the
prototype.
5 participants: ranging from 20 to 56
years old.
Average SUS of 82,5 the lowest being
77,5 the highest 92,5
1. Goal of this thesis
2. Recap
3. Progress (since last presentation)
4. Planning
5. Statistics
6. Demo
Table of contents
Progress
Feedback from last presentation
• Remark “And what about communicating
from the tablet to the TV?”
• Had me thinking
• What is typical for nature
documentaries?
• A new idea was born!
Prototype 2
Main ideas
• Fragmentize the documentary
• Let the user decide what he wants to see
• Increase control / interaction
• Instead of only consuming, allow “producing”
Progress
Progress
Prototype 2: V1
• Paper prototype
• 2 modes
• Mode 1“Live viewing mode”
• Documentary starts playing
• Different fragments are tracked
& shown
• User can skip to other fragments
• Mode 2 “Storyboard mode”
• User selects a set of fragments
(creates a storyboard)
• User plays the selected fragments
Progress
Prototype 2: V1
Mode 1“Live viewing mode”
Progress
Prototype 2: V1
Mode 2 “Storyboard mode”
• Drag & drop
• Multiple select
Progress
Prototype 2: V1
Mode 2 “Storyboard mode”
• Drag & drop
• Multiple select
Progress
Prototype 2: V1
Evaluation results
Focus on usability. The participants were asked to
perform certain tasks which were described in a
scenario. Both modes were evaluated.
5 participants: ranging from 20 to 56
years old.
Mode 1
Average SUS of 76: the lowest being
60, the highest 87,5
Mode 2
Average SUS of 91,5: the lowest
being 87,5, the highest 92,5
76
91.5
AVG SUS MODE 1 AVG SUS MODE 2
Progress
Prototype 2: V2
• Digital prototype
• “Storyboard” mode extended with functionality
of the “live viewing” mode
• Create a storyboard using multiple select
• TV-prototype
Progress
Prototype 2: V2
TV-prototype
Realistic setting for evaluation means more reliable
feedback
Creation of TV-prototype
• Amazon web services
• S3
• SNS
• SQS
• RTMP Streaming server (Cloudfront)
• JWplayer
• Javascript / AJAX
• PHP
Prototype 2: V2
Core functionalities
Select fragments in the order you want / create a
storyboard
Progress
Remove fragments from the storyboard
Play the created storyboard
Keep track of your selected fragments while your
storyboard is playing on TV
View which fragment of your storyboard is
currently playing
Fully synchronized with the TV-prototype
Progress
Prototype 2: V2
Niels delestinne masterproef_tussentijdse_presentatie_april
Prototype 2: V2
Evaluation results
The Main goal of this evaluation was to check the
usability, usefulness and aesthetic qualities of the
prototype.
5 participants: ranging from 19 to 55
years old.
Average SUS of 92 the lowest being
87,5the highest 95
Progress
91.5 92
AVG SUS PROTOTYPE 2
- V1
AVG SUS PROTOTYPE 2
- V2
Progress
Prototype 2: V3
• More interaction, “means of control” required
• Implementing “TV-remote functionality”
• Required to update the second-screen
prototype as well as the TV-prototype
Prototype 2: V3
Core functionalities
Play / pause a fragment
Progress
Next / previous fragment
Configure, update your storyboard
Mute / unmute the audio
Adjust the volume
Complete synchronization between second-
screen prototype and TV-prototype
Prototype 2: V3
The control-bar
All new functionalities are
grouped inside the control-
bar
Progress
Prototype 2: V3
Evaluation results
The Main goal of this evaluation was to check the
usability, usefulness and aesthetic qualities of the
prototype and to check if the new functionalities
were well received.
5 participants: ranging from 20 to 56
years old.
Average SUS of 90 the lowest being
85the highest 95
Progress
91.5 92 90
AVG SUS
PROTOTYPE 2 -
V1
AVG SUS
PROTOTYPE 2 -
V2
AVG SUS
PROTOTYPE 2 -
V3
Prototype 3
Main idea
• Combine the information-blocks from prototype 1
with the fragmentation & control functionality of
prototype 2.
• Consume & produce
Motivation
• Create an overall better application
• Eliminate problems with prototype 1
• E.g. distraction
Progress
Progress
Prototype 3: V1
The demo will feature this prototype
Progress
Overview of the prototypes
Prototype 1
V1
Prototype 1
V2
Prototype 2
V1
Prototype 2
V2
Prototype 2
V3
Prototype 3
V1
Prototype 1
V3
1. Goal of this thesis
2. Recap
3. Progress (since last presentation)
4. Planning
5. Statistics
6. Demo
Table of contents
6 JUN22 MAY
14 APR –
22 MAY
Now - 14
APR
Hand in thesis.Writing and finishing draft
thesis-text.
Hand in draft thesis-text.Preparing evaluation of final
prototype (3: V1). Evaluating
prototype 3: V1.
Process results of
evaluation.
Planning
END OF
JUN
Defending the thesis.
1. Goal of this thesis
2. Recap
3. Progress (since last presentation)
4. Planning
5. Statistics
6. Demo
Table of contents
Blog posts created.
Reactions made by me
Statistics
The Wordpress statistics
40
63
Hours worked,
and counting.
Statistics
The Toggl statistics
Very accurately tracked the time
Which is 213 hours more
compared to last time.
355
Expected
score:
16/20
Demo
Questions?

More Related Content

PPTX
Masterproef tussentijdse presentatie november
PPTX
Task 5
PPT
shekspeare
DOC
Restrictive physical interventions (1)
PDF
Ctdlgt
RTF
American Revolution Research Report
PPTX
Question 6
PDF
Elephant Valley: Love Tested
Masterproef tussentijdse presentatie november
Task 5
shekspeare
Restrictive physical interventions (1)
Ctdlgt
American Revolution Research Report
Question 6
Elephant Valley: Love Tested

Viewers also liked (11)

PPTX
Task 8
PPTX
Mataram Kuno
DOCX
Task 7
PDF
Niels Delestinne masterproef eindpresentatie
PDF
FSBP Masonry Magazine January 2015
PPT
PDF
Guida rapida di dropbox
PDF
Gamma Staircase | Rintal Monograph | Made in Italy stairs
PDF
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...
PDF
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’ cast...
DOCX
Task 3
Task 8
Mataram Kuno
Task 7
Niels Delestinne masterproef eindpresentatie
FSBP Masonry Magazine January 2015
Guida rapida di dropbox
Gamma Staircase | Rintal Monograph | Made in Italy stairs
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’ cast...
Task 3
Ad

Similar to Niels delestinne masterproef_tussentijdse_presentatie_april (20)

PDF
COMP 4026 Lecture3 Prototyping and Evaluation
PDF
TP Vision final
PPT
prototyping-chap-03.ppt
PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PDF
Prototyping & User Testing
PPT
Interface prototyping 2014
PDF
Maduf10 Mobile Tv Or Tv On Mobile An Jacobs En Dirk Bollen
PDF
Prototyping Experiences for Connected Products
PDF
Prototyping for knowledge based entrepreneurship
PPTX
Share shark
PDF
MHIT 603: Lecture 3 - Prototyping Tools
PPTX
Prototyping
PDF
IE 535: Improving Smartphone Interactions During Vehicle Operation prototype ...
PPTX
Home mess systems- Prototype 2 & Evaluation
PPT
10Prototyping.ppt
PPTX
Early Software Prototyping for Usability tests using low cost tools for tea...
PPTX
Prototyping
PDF
Guide presentation aegis-fp7-projects-round_table_2011-11-30_v0.1
DOCX
203CR Portfolio 2 UCD
PDF
NoTube: BBC show case
COMP 4026 Lecture3 Prototyping and Evaluation
TP Vision final
prototyping-chap-03.ppt
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Prototyping & User Testing
Interface prototyping 2014
Maduf10 Mobile Tv Or Tv On Mobile An Jacobs En Dirk Bollen
Prototyping Experiences for Connected Products
Prototyping for knowledge based entrepreneurship
Share shark
MHIT 603: Lecture 3 - Prototyping Tools
Prototyping
IE 535: Improving Smartphone Interactions During Vehicle Operation prototype ...
Home mess systems- Prototype 2 & Evaluation
10Prototyping.ppt
Early Software Prototyping for Usability tests using low cost tools for tea...
Prototyping
Guide presentation aegis-fp7-projects-round_table_2011-11-30_v0.1
203CR Portfolio 2 UCD
NoTube: BBC show case
Ad

Niels delestinne masterproef_tussentijdse_presentatie_april

  • 1. Promoter: Prof. Dr. Ir. Erik Duval Mentor: Sven Charleer Niels Delestinne MSc in Applied Informatics nielsdelestinne.wordpress.com “Second screen” application for nature documentaries 01/04/2015
  • 2. 1. Goal of this thesis 2. Recap 3. Progress (since last presentation) 4. Planning 5. Statistics 6. Demo Table of contents
  • 3. T307: description With this thesis we investigate whether users can gain added value by using a second screen application when watching a nature documentary on TV. Design, develop and evaluate the impact on the user of (a) second screen application(s). Goal of this thesis
  • 4. Research question / Problem definition Goal of this thesis Creating added value and increasing the interaction without negatively affecting the viewing experience.
  • 5. 1. Goal of this thesis 2. Recap 3. Progress (since last presentation) 4. Planning 5. Statistics 6. Demo Table of contents
  • 6. Prototype 1 Main ideas • Synchronization with a Planet Earth episode. • Receive information-blocks while watching an episode. • The information should be related to what is shown on the episode, but also unseen / new. • Rewatch information-blocks from previously watched episodes. Recap
  • 7. Prototype 1: V1 • Started out with sketches on paper. • Helped to decide which features were (not) useful. Recap
  • 8. Recap Prototype 1: V2 • In an effort to make the evaluation a more realistic experience for the participants, InVision was used to create a semi-digital prototype. • Buttons • Swipe & Touch • Timed screen changes • Viewable on a tablet • For the same reason, GIF animations were added.
  • 12. Recap Prototype 1: V3 • 100% digital prototype • Native Android application • Fully synchronized • Few elements hard coded • Data dynamically loaded and displayed from database
  • 16. Prototype 1: V2 Evaluation results Evaluating the usability and usefulness was the main goal of this evaluation. 5 participants: ranging from 20 to 23 years old. Average SUS of 73: the lowest being 60, the highest 87,5 Recap Prototype 1: V3 Evaluation results The Main goal of this evaluation was to check the usability, usefulness and aesthetic qualities of the prototype. 5 participants: ranging from 20 to 56 years old. Average SUS of 82,5 the lowest being 77,5 the highest 92,5
  • 17. 1. Goal of this thesis 2. Recap 3. Progress (since last presentation) 4. Planning 5. Statistics 6. Demo Table of contents
  • 18. Progress Feedback from last presentation • Remark “And what about communicating from the tablet to the TV?” • Had me thinking • What is typical for nature documentaries? • A new idea was born!
  • 19. Prototype 2 Main ideas • Fragmentize the documentary • Let the user decide what he wants to see • Increase control / interaction • Instead of only consuming, allow “producing” Progress
  • 20. Progress Prototype 2: V1 • Paper prototype • 2 modes • Mode 1“Live viewing mode” • Documentary starts playing • Different fragments are tracked & shown • User can skip to other fragments • Mode 2 “Storyboard mode” • User selects a set of fragments (creates a storyboard) • User plays the selected fragments
  • 21. Progress Prototype 2: V1 Mode 1“Live viewing mode”
  • 22. Progress Prototype 2: V1 Mode 2 “Storyboard mode” • Drag & drop • Multiple select
  • 23. Progress Prototype 2: V1 Mode 2 “Storyboard mode” • Drag & drop • Multiple select
  • 24. Progress Prototype 2: V1 Evaluation results Focus on usability. The participants were asked to perform certain tasks which were described in a scenario. Both modes were evaluated. 5 participants: ranging from 20 to 56 years old. Mode 1 Average SUS of 76: the lowest being 60, the highest 87,5 Mode 2 Average SUS of 91,5: the lowest being 87,5, the highest 92,5 76 91.5 AVG SUS MODE 1 AVG SUS MODE 2
  • 25. Progress Prototype 2: V2 • Digital prototype • “Storyboard” mode extended with functionality of the “live viewing” mode • Create a storyboard using multiple select • TV-prototype
  • 26. Progress Prototype 2: V2 TV-prototype Realistic setting for evaluation means more reliable feedback Creation of TV-prototype • Amazon web services • S3 • SNS • SQS • RTMP Streaming server (Cloudfront) • JWplayer • Javascript / AJAX • PHP
  • 27. Prototype 2: V2 Core functionalities Select fragments in the order you want / create a storyboard Progress Remove fragments from the storyboard Play the created storyboard Keep track of your selected fragments while your storyboard is playing on TV View which fragment of your storyboard is currently playing Fully synchronized with the TV-prototype
  • 30. Prototype 2: V2 Evaluation results The Main goal of this evaluation was to check the usability, usefulness and aesthetic qualities of the prototype. 5 participants: ranging from 19 to 55 years old. Average SUS of 92 the lowest being 87,5the highest 95 Progress 91.5 92 AVG SUS PROTOTYPE 2 - V1 AVG SUS PROTOTYPE 2 - V2
  • 31. Progress Prototype 2: V3 • More interaction, “means of control” required • Implementing “TV-remote functionality” • Required to update the second-screen prototype as well as the TV-prototype
  • 32. Prototype 2: V3 Core functionalities Play / pause a fragment Progress Next / previous fragment Configure, update your storyboard Mute / unmute the audio Adjust the volume Complete synchronization between second- screen prototype and TV-prototype
  • 33. Prototype 2: V3 The control-bar All new functionalities are grouped inside the control- bar Progress
  • 34. Prototype 2: V3 Evaluation results The Main goal of this evaluation was to check the usability, usefulness and aesthetic qualities of the prototype and to check if the new functionalities were well received. 5 participants: ranging from 20 to 56 years old. Average SUS of 90 the lowest being 85the highest 95 Progress 91.5 92 90 AVG SUS PROTOTYPE 2 - V1 AVG SUS PROTOTYPE 2 - V2 AVG SUS PROTOTYPE 2 - V3
  • 35. Prototype 3 Main idea • Combine the information-blocks from prototype 1 with the fragmentation & control functionality of prototype 2. • Consume & produce Motivation • Create an overall better application • Eliminate problems with prototype 1 • E.g. distraction Progress
  • 37. The demo will feature this prototype
  • 38. Progress Overview of the prototypes Prototype 1 V1 Prototype 1 V2 Prototype 2 V1 Prototype 2 V2 Prototype 2 V3 Prototype 3 V1 Prototype 1 V3
  • 39. 1. Goal of this thesis 2. Recap 3. Progress (since last presentation) 4. Planning 5. Statistics 6. Demo Table of contents
  • 40. 6 JUN22 MAY 14 APR – 22 MAY Now - 14 APR Hand in thesis.Writing and finishing draft thesis-text. Hand in draft thesis-text.Preparing evaluation of final prototype (3: V1). Evaluating prototype 3: V1. Process results of evaluation. Planning
  • 42. 1. Goal of this thesis 2. Recap 3. Progress (since last presentation) 4. Planning 5. Statistics 6. Demo Table of contents
  • 43. Blog posts created. Reactions made by me Statistics The Wordpress statistics 40 63
  • 44. Hours worked, and counting. Statistics The Toggl statistics Very accurately tracked the time Which is 213 hours more compared to last time. 355
  • 46. Demo

Editor's Notes

  • #31: Transformation from paper to digital successful!
  • #36: Distraction: “Difficult to know when to watch to TV, when to Second screen” “reading / watching info on second screen makes me miss out on stuff on the TV”