Commit 2d38780d authored by Lukas Hindemith's avatar Lukas Hindemith
Browse files

Improve slides

parent f1981e0c
......@@ -31,18 +31,27 @@
</section>
<section>
<h2>Content</h2>
<ul class="">
<!--ul class="">
<li>Research Topic</li>
<li>Scientific Background</li>
<li>Improving Mental Models I</li>
<li>Robot Control Architecture</li>
<li>Improving Mental Models II</li>
<li><em>Error Recognition Study</em></li>
<li>Comprehensible Control Architecture</li>
<li><em>Simulation Study</em></li>
<li>Perspectives</li>
</ul>
</ul-->
<div class="r-stack">
<img class="fragment fade-out r-stretch" data-fragment-index="1" src="media/content_timeline/content_timeline.svg">
<img class="fragment fade-in-then-out r-stretch" data-fragment-index="1" src="media/content_timeline/content_timeline_highlight_rq.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/content_timeline/content_timeline_highlight_sb.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/content_timeline/content_timeline_highlight_s1.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/content_timeline/content_timeline_highlight_ca.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/content_timeline/content_timeline_highlight_s2.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/content_timeline/content_timeline_highlight_cp.svg">
</div>
</section>
<section>
<section>
<h2 class="r-fit-text">Research Topic</h2>
<img class="r-stretch"src="media/content_timeline/content_timeline_rq.svg">
</section>
<section>
......@@ -102,18 +111,18 @@
<section>
<section>
<h2 class="r-fit-text">Scientific Background</h2>
<img class="r-stretch"src="media/content_timeline/content_timeline_sb.svg">
</section>
<section>
<h2>Mental Models</h2>
<span class="citation">James K Doyle and David N Ford. “Mental models concepts for system dynamics research”. In: System dynamics review: the journal of the System Dynamics Society 14.1 (1998), pp. 3-29.</span>
<div class="r-stack">
<span class="fragment fade-in-then-out citation">James K Doyle and David N Ford. “Mental models concepts for system dynamics research”. In: System dynamics review: the journal of the System Dynamics Society 14.1 (1998), pp. 3-29.</span>
<img class="fragment fade-in-then-out r-stretch" src="media/mm/mental_model_1.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/mm/mental_model_2.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/mm/mental_model_3.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/mm/mental_model_4.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/mm/mental_model_5.svg">
<img class="fragment fade-out r-stretch" style="height: 80%" data-fragment-index="1" src="media/mm/mental_model_1.svg">
<img class="fragment fade-in-then-out r-stretch" style="height: 80%" data-fragment-index="1" src="media/mm/mental_model_2.svg">
<img class="fragment fade-in-then-out r-stretch" style="height: 80%" src="media/mm/mental_model_3.svg">
<img class="fragment fade-in-then-out r-stretch" style="height: 80%" src="media/mm/mental_model_4.svg">
<img class="fragment fade-in-then-out r-stretch" style="height: 80%" src="media/mm/mental_model_5.svg">
</div>
</section>
<section>
......@@ -168,17 +177,26 @@
</section>
<section>
<section>
<h2 class="r-fit-text">RQ1: How can the mental model of naive users be improved?</h2>
</section>
<section>
<h2 class="r-fit-text">Communication of Technical Concepts</h2>
<img class="r-stretch"src="media/content_timeline/content_timeline_s1.svg">
</section>
<section>
<h2>System Insights for Improved Comprehension</h2>
<h2 class="r-fit-text">Comprehension through System Insights</h2>
<div class="side_by_side">
<div>
<h4>Relevance level</h4>
</div>
<div class="r-stack">
<img class="fragment fade-out r-stretch" data-fragment-index="1" src="media/study1/relevance_level_2.svg">
<img class="fragment fade-in-then-out r-stretch" data-fragment-index="1" src="media/study1/architecture_level_2.svg">
<img class="fragment fade-in-then-out r-stretch" data-fragment-index="2" src="media/study1/architecture_level_transparency_2.svg">
</div>
<div>
<h4 class="fragment" data-fragment-index="1">Architecture level</h4>
</div>
</div>
<span class="fragment highlight" data-fragment-index="2">&rArr; Transparency</span>
<!--div class="side_by_side">
<div style="float:left;">
Relevance Level<br>
image of human and robot (behavior)
......@@ -187,7 +205,7 @@
Architecture Level<br>
image of human and robot (technical insights)
</div>
</div>
</div-->
<div class="citations">
<span class="citation">Iyad Rahwan et al. “Machine behaviour”. In: Nature 568.7753 (2019),pp. 477-486.</span><br>
<span class="citation">Carsten Schulte and Lea Budde. “A Framework for Computing Education: Hybrid Interaction System: The need for a bigger picture in
......@@ -195,24 +213,26 @@
</div>
</section>
<section>
<h2>Ways to Communicate Architecture Insights</h2>
<h2>Approaches</h2>
<div class="side_by_side">
<div style="float:left">
Initial Shaping of the Mental Model
<div>
Initial Mental Model
<ul>
<li>First contact with a robot</li>
<li>Influence of previous experiences</li>
<li>Priming as Method to form the right mindset</li>
&rArr; <span class="highlight">Instruction</span>
<li class="fragment" data-fragment-index="1">Previous experiences</li>
<li class="fragment" data-fragment-index="2">Priming shapes mindset</li>
</ul>
<div class="fragment fade-up" data-fragment-index="3">&rArr; <span class="highlight">Instruction</span></div>
<img class="fragment fade-up" data-fragment-index="3" style="width:85%;" src="media/study1/instructional_video.svg">
</div>
<div style="float:right">
Shaping Mental Models during the Interaction
<div>
Development over Time
<ul>
<li>Convey technical concepts</li>
<li>Communication of inner processes</li>
&rArr; <span class="highlight">Process Visualization</span>
<li class="fragment" data-fragment-index="4">Wrong assumptions</li>
<li class="fragment" data-fragment-index="5">Communication of inner processes</li>
</ul>
<div class="fragment fade-up" data-fragment-index="6">&rArr; <span class="highlight">Process Visualization</span></div>
<img class="fragment fade-up" data-fragment-index="6" style="width:85%;" src="media/study1/visualization_approach.svg">
</div>
</div>
</section>
......@@ -230,62 +250,85 @@
<h2>Scenario</h2>
<ul>
<li>Interactive Object learning</li>
<li>Utilized Concepts:
<ul>
<li>Object Recognition</li>
<li>Speech Processing</li>
<li>Speech Synthesis</li>
<li>Behavior Control</li>
</ul>
</li>
<!--Add Images for each concept-->
<li>Utilized Concepts:</li>
</ul>
<div class="side_by_side">
<div class="fragment fade-in-then-semi-out">
Object Recognition<br>
<img class="r-stretch" src="media/icons/scan.svg">
</div>
<div class="fragment fade-in-then-semi-out">
Speech Processing<br>
<img class="r-stretch" src="media/icons/mic.svg">
</div>
<div class="fragment fade-in-then-semi-out">
Speech Synthesis<br>
<img class="r-stretch" src="media/icons/speaker.svg">
</div>
<div class="fragment fade-in-then-semi-out">
Behavior Control<br>
<img class="r-stretch" src="media/icons/sm.svg">
</div>
</div>
</section>
<section>
<h2>Instruction - Goal</h2>
<ul>
<li>Introduce technical concepts <span class="highlight">explicitly</span></li>
<li>Reduce false assumptions</li>
<li>Priming towards a technical mindset</li>
</ul>
<div class="side_by_side">
<ul>
<li>Introduce concepts <span class="highlight">explicitly</span></li>
<li>Reduce false assumptions</li>
<li>Priming technical mindset</li>
</ul>
<img style="width:30%;" src="media/study1/instructional_video.svg">
</div>
</section>
<section>
<h2>Instruction - Realization</h2>
<ul>
<li>Architecture instruction video</li>
<li>Visualization of Robot</li>
<li>Technical Wording</li>
<li>One information at a time</li>
<li>Introduce <span class="highlight">Hardware</span> and <span class="highlight">Software</span></li>
</ul>
<!--Add sample frame-->
<img style="width:60%" src="media/study1/study1_robot_camera.svg">
</section>
<section>
<video data-autoplay src="media/study1/instruction_cam_example.mp4"></video>
</section>
<section>
<h2>Process Visualization - Goal</h2>
<ul>
<li>Visualize inner processes <span class="highlight">indirectly</span></li>
<li>Inform but not disturb interaction</li>
<li>Comprehensibility and intuitiveness</li>
</ul>
<h2>Visualization - Goal</h2>
<div class="side_by_side">
<ul>
<li>Visualize inner processes <span class="highlight">indirectly</span></li>
<li>Inform but not disturb interaction</li>
<li>Comprehensibility and intuitiveness</li>
</ul>
<img style="width:30%;" src="media/study1/visualization_approach.svg">
</div>
</section>
<section>
<h2>Process Visualization - Realization</h2>
<h2>Visualization - Realization</h2>
<div class="r-stack">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_vis_video.png">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_object_recognition.png">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_robot_chatbox.png">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/kiranshastry_icons.pdf">
<img class="fragment fade-out" data-fragment-index="1" style="height:70%;" src="media/study1/s1_vis_video.png">
<img class="fragment fade-in-then-out" data-fragment-index="1" style="height:70%;" src="media/study1/s1_object_recognition.png">
<img class="fragment fade-in-then-out" style="height:70%;" src="media/study1/s1_robot_chatbox.png">
<img class="fragment fade-in-then-out" style="height:70%;" src="media/study1/kiranshastry_icons.svg">
</div>
</section>
<section>
<h2>Hypotheses</h2>
<ol>
<li>Hypothesis 1: Providing architectural concepts allows users to gain more knowledge about the functionality of a robot.</li>
<li>Hypothesis 2: Insights into the architecture of a robot increases the ability to recognize and explain occuring error in HRI.</li>
<li>Hypothesis 3: Technical concepts differ in terms of their familiarity and perceivability. These factors influence the user's ability to recognize and understand problems in HRI.</li>
<li class="fragment semi-fade-out" data-fragment-index="1">Providing architectural concepts allows users to gain more knowledge about the functionality of a robot.</li>
<li class="fragment fade-in-then-semi-out" data-fragment-index="1">Insights into the architecture of a robot increases the ability to recognize and explain occuring error in HRI.</li>
<li class="fragment fade-in-then-semi-out">Technical concepts differ in terms of their <span class="highlight">familiarity</span> and <span class="highlight">perceivability</span>. These factors influence the user's ability to recognize and understand problems in HRI.</li>
</ol>
</section>
......@@ -294,20 +337,29 @@
<img class="r-stretch" src="media/study1/study1_timeline.svg">
</section>
<section>
<video data-autoplay src="media/study1/working_interaction.mp4"></video>
</section>
<section>
<h2>Erroneous Interaction Videos</h2>
<div class="r-stack">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_interaction.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_no_object.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_failed_speech.svg">
<img class="fragment fade-in-then-out r-stretch" src="media/study1/s1_failed_sm.svg">
<!--Convert images to white; Show one of the videos!-->
<div class="side_by_side">
<ul style="line-height:250%">
<li class="fragment semi-fade-out" data-fragment-index="1">Wrong marker orientation (<em>No Object</em>)</li>
<li class="fragment fade-in-then-semi-out" data-fragment-index="1">Wrong command (<em>Failed Speech</em>)</li>
<li class="fragment fade-in-then-semi-out" data-fragment-index="2">Wrong action order (<em>Failed SM</em>)</li>
</ul>
<div class="r-stack">
<img class="fragment fade-out r-stretch" data-fragment-index="1" src="media/study1/s1_no_object.svg">
<img class="fragment fade-in-then-out r-stretch" data-fragment-index="1" src="media/study1/s1_failed_speech.svg">
<img class="fragment fade-in-then-out r-stretch" data-fragment-index="2" src="media/study1/s1_failed_sm.svg">
<!--Convert images to white; Show one of the videos!-->
</div>
</div>
</section>
<section>
<h2>Error Recognition Study</h2>
<h3>Results</h3>
<h2>Results</h2>
</section>
<section>
......@@ -322,35 +374,55 @@
<section>
<h2>Hypothesis 1</h2>
<h3>Providing architectural concepts allows users to gain more knowledge about the functionality of a robot</h3>
<h3 class="r-fit-text">Providing architectural concepts allows users to gain more knowledge about the functionality of a robot</h3>
</section>
<section>
<h2>Hypothesis 1</h2>
<div class="fragment side_by_side">
<ul>
<div class="r-stack">
<ul class="fragment fade-out" data-fragment-index="4">
<li class="fragment fade-out" data-fragment-index="1"><em>Instr, Instr+Vis</em> > <em>Baseline, Vis</em></li>
<li class="fragment fade-in-then-semi-out" data-fragment-index="1">Microphone: <em>Instr</em>, <em>Instr+Vis</em> > <em>Baseline, Vis</em></li>
<li class="fragment fade-in-then-semi-out" data-fragment-index="3">PTU: <em>Instr</em> > <em>Baseline, Vis</em> </li>
</ul>
<div class="fragment fade-in" data-fragment-index="4">
<ul class="fragment fade-out" data-fragment-index="7">
<li class="fragment fade-in-then-semi-out" data-fragment-index="5">No Significance for components</li>
<li class="fragment fade-in-then-semi-out" data-fragment-index="6">Speech Synth.: <em>Vis</em> > <em>Instr</em></li>
</ul>
</div>
<ul class="fragment fade-in" data-fragment-index="8">
<li class="fragment fade-in" data-fragment-index="8">Architecture insights knowledge about unfamiliar hardware components</li>
<li class="fragment fade-in" data-fragment-index="9">No observation for software components</li>
</ul>
</div>
<!--ul>
<li>Instr and Instr+Vis mentioned more components than Baseline and Vis</li>
<li>Instr and Instr+Vis mentioned microphone component more frequently than Baseline and Vis</li>
<li>Instr mentiond PTU more frquently than Baseline and Vis</li>
<li>No significant difference for software components</li>
<li>Speech synthesis was mentioned by Vis more than by Instr and tendency for Instr+Vis</li>
<li>--> Participants with architecture instruction video could name more hardware features</li>
<li> Participants with architecture instruction video could name more hardware features</li>
</ul>
<ul>
<li>Architecture insights increases knowledge about unfamiliar hardware components (microphone, PTU)</li>
<li>Not true for software components -> Instr mentioned fewer software components (overload of information for hardware.)</li>
</ul>
</ul-->
<div class="r-stack">
<img class="fragment fade-in-then-out r-stretch rotate90" src="media/study1/hw_num_mentioned.svg">
<img class="fragment fade-in-then-out r-stretch rotate90" src="media/study1/hardware_stats_perc.svg">
<img class="fragment fade-in-then-out r-stretch rotate90" src="media/study1/sw_num_mentioned.svg">
<img class="fragment fade-in-then-out r-stretch rotate90" src="media/study1/software_stats_perc.svg">
<img class="fragment fade-out" data-fragment-index="2" style="height:60%" src="media/study1/hw_num_mentioned.svg">
<div class="fragment fade-in" data-fragment-index="2">
<img class="fragment fade-out" data-fragment-index="4" style="height:60%" src="media/study1/hardware_stats_perc.svg">
</div>
<div class="fragment fade-in" data-fragment-index="4">
<img class="fragment fade-in-then-out" data-fragment-index="6" style="height:60%" src="media/study1/sw_num_mentioned.svg">
</div>
<img class="fragment fade-in" data-fragment-index="6" style="height:60%" src="media/study1/software_stats_perc.svg">
</div>
</div>
</section>
<section>
<h2>Hypothesis 2</h2>
<h3>Insights into the architecture of a robot increases the ability to recognize and explain occuring error in HRI.</h3>
<h3 class="r-fit-text">Insights into the architecture of a robot increases the ability to recognize and explain occuring error in HRI.</h3>
</section>
<section>
<h2>Hypothesis 2</h2>
......@@ -367,7 +439,7 @@
<section>
<h2>Hypothesis 3</h2>
<h3>Technical concepts differ in terms of their familiarity and perceivability. These factors influence the user's ability to recognize and understand problems in HRI.</h3>
<h3 class="r-fit-text">Technical concepts differ in terms of their familiarity and perceivability. These factors influence the user's ability to recognize and understand problems in HRI.</h3>
</section>
<section>
<h2>Hypothesis 3</h2>
......@@ -416,8 +488,9 @@
<section>
<section>
<h2>Comprehensible Robot Control Architecture</h2>
<img class="r-stretch"src="media/content_timeline/content_timeline_ca.svg">
</section>
<section>
<h2>Theory Of Mind</h2>
<ul>
......@@ -496,8 +569,9 @@
<section>
<section>
<h2>Simulation Study</h2>
<img class="r-stretch"src="media/content_timeline/content_timeline_s2.svg">
</section>
<section>
<h2>Approaches to improve user's mental model</h2>
<ul>
......@@ -596,9 +670,10 @@
<section>
<section>
<h2>Contributions and Perspectives</h2>
<img class="r-stretch"src="media/content_timeline/content_timeline_cp.svg">
</section>
<section>
<h2>Research Question 1</h2>
<h3>How can naive users' mental models of robots be improved?</h3>
......@@ -665,6 +740,7 @@
Reveal.initialize({
hash: true,
slideNumber: 'c/t',
autoPlayMedia: true,
// center: false,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment