An example of a typical user and the actions they take. Typically these are written in the form of a story.
A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.
In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.
A name, symbol or other distinctive feature that distinguishes one business's product from another's, often associated with a logo, design, slogan and other items.
The name, logo, and other identifying information at the top of a newspaper or magazine publication.
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.
The design of the interaction between users and products. Interaction design is focused on creating products that enable the user to achieve their objective(s) in the best way possible.
Text that flows from left to right and is the default reading direction of a page with its content aligned on the left margin.
The distance between the baseline and the mean line of lowercase letters in a typeface. Nearby descenders (such as j) and ascenders (such as q) usually extend slightly below or above this height.
A tool that allows user experience designers, or people who design products and websites with consumers in mind, to track where users look on the screen. Eye-tracking can measure users’ attention and the duration of time they spend on different areas of a website. With this information, websites can create user experience solutions such as buttons with varying colours designed to catch the eye.
A triad is a group of three colours that are equally spaced on the colour wheel.
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.