Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Other Side of Empathy - JSConf EU 2015

HipsterBrown
September 25, 2015

The Other Side of Empathy - JSConf EU 2015

In an industry that is so focused frameworks & tooling, we tend to lose sight of the people behind the products and how we work with them. I’ve found empathy to be a powerful resource while collaborating with teams inside companies and across the open source community. By breaking down The Other Side of Empathy, I will demonstrate how applying its principles to your development process will benefit the community and the products they create.

HipsterBrown

September 25, 2015
Tweet

More Decks by HipsterBrown

Other Decks in Technology

Transcript

  1. The Other Side of Empathy

    View Slide

  2. View Slide

  3. Who Am I?

    View Slide

  4. Who Am I?
    Nick Hehr
    Empathetic Community Member
    Front-End Developer
    Disney Fan
    Bouldering Enthusiast

    View Slide

  5. View Slide

  6. Why Do I Care?

    View Slide

  7. Why Do I Care?
    Psychology & Leadership Degree
    Constant Collaboration w/ Designers & Devs
    I Community

    View Slide

  8. View Slide

  9. Who Should Care?

    View Slide

  10. Everybody

    View Slide

  11. View Slide

  12. What Is Empathy?

    View Slide

  13. What Is Empathy?
    The ability to understand and share the feelings of another.

    View Slide

  14. What Is Empathy?
    Seeing the world through the eyes of someone else.


    View Slide

  15. Where Did
    The Other Side of Empathy
    Come From?

    View Slide

  16. Where Did It Come From?
    Using Twitter
    Snap Judgements
    Mob Mentality

    View Slide

  17. Breakdown

    View Slide

  18. Breakdown
    Context
    Constructive Feedback
    Communication
    Caring

    View Slide

  19. Context

    View Slide

  20. The internal and external factors that influence
    the decisions we make and actions we take.

    View Slide

  21. How It Relates
    No One is Un-Opinionated
    We All Have Biases
    Listening is Key
    “Why?”

    View Slide

  22. View Slide

  23. Set The Example

    View Slide

  24. Example
    User Stories with Gherkin

    View Slide

  25. It captures the ‘who’, ‘what’, and ‘why’ of a
    requirement in a simple, concise way.

    View Slide

  26. Remembering Context
    Take A Deep Breath
    Clear Your Mind
    Ask “Why?” (sincerely)
    Listen

    View Slide

  27. Constructive Feedback

    View Slide

  28. “The return of information that helps to
    develop or improve.”

    View Slide

  29. How It Relates
    “If you don’t have anything nice to say, then don’t
    say anything at all.”

    View Slide

  30. View Slide

  31. How It Relates
    “If you don’t have anything nice to say, then don’t
    say anything at all.”

    View Slide

  32. How It Relates
    “If you don’t have anything nice to say, then don’t
    say anything at all.”

    View Slide

  33. How It Relates
    “If you don’t have anything constructive to say,
    then don’t say anything at all.”

    View Slide

  34. What about negative feedback?

    View Slide

  35. View Slide

  36. Good Feedback > 140 characters

    View Slide

  37. View Slide

  38. Mutually Agreed Upon
    Set Up With Expectations
    In An Open Space
    Shared With Context
    Constructive Feedback is…

    View Slide

  39. Example
    Code Reviews

    View Slide

  40. It is intended to find and fix mistakes
    overlooked, improving both the overall quality
    of software and developers' skills.

    View Slide

  41. Encouraging
    Constructive Feedback

    View Slide

  42. View Slide

  43. https://github.com/atom/atom/blob/master/
    CONTRIBUTING.md

    View Slide

  44. https://github.com/hoodiehq/hoodie/blob/master/
    CONTRIBUTING.md

    View Slide

  45. Communication

    View Slide

  46. The successful sharing of
    ideas and feelings between people.

    View Slide

  47. Communication is a broad area
    that encompasses how we interact
    with each other.

    View Slide

  48. How It Relates
    What We Say
    How We Say It
    Where We Say It

    View Slide

  49. “I” Statements
    For Giving Constructive Feedback
    For Getting Context

    View Slide

  50. “You” Statements
    For Getting Context
    For Giving Constructive Feedback

    View Slide

  51. Example
    Switching Platforms

    View Slide

  52. How We Communicate
    General = Slack
    Standups = Hangouts / In-Person
    Recorded Discussions = GitHub Issues
    Long-Form / Async = Email

    View Slide

  53. Creating
    Communication

    View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. https://.slack.com/
    customize/slackbot

    View Slide

  58. Caring

    View Slide

  59. To provide the needs of something
    and show interest in it.

    View Slide

  60. How It Relates
    Caring is Sharing
    And Listening
    And Understanding

    View Slide

  61. How Much Do You Care?

    View Slide

  62. 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?

    View Slide

  63. – Yoda
    “Don’t give in to hate. It leads to the Dark Side.”

    View Slide

  64. Example
    Documentation

    View Slide

  65. Documentation Matters
    Wikis
    Code Comments
    Styleguides
    Pattern Libraries
    README.md

    View Slide

  66. Exemplifying Caring

    View Slide

  67. Mentoring Matters
    Remember Starting Out?
    Did You Have A Mentor?
    Did You Want A Mentor?
    Do You Want To Learn?

    View Slide

  68. Contributing
    • Just Listen For A Day
    • Apply The Examples
    • Start Off Small
    • Remain Open to Sharing

    View Slide

  69. “It still sounds like too much work.”

    View Slide

  70. View Slide

  71. Resources
    hipsterbrown.com/empathy

    View Slide

  72. Thank You

    View Slide