Basics
UX
UI
Psychology
Tools
100

How a person interacts with the functions of a product.

What is user experience?

100

A way of tricking a user into completing a desired action.

Deceptive patterns

100

The way that text is formatted. Including size, spacing, and font choice. 

What is typography?

100

The likelihood that users look for information that aligns with their own.

What is confirmation bias?

100

A fictional character that is meant to represent a user population.

What is a persona?

200

The look and feel of a product. 

What is user interface?

200

A way of validating a design by testing prototypes with users.

Design research

200

A tool that helps designers space out elements consistently.

What are grids?

200

The psychological technique where exposure to one stimulus influences a subsequent response to another stimulus.

What is priming?

200

A technique where users test out a product and complete a series of tasks

What is a usability study?

300

Items on a webpage or application are organized from big to small to denote more important to less important. 

What is Hierarchy?

300

A conversation with users to understand their needs, desires, and challenges that they encounter (pain points). 

User interviews

300

How content is structured to make it as easy for users to navigate a system as possible.

Information architecture

300

Objects that are grouped together due to have like elements

What is similarity? (Gestalt Principle)

300

A basic outline for planning the layout and structure of a website or application. 

What are wireframes? 

400

The first stage of the design process. Can include competitive analysis and interviews with customers.

What is the discovery phase?
400

A tool for helping you organize insights from users.

Affinity diagram

400

Visuals that are used to communicate to the users different actions or objects.

What are icons?

400

When the brain fills the missing parts of the design or image to create a whole.

What is Closure? (a Gestalt Principle)

400

This type of diagram illustrates the discrete steps and logic users follow across an interactive process.

What is a workflow diagram?

500

The ability of a design to be used by everyone, including those living with a disability.

What is accessibility?

500

Users beliefs about an application that they are using.

What are mental models?

500

A method for identify challenges within a system (application, website, etc)

Heuristic evaluation

500

Objects that are near each other are thought to be related.

What is proximity? (Gestalt Principle)

500

This paper-based or interactive low-effort, low-fidelity tool models how the user moves through a process. 

What is prototyping?