Decker Quizzes
A Guide to Creating Memorable Presentations
September 22, 2025
Samantha Monty
Chair for Human-Computer Interaction, University of Würzburg

Table of Contents

Quizzes

Add real-time quizzes to Decker presentations in the form of multiple-choice questions, free-text questions, insert choice questions and matching items.

Syntax

Add a question in a level 2 header, followed by a quiz class in brackets. Responses are added as list items below the question. Add an X in the brackets of correct responses. Tool tips are added as nested list items and appear when the response is selected. Correct responses turn green, incorrect responses turn red.

## What does HCI stand for? {.qmc}
  - [ ] Human Computer Industry
    - Does HCI just benefit industries?
  - [X] Human Computer Interaction
  - [ ] Human Computer Interface
  - [ ] Human Computer Implementation

Multiple Choice

Syntax

Class: .quiz-multiple-choice, .quiz-mc, .qmc

## {.qmc} 

What does HCI stand for?

  - [ ] Human Computer Industry
    - Does HCI just benefit industries?
  - [X] Human Computer Interaction
  - [ ] Human Computer Interface
  - [ ] Human Computer Implementation

Result

What does HCI stand for?

  • Human Computer Industry
    Does HCI just benefit industries?

  • Human Computer Interaction
  • Human Computer Interface
  • Human Computer Implementation

Multiple Choice Example

Syntax

## {.qmc}
What is **not** a mathematical operation?

- [ ] (x + y)
  - Wrong: This is simple addition.
- [ ] (x - y)
  - Wrong: This is simple subtraction.
- [x] (x ^ y)
  - Correct: This is bitwise XOR, a logical operation.
- [ ] (x * y)
  - Wrong: This is simple multiplication

Result

What is not a mathematical operation?

  • (x + y)
    Wrong: This is simple addition.
  • (x - y)
    Wrong: This is simple subtraction.
  • (x ^ y)
    Correct: This is bitwise XOR, a logical operation.
  • (x * y)
    Wrong: This is simple multiplication

Multiple Choice with Math

Syntax

What is $A \times B$?

- [x] $\begin{pmatrix}1 & 2 & 3\\4 & 5 & 6\\7 & 8 & 9\end{pmatrix}$
- [ ] $\begin{pmatrix}a & b & c\\d & e & f\\g & h & i\end{pmatrix}$
- [ ] $\begin{pmatrix}1 & 0 & 0\\0 & 1 & 0\\0 & 0 & 1\end{pmatrix}$

Result

What is \(A \times B\)?

  • \(\begin{pmatrix}1 & 2 & 3\\4 & 5 & 6\\7 & 8 & 9\end{pmatrix}\)
  • \(\begin{pmatrix}a & b & c\\d & e & f\\g & h & i\end{pmatrix}\)
  • \(\begin{pmatrix}1 & 0 & 0\\0 & 1 & 0\\0 & 0 & 1\end{pmatrix}\)

Multiple Choice with Image

In the example below an image appears in the place of question text.

Syntax

## {.qmc}

Who is this?

![](/img/marc.jpg){width=30%}

- [x] Latoschik
- [ ] Lugrin

Result

Who is this?

img/marc.jpg
  • Latoschik
  • Lugrin

Free-Text

Class: .quiz-free-text, .quiz-ft, .qft

Syntax

## {.qft}
What's the first letter in the alphabet?
- [X] A
- [X] a

## {.qft}
What did you eat for dinner today?
- [x] Mensa
- [x] Pizza

## {.qft}
Convert this fraction into a decimal 
value: $\frac{1}{3}$
- [x] 0,3
- [x] 0,33
- [x] 0,333

Result

What’s the first letter in the alphabet?

  • A
  • a

What did you eat for dinner today?

  • Mensa
  • Pizza

Convert this fraction into a decimal value: \(\frac{1}{3}\)

  • 0,3
  • 0,33
  • 0,333

Insert Choice

Class: .quiz-insert-choices, .quiz-ic, .qic

Syntax

## {.qic}

- [X] A
  - of course
- [ ] B 
  - uhm ...

is the first letter in the ABC. The second one is

- [X] B
  - yep

Result

  • A
    of course
  • B
    uhm …
is the first letter in the ABC. The second one is
  • B
    yep

Insert Choice with Placeholders

Syntax

::: {.qic}

Complete this sentence:
The [#1] brown fox [#2] the lazy dog.

- [ ] fuzzy
- [x] quick
- [ ] energetic

---

- [ ] targets
- [ ] flattens
- [x] jumps over
:::

Result

Complete this sentence: The [#1] brown fox [#2] the lazy dog.
  • fuzzy
  • quick
  • energetic
  • targets
  • flattens
  • jumps over

Matching Questions

Class: .quiz-match-items, .quiz-mi, .qmi.

Options that don’t belong to a bucket are entered in a category with !:

Syntax

## {.qmi}

These people work in HCI:
: ![](/img/marc.jpg){width=85px}
: ![](/img/jll.jpg){width=85px}

These are Muppets:
: ![](/img/kermit.jpg){width=85px}
: Fozzy Bear

!
: This is just a distraction.

Empty Bucket
: !

Result

See next slide.

Who belongs where?

img/marc.jpg
img/jll.jpg
img/kermit.jpg
Fozzy Bear
This is just a distraction.
These people work in HCI:
These are Muppets:
Empty Bucket

Matching with Long Text

Syntax

## {.qmi}

Interrupt Handler
: Zeitgeberbausteingesteuerte Unterbrechungsroutine

Mountpoint
: Befestigung

First-Come-First-Served
: Windhundverfahren

Result

Zeitgeberbausteingesteuerte Unterbrechungsroutine
Befestigung
Windhundverfahren
Interrupt Handler
Mountpoint
First-Come-First-Served

Matching with Options

Syntax

## {.qmi}

[Interrupt Handler]{.accent3}
: Zeitgeberbausteingesteuerte Unterbrechungsroutine

[Mountpoint]{.accent4}
: Befestigung

[First-Come-First-Served]{.accent5}
: Windhundverfahren

Address Space Layout
: Adressraumbelegungsplan

Interrupt Line
: Störleitung

Transaction Mode
: Teilhaberbetrieb

Result

See next slide.

Match the items

Zeitgeberbausteingesteuerte Unterbrechungsroutine
Befestigung
Windhundverfahren
Adressraumbelegungsplan
Störleitung
Teilhaberbetrieb
Interrupt Handler
Mountpoint
First-Come-First-Served
Address Space Layout
Interrupt Line
Transaction Mode

Matching with Math

Syntax

## {.qmi}

$\int ||\vec{d}_{uuu}||^2 + \ldots + ||\vec{d}_{www}||^2$
: $\phi(r)=r^3$
: $\Delta^3\vec{d}=\vec{0}$

$\int ||\vec{d}_{uu}||^2 + \ldots + ||\vec{d}_{ww}||^2$
: $\phi(r)=r$
: $\Delta^2\vec{d}=\vec{0}$

$\int ||\vec{d}_{u}||^2 + \ldots + ||\vec{d}_{w}||^2$
: $\phi(r)=\frac{1}{r}$
: $\Delta\vec{d}=\vec{0}$

Result

\(\phi(r)=r^3\)
\(\Delta^3\vec{d}=\vec{0}\)
\(\phi(r)=r\)
\(\Delta^2\vec{d}=\vec{0}\)
\(\phi(r)=\frac{1}{r}\)
\(\Delta\vec{d}=\vec{0}\)
\(\int ||\vec{d}_{uuu}||^2 + \ldots + ||\vec{d}_{www}||^2\)
\(\int ||\vec{d}_{uu}||^2 + \ldots + ||\vec{d}_{ww}||^2\)
\(\int ||\vec{d}_{u}||^2 + \ldots + ||\vec{d}_{w}||^2\)

Mixed Quizzes

## {.qmc} 

What does HCI stand for?

  - [ ] Human Computer Industry
    - Does HCI just benefit industries?
  - [X] Human Computer Interaction
  - [ ] Human Computer Interface
  - [ ] Human Computer Implementation

## {.qft}
Convert into a decimal: $\frac{1}{3}$

- [x] 0,3
- [x] 0,33
- [x] 0,333

Result

What does HCI stand for?

  • Human Computer Industry
    Does HCI just benefit industries?
  • Human Computer Interaction
  • Human Computer Interface
  • Human Computer Implementation

Convert this fraction into a decimal value: \(\frac{1}{3}\)

  • 0,3
  • 0,33
  • 0,333

Questions in Vertical Slides

Syntax

## {.qmc}

Who is this?
![](/img/marc.jpg){width=30%}

- [x] Latoschik
- [ ] Lugrin

# Sub Slide {.sub}

## {.qmc}

Who is this?
![](/img/jll.jpg){width=30%}

- [ ] Latoschik
- [x] Lugrin

Result

Who is this?

img/marc.jpg
  • Latoschik
  • Lugrin

Sub Slide

Who is this?

img/jll.jpg
  • Latoschik
  • Lugrin

Vertical Space

Manage the vertical spacing between question text and the response using the vspace queue.

Syntax

## {.qmc}

Who is this?

[:vspace](128px)

![](/img/marc.jpg){width=30%}

- [x] Latoschik
- [ ] Lugrin

Result

Who is this?

img/marc.jpg
  • Latoschik
  • Lugrin

Quiz Styling and Language

The default style of quizzes includes decorative and interactive features. To switch to a plain style, specify in YAML metadata, or use the .plain tag in the question header. Change the language of quiz buttons with lang.

quiz: 
  style: plain
  lang: de
# Question 1

## {.qmc .plain}