demo / noise /five.html
Hodfa71's picture
Interruption: 5 old vs 5 new (natural side sequence)
74af998 verified
Raw History Blame Contribute Delete
3.45 kB
<!doctype html>
<html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Interruption: old vs new (5 vs 5)</title>
<style>
:root { color-scheme: light dark; }
body { font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif; max-width: 900px;
margin: 2rem auto; padding: 0 1rem; line-height: 1.5; }
h1 { font-size: 1.4rem; } .lead { opacity: .82; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th,td { text-align: left; padding: .55rem .5rem; vertical-align: top; }
th { font-size: .78rem; opacity: .7; }
tr+tr td { border-top: 1px solid rgba(127,127,127,.15); }
.g { font-weight: 600; max-width: 220px; }
audio { width: 220px; height: 34px; }
.snr { font-size: .76rem; opacity: .7; margin-top: .3rem; }
</style></head><body>
<h1>Interruption: old vs new, 5 samples</h1>
<p class="lead">Same task instruction. <strong>Old</strong> is the released version:
a competing speaker overlaid on the user, who never stops, so it sounds like babble.
<strong>New</strong> is a natural interruption: the user is interrupted, answers, then
returns to the task. The task constraints survive the break.</p>
<table>
<tr><th>Task</th><th>Old (released)</th><th>New (natural side sequence)</th></tr>
<tr><td class="g">Pick up laptop and turn on lamp</td><td><audio controls preload="none" src="old_5/0.wav"></audio><div class="snr">overlay on continuous speech</div></td><td><audio controls preload="none" src="new_5/0.wav"></audio><div class="snr">&ldquo;Excuse me, your coffee is ready at the counter.&rdquo; &rarr; &ldquo;Oh, thanks, I will grab it in a second.&rdquo; &rarr; &ldquo;Sorry about that. Okay, so, where was I.&rdquo;</div></td></tr>
<tr><td class="g">Examine a laptop by the light of a tall lamp.</td><td><audio controls preload="none" src="old_5/1.wav"></audio><div class="snr">overlay on continuous speech</div></td><td><audio controls preload="none" src="new_5/1.wav"></audio><div class="snr">&ldquo;Sorry to bother you, is this your bag?&rdquo; &rarr; &ldquo;Yes it is, thank you.&rdquo; &rarr; &ldquo;Right, anyway, as I was saying.&rdquo;</div></td></tr>
<tr><td class="g">Examine a laptop using the light of a floor lamp.</td><td><audio controls preload="none" src="old_5/2.wav"></audio><div class="snr">overlay on continuous speech</div></td><td><audio controls preload="none" src="new_5/2.wav"></audio><div class="snr">&ldquo;Hey, your phone is ringing.&rdquo; &rarr; &ldquo;Let it go to voicemail, thanks.&rdquo; &rarr; &ldquo;Okay, sorry, back to it.&rdquo;</div></td></tr>
<tr><td class="g">Examine a computer by the light from a lamp.</td><td><audio controls preload="none" src="old_5/3.wav"></audio><div class="snr">overlay on continuous speech</div></td><td><audio controls preload="none" src="new_5/3.wav"></audio><div class="snr">&ldquo;Pardon me, can I get past?&rdquo; &rarr; &ldquo;Of course, go ahead.&rdquo; &rarr; &ldquo;So, where was I, right.&rdquo;</div></td></tr>
<tr><td class="g">Turn on the light while holding a laptop.</td><td><audio controls preload="none" src="old_5/4.wav"></audio><div class="snr">overlay on continuous speech</div></td><td><audio controls preload="none" src="new_5/4.wav"></audio><div class="snr">&ldquo;Quick question, are you in the line?&rdquo; &rarr; &ldquo;No, go ahead of me.&rdquo; &rarr; &ldquo;Sorry about that, continuing.&rdquo;</div></td></tr>
</table></body></html>