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 process of a new user being brought in to a new product. The design for this process aims to have an effective, efficient, and engaging user experience.
The use of design features that are shaped to resemble a familiar object or thing in order to facilitate user interaction.
The ratio of a rectangle's width to its height. It is measured by dividing the shorter side length, here "w" or width, by the longer side length, "h" or height. The aspect ratio may be given as either a fraction or as a decimal.
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 well-known UI element in computer applications. It's an expandable menu of context-specific commands typically launched from the application's main menu.
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.
Also known as caps, a type property that specifies that all letters in a body of text are capitalised.
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.
Also called a paragraph mark, a paragraph sign or section marker, is a typographical character for separating paragraphs. It looks like a "ΒΆ".
A graphical representation of the user on a device, used to represent various users in different contexts. It can be a photo, image or drawing.