UX curated design collections.

A hand-picked glossary of theories, tools, and principles. Curated by Alex Kale and Leandro Incetta.

80/20 rule

5 resources

The Pareto principle (also known as the 80–20 rule, the law of the vital few, and the principle of factor sparsity) states that, for many events, roughly 80% of the effects come from 20% of the causes.

AB / Multivariate Testing

4 resources

A technique for testing a hypothesis in which multiple variables are modified. The goal of multivariate testing is to determine which combination of variations performs the best out of all of the possible combinations.

Accessibility Analysis

4 resources

A study to measure how the website is easy for everyone to use, regardless of their special needs. It could be done by specific tools, following the W3C guideline or even by an usability test.

Adaptive Web Design (AWD)

5 resources

Adaptive websites adapt to the width of the browser at a specific points. In other words, the website is only concerned about the browser being a specific width, at which point it adapts the layout.

Aesthetic-Usability Effect

4 resources

The aesthetic usability effect is where a user will perceive an attractive product as easier to use than an ugly one.

Affordance

4 resources

A situation where an object’s sensory characteristics intuitively imply its functionality and use.

Agile

8 resources

Agile software development is a set of principles for software development in which requirements and solutions evolve through collaboration between self-organizing, cross-functional teams.

Anchoring

4 resources

Incorporating a test-driven, semantic, live style guide into your process to establish, enforce, and evolve your design language.

Atomic Design

4 resources

A methodology for creating design systems.

Brainstorming

4 resources

Brainstorming is a group creativity technique by which efforts are made to find a conclusion for a specific problem by gathering a list of ideas spontaneously contributed by its members.

Breadcrumbs

5 resources

An effective visual aid that indicates the location of the user within the website’s hierarchy, making it a great source of contextual information for landing pages.

Call to Action

5 resources

In marketing, a call to action (CTA) is an instruction to the audience to provoke an immediate response, usually using an imperative verb such as “call now”, “find out more” or “visit a store today”.

Card Sorting

6 resources

Card sorting is a simple technique in user experience design where a group of subject experts or “users”, however inexperienced with design, are guided to generate a category tree or folksonomy. It is a useful approach for designing information architecture, workflows, menu structure, or web site navigation paths.

Chunking

5 resources

Chunking is a method of presenting information which splits concepts into small pieces or “chunks” of information to make reading and understanding faster and easier. Chunking is especially useful for material presented on the web because readers tend to scan for specific information on a web page rather than read the page sequentially.

Cognitive Load

8 resources

The amount of mental processing power needed to use your site, affects how easily users find content and complete tasks.

Color Theory

6 resources

A body of practical guidance to color mixing and the visual effects of a specific color combination.

Competitive Analysis

5 resources

Data on what works well or poorly on other sites saves you from implementing useless features and guides UX investments to features that your users need.

Constraint

5 resources

The concept of constraints in design can be defined as the practice of limiting user actions on a system. Constraints limit the actions that can be performed by the user, thus increasing the usability of the design and reducing the likelihood of operator error.

Consumer Journey Map

5 resources

A customer journey map tells the story of the customer’s experience: from initial contact, through the process of engagement and into a long-term relationship.

Content Audit

5 resources

The activity of checking all of the content on a website, and compiling it into a big list.

Content Strategy

6 resources

Content strategy refers to the planning, development, and management of content—written or in other media. The term is particularly common in web development since the late 1990s. It is a recognized field in user experience design, but also draws interest from adjacent communities such as content management, business analysis, and technical communication.

Cooperative Principle

5 resources

People relate to computer interactions much like human conversation, so observing normal conversational rules is a useful design tactic.

Ecosystem Map

5 resources

An ecosystem is the term given to a set of products, services, and people that function together in a symbiotic way.

Ethnography

7 resources

Ethnographic field research involves the study of groups and people as they go about their everyday lives.

Eye Tracking

4 resources

Eye-tracking research provides designers with a blueprint of sorts to guide them on the priorities with which site visitors generally absorb the information on any given site.

Features Roadmap

6 resources

A plan for the future actions of the team. It could be on a spreadsheet, post its or timeline.

Fitts’ Law

6 resources

This scientific law predicts that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target.

Five Hat Racks

4 resources

The Five Hat Racks was first developed by Richard Saul Wurman in his book Information Anxiety. In a nutshell, there are 5 ways to organise information: By Location, Alphabet, Time, Category and Continuum.

Flexibility-Usability Tradeoff

4 resources

The flexibility-usability trade-off is a design principle maintaining that, as the flexibility of a system increases, its usability decreases. The trade-off exists because accommodating flexibility requires satisfying a larger set of requirements, which results in complexity and usability compromises.

Fogg’s Behavior Model

7 resources

The Fogg Behavior Model shows that three elements must converge at the same moment for a behavior to occur: Motivation, Ability, and Trigger. When a behavior does not occur, at least one of those three elements is missing.

Gestalt Laws of Design

4 resources

Gestalt principles, or gestalt laws, are rules of the organization of perceptual scenes. When we look at the world, we usually perceive complex scenes composed of many groups of objects on some background, with the objects themselves consisting of parts, which may be composed of smaller parts, etc.

Graceful Degradation

4 resources

When a site utilizes new technology, if disabled, the content maintains effectiveness for the users.

Grid

5 resources

In graphic design, a grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content.

Heuristic Evaluation

6 resources

A usability inspection method for computer software that helps to identify usability problems in the user interface (UI) design. It specifically involves evaluators examining the interface and judging its compliance with recognized usability principles.

Hick’s Law

6 resources

Hick's law, or the Hick–Hyman Law, named after British and American psychologists William Edmund Hick and Ray Hyman, describes the time it takes for a person to make a decision as a result of the possible choices he or she has: increasing the number of choices will increase the decision time logarithmically.

Hook Model

7 resources

A four-step process companies use to hook users and form habits among them. The four parts of the model include: trigger, action, investment and variable reward.

Information Architecture

6 resources

Information architecture (IA) is the structural design of shared information environments; the art and science of organizing and labelling websites, intranets, online communities and software to support usability and findability.

Jira

6 resources

Jira is a proprietary issue tracking product, developed by Atlassian. It provides bug tracking, issue tracking, and project management functions.

Kano Model

7 resources

The Kano model is a theory of product development and customer satisfaction developed in the 1980s by Professor Noriaki Kano, which classifies customer preferences into five categories.

Key Performance Indicators (KPI)

4 resources

A Key Performance Indicator is a measurable value that demonstrates how effectively a company is achieving key business objectives. Organizations use KPIs at multiple levels to evaluate their success at reaching targets.

Lean UX

7 resources

Lean UX is a set of principles that may be used to guide you to better, more desirable solutions for users. It's not a process in which each tool is rigidly applied.

Legibility vs Readability

7 resources

Users won’t read web content unless the text is clear, the words and sentences are simple, and the information is easy to understand. You can test all of this.

Mental Models

5 resources

What users believe they know about a UI strongly impacts how they use it. Mismatched mental models are common, especially with designs that try something new.

Metrics Analysis

4 resources

Web metrics are a treasure trove of UX data and insights. Used properly, metrics are the ultimate behavioral analysis tool; the trick is to know how to read the data and what it means.

Minimum Viable Product (MVP)

6 resources

In product development, the minimum viable product (MVP) is a product which has just enough features to gather validated learning about the product and its continued development.

Mobile-First Design

5 resources

The growth of mobile is a huge opportunity to reach more people than ever. By starting mobile first with your responsive website you are able to make the tough decisions about the content. The constraints of the mobile medium force us to focus on what really matters.

Moodboards

4 resources

A collaborative collection of assets and patterns that will eventually evolve into a product's visual style guide.

Occam’s Razor

5 resources

Occam’s Razor, put simply, states: “the simplest solution is almost always the best.” It’s a problem-solving principle arguing that simplicity is better than complexity.

Omni-channel UX

4 resources

Multichannel sales approach that provides the customer with an integrated shopping experience. The customer can be shopping online from a desktop or mobile device, or by telephone, or in a bricks and mortar store and the experience would be seamless.

Paper Prototyping

6 resources

Variation of usability testing where representative users perform realistic tasks by interacting with a paper version of the interface that is manipulated by a person 'playing computer,' who doesn't explain how the interface is intended to work.

Participatory Design

5 resources

Involvement of the stakeholders, designers, researchers and end-users in the design process in order to help ensure that the end product meets the needs of its intended user base.

Pattern Library

4 resources

A formal way of documenting a solution to a common design problem. The idea was introduced by the architect Christopher Alexander for use in urban planning and building architecture, and has been adapted for various other disciplines, including teaching and pedagogy, development organization and process, and software architecture and design.

Personas

7 resources

In user-centered design and marketing, personas are fictional characters created to represent the different user types that might use a site, brand, or product in a similar way.

Progressive Disclosure

5 resources

Progressive disclosure is an interaction design technique often used in human computer interaction to help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload. This improves usability by presenting only the minimum data required for the task at hand.

Progressive Enhancement

5 resources

Progressive enhancement is a strategy for web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies.

The Fold

4 resources

What is visible on the page without requiring any action is what encourages us to scroll.