Supportive Vs. Unhelpful Response Comparison Tool¶
Specification¶
The full specification below is extracted from Chapter 11: Substance Recovery and Resilience.
Type: infographic
**sim-id:** supportive-vs-unhelpful-response-tool<br/>
**Library:** p5.js<br/>
**Status:** Specified
Bloom Taxonomy Level: Evaluate (L5)
Bloom Verb: assess, justify, critique
Learning objective: Assess paired example statements (one judgmental, one
supportive) responding to the same scenario involving a friend's
substance use, and justify why the supportive version is more likely to
encourage change, based on motivational-communication research.
Layout: Five scenario rows (e.g., "A friend seems to be vaping heavily
before every stressful test"), each with an "Unhelpful" and a "Supportive"
response card side by side.
Interactive features: Clicking either card opens an infobox on its likely
effect, grounded in research; a "Why This Matters" button reveals a
one-sentence takeaway; a closing prompt invites the learner to write a
supportive response to a sixth, unpaired scenario.
Color scheme: Muted red-gray on "Unhelpful" cards, warm green on
"Supportive" cards; infobox text carries the evaluative reasoning.
Implementation: p5.js clickable paired rectangles; responsive, stacks
vertically on narrow screens. No scenario depicts a method of substance
use — only the social situation and the communication response.