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.

More terms you might want to know


The arrangement of different elements in relation to each other so that they appear to be mirrored. Symmetrical designs can be found throughout art and architecture, as well as in nature.

Golden Ratio

Also known as the divine proportion, is a number, or a ratio, sometimes approximated by phi and widely considered aesthetically pleasing. The golden ratio has been featured in nature and art in many ways, including hexagonal honeycombs, the human body, and mathematics. More frequently, it is used in design and digital art to represent a path (or steps) one can take to achieve a particular look or result. In art, an artist may produce something (a painting or drawing, for example) using the golden ratio as a basis for its composition.

Affinity Diagram

A data visualisation tool that can be used to explore and group people's thoughts or reactions to a set of concepts. Affinity diagrams are often used in user research and design thinking as an experimental technique for generating new ideas or solutions.

The emergent patterns in these visual representations can help identify which aspects your audience will respond well to, thus enabling decisions on the information architecture and next steps in the process.

It is important to note that affinity diagrams were initially developed for qualitative research but have since been adapted for quantitative research (though they are not typically used with statistical data).

Colour Theory

The study of how colours are related to one another. It is about how we see colour, mix and modify it (according to our needs), and put colour together to achieve the desired mood or atmosphere.


The art and technique of arranging type to make written language legible, readable, and appealing when displayed.


An iconic design that is made up of two or three letters.


An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

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.

JPEG Image

JPEG stands for Joint Photographic Expert Group, an international standards body that sets standards for creating and handling compressed digital images. The JPEG file format was designed to balance good visual quality and small file size, typically through lossy compression. The JPEG file format is widely used as a means of compressing digital images, particularly those produced by digital cameras.

Onboarding Flow

The process of a new user being brought in to a new product. The design for this process aims to have an effective, efficient, and engaging user experience.


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