Hero Image

The primary graphic that appears at the top of a webpage, designed to grab people's attention.

More terms you might want to know

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.

Mock-up

A non-functional first draft of a design.

Font Type

Most typefaces are classified into one of five basic classifications: serif, sans serif, script, monospaced, and display.

Onboarding Flow

The process of a new user being brought in to a new product. The design for this process aims to have an effective, efficient, and engaging user experience.

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.

Uppercase

Also known as caps, a type property that specifies that all letters in a body of text are capitalised.

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.

User Scenario

An example of a typical user and the actions they take. Typically these are written in the form of a story.

Mood board

A collage consisting of images, colours and text that is assembled to convey an idea or theme.

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.

Problem?

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