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

Legibility

How well or poorly something can be read.

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.

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.

Baseline

An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

Type Classification

A system used to describe and identify typefaces by their basic visual characteristics.

Symmetry

The arrangement of different elements in relation to each other so that they appear to be mirrored. Symmetrical designs can be found throughout art and architecture, as well as in nature.

Pictorial Mark

A graphic representation, such as an icon, of a company or brand. Pictorial marks can be used on marketing materials to communicate the intentions and personality of the company. Factors such as colour, placement, and shape are significant in how the general public perceives a pictorial mark.

Icon

A small picture or design that represents an idea, function, or some other type of visual concept. For example, in computer graphics and web development, an icon is a pictorial representation of a program or file type.

Vector

A graphic element that has a definite length and direction. Examples of vectors would be straight lines, edges, or curves.

CSS

CSS or Cascading Style Sheets are a language for describing the look and formatting of HTML elements in a webpage.

Problem?

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