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.

More terms you might want to know

Lowercase

The designation of a set of character encoding styles for glyphs that are not capital letters.

Orphan

One or more words (typically at the end of a paragraph) that are separated from the rest of the text. Orphans are generally thought of as bad design, but it’s a matter of taste.

Rule of Thirds

A rule of thumb used in photography to create more visually appealing images which states that an image should be composed so that the subject or focus of the image occupies one-third of the picture space, with two equal vertical lines dividing their composition into two.

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.

System Font

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

Customer Experience

The sum of all experiences an individual has with a company or its delivery channels during their journey. From handling and registering a complaint to ordering new products, these interactions are monitored and analyzed at every touchpoint by frontline employees, developers, designers, and product managers for improvement opportunities.

Left-aligned

Text that flows from left to right and is the default reading direction of a page with its content aligned on the left margin.

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.

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.

KPI

A key performance indicator is a variable that measures how well an entity is performing. It's a figure that designates an individual or item's performance level. A particular company may use metrics such as sales, revenue, production, and market share to gauge the success of their firm.

Problem?

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