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).

More terms you might want to know

Rule of Thirds

A rule of thumb used in photography to create more visually appealing images which states that an image should be composed so that the subject or focus of the image occupies one-third of the picture space, with two equal vertical lines dividing their composition into two.

PPI

PPI stands for Point Per Inch. PPI is the number of dots per inch in a printer's resolution or the number of pixels per inch in a monitor's screen resolution. The more PPI, the higher your image quality will be as it becomes sharper and clearer. The lower your PPI, the lower your image quality will be, and the more likely you'll see individual pixels in an image.

Ellipsis

Also known as a suspension point, is a series of dots (…) that is used either as a substitute for some text that has been omitted from a sentence or when the author does not wish to pause in their writing.

User Journey Map

A diagram that reflects the processes and steps a user would take when completing a certain task or goal. The User Journey Map also highlights the key activities, touchpoints, stakeholders, and benefits of an experience. In order to develop an effective strategy that helps guide users through the process of reaching their goals and objectives, the User Journey Map provides a comprehensive view of how your customers will navigate towards achieving their goals.

Avatar

A graphical representation of the user on a device, used to represent various users in different contexts. It can be a photo, image or drawing.

Prototype

Usually the first functional form of a new product, created to test a concept or prove out some aspects of design.

Saturation

The intensity of a color relative to its own brightness. Colours are said to be saturated when they have a strong hue and high intensity.

Class

A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.

Monochrome

Designs that are created in one colour. It can be any colour, but the whole design will range from light to darker shades. As the name implies, it is typically a single hue, with black and white also being typical combinations for this type of design.

Proximity

The placement or otherwise of a thing in relation to other things. In design, proximity may be considered as the distance between two items in space or their relative location to each other.

Problem?

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