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.

More terms you might want to know

Web Page Elements

A textual or graphical component in a web page.

Pixel

A pixel, or a picture element, is the smallest addressable element in a display device.

Masthead

The name, logo, and other identifying information at the top of a newspaper or magazine publication.

System Font

A type of font that comes pre-installed in an operating system.

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

x-height

The distance between the baseline and the mean line of lowercase letters in a typeface. Nearby descenders (such as j) and ascenders (such as q) usually extend slightly below or above this height.

UX Roadmap

A design process that can help guide the path of any product or application from discovery to launch stages. A UX roadmap can also be used in marketing to analyse how products are perceived by customers and then determine future options for growth.

Raster

Commonly used to describe a 2D graphic that is made up of an organized grid of pixels, in other words, a bitmap.

Thumbnail

A small, non-preview image that accompanies a larger image. It provides an immediate sense of the content while not necessarily revealing it in its entire scope.

Link

A prominent design feature of web applications. Links can be used to navigate websites, provide shortcuts to content, or change views within a web application. These links allow for ease of access and save time when users need to find information or use services from other domain names.

Problem?

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