Design Glossary

Creating distinct layouts tailored for specific screen sizes rather than using one responsive layout.

A methodology breaking UIs into basic building blocks (atoms, molecules, organisms) for consistency and scalability.

A secondary, hierarchical navigation system showing users their location in a site (e.g., Home > Category > Product).

Deceptive UI tactics that trick or manipulate users into actions they may not otherwise have taken.

Google’s design framework emphasizing grid-based layouts, responsive animations, and depth effects.

Subtle, contained product moments (like a “like” button toggle) enhancing feedback and delight.

A curated collection of reusable design components (e.g., buttons, forms) ensuring consistency across a product.

Creating layouts that fluidly adapt to different screen sizes (mobile, tablet, desktop).

The visual and interactive layer of a product where users engage with content and controls.

A set of pre-designed UI elements (buttons, forms, icons) maintaining brand consistency across a product.

A reusable solution to a common design problem (e.g., hamburger menu for mobile navigation).

Interfaces that allow user interaction through voice commands (e.g., Siri, Alexa).

A low-fidelity schematic of a layout focusing on structure and hierarchy rather than final visuals.