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.
A textual or graphical component in a web page.
Colours on the opposite side of the colour wheel to warm colours. Typically bluish in tone, such as blue or green.
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.
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.
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.
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.
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.
A well-known cognitive psychologist's principle that says that the time it takes to make a decision varies logarithmically according to the number of choices. As more options are presented, more decision time is required due to the mental work of comparing and contrasting each potential option.
An abstract mark is a type of logo where instead of being a recognizable object from everyday life, it is an abstract geometric form representing a business or brand. Famous examples include the BP starburst logo, and the Pepsi divided circle.
A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.