# Prosocial Design Pattern Library, Early Access

**URL:** <https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014>\
**Category:** I need help\
**Tags:** humane-design\
**Created:** [October 5, 2020, 3:36pm UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014 "2020-10-05T15:36:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![JohnFallot](https://yyz2.discourse-cdn.com/flex036/user_avatar/community.humanetech.com/johnfallot/32/667_2.png) [@JohnFallot](https://community.humanetech.com/u/JohnFallot)\
**Post date:** [October 5, 2020, 3:36pm UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014/1 "2020-10-05T15:36:28Z")

</div>

Hi all,

The first version of the Prosocial Design Library is _nearly_ complete! I wanted to take this momentous occasion to open it up to initial user thoughts and feedback. We’re looking for feedback regarding entries in the library; specifically, how might each entry be as useful as possible to designers, behavioral scientists, and user researchers.

Please note that not all the cards are complete, as it is very much a work in progress.

The site exists over at [https://prosocialdesign.webflow.io/design-library](https://prosocialdesign.webflow.io/design-library) and the password to access it is: prosocial

Please direct all feedback to [john@prosocialdesign.org](mailto:john@prosocialdesign.org).

Thanks!

---

<div class="post-metadata">

**Author:** ![Free](https://yyz2.discourse-cdn.com/flex036/user_avatar/community.humanetech.com/free/32/1247_2.png) [@Free](https://community.humanetech.com/u/Free)\
**Post date:** [October 6, 2020, 10:48pm UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014/2 "2020-10-06T22:48:43Z")

</div>

Fantastic resource! I love the look and high quality content, and how you highlight proven methods. Thank you, this is really wonderful.

---

<div class="post-metadata">

**Author:** ![ibaldo](https://yyz2.discourse-cdn.com/flex036/user_avatar/community.humanetech.com/ibaldo/32/3170_2.png) [@ibaldo](https://community.humanetech.com/u/ibaldo)\
**Post date:** [October 12, 2020, 12:27am UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014/3 "2020-10-12T00:27:52Z")

</div>

This looks promising @JohnFallot 👌  
I would love to see a newsletter to be notified about updates.

---

<div class="post-metadata">

**Author:** ![aschrijver](https://yyz2.discourse-cdn.com/flex036/user_avatar/community.humanetech.com/aschrijver/32/1498_2.png) [@aschrijver](https://community.humanetech.com/u/aschrijver)\
**Post date:** [October 20, 2020, 9:18am UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014/4 "2020-10-20T09:18:37Z")

</div>

Hi @JohnFallot,

I guess you have moved the page referenced above and your current online presence is at:

> **[Prosocial Design Network](https://prosocialdesign.org/)**
>
> We use behavioral science to research how designers can create better conversations on their apps.

The design library is not yet available I see, so I won’t respond to that. Note that there may be some patterns on this forum to be included, like e.g. [Mea culpa mechanism to de-escalate conflicts on social media](http://community.humanetech.com/t/mea-culpa-mechanism-to-de-escalate-conflicts-on-social-media/4872)

I have some feedback about the current site:

- I’d get rid of SquareSpace. Create your own cookieless static site. There’s great tools and options for that. Consider making it work without JS enabled, and take accessibility requirements into account.
- A prosocial tip: Never be an anonymous entity that provides an online service. Who’s the “We” in the About page? Who do I contact via the contact form? Who are you, why are you doing this, and what are the other things you do. I’d include information on that.
- Another such tip. In the Code-of-Conduct you mention “paid events”. Be open and transparent from the start on your business and revenue plans, so you’ll get a proper trust relationship with those community members signing up.
- Besides the license for the Code-of-Conduct you’ll need to address licensing of community content. This could be CC-BY too, but might also be CC-BY-SA.
- Because you have cookies, for joining and creating community content you’ll also need a Privacy Policy, and given the site is available in EU it needs to be GDPR-compliant.

Hope you found this feedback useful 🙂

PS. You might be interested in [The Flourishment Initiative](http://community.humanetech.com/t/human-flourishing-design-guide-the-science-of-well-being-in-the-service-of-technology-design/4951/11) too.

---

<div class="post-metadata">

**Author:** ![JohnFallot](https://yyz2.discourse-cdn.com/flex036/user_avatar/community.humanetech.com/johnfallot/32/667_2.png) [@JohnFallot](https://community.humanetech.com/u/JohnFallot)\
**Post date:** [January 15, 2021, 5:06pm UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014/5 "2021-01-15T17:06:10Z")

</div>

Just seeing this now:

- We’ve since moved to Webflow. We’re working on the Cookies issue, but it’s not entirely clear if our code is disabling cookies for folks that opt out. We now have a disclaimer. Still need to write up a Privacy & Terms of Use policy.
- Good point on contact disclosure: I’ll fix this shortly.
- Code of Conduct: we need to write up a new one as the one we had was likely boilerplate.
- I _think_ we’re rolling with CC-BY-SA, so we’ll take note of that.

---

<div class="post-metadata">

**Author:** ![aschrijver](https://yyz2.discourse-cdn.com/flex036/user_avatar/community.humanetech.com/aschrijver/32/1498_2.png) [@aschrijver](https://community.humanetech.com/u/aschrijver)\
**Post date:** [January 16, 2021, 8:29am UTC](https://community.humanetech.com/t/prosocial-design-pattern-library-early-access/5014/6 "2021-01-16T08:29:03Z")

</div>

You have a very nice site going @JohnFallot and I am actively recommending it everywhere. PS, I notified about the [Mea Culpa](http://community.humanetech.com/t/mea-culpa-mechanism-to-de-escalate-conflicts-on-social-media/4872) pattern via your contact form. Think it is a nice one to add.

Note there’s also some patterns in Google’s research group [Jigsaw](https://jigsaw.google.com/), like the [Perspective API](https://www.perspectiveapi.com/#/home) to gauge toxicity in written text. Only disadvantage, of course, is the Big Tech relationship (with background Tensorflow AI service).
