Component Introductions

Pithy Names and Descriptions That Go a Long Way

Nathan Curtis
Mar 22, 2018 · 6 min read
Image for post
Image for post

Component Names: “My name is…”

Image for post
Image for post
Persist the same component name throughout design, code and conversation
Image for post
Image for post
Name of component used to “Establish visual order on a page using rows and columns,” across 21 libraries.
Image for post
Image for post
Image for post
Image for post

Button or Buttons? Deciding Singular vs Plural Form

Image for post
Image for post

Component Intros: “…and what I do is…”

Tantalizing with a Deck


Keep the Deck to a Tweet

Image for post
Image for post
Image for post
Image for post
DO Keep the deck short. DON’T explain everything before Examples do a better job explaining everything.

Industry Examples to Inspire


A Too-Detailed Introduction? “Get to the Goods!”

Image for post
Image for post
Image for post
Image for post
DO position the component name as a page title close to the sensitizing example. DON’T separate the name from picture with lengthy context.

EightShapes

A collection of stories, studies, and deep thinking from…

Nathan Curtis

Written by

Founded UX firm @eightshapes, contributing to the design systems field through consulting and workshops. VT & @uchicago grad.

EightShapes

A collection of stories, studies, and deep thinking from EightShapes

Nathan Curtis

Written by

Founded UX firm @eightshapes, contributing to the design systems field through consulting and workshops. VT & @uchicago grad.

EightShapes

A collection of stories, studies, and deep thinking from EightShapes

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