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

Viewers also liked

Niels Delestinne masterproef eindpresentatie
Niels Delestinne masterproef eindpresentatieNiels Delestinne masterproef eindpresentatie
Niels Delestinne masterproef eindpresentatieNiels Delestinne
 
FSBP Masonry Magazine January 2015
FSBP Masonry Magazine January 2015FSBP Masonry Magazine January 2015
FSBP Masonry Magazine January 2015Carrie Frillman
 
Gamma Staircase | Rintal Monograph | Made in Italy stairs
Gamma Staircase | Rintal Monograph | Made in Italy stairsGamma Staircase | Rintal Monograph | Made in Italy stairs
Gamma Staircase | Rintal Monograph | Made in Italy stairsChiara Talenti
 
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...Javier Gutiérrez Abella
 
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’ cast...
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’   cast...Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’   cast...
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’ cast...Javier Gutiérrez Abella
 

Viewers also liked (11)

Task 8
Task 8 Task 8
Task 8
 
Mataram Kuno
Mataram KunoMataram Kuno
Mataram Kuno
 
Task 7
Task 7Task 7
Task 7
 
Niels Delestinne masterproef eindpresentatie
Niels Delestinne masterproef eindpresentatieNiels Delestinne masterproef eindpresentatie
Niels Delestinne masterproef eindpresentatie
 
FSBP Masonry Magazine January 2015
FSBP Masonry Magazine January 2015FSBP Masonry Magazine January 2015
FSBP Masonry Magazine January 2015
 
Eva
EvaEva
Eva
 
Guida rapida di dropbox
Guida rapida di dropboxGuida rapida di dropbox
Guida rapida di dropbox
 
Gamma Staircase | Rintal Monograph | Made in Italy stairs
Gamma Staircase | Rintal Monograph | Made in Italy stairsGamma Staircase | Rintal Monograph | Made in Italy stairs
Gamma Staircase | Rintal Monograph | Made in Italy stairs
 
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...
Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...Gigas destaca la flexibilidad y la reducción de costes que aporta el 'cloud' ...
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...
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’   cast...Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’   cast...
Desayuno de trabajo ‘cómo optimizar la digitalización de las empresas’ cast...
 
Task 3
Task 3 Task 3
Task 3
 

Similar to Niels delestinne masterproef_tussentijdse_presentatie_april

2. product usability & testing
2. product usability & testing2. product usability & testing
2. product usability & testingPrashanth Kumar
 
Synthesizing Knowledge from Software Development Artifacts
Synthesizing Knowledge from Software Development ArtifactsSynthesizing Knowledge from Software Development Artifacts
Synthesizing Knowledge from Software Development ArtifactsJeongwhan Choi
 
ISTQB Foundation - Chapter 2
ISTQB Foundation - Chapter 2ISTQB Foundation - Chapter 2
ISTQB Foundation - Chapter 2Chandukar
 
TuleapCon 2017-STMicroelectronics-Imaging-Division-Case-Study
TuleapCon 2017-STMicroelectronics-Imaging-Division-Case-StudyTuleapCon 2017-STMicroelectronics-Imaging-Division-Case-Study
TuleapCon 2017-STMicroelectronics-Imaging-Division-Case-StudyTuleap
 
ISTQB, ISEB Lecture Notes- 2
ISTQB, ISEB Lecture Notes- 2ISTQB, ISEB Lecture Notes- 2
ISTQB, ISEB Lecture Notes- 2onsoftwaretest
 
Hrishikesh_iitg_internship_report
Hrishikesh_iitg_internship_reportHrishikesh_iitg_internship_report
Hrishikesh_iitg_internship_reportHrishikesh Malakar
 
Experimentation Platform at Netflix
Experimentation Platform at NetflixExperimentation Platform at Netflix
Experimentation Platform at NetflixSteve Urban
 
ISTQB / ISEB Foundation Exam Practice - 2
ISTQB / ISEB Foundation Exam Practice - 2ISTQB / ISEB Foundation Exam Practice - 2
ISTQB / ISEB Foundation Exam Practice - 2Yogindernath Gupta
 
SWT2_tim.pptx
SWT2_tim.pptxSWT2_tim.pptx
SWT2_tim.pptxBnhT27
 
SDLC models testing
SDLC models testingSDLC models testing
SDLC models testingJadavsejal
 
MODELS USED IN SOFTWARE DEVELOPMENT
MODELS USED IN SOFTWARE DEVELOPMENTMODELS USED IN SOFTWARE DEVELOPMENT
MODELS USED IN SOFTWARE DEVELOPMENTPaYal Umraliya
 
2 approaches to system development
2 approaches to system development2 approaches to system development
2 approaches to system developmentcymark09
 
Testing software
Testing softwareTesting software
Testing softwareBlueTree5
 
CEN6070.1.Chapter10.1.ppt
CEN6070.1.Chapter10.1.pptCEN6070.1.Chapter10.1.ppt
CEN6070.1.Chapter10.1.pptMRDNI
 

Similar to Niels delestinne masterproef_tussentijdse_presentatie_april (20)

2. product usability & testing
2. product usability & testing2. product usability & testing
2. product usability & testing
 
Synthesizing Knowledge from Software Development Artifacts
Synthesizing Knowledge from Software Development ArtifactsSynthesizing Knowledge from Software Development Artifacts
Synthesizing Knowledge from Software Development Artifacts
 
ISTQB Foundation - Chapter 2
ISTQB Foundation - Chapter 2ISTQB Foundation - Chapter 2
ISTQB Foundation - Chapter 2
 
ITFT - Spiral model
ITFT -    Spiral modelITFT -    Spiral model
ITFT - Spiral model
 
Pawan111
Pawan111Pawan111
Pawan111
 
Petri for kyiv.pptx
Petri for kyiv.pptxPetri for kyiv.pptx
Petri for kyiv.pptx
 
TuleapCon 2017-STMicroelectronics-Imaging-Division-Case-Study
TuleapCon 2017-STMicroelectronics-Imaging-Division-Case-StudyTuleapCon 2017-STMicroelectronics-Imaging-Division-Case-Study
TuleapCon 2017-STMicroelectronics-Imaging-Division-Case-Study
 
Models.pptx
Models.pptxModels.pptx
Models.pptx
 
ISTQB, ISEB Lecture Notes- 2
ISTQB, ISEB Lecture Notes- 2ISTQB, ISEB Lecture Notes- 2
ISTQB, ISEB Lecture Notes- 2
 
Hrishikesh_iitg_internship_report
Hrishikesh_iitg_internship_reportHrishikesh_iitg_internship_report
Hrishikesh_iitg_internship_report
 
Experimentation Platform at Netflix
Experimentation Platform at NetflixExperimentation Platform at Netflix
Experimentation Platform at Netflix
 
ISTQB / ISEB Foundation Exam Practice - 2
ISTQB / ISEB Foundation Exam Practice - 2ISTQB / ISEB Foundation Exam Practice - 2
ISTQB / ISEB Foundation Exam Practice - 2
 
SWT2_tim.pptx
SWT2_tim.pptxSWT2_tim.pptx
SWT2_tim.pptx
 
SDLC models testing
SDLC models testingSDLC models testing
SDLC models testing
 
Spiral mode
Spiral modeSpiral mode
Spiral mode
 
rryghg.ppt
rryghg.pptrryghg.ppt
rryghg.ppt
 
MODELS USED IN SOFTWARE DEVELOPMENT
MODELS USED IN SOFTWARE DEVELOPMENTMODELS USED IN SOFTWARE DEVELOPMENT
MODELS USED IN SOFTWARE DEVELOPMENT
 
2 approaches to system development
2 approaches to system development2 approaches to system development
2 approaches to system development
 
Testing software
Testing softwareTesting software
Testing software
 
CEN6070.1.Chapter10.1.ppt
CEN6070.1.Chapter10.1.pptCEN6070.1.Chapter10.1.ppt
CEN6070.1.Chapter10.1.ppt
 

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.
  • 10.
  • 11.
  • 12. Recap Prototype 1: V3 • 100% digital prototype • Native Android application • Fully synchronized • Few elements hard coded • Data dynamically loaded and displayed from database
  • 14.
  • 15.
  • 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
  • 29.
  • 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

  1. Transformation from paper to digital successful!
  2. 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”