-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
353 lines (342 loc) · 34.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
<!DOCTYPE html>
<link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
<script type="text/javascript" src="./bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" href="./custom/customStyle.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<html>
<body class="p-3 m-0 border-0 bd-example">
<div class="accordion" id="accordionQuestionnaire">
<div class="accordion-item">
<h2 class="accordion-header" id="headingTestID">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTestID" aria-expanded="true" aria-controls="collapseTestID">
Aufgabe ID
</button>
</h2>
<div id="collapseTestID" class="accordion-collapse collapse show" aria-labelledby="headingTestID" data-bs-parent="#accordionQuestionnaire">
<div class="accordion-body p-4">
<div class="form row">
<div class="input-group mb-3">
<span class="input-group-text">Bitte hier die Aufgabe ID eingeben</span>
<input id="testID" type="text" placeholder="z.B. : 1A" class="form-control">
</div>
<div class="col-12">
<button type="button" class="btn btn-info float-end" data-bs-toggle="collapse" data-bs-target="#collapseTestID" aria-controls="collapseTestID" onclick="openNext('headingSUS')">Nächste</button>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingSUS">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSUS" aria-expanded="false" aria-controls="collapseSUS">
SUS
</button>
</h2>
<div id="collapseSUS" class="accordion-collapse collapse" aria-labelledby="headingSUS" data-bs-parent="#accordionQuestionnaire">
<div class="accordion-body">
<div class="mb-4">Bitte kreuzen Sie an, inwieweit die Aussage Ihrer Meinung nach auf jeden der folgenden Punkte zutrifft.</div>
<div class="form row" id="SUSForm">
<div class="mb-3" id="SUS_01"><div>1. Ich kann mir sehr gut vorstellen, das System regelmäßig zu nutzen</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_01_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_01_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_01_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_01_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_01_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_02"><div>2. Ich empfinde das System als unnötig komplex.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_02_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_02_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_02_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_02_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_02_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_03"><div>3. Ich empfinde das System als einfach zu nutzen.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_03_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_03_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_03_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_03_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_03_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_04"><div>4. Ich denke, dass ich technischen Support brauchen würde, um das System zu nutzen.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_04_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_04_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_04_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_04_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_04_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_05"><div>5. Ich finde, dass die verschiedenen Funktionen des Systems gut integriert sind.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_05_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_05_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_05_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_05_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_05_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_06"><div>6. Ich finde, dass es im System zu viele Inkonsistenzen gibt.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_06_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_06_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_06_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_06_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_06_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_07"><div>7. Ich kann mir vorstellen, dass die meisten Leute das System schnell zu beherrschen lernen.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_07_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_07_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_07_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_07_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_07_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_08"><div>8. Ich empfinde die Bedienung als sehr umständlich.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_08_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_08_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_08_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_08_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_08_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_09"><div>9. Ich habe mich bei der Nutzung des Systems sehr sicher gefühlt.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_09_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_09_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_09_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_09_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_09_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="mb-3" id="SUS_10"><div>10. Ich musste eine Menge Dinge lernen, bevor ich mit dem System arbeiten konnte.</div>
<small class="me-3" style="color: rgb(0, 89, 255);">Stimme überhaupt nicht zu</small>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_10_Options" value="1"><label class="form-check-label" for="inlineRadio1">1</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_10_Options" value="2"><label class="form-check-label" for="inlineRadio2">2</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_10_Options" value="3"><label class="form-check-label" for="inlineRadio3">3</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_10_Options" value="4"><label class="form-check-label" for="inlineRadio4">4</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="SUS_10_Options" value="5"><label class="form-check-label" for="inlineRadio5">5</label></div>
<small style="color: rgb(0, 89, 255);">Stimme voll zu</small>
</div>
<div class="col-12">
<button type="button" class="btn btn-info float-end" data-bs-toggle="collapse" data-bs-target="#collapseSUS" aria-controls="collapseSUS" onclick="openNext('headingUEQ')">Nächste</button>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingUEQ">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseUEQ" aria-expanded="false" aria-controls="collapseUEQ">
UEQ-S
</button>
</h2>
<div id="collapseUEQ" class="accordion-collapse collapse" aria-labelledby="headingUEQ" data-bs-parent="#accordionQuestionnaire">
<div class="accordion-body">
<div class="mb-4">
<!-- Quelle: https://www.ueq-online.org/ -->
Entscheiden Sie möglichst spontan. Es ist wichtig, dass Sie nicht lange über
die Begriffe nachdenken, damit Ihre unmittelbare Einschätzung zum Tragen
kommt.
Bitte kreuzen Sie immer eine Antwort an, auch wenn Sie bei der Einschätzung
zu einem Begriffspaar unsicher sind oder finden, dass es nicht so gut zum
Produkt passt.
Es gibt keine „richtige“ oder „falsche“ Antwort. Ihre persönliche Meinung zählt!</div>
<div class="form row" id="UEQForm">
<div class="mb-3" id="UEQ_S_01">
<label class="me-4" style="width: 100px;">behindernd</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_01_Options" value="7"></div>
<label>unterstützend</label>
</div>
<div class="mb-3" id="UEQ_S_02">
<label class="me-4" style="width: 100px;">kompliziert</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_02_Options" value="7"></div>
<label>einfach</label>
</div>
<div class="mb-3" id="UEQ_S_03">
<label class="me-4" style="width: 100px;">ineffizient</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_03_Options" value="7"></div>
<label>effizient</label>
</div>
<div class="mb-3" id="UEQ_S_04">
<label class="me-4" style="width: 100px;">verwirrend</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_04_Options" value="7"></div>
<label>übersichtlich</label>
</div>
<div class="mb-3" id="UEQ_S_05">
<label class="me-4" style="width: 100px;">langweilig</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_05_Options" value="7"></div>
<label>spannend</label>
</div>
<div class="mb-3" id="UEQ_S_06">
<label class="me-4" style="width: 100px;">uninteressant</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_06_Options" value="7"></div>
<label>interessant</label>
</div>
<div class="mb-3" id="UEQ_S_07">
<label class="me-4" style="width: 100px;">konventionell</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_07_Options" value="7"></div>
<label>originell</label>
</div>
<div class="mb-3" id="UEQ_S_08">
<label class="me-4" style="width: 100px;">herkömmlich</label>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="1"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="2"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="3"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="4"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="5"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="6"></div>
<div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="UEQ_S_08_Options" value="7"></div>
<label>neuartig</label>
</div>
<div class="col-12">
<button type="button" class="btn btn-info float-end" data-bs-toggle="collapse" data-bs-target="#collapseUEQ" aria-controls="collapseUEQ" onclick="openNext('headingNASA_TLX')">Nächste</button>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingNASA_TLX">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNASA_TLX" aria-expanded="false" aria-controls="collapseNASA_TLX">
NASA_TLX
</button>
</h2>
<div id="collapseNASA_TLX" class="accordion-collapse collapse" aria-labelledby="headingNASA_TLX" data-bs-parent="#accordionQuestionnaire">
<div class="accordion-body">
<!-- Quelle: http://www.interaction-design-group.de/toolbox/wp-content/uploads/2016/05/NASA-TLX.pdf -->
<div class="row">
<strong>Beanspruchungshöhe</strong>
</div>
<div class="row mb-5 ms-1">
Geben Sie jetzt für jede der unten stehenden Dimensionen an, wie hoch die Beanspruchung
war. Markieren Sie dazu bitte auf den folgenden Skalen, in welchem Maße Sie sich in den
sechs genannten Dimensionen von der Aufgabe beansprucht oder gefordert gesehen haben:
</div>
<div class="form row" id="NASA_TLXForm">
<div class="row">
<div><strong>Geistige Anforderungen</strong></div>
<div>Wie viel geistige Anstrengung war bei der
Informationsaufnahme und -verarbeitung erforderlich (z.B. Denken, Entscheiden, Rechnen, Erinnern, Hinsehen, Suchen...)? War die
Aufgabe leicht oder anspruchsvoll, einfach
oder komplex, erforderte sie hohe Genauigkeit oder war sie fehlertolerant?</div>
<div class="col-12 d-flex justify-content-between" style="color: rgb(0, 89, 255);"><small>gering</small><small>hoch</small></div>
<div class="input-group mb-4" id="nasa_tlx_01">
<input type="range" class="form-range" min="1" max="20" step="1" id="tlx_01">
</div>
</div>
<div class="row">
<div><strong>Körperliche Anforderungen</strong></div>
<div>Wie viel körperliche Aktivität war erforderlich
(z.B. Ziehen, Drücken, Drehen, Steuern, Aktivieren,…)? War die Aufgabe leicht oder
schwer, einfach oder anstrengend, erholsam
oder mühselig?</div>
<div class="col-12 d-flex justify-content-between" style="color: rgb(0, 89, 255);"><small>gering</small><small>hoch</small></div>
<div class="input-group mb-4" id="nasa_tlx_02">
<input type="range" class="form-range" min="1" max="20" step="1" id="tlx_02">
</div>
</div>
<div class="row">
<div><strong>Zeitliche Anforderungen</strong></div>
<div>Wie viel Zeitdruck empfanden Sie hinsichtlich
der Häufigkeit oder dem Takt, mit dem Aufgaben oder Aufgabenelemente auftraten? War
die Abfolge langsam und geruhsam oder
schnell und hektisch?</div>
<div class="col-12 d-flex justify-content-between" style="color: rgb(0, 89, 255);"><small>gering</small><small>hoch</small></div>
<div class="input-group mb-4" id="nasa_tlx_03">
<input type="range" class="form-range" min="1" max="20" step="1" id="tlx_03">
</div>
</div>
<div class="row">
<div><strong>Leistung</strong></div>
<div>Wie erfolgreich haben Sie Ihrer Meinung nach
die vom Versuchsleiter (oder Ihnen selbst)
gesetzten Ziele erreicht? Wie zufrieden waren
Sie mit Ihrer Leistung bei der Verfolgung dieser Ziele?</div>
<div class="col-12 d-flex justify-content-between" style="color: rgb(0, 89, 255);"><small>gut</small><small>schlecht</small></div>
<div class="input-group mb-4" id="nasa_tlx_04">
<input type="range" class="form-range" min="1" max="20" step="1" id="tlx_04">
</div>
</div>
<div class="row">
<div><strong>Anstrengung</strong></div>
<div>Wie hart mussten sie arbeiten, um Ihren Grad
an Aufgabenerfüllung zu erreichen?</div>
<div class="col-12 d-flex justify-content-between" style="color: rgb(0, 89, 255);"><small>gering</small><small>hoch</small></div>
<div class="input-group mb-4" id="nasa_tlx_05">
<input type="range" class="form-range" min="1" max="20" step="1" id="tlx_05">
</div>
</div>
<div class="row">
<div><strong>Frustration</strong></div>
<div>Wie unsicher, entmutigt, irritiert, gestresst und
verärgert (versus sicher, bestätigt, zufrieden,
entspannt und zufrieden mit sich selbst) fühlten Sie sich während der Aufgabe?</div>
<div class="col-12 d-flex justify-content-between" style="color: rgb(0, 89, 255);"><small>gering</small><small>hoch</small></div>
<div class="input-group mb-4" id="nasa_tlx_06">
<input type="range" class="form-range" min="1" max="20" step="1" id="tlx_06">
</div>
</div>
<div class="row">
<div class="col-12">
<button type="submit" class="btn btn-info float-end" data-bs-toggle="collapse" data-bs-target="#collapseNASA_TLX" aria-controls="collapseNASA_TLX">Fertig</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="./custom/custom.js"></script>
</html>