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

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.

User Interviews

The act of gathering qualitative data about a person's thoughts and feelings related to a product.

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.

Heuristic Evaluation

A usability assessment method that is used to evaluate a design against established usability principles or heuristics. It is based on the idea that designers can use their experience to find areas of poor design without extensive user testing.

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.

Eye-Tracking

A tool that allows user experience designers, or people who design products and websites with consumers in mind, to track where users look on the screen. Eye-tracking can measure users’ attention and the duration of time they spend on different areas of a website. With this information, websites can create user experience solutions such as buttons with varying colours designed to catch the eye.

Opacity

The measure of how easily light passes through a material. It is a quantitative characteristic that can be represented as a number within the range of [0, 1], and in some cases [0%,100%], with lower numbers indicating higher transparency.

Analogous Colours

Colours that have a relation in their hue. A colour wheel can be used to help identify analogous colours. Analogous colours are typically found next to each other on the colour wheel.

Body-storming

A UX design technique to explore and map out a service, product, or system through physical navigation, often completed at the start of a design process to provide designers with an understanding of how users will navigate the system. In addition, body-storming can be used in development to test functionality or measure ease of use.

Centre Aligned

A layout where all the content, mostly text, is aligned to the centre. The overall purpose of a Centre Alignment is to make it easier for users to read and scroll through content.

Problem?

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