Prototype

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

More terms you might want to know

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.

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.

Raster

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

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.

GIF

A file format that supports both static and animated images. It is a popular file format on the internet and social media due to its wide colour support, portability, and animating capabilities.

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.

Infinite Scroll

Generally used when a page has so much content that it would be impossibly long to load the entire page at once. Infinite scroll consists of an auto-generated list of items that constantly loads new items as they load off the bottom of the screen.

Bleed

A printing term that describes how close an object is to the edge of a printed page. Bleeds are often used in graphic design for books, magazines, posters and other printed materials with photographs or illustrations.

Web Page Elements

A textual or graphical component in a web page.

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.

Problem?

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