HEART Framework

A framework that helps a company evaluate any aspect of its user experience according to five metrics, which form the acronym HEART. These metrics are: 1. Happiness 2. Engagement 3. Adoption 4. Retention 5. Task success

More terms you might want to know

Composition

An organised arrangement of elements used for a particular purpose, such as to create striking visual effects or to convey information effectively. Good composition is achieved through different methods, such as placing figures or objects in a scene, revising and simplifying lines and shapes that make up a figure, and arranging multiple figures or objects into meaningful relationships.

Gradient

A type of design where the colours or tones gradually change from one colour to another. Gradients are often used in graphic design to add visual interest and give the appearance of "extensions" or "glosses" of a particular colour.

Legibility

How well or poorly something can be read.

Slab Serif

A type of serif, characterized by large x-heights and thick, blocky strokes with little variation in width.

Carousel

A series of slides that are positioned one after the other. As you scroll through the images, the next image in the sequence is automatically loaded. Once you scroll to the end of the carousel, it cycles back around like a horse on a circular track.

Font Style

Designers and developers use font styles to denote differences in meaning between two or more words, phrases, sentences, paragraphs, or blocks of text. Typical font styles in CSS and web development are normal, italic, oblique and inherit.

Scale

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

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.

Cool Colours

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

Thumbnail

A small, non-preview image that accompanies a larger image. It provides an immediate sense of the content while not necessarily revealing it in its entire scope.

Problem?

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