Hamburger Menu

A well-known UI element in computer applications. It's an expandable menu of context-specific commands typically launched from the application's main menu.

More terms you might want to know

Palette

A set of colors which can be used to create a particular visual effect. It is usually composed of multiple primary, secondary, and tertiary colours.

Minimum Viable Product (MVP)

A term that means the smallest amount of work that can be done to move a project forward.

Ascenders

The part of lowercase letters that goes above the baseline when used in running text. As such, ascenders are considered less condensed than those used for numerals and other capital letters. Some examples of ascenders include b, d, h, k, and l. The opposite of an ascender is a descender.

ID

A selector that can be applied to any HTML element. ID should be used when designing for a single instance, such as using the id="main" attribute on an <h1> tag.

Empathy Map

A way of researching users and understanding their behaviour in the context of the product, helping designers in understanding users' needs and expectations and what motivates them to act.

Designers can use this type of research to understand better their users and what kinds of experiences they are looking for. And this will allow the designers better empathize with their users, making them a part of the learning cycle.

Isolation Effect

A psychological principle which predicts that when multiple homogeneous stimuli are presented, the stimulus which differs from the rest is most likely to be remembered. In other words, people tend to remember items in isolation more than those of a similar nature or objects in clusters. This phenomenon has been applied in designing websites and software with various levels of success.

Margin

The space that an item has around it.

Orphan

One or more words (typically at the end of a paragraph) that are separated from the rest of the text. Orphans are generally thought of as bad design, but it’s a matter of taste.

Brand Mark

A logo, symbol, design, or pattern used to promote and distinguish one's brand or company from others.

Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!