Web Page Elements

A textual or graphical component in a web page.

More terms you might want to know

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.

Mood board

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

Call to action (CTA / C2A)

An element that prompts viewers to take a desired course of action. This type of marketing technique is used by businesses and marketers to increase page visits or sales in a certain period.

Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

Eye-Tracking

A tool that allows user experience designers, or people who design products and websites with consumers in mind, to track where users look on the screen. Eye-tracking can measure users’ attention and the duration of time they spend on different areas of a website. With this information, websites can create user experience solutions such as buttons with varying colours designed to catch the eye.

Mock-up

A non-functional first draft of a design.

Cool Colours

Colours on the opposite side of the colour wheel to warm colours. Typically bluish in tone, such as blue or green.

Font Weight

The thickness or thinness of a typeface. Common font weights are light, regular/normal, semi-bold, bold and extra bold.

Scale

The distance between two points of extrusion or an object. It can also be defined as the measurement of size.

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.

Problem?

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