Want to be more learn more about UX design?

Every week, we’ll explore a topic in design. In this edition, we’ll talk about the history of UI components. This is continued from the list in the CU Design’s very first edition!

Have you ever wondered why certain UI design patterns are named the way they are? In this edition, we’ll trace the history behind these component names to uncover the reasons they’ve stuck around.

Let’s take a look at a few common ones:

Drawer menus appear in a side sheet and usually slide in from the left or right of the screen. They’re a popular navigation menu choice for mobile applications.

The name “drawer” comes from the physical desk or table drawers that slide in and out to hide or show elements.

Toggle switches are UI controls that let users switch between two opposing states, such as on/off or enabled/disabled. They are commonly used for settings and preferences where the user needs to make a binary choice.

The name “toggle” comes from the mechanical switch levers that flip back and forth to change an electrical circuit between two positions.

An accordion is a vertical stack of items where each section can expand to reveal content and collapse when not needed. It’s often used to organize long forms or FAQs such that they do not overwhelm the screen.

The name comes from the accordion instrument, which expands and contracts to produce sound. Similarly, UI accordions expand and collapse to show or hide information efficiently.

A dialog box is a small window that appears on top of the main screen to deliver information or request input. It pauses the user’s workflow until they respond, for example, by clicking “OK” or “Cancel.”

The name dialog comes from the idea of a conversation or dialogue between the computer and the user, as the former prompts and the latter replies.

At the Cornell Tech Studio, I collaborated with the Bronx Cooperative Development Initiative to reimagine how an old army space in the Bronx could be repurposed for the community. It was exciting to work alongside faculty and local stakeholders on a project that had real impact, generating momentum for a $200 million development. I focused on UX prototypes and user flows, making sure the designs not only looked good but also felt connected to the people who would actually use the space. What made it especially meaningful was being able to give back with my skills to my own city and help support a community I care about. That experience showed me how design can bridge ideas, institutions, and people in a powerful way.

That’s all for this week!

Have any feedback or want to see something on the newsletter next week? Email us at [email protected] or reply directly to this email.

See you soon,

Clément & Sia @ CUxD