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
The primary graphic that appears at the top of a webpage, designed to grab people's attention.
The process of adding game-like qualities to an experience like a website or application. To ensure that these activities are engaging enough for the users, it often includes gradual rewards such as levels and badges systems, which can further encourage engagement with the app.
The portion of a letter such as y, p, q or j that hangs below the baseline of the text.
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.
The end (straight or curved) of any stroke that doesn’t include a serif. Some typefaces feature ball terminals on letters such as the ‘f’, ‘a’, and ‘c’.
Also called trim marks, are markings on artwork that tells the printer where to cut the page.
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.
A digital file created in Adobe's illustration and photo manipulation software Photoshop. PSD files are used to edit images, create graphics, art, icons, images, among a plethora of other things.
Also known as text colour, is a visible attribute of text determined by the combination of text and background colour.
The adjustment of all characters in a line by moving them closer together or farther apart.