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

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
-
Recipe
Accuracy Prompts
Any message (text, image, video) delivered on a social media platform that reminds users of the importance of considering the accuracy of…
-
Recipe
Adding Balanced News
A feed-ranking algorithm that inserts news posts from a set of credible, ideologically balanced news outlets into users’ feeds, increasing…
-
Recipe
Ask Users to Write Something Substantive When Sharing Content
Whenever users try to share external content, the platform suggests that they give context to the thing they are about to share. This…
-
Recipe
Audio Option for User Input
A button that allows the users to respond to content with a recording of their own voice.
-
Recipe
Batching Notifications
A method that groups smartphone notifications into scheduled batches, delivered at specific intervals, to reduce distractions and improve…
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