Bottom Navigation

One of the most common types of navigation in UI design. It's usually a system of one or more horizontal buttons placed at the bottom of the screen, directing users to other parts of an app or website. Bottom navigation is often used as an alternative to scrolling or tabbing through links on a page.

More terms you might want to know

Ascenders

The part of lowercase letters that goes above the baseline when used in running text. As such, ascenders are considered less condensed than those used for numerals and other capital letters. Some examples of ascenders include b, d, h, k, and l. The opposite of an ascender is a descender.

Affinity Diagram

A data visualisation tool that can be used to explore and group people's thoughts or reactions to a set of concepts. Affinity diagrams are often used in user research and design thinking as an experimental technique for generating new ideas or solutions.

The emergent patterns in these visual representations can help identify which aspects your audience will respond well to, thus enabling decisions on the information architecture and next steps in the process.

It is important to note that affinity diagrams were initially developed for qualitative research but have since been adapted for quantitative research (though they are not typically used with statistical data).

Type Properties

The attributes of a typeface. Type properties include weight, width, colour and x-height.

JPEG Image

JPEG stands for Joint Photographic Expert Group, an international standards body that sets standards for creating and handling compressed digital images. The JPEG file format was designed to balance good visual quality and small file size, typically through lossy compression. The JPEG file format is widely used as a means of compressing digital images, particularly those produced by digital cameras.

Design Sprint

A way to create and test designs. Designers use design sprints as a time-intensive method of quickly testing ideas and then pivoting into designing for user needs. A designer may then take the prototype they created on the first day of the design sprint and fix any usability issues with it, which is a quick way to get feedback on their work before continuing development.

Empathy Map

A way of researching users and understanding their behaviour in the context of the product, helping designers in understanding users' needs and expectations and what motivates them to act.

Designers can use this type of research to understand better their users and what kinds of experiences they are looking for. And this will allow the designers better empathize with their users, making them a part of the learning cycle.

Asymmetry

The degree of difference between the two sides of an object or system.

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.

Mock-up

A non-functional first draft of a design.

ID

A selector that can be applied to any HTML element. ID should be used when designing for a single instance, such as using the id="main" attribute on an <h1> tag.

Problem?

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