Death to typewriters

Part VI.
User interface sets the tone

Marcin Wichary
Feb 9, 2015 · 2 min read

In this last section, we’re going back to where we started. Medium is a platform for writing and reading stories. The editor is one part of that platform, but so is any surrounding user interface.

The best-written, meticulously laid out and typeset story can still suffer from the interface around it. Here’s some examples of the effort we’re putting into the text surrounding stories written on Medium:

Capitalization. We standardized our user interface on sentence capitalization instead of title capitalization — the latter feeling less modern, and harder to parse by the human eye. (Our style guide is dead simple.)

Image for post
Image for post

Quotes inside quotes.

Image for post
Image for post

When we quote text (such as story titles) that themselves have quotes, we replace them with secondary quotes. In the example here, the title of the story already has double quotes, which get replaced by single quotes in the quoted tweet.

Title punctuation takes over UI punctuation. If a story title ends with a punctuation character (such as exclamation point or a question mark), we skip the full stop we’d otherwise use.

Image for post
Image for post

Controlled breaks. In a number of places in the UI, especially on smaller screens, we strategically add non-breakable spaces so that things wrap in expected places. In the example below, we replace spaces inside “and 573 others” with non-breakable spaces so that the whole phrase will always stay together on one line.

Image for post
Image for post

(We also like Oxford comma, and so should you.)

« Part V · Table of contents »

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store