Medium
Distraction-free reading: wide measure, big serif type, inline highlight-to-respond.
Medium's contribution was treating the reading view as the product. Articles open in a single centered column with generous line height, a large serif face, and almost no chrome, which set a template much of the web copied. The signature interaction is highlighting: select a passage and a small toolbar lets you respond, share, or privately note it, threading reader reactions into the text rather than burying them at the bottom. A thin progress bar tracks how far you've read. The editor mirrors the reader, so writing looks like the published result as you type. Where it frays is the home feed and the membership wall: the personalized stream feels generic, and the metered paywall interrupts mid-article, clashing with the calm, frictionless reading the typography otherwise promises.
App store
Flows
Flows for Medium are being captured
We haven't taken Medium apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditLanding page
We haven't captured Medium's landing page yet.
Flows
Flows for Medium are being captured
We haven't taken Medium apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditNotable UX patterns
How does your product compare to Medium?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Teardowns
Teardowns of Medium are coming
We haven't published a written teardown of Medium yet. Explore related topics, or request an audit.
Request a UX auditFree course
WCAG 2.2 Fundamentals: Audit a Screen for Accessibility
6 lessons · ~25 min
Start lesson 1 →