The Civic Commons Access to tools for building community where you live
Recipe · from the prosocial design collection

Positive Background Imagery

Adding background images associated with positive emotions in places where discussions happen online.

Positive Background Imagery

Goal: Increase civility Evidence rating (PDN): Emergent Civic signal: Understand — Promote thoughtful conversation When to use: Proactive

What it is

Adding background images associated with positive emotions in places where discussions happen online.

Intended impact

Decrease uncivil behavior.

Evidence that it works

Park and Singh (2022) conducted an online experiment simulating discussions around an existing news article from The Washington Post describing US immigration where participants had to comment on the article and reply to each other. Participants were sorted into three experimental conditions. In the first, the news article was presented in a blog with a gray background, while in the second and third, the background was a positive image associated with positive emotions (in color in the second condition; and greyscale in the third). Significantly, participants only interacted with others in the same condition and only one image was tested. Among other things, they found that using an image associated with positive emotions decreased participants' perception of incivility (effect size: p =.038, eta-squared =.09) and the usage of uncivil expressions, as noted by a single coder (p <.001, eta-squared =.08).

Why it matters

Design choices like this one can be easily implemented, and thus, even if the effects are small, they could be broadly applied.

Special considerations

The findings of the key study backing up this intervention are based on a small sample (N=105) of participants, and each unit in each of the treatment conditions is non-independent (since they influenced each other). Even though the study was peer-reviewed, this limitation bars the “Convincing” grade to this intervention.

Citations

  • *How Background Images Impact Online Incivility* — Jinkyung Park, Vivek K. Singh (Proceedings of the ACM on Human-Computer Interaction, November 11, 2022). https://doi.org/10.1145/3555545

---

From the Prosocial Design Network's Digital Intervention Library (https://www.prosocialdesign.org/library/positive-background-imagery), licensed CC BY-SA 4.0. Reformatted for the RT Commons; text otherwise as published. Library citation: Prosocial Design Network (2024), Digital Intervention Library, https://doi.org/10.17605/OSF.IO/Q4RMB. Anything built from this pattern should credit the Prosocial Design Network and the researchers cited above.

Details

  • goal: Increase civility
  • citations: [object Object]
  • image alt: A feed in the foreground is out of focus, while an idyllic landscape in the background is in focus.
  • image url: https://cdn.prod.website-files.com/647f696dc653a97c26f42a0b/676489db6a60be86503ab071_647f696dc653a97c26f42b83_230226_T_ambient_2.webp
  • pdn rating: Emergent
  • when to use: Proactive
  • civic signal: Understand
  • pdn library doi: 10.17605/OSF.IO/Q4RMB
  • civic signal goal: Promote thoughtful conversation
Related by topic

Contributed by Prosocial Design Network · prosocialdesign.org · CC BY-SA 4.0

Original source: https://www.prosocialdesign.org/library/positive-background-imagery

See something to fix or add? Suggest an edit on GitHub — the commons lives in git too, and its history is the changelog.

prosocial-designdesign patternpdn-rating:emergentwhen:proactivecivic-signal:understandpromote thoughtful conversation

Remix this in Relational Builder  Browse the commons