Developer Experience Design Patterns

As part of my series of Developer Experience I've started to take a lot of screenshots of different parts of a developer experience UI. I've decided to collect some of these across the different products focussing on specific elements.

I hope this allows you to see how different products have tackled the same problems in their own ways.

Confirmation Emails

Confirmation emails are sent out to confirm the user's email address. SendGrid Push Stripe GitHub Heroku

Developer Landing Pages

A dedicated developer portal or landing page can serve as a way to keep the homepage non technical and providing with all the dedication…

First-time use dashboards

Providing a custom first-time use experience right after a developer signs up can help with user activation and retention. Pusher Stripe…

Home Pages

The initial home page is often catered to fit the needs of developers and other interested parties. It therefore has to strike a balance to…

Interactive Demos

An interactive demonstration of product's features can be the easiest way to explain to new users the purpose and power of your developer…

ReadMes

The README for the publicly available SDKs and libraries for a developer product offer an important initial starting point or many…

Reference Documentation

The reference documentation is an important tool to the experienced and dedicated developer intending to make the most of a developer…

Welcome Emails

Welcome emails are an essential tool for managing user retention. When people sign up and don't complete a first integration a simple…