$30 off During Our Annual Pro Sale. View Details »

The Next Generation of Developer-First Products

The Next Generation of Developer-First Products

Zeno Rocha

June 09, 2021
Tweet

More Decks by Zeno Rocha

Other Decks in Programming

Transcript

  1. June 9th, 2021
    The Next

    Generation of


    Developer-First


    Products

    View Slide

  2. Why


    Developer-First?

    View Slide

  3. Developers used to
    influence, but not authorize,
    technology purchases.


    That's no longer the case.

    View Slide

  4. 58% of developers indicated
    they have budget authority,
    not merely budget influence


    https://www.techrepublic.com/article/developers-now-control-a-big-chunk-of-enterprise-budgets-heres-how-to-reach-them
    Evans Data Corporation (2018)

    View Slide

  5. https://www.statista.com/statistics/627312/worldwide-developer-population
    in millions
    28.7
    27.7
    23.9
    23
    2018
    2019
    2023
    2024
    # of software developers worldwide

    View Slide

  6. US has the largest
    population of
    developers
    India's developer
    population will overtake
    the US by 2024
    https://www.daxx.com/blog/development-trends/number-software-developers-world
    APAC region

    shows the

    strongest growth
    LATAM has the second
    strongest growth

    View Slide

  7. Bottom Up Approach
    Developer Input
    Management

    Evaluation
    High

    Ownership
    Top Down Approach
    Management Vision
    Developer

    Task Execution
    Less

    Ownership

    View Slide

  8. I
    The First


    Generation
    2000 - 2009

    View Slide

  9. The First

    Generation
    Main Characteristics
    High-cost
    Nice to have
    Enabled collaboration
    I

    View Slide

  10. Atlassian
    2002
    Cloudflare
    2009
    Dynatrace
    2005
    GitHub
    2008
    Heroku
    2007
    JetBrains
    2000
    Liferay
    2004
    MongoDB
    2007
    Twilio
    2008
    OutSystems
    2001
    Splunk
    2004
    MuleSoft
    2006

    View Slide

  11. II
    The Second


    Generation
    2010 - 2013

    View Slide

  12. The Second


    Generation
    Low-cost
    API driven
    Mission-critical
    II
    Main Characteristics

    View Slide

  13. Algolia
    Auth0
    Datadog
    DigitalOcean
    Docker
    Elastic
    Expo
    Firebase
    HashiCorp
    Nylas
    Plaid
    Pusher
    Runscope
    Segment
    Sentry
    Snowflake
    Stripe
    Webflow
    2012
    2013
    2010
    2012
    2013
    2012
    2013
    2011
    2012
    2013
    2013
    2010
    2013
    2011
    2012
    2012
    2010
    2013

    View Slide

  14. III
    The Third


    Generation
    2014 - 2017

    View Slide

  15. The Third

    Generation
    Main Characteristics
    Plug-and-play
    Highly scalable
    Easy to integrate
    III

    View Slide

  16. CodeSandbox
    CodeStream
    Fauna
    Gatsby
    GitLab
    LaunchDarkly
    Mux
    PopSQL
    Postman
    Prisma
    RapidAPI
    Readme
    Replit
    Retool
    Split
    Strapi
    Vercel
    2017
    2017
    2015
    2015
    2014
    2014
    2015
    2017
    2014
    2016
    2015
    2014
    2016
    2017
    2015
    2016
    2015
    Netlify
    2014

    View Slide

  17. >
    The Next


    Generation
    2018 - Today

    View Slide

  18. The Next

    Generation
    Faster time-to-market
    Use low-code & no-code
    Enterprise-ready from day 1
    Main Characteristics >

    View Slide

  19. Apideck
    2018
    Doppler
    2018
    Fig
    2020
    Linear
    2019
    PlanetScale
    2018
    Railway
    2020
    Raycast
    2020
    Render
    2018
    Roboflow
    2019
    Supabase
    2020
    Temporal
    2019
    WorkOS
    2018
    Gitpod
    2019
    Bannerbear
    2019
    Nhost
    2018
    SuperTokens
    2019
    Budibase
    2019
    Appwrite
    2019

    View Slide

  20. How to create


    Developer Happiness?

    View Slide

  21. Cognitive

    Overload

    View Slide

  22. View Slide

  23. View Slide

  24. Hick’s Law


    The time it takes to make a decision
    increases with the number and
    complexity of choices.
    😫

    View Slide

  25. View Slide

  26. View Slide

  27. View Slide

  28. Little

    Things

    View Slide

  29. View Slide

  30. View Slide

  31. Obviously murder and graffiti are
    two vastly different crimes. But they
    are part of the same continuum, and
    a climate that tolerates one is more
    likely to tolerate the other.


    https://www.nber.org/digest/jan03/what-reduced-crime-new-york-city
    Former NYC Mayor (1998)

    View Slide

  32. Broken Window Theory


    Visible signs of crime and civil
    disorder create an urban
    environment that encourages
    further crime and disorder.
    🧐

    View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. View Slide

  38. Small Surprise
    Small Surprise
    Small Surprise
    Small Surprise
    Small Surprise
    Love


    Praise


    Promotion
    =

    View Slide

  39. Small Annoyance
    Distrust


    Indifference


    Churn
    =
    Small Annoyance
    Small Annoyance
    Small Annoyance
    Small Annoyance

    View Slide

  40. Buyer vs User


    Dilemma

    View Slide

  41. View Slide

  42. User
    Buyer

    View Slide

  43. The Los Angeles school district
    spent $1.3 billion on new iPads and
    curriculum, only to find that only

    1 teacher out of 245 classrooms
    was actually using them.


    https://www.latimes.com/local/la-me-ipad-eval-20140918-story.html
    LA Times (2014)

    View Slide

  44. View Slide

  45. View Slide

  46. Sales-Led

    View Slide

  47. Product-Led

    View Slide

  48. Buyer vs. User Dilemma


    One approach is not inherently
    better than the other. It’s a matter

    of what kind of company do you
    want to be and how to balance.
    🤨

    View Slide

  49. Adopt &
    Integrate

    View Slide

  50. View Slide

  51. View Slide

  52. View Slide

  53. View Slide

  54. Jakob’s Law


    Users will transfer expectations
    they have built around one product
    to another that appears similar.
    🤔

    View Slide

  55. Open Source


    Friendly

    View Slide

  56. Linux is a cancer that
    attaches itself in an
    intellectual property sense

    to everything it touches.


    https://www.theregister.com/2001/06/02/ballmer_linux_is_a_cancer
    Steve Ballmer, Microsoft CEO (2001)

    View Slide

  57. View Slide

  58. View Slide

  59. View Slide

  60. Microsoft now owns…


    1. The most popular code editor (14M users)


    2. The biggest package manager (10M users)


    3. The largest developer community (40M users)
    🤑

    View Slide

  61. View Slide

  62. View Slide

  63. Treat Docs
    as Code

    View Slide

  64. We lint our code.

    We unit test our code.


    We use CI/CD on our code.


    We fix tech debt for our code.


    We build roadmaps for our code.

    View Slide

  65. Why don't we lint our docs?

    Why don't we unit test our docs?


    Why don't we use CI/CD on our docs?


    Why don't we fix tech debt for our docs?


    Why don't we build roadmaps for our docs?

    View Slide

  66. View Slide

  67. View Slide

  68. View Slide

  69. Documentation is not
    auxiliary to the Product

    View Slide

  70. Documentation


    *is* the Product
    😎

    View Slide

  71. Data

    Driven

    View Slide

  72. View Slide

  73. Actual


    Behavior Planned


    Behavior

    View Slide

  74. Qualitative


    Data
    Quantitative


    Data

    View Slide

  75. 1:1 Feedback Sessions
    Quarterly Group Discussions
    Customer Satisfaction Dashboard
    Qualitative Data

    View Slide

  76. View Slide

  77. Quarterly Group Discussions
    Developer

    Advisory

    Board

    View Slide

  78. Quarterly Group Discussions

    View Slide

  79. Customer Satisfaction Dashboard

    View Slide

  80. Qualitative


    Data
    Quantitative


    Data

    View Slide

  81. Quantitative Data
    Support Ticket Trends
    Product Usage Tracking
    Documentation Usage Tracking

    View Slide

  82. 0
    25
    50
    75
    100
    Region 1
    Directory Sync
    Single Sign On
    Magic Link
    Dashboard
    Support Ticket Trends

    View Slide

  83. View Slide

  84. View Slide

  85. Developer

    Obsessed

    View Slide

  86. Jiro
    85-year-old sushi master
    Michelin three-star restaurant
    Started working from the age of 7

    View Slide

  87. View Slide

  88. Design that works.

    View Slide

  89. View Slide

  90. Design that inspires.

    View Slide

  91. View Slide

  92. Changelog that works.

    View Slide

  93. View Slide

  94. Changelog that inspires.

    View Slide

  95. View Slide

  96. Recruiting that works.

    View Slide

  97. View Slide

  98. Recruiting that inspires.

    View Slide

  99. View Slide

  100. Aesthetic-Usability Effect


    Users often perceive aesthetically
    pleasing design as design that’s
    more usable.

    View Slide

  101. Safety
    Belonging
    Esteem
    Physiological
    Self
    Actualization
    Maslow's Hierarchy of Needs
    Food, water, sleep
    Financial, personal, housing
    Friends, family, relationships
    Confidence, respect from others
    Peace, knowledge, innovation

    View Slide

  102. Reliability
    Usability
    Extensibility
    Functionality
    Creativity
    DX Hierarchy of Needs
    RESTful, JSON, OAuth
    Uptime, Latency, InfoSec
    Docs, SDKs, Demos, Changelog
    CLI, GraphQL, OpenAPI, Webhooks
    Free Merch, API Explorer, Surprises

    View Slide

  103. If you ever settle,


    you’re doing it wrong.

    View Slide

  104. Thanks!


    @zenorocha

    View Slide