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

Stem

The part of a letter, usually a vertical line, that rise above the x-height.

Right-aligned

Text that flows from right to left and is the default reading direction of a page with its content aligned on the right margin.

Typeface Design

The art and discipline of putting together set of typefaces into a harmonious and readable type system. A typeface designer spends much time considering many things such as clear visual message, readability at different sizes, legibility at small point sizes, ease of use for printing processes on its own or over the top of other fonts.

Calligraphy

The art of decorative writing practised by many different people in many different cultures. Calligraphy is sometimes used to add a personal touch to wedding invitations, special event invitations, and other projects.

Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

RGB

Red, green, and blue. These colours can be used to form a wide variety of colours in different devices such as computer monitors and televisions.

Lowercase

The designation of a set of character encoding styles for glyphs that are not capital letters.

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.

Thumbnail Sketch

A quick and rough sketch of what you are about to work on. Good for getting the ideas out of your head and onto the page while you're still in that creative phase.

Typography

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

Problem?

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