Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Contributing Code Empathetically
Search
HipsterBrown
October 17, 2015
Programming
0
540
Contributing Code Empathetically
Remembering the People Behind Projects.
Given at jQuery Dev Summit 2015.
HipsterBrown
October 17, 2015
Tweet
Share
More Decks by HipsterBrown
See All by HipsterBrown
The Other Side of Empathy - JSConf Budapest
hipsterbrown
0
270
I'd like to add you to my professional [wireless] network
hipsterbrown
0
100
Talking Tessel with a Hardware Newbie
hipsterbrown
0
150
Collaborative Style Syntax
hipsterbrown
0
120
The Other Side of Empathy - JSConf EU 2015
hipsterbrown
0
120
The Other Side of Empathy
hipsterbrown
1
440
The Other Side of Empathy
hipsterbrown
0
100
Winning on the Wrist
hipsterbrown
0
120
Neat - A Semantic Grid Framework
hipsterbrown
0
260
Other Decks in Programming
See All in Programming
flutter_kaigi_mini_4.pdf
nobu74658
0
140
Beyond_the_Prompt__Evaluating__Testing__and_Securing_LLM_Applications.pdf
meteatamel
0
110
The New Developer Workflow: How AI Transforms Ideas into Code
danielsogl
0
110
Rubyの!メソッドをちゃんと理解する
alstrocrack
1
120
Improve my own Ruby
sisshiki1969
0
100
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
thousanda
0
400
2ヶ月で生産性2倍、お買い物アプリ「カウシェ」4チーム同時改善の取り組み
ike002jp
1
110
Dissecting and Reconstructing Ruby Syntactic Structures
ydah
3
2k
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
150
スモールスタートで始めるためのLambda×モノリス(Lambdalith)
akihisaikeda
2
370
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
3
540
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
790
Featured
See All Featured
A better future with KSS
kneath
239
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Done Done
chrislema
184
16k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.4k
We Have a Design System, Now What?
morganepeng
52
7.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
A designer walks into a library…
pauljervisheath
205
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.4k
Transcript
Contributing Code Empathetically
Remembering People Behind Projects
Who Am I?
Who Am I? Nick Hehr Empathetic Community Member Front-End Developer
Hoodie Contributor
None
What is Empathy?
What is Empathy? The ability to understand and share the
feelings of another.
What is Empathy? Seeing the world through the eyes of
someone else.
Breakdown • Context • Constructive Feedback • Communication • Caring
Context
The internal and external factors that influence the decisions we
make and actions we take.
How It Relates • No One is Un-Opinionated • We
All Have Biases • Listening is Key • “Why?”
None
Set The Example
Descriptive Descriptions • screenshots, animated GIFs, or screencasts • the
behavior and visuals you expected • related issues that would be closed • any context/reasoning behind why a change should be made • notes or concerns while in progress
Constructive Feedback
The return of information that helps to develop or improve.
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
None
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
How It Relates “If you don’t have anything constructive to
say, then don’t say anything at all.”
• Mutually Agreed Upon • Set Up With Expectations •
In An Open Space • Shared With Context Constructive Feedback is…
Example Code Reviews
It is intended to find and fix mistakes overlooked, improving
both the overall quality of software and developers' skills.
Encouraging Constructive Feedback
None
https://github.com/atom/atom/blob/master/ CONTRIBUTING.md
https://github.com/hoodiehq/hoodie/blob/master/ CONTRIBUTING.md
Communication
The successful sharing of ideas and feelings between people.
How It Relates • What We Say • How We
Say It • Where We Say It
“I” Statements For Giving Constructive Feedback For Getting Context
“You” Statements For Getting Context For Giving Constructive Feedback
None
How We Communicate • General = Slack • Standups =
Hangouts / In-Person • Recorded Discussions = GitHub Issues • Long-Form / Async = Email
https://<your-team>.slack.com/ customize/slackbot
Caring
To provide the needs of something and show interest in
it.
How It Relates • Caring is Sharing • And Listening
• And Understanding
How Much Do You Care?
Do You Care Enough… • To Write A Blog Post?
• To File An Issue? • To Send An Email? • To Record A Screencast? • To Submit A Pull Request?
– Yoda “Don’t give in to hate. It leads to
the Dark Side.”
Example Documentation
Documentation Matters • Wikis • Code Comments • Styleguides •
Pattern Libraries • README.md
Exemplifying Caring
http://hood.ie/community/#contributors
http://hood.ie/contribute/
By starting to apply empathy to connect with others professionally,
we can continue down that path to connect with others personally.
Resources
http://rosenfeldmedia.com/books/practical-empathy/
http://more-empathy.online
Thank You