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.

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: anilbms75@gmail.com
    Linkedin: linkedin.com/in/anilkrishnashetty
    

    View Slide