User Scenario

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

More terms you might want to know

Bold

A greater typographic weight than the standard typeface, often used to highlight text that the writer wants to emphasise or denote sections, headlines or quotes in printed material.

Bold type is a little heavier than the average type because of its higher contrast, making it more readable. The opposite of bold type is light type, also known as regular or book.

Interaction Design

The design of the interaction between users and products. Interaction design is focused on creating products that enable the user to achieve their objective(s) in the best way possible.

Glassmorphism

The use of light or dark objects positioned over colourful backgrounds. Blurred backdrops allow bright colours to come through and convey a sense of frosted glass.

Affordance

Affordances describe a relationship between the environment and an animate object, classified as either positive or negative.

Items, such as a car that leads to movement, have a positive affordance. Things like stairs that lead upwards have a negative affordance because they will not allow for any other form of movement other than up or down if used accordingly.

Iterative Design

A way of developing new products or services using a process of repeated and regular refinement, in which prototypes are made, evaluated, revised, and re-evaluated until the desired result is achieved. High profile companies have successfully implemented iterative design to create effective and innovative products.

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.

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.

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.

Hero Image

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

Persona

A sample of the target audience for which a product or service is intended.

Problem?

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