updates to survey-template

[szorowi1]

after reading Pokropek et al. (2023), I was thinking it might be nice to add "areas of interest" to the survey-template plugin. the basic idea is to divide the screen into objects (e.g., survey instructions, item prompts, item responses) and track how/when each of these objects is interacted with. not only might be this helpful for detecting C/IE responding, but also might provide insights into participants' response processes (e.g., linearity of item responding, doubling-back, time taken per item). when paired with other design features (e.g., masking/blurring items unless hovered over), this could allow for a more accurate measure of per-item response times.

(some alternative ideas might simply be to present each item, one at a time, with an ability to navigate between items)

[szorowi1]

[Thesis procrastination]

Formal research

• https://doi.org/10.1177/08944393221132644 (provides compelling evidence for dropping grid format in favor of "unfolding" format)
• https://doi.org/10.1177/0894439319834296 (some evidence for vertical over horizontal response format?)
• https://doi.org/10.12758/mda.2021.10 (some research on use of auto-forwarding, refs look helpful)

Survey interface inspiration

• https://surveyjs.io/form-library/examples/single-selection-matrix-table-question/reactjs
• https://www.ditdot.hr/demo/vff/questionnaire/
• https://setproduct.com/blog/accordion-ui-design

General idea

Seems like a horizontal display would make the most sense, such as in:

• https://codepen.io/daniilshilo-developer/pen/poexMZe
• https://codepen.io/onegrumpybunny/pen/jYaWyW
• https://codepen.io/alojzije/pen/KKqvzZ
• https://codepen.io/onegrumpybunny/pen/QQWRom