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

Enhance Developer Experience by community - Code.talks 2023

Enhance Developer Experience by community - Code.talks 2023

The success of software development depends on the experience of the developers. However, improving the developer experience is often overlooked, with most of the attention focused on user experience. In this talk, Anil, a Technical Product Manager, will discuss the crucial difference between developer experience and user experience and why traditional UX design techniques may not always enhance the former. He will also share his experience of conducting pair programming sessions with community developers, which helped identify their pain points. The talk will include examples of both good and bad developer experiences. The session will be interactive, and attendees can expect to learn tips and tricks to improve the developer experience and conduct developer usability testing sessions with minimal effort. Join this talk to learn how to enhance your developer experience through the power of community.

[email protected]

September 15, 2023
Tweet

Other Decks in Design

Transcript

  1. Enhance Developer Experience by
    community
    By Anil Kumar,
    @anilbms75

    View Slide

  2. View Slide

  3. @anilbms75

    View Slide

  4. @anilbms75

    View Slide

  5. Could you think how your experience at this
    conference has been thus far?

    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. Experience

    View Slide

  10. Applying User Experience Technique To
    Developer Experience

    View Slide

  11. View Slide

  12. User Interview

    View Slide

  13. “If I had asked people what they
    wanted, they would have said faster
    horses.” - Henry Ford

    View Slide

  14. Started Answering Community Questions

    View Slide

  15. Pair Programming with Community
    Developers

    View Slide

  16. @anilbms75

    View Slide

  17. Image: unsplash @anilbms75
    “If you want to know what a
    person really values, what
    they really suffer, what they
    really do, don’t listen to their
    words, observe their actions”
    - Amy Hoy, Sales Safari

    View Slide

  18. User Experience = Developer Experience?

    View Slide

  19. @anilbms75
    DEVELOPER EXPERIENCE (DX) is not
    same as USER EXPERIENCE (UX)
    DX is for Makers UX is for consumers

    View Slide

  20. @anilbms75
    Ecommerce Checkout

    View Slide

  21. @anilbms75
    Uploading Code to GitHub

    View Slide

  22. @anilbms75

    View Slide

  23. @anilbms75

    View Slide

  24. @anilbms75
    Image: GitHub Desktop

    View Slide

  25. @anilbms75
    Image: Erik Wilde

    View Slide

  26. @anilbms75

    View Slide

  27. @anilbms75

    View Slide

  28. @anilbms75

    View Slide

  29. Lost in Troubleshooting

    View Slide

  30. @anilbms75
    Source: swyx.io

    View Slide

  31. Image: unsplash @anilbms75
    Developer Efficiency

    View Slide

  32. @anilbms75
    Developer Feedback Loop Example
    Image: unsplash

    View Slide

  33. @anilbms75
    Developer Feedback Loop Example
    Image: GitHub

    View Slide

  34. @anilbms75
    Feedback Loop
    Source: martinfowler.com/articles/developer-effectiveness.html

    View Slide

  35. @anilbms75
    Source: martinfowler.com/articles/developer-effectiveness.html

    View Slide

  36. @anilbms75
    How Can We Improve Developer
    Experience by Community?

    View Slide

  37. 1. Open For Feedback

    View Slide

  38. View Slide

  39. View Slide

  40. Next Js Documentation Feedback
    Source: nextjs.org/docs

    View Slide

  41. View Slide

  42. 2. Find Participants For Your Devtools User
    Testing

    View Slide

  43. @anilbms75
    Tech Events

    View Slide

  44. @anilbms75
    Connect with potential participants

    View Slide

  45. @anilbms75
    DevDay World Tour Event: Auth0 Feedback Session

    View Slide

  46. @anilbms75
    Internal Community

    View Slide

  47. @anilbms75
    Quick User Testing

    View Slide

  48. @anilbms75
    Dogfooding

    View Slide

  49. @anilbms75
    Image: Undraw
    Friction Log Technique

    View Slide

  50. @anilbms75
    Friction Log
    Image: DevRelCon

    View Slide

  51. @anilbms75
    Engage & Answer Community Questions

    View Slide

  52. Don’t Seek Value Too Early
    Hello @channel / [Name],
    I hope this message finds you well.
    I'm reaching out as the Product Manager for our latest project. We've been
    working hard behind the scenes to develop a product that we believe can make a
    significant positive impact.
    With this in mind, we're currently in search of beta testers who would be willing
    to take a sneak peek at our product, use it, and provide us with honest and
    constructive feedback.
    Please feel free to DM me if you're interested or if you need more information.
    We truly appreciate your time and look forward to hearing from you soon.
    Best regards,
    [Your Name]

    View Slide

  53. Provide Value to the Community Before Expecting
    Returns

    View Slide

  54. View Slide

  55. View Slide

  56. View Slide

  57. @anilbms75
    Position yourself as an expert and build trust

    View Slide

  58. Establishing Trust Requires Time

    View Slide

  59. Hierarchy of Community Participation
    Image: NNgroup

    View Slide

  60. Identify Champions
    Image: commonroom

    View Slide

  61. Methods Used by Social Media Influencers

    View Slide

  62. Engage with Community
    Image: commonroom

    View Slide

  63. @anilbms75
    Engage & Answer Your Open Source Projects
    Discussions

    View Slide

  64. @anilbms75
    Use social media to announce what you're
    looking for

    View Slide

  65. @anilbms75
    Customer Advisory Board

    View Slide

  66. @anilbms75
    Balsamiq Customer Advisory Board

    View Slide

  67. Reward Community Contributors

    View Slide

  68. @anilbms75
    Reward Community Contribution

    View Slide

  69. @anilbms75
    Reachout To Customer Success, Partnership &
    Solution Engineering Teams

    View Slide

  70. 3. My Toolkit for Efficient User Testing with
    Developers

    View Slide

  71. @anilbms75

    View Slide

  72. @anilbms75
    Set aside 15 minutes before and after the event
    for setup and debrief.

    View Slide

  73. @anilbms75
    Zoom: The Window to Collaboration

    View Slide

  74. @anilbms75
    Easy screen sharing and recording options

    View Slide

  75. @anilbms75

    View Slide

  76. @anilbms75
    📝 Google Docs: detailing steps and resources.

    View Slide

  77. @anilbms75
    📝 GitHub repo URL and test credentials with
    testing instructions

    View Slide

  78. @anilbms75
    󰞵 GitHub & GitPod: Cloud Developer Environment

    View Slide

  79. @anilbms75
    󰞵 GitPod removing barriers of config & version
    issues

    View Slide

  80. Image: unsplash @anilbms75
    Sharing observations

    View Slide

  81. @anilbms75
    🧠 Miro: Post-session brainstorming

    View Slide

  82. @anilbms75
    Source: jpattonassociates.com

    View Slide

  83. @anilbms75
    Source: jpattonassociates.com

    View Slide

  84. @anilbms75
    Source: jpattonassociates.com

    View Slide

  85. @anilbms75
    💡 Miro: turning fresh observations into
    actionable insights.

    View Slide

  86. @anilbms75
    📊JIRA: Action Item Tracker

    View Slide

  87. Thanks
    Twitter: @anilbms75
    Email: [email protected]
    Linkedin: linkedin.com/in/anilkrishnashetty

    View Slide