Mid-Level on Fernando Ruiz

A/B Testing for UX Designers

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Running controlled experiments to validate design changes—the difference between data-driven and guessing.

What is A/B Testing?

A/B testing (also called split testing) shows version A to half your users and version B to the other half. You measure which version performs better. If version B has a higher conversion rate, version B wins. It’s not about opinion; it’s about data.

A/B testing isn’t just for marketers. Designers use A/B tests to validate design decisions. Does a red button convert better than a blue button? A/B test it. Does a longer form reduce signups? A/B test it. Does highlighting the primary action increase clicks? A/B test it.

A/B Testing para Diseñadores UX

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Ejecutar experimentos controlados para validar cambios de diseño—la diferencia entre impulsado por datos y adivinación.

¿Qué es A/B Testing?

A/B testing (también llamado split testing) muestra la versión A a la mitad de tus usuarios y la versión B a la otra mitad. Mides cuál versión funciona mejor. Si la versión B tiene una tasa de conversión mayor, la versión B gana. No se trata de opinión; se trata de datos.

A/B Testing para Diseñadores UX

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Ejecutar experimentos controlados para validar cambios de diseño—la diferencia entre impulsado por datos y adivinación.

¿Qué es A/B Testing?

Affinity Mapping

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Affinity Mapping (or Affinity Diagramming) is a method used to organize a large amount of data (brainstorming ideas, interview observations, etc.) by grouping them into themes or categories based on their relationship or “affinity.” It is a collaborative way to find patterns in unstructured qualitative data.

What Is Affinity Mapping?

Imagine you have just done a month’s grocery shopping and you empty all the bags on the kitchen floor. You have a chaos of products. To put them away, you start creating groups: vegetables together, cleaning products in another pile, canned goods in another. You did not have predefined categories – you simply group things that “go together.”

Atomic Design: Building UIs from the Ground Up

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Atomic design is a methodology for creating reusable component libraries by breaking interfaces into five hierarchical levels: atoms, molecules, organisms, templates, and pages.

What is Atomic Design?

Think about how chemistry works. Atoms combine to form molecules, molecules combine to form organisms. Chemistry builds complexity from simple building blocks. Atomic design applies this same logic to user interface design. An atom is the smallest unit—a button, an input field, a label. Molecules combine atoms—a search field plus a button forms a search bar. Organisms combine molecules—a header with navigation, logo, and search becomes a component. Templates show how organisms fit together; pages are templates with actual content. This hierarchy creates a shared language between designers and developers, enables consistent design systems, and makes maintenance easier. Instead of building interfaces from scratch each time, you compose interfaces from tested, reusable components.

Atomic Design: Construyendo Interfaces desde la Base

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

El Atomic Design (Diseño Atómico) es una metodología para crear librerías de componentes reutilizables dividiendo las interfaces en cinco niveles jerárquicos: átomos, moléculas, organismos, plantillas y páginas.

¿Qué es el Atomic Design?

Piensa en cómo funciona la química. Los átomos se combinan para formar moléculas, y las moléculas se combinan para formar organismos. La química construye complejidad a partir de bloques de construcción simples. El Atomic Design aplica esta misma lógica al diseño de interfaces de usuario.

Card Sorting

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Card Sorting is a user research (UX) technique that helps discover how people understand and group information. In a Card Sorting session, participants are asked to organize a series of cards, each with a concept or topic, into groups that make sense to them, and then label those groups.

What Is Card Sorting?

Imagine you give a friend a deck of 50 cards, each with the name of an animal. You ask them to sort them into piles that make sense to them. One person might create groups like “Pets,” “Jungle Animals,” and “Sea Animals.” Another might create groups like “Mammals,” “Reptiles,” and “Birds.” Neither is wrong; they simply reflect different mental models.

Competitive Analysis

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A competitive analysis is a strategic research process that involves identifying your competitors and evaluating their products, strategies, strengths, and weaknesses. In UX, it focuses on understanding how others solve similar problems for the same target audience.

What Is a Competitive Analysis?

Imagine you want to open a new coffee shop in your neighborhood. The first thing you would do is visit all the other coffee shops in the area. You would try their coffee, check their prices, observe the atmosphere, see what kind of customers they have, and listen to what they complain about or love. You are not doing this to copy them exactly, but to understand the landscape: what works, what does not, and where there might be a gap for your coffee shop to offer something unique and better.

Contextual Inquiry

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Observing users in their natural environment while they work—reveals context that interviews and surveys never capture.

What is Contextual Inquiry?

Contextual inquiry is a research method where you observe users in their native environment while they perform real tasks. Unlike a lab study where a user sits at a desk, contextual inquiry happens where users actually work. An accountant in their office. A chef in a kitchen. A shopper in a store.

Crazy 8's

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Crazy 8’s is a rapid ideation exercise, fundamental to [[Design Sprints]], in which each participant sketches eight different ideas to solve a design problem in eight minutes. The goal is to force creative thinking by going beyond the first idea (which tends to be the most obvious).

What Is Crazy 8’s?

Imagine you are in a contest where you have to generate as many ideas as possible in a very limited time. The pressure forces you not to overthink, not to judge your own ideas, and to put down whatever comes to mind first. Crazy 8’s is exactly that: an ideation sprint.

Customer Journey Maps

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Customer Journey Map (CJM) is a visualization of the complete story of a user’s interaction with a product or service over time and across different channels. It narrates the experience from the user’s perspective, highlighting their actions, thoughts, feelings, and pain points at each stage.

What are Customer Journey Maps?

If Personas are a photo of your user, a Customer Journey Map is a movie about them. It doesn’t focus on a single moment, but maps the entire experience of a user as they try to achieve a goal, from the moment they realize they have a need until they resolve it and beyond.

Dark Patterns: What They Are and Why to Avoid Them

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Dark patterns are deceptive design techniques that trick users into taking actions against their interests for benefit to the business.

What are Dark Patterns?

Imagine a restaurant menu designed to make expensive items look cheapest through clever formatting, confusing you into expensive orders. That’s the offline equivalent of a dark pattern. On digital products, dark patterns are design choices deliberately engineered to confuse, mislead, or trick users into actions benefiting the business at users’ expense. Hidden unsubscribe buttons, misleading continue buttons, pre-checked boxes for unwanted services, difficult-to-find privacy settings—these are dark patterns. They exploit user psychology and attention to extract value: extra purchases, data harvesting, or subscription lock-in. The distinction from poor design is intent: bad design fails to guide users clearly; dark patterns deliberately misdirect. Dark patterns generate short-term gains at massive cost to trust and long-term relationships.

Data-Driven Design Decisions

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Making data-driven design decisions is an approach that uses concrete evidence and data, both qualitative and quantitative, to inform and justify design choices, rather than relying solely on intuition, personal opinions, or aesthetic trends.

What Is Data-Driven Design?

Imagine a doctor. A good doctor does not prescribe a treatment based on “a hunch” or “what worked for another patient.” A good doctor combines different types of data: listens to your symptoms (qualitative data), orders blood tests (quantitative data), and reviews your medical history to make an informed diagnosis.

Design Critiques

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Design Critique is a structured team session where designers present their work in progress to receive constructive feedback from their peers. The goal is to improve the design, not to judge the designer.

What Is a Design Critique?

Imagine you are a chef creating a new dish. Before putting it on the menu, you present it to other trusted chefs. They taste it and give you their expert opinion: “The acidity of the lemon is perfect, but maybe it needs a bit more salt to bring out the flavors. Have you tried searing the fish for one less minute?”. They do not say “I do not like your dish,” but instead give you specific, professional feedback to help you improve.

Design Specifications

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Detailed documentation that translates designs into development instructions—the bridge between design and code.

What are Design Specifications?

Design specifications are detailed documents that describe design intent precisely enough that developers can implement it without returning to designers for clarification. Specs cover everything: spacing (the button has 16px padding), colors (the primary blue is #0066FF), interactions (on hover, the button becomes 2% darker), and edge cases (disabled state shows 50% opacity).

Design System

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Design System is a collection of reusable UI components, guided by clear standards (principles, style guides), that enables teams to design and build digital products in a coherent and efficient manner.

What is a Design System?

Imagine you’re building with LEGO. You don’t have to create each brick from scratch every time you build something new. You have a set of standard bricks (2x2, 2x4, etc.) that you can combine to create anything. Plus, you have an instruction manual that tells you how the pieces fit together.

Diary Studies

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Asking users to document their behavior over days or weeks—captures patterns you’ll never see in a single-session study.

What is a Diary Study?

A diary study asks participants to record their actions, thoughts, and feelings over an extended period—typically days, weeks, or months. Unlike a one-hour research session, diary studies capture behavior in context, over time, as it naturally occurs.

A diary can be digital (a Google Form or custom app), paper-based (a printed log), or video-based (participants record short videos). The format varies, but the purpose is consistent: witness behavior as it happens, not as users remember it.

Diseño Inclusivo vs. Diseño Accesible: Por qué ambos importan

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

El diseño accesible elimina las barreras para las personas con discapacidades; el diseño inclusivo considera la gama más amplia posible de la diversidad humana desde el principio.

¿Cuál es la diferencia?

Imagina un vado en la acera: una sección inclinada de la acera para usuarios de sillas de ruedas. Técnicamente, hace que las aceras sean accesibles para personas con problemas de movilidad. Pero, tras su implementación, todo el mundo los usa: padres con carritos de bebé, repartidores con carros, personas mayores que prefieren la pendiente suave y viajeros que arrastran maletas. Los vados son accesibles, pero también son inclusivos: benefician a una población mucho más amplia que solo aquella para la que fueron diseñados.

Especificaciones de Diseño

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Documentación detallada que traduce diseños en instrucciones de desarrollo—el puente entre diseño y código.

¿Qué son Especificaciones de Diseño?

Las especificaciones de diseño son documentos detallados que describen la intención del diseño lo suficientemente preciso para que los desarrolladores puedan implementarlo sin volver a los diseñadores para aclaración. Las especificaciones cubren todo: espaciado (el botón tiene 16px de padding), colores (el azul primario es #0066FF), interacciones (al pasar el ratón, el botón se vuelve 2% más oscuro), y casos borde (estado deshabilitado muestra 50% opacidad).

Especificaciones de Diseño

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Documentación detallada que traduce diseños en instrucciones de desarrollo—el puente entre diseño y código.

¿Qué son Especificaciones de Diseño?

Estudios de Diario

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Pedir a usuarios que documenten su comportamiento durante días o semanas—captura patrones que nunca verás en un estudio de una sesión.

¿Qué es un Estudio de Diario?

Un estudio de diario pide a participantes que registren sus acciones, pensamientos y sentimientos durante un período extendido—típicamente días, semanas o meses. A diferencia de una sesión de investigación de una hora, los estudios de diario capturan comportamiento en contexto, durante el tiempo, conforme ocurre naturalmente.

Estudios de Diario

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Pedir a usuarios que documenten su comportamiento durante días o semanas—captura patrones que nunca verás en un estudio de una sesión.

¿Qué es un Estudio de Diario?

Eye Tracking

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Using eye-tracking technology to measure where users look and for how long—revealing visual attention patterns invisible to observation.

What is Eye Tracking?

Eye-tracking technology uses infrared light and cameras to measure where a user’s eyes fixate on a screen. The equipment records eye position 30-250 times per second. The result: a heatmap showing which areas attract attention and which are ignored.

Eye tracking removes guesswork. You don’t assume users see the top-right corner; you measure it. You don’t guess at attention patterns; you see exactly where eyes land and for how long.

Eye Tracking

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Usar tecnología de eye-tracking para medir dónde miran los usuarios y por cuánto tiempo—revelando patrones de atención visual invisibles.

¿Qué es Eye Tracking?

La tecnología de eye-tracking usa luz infrarroja y cámaras para medir dónde los ojos de un usuario se fijan en una pantalla. El equipo registra posición del ojo 30-250 veces por segundo. El resultado: un heatmap mostrando qué áreas atraen atención y cuáles se ignoran.

Eye Tracking

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Usar tecnología de eye-tracking para medir dónde miran los usuarios y por cuánto tiempo—revelando patrones de atención visual invisibles.

¿Qué es Eye Tracking?

Inclusive Design vs. Accessible Design: Why Both Matter

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Accessible design removes barriers for people with disabilities; inclusive design considers the broadest possible range of human diversity from the start.

What’s the Difference?

Imagine a curb cut—a sloped section of sidewalk for wheelchair users. It technically makes sidewalks accessible to people with mobility challenges. But after implementation, everyone uses them: parents pushing strollers, delivery workers pushing carts, elderly people preferring the gentle slope, and travelers pulling luggage. Curb cuts are accessible but they’re also inclusive—they benefit a much wider population than just the disability they were designed for. Accessible design specifically removes barriers for people with disabilities through standards like WCAG compliance. Inclusive design takes a broader view: during initial planning, consider the full spectrum of human difference—disabilities, cultural backgrounds, age, experience level, economic status, language—and design for that diversity from the beginning. Accessibility targets a specific population; inclusion targets everyone.

Indagación Contextual

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Observar usuarios en su ambiente natural mientras trabajan—revela contexto que las entrevistas y encuestas nunca capturan.

¿Qué es Indagación Contextual?

La indagación contextual es un método de investigación donde observas a usuarios en su ambiente nativo mientras realizan tareas reales. A diferencia de un estudio de laboratorio donde un usuario se sienta en un escritorio, la indagación contextual sucede donde los usuarios realmente trabajan. Un contador en su oficina. Un chef en una cocina. Un comprador en una tienda.

Indagación Contextual

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Observar usuarios en su ambiente natural mientras trabajan—revela contexto que las entrevistas y encuestas nunca capturan.

¿Qué es Indagación Contextual?

Information Architecture

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Information Architecture (IA) is the practice of deciding how to organize, structure, and label the content of a digital product (such as a website or application) in a way that is understandable and allows users to find information and complete tasks efficiently.

What is Information Architecture?

Imagine walking into a supermarket. You know the products are organized in some way: fruits and vegetables are together, dairy in another section, cleaning products in yet another. There are aisles with clear labels to help you navigate. Without that organization, finding the milk would be a nightmare.

Jobs to Be Done

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Entender qué intentan lograr los usuarios (no qué característica quieren) revela oportunidades de diseño que otros pierden.

¿Qué es Jobs to Be Done?

Jobs to Be Done (JTBD) es un marco para entender la motivación del usuario. En lugar de preguntar “¿qué quieren los usuarios en un producto?”, JTBD pregunta “¿qué intenta lograr el usuario?”

Un cliente no está comprando un taladro. Está comprando la capacidad de hacer un agujero. Un cliente no está comprando una aplicación de citas. Está intentando conocer a alguien. Un cliente no está comprando una herramienta de gestión de proyectos. Está intentando organizar el trabajo de su equipo.

Jobs to Be Done

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Entender qué intentan lograr los usuarios (no qué característica quieren) revela oportunidades de diseño que otros pierden.

¿Qué es Jobs to Be Done?

Jobs to Be Done Framework

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Understanding what users are trying to accomplish (not what feature they want) reveals design opportunities others miss.

What is Jobs to Be Done?

Jobs to Be Done (JTBD) is a framework for understanding user motivation. Instead of asking “what do users want in a product?”, JTBD asks “what is the user trying to accomplish?”

A customer isn’t buying a drill. They’re buying the ability to make a hole. A customer isn’t buying a dating app. They’re trying to meet someone. A customer isn’t buying a project management tool. They’re trying to organize their team’s work.

Managing Design Projects

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Managing a design project involves planning, executing, and overseeing all tasks and resources related to the design of a product or feature, from initial research to the final handoff to development, ensuring that objectives, timeline, and budget are met.

What Is Design Project Management?

Imagine you are a movie director. You do not just worry about making the cinematography beautiful or the actors performing well. You are responsible for everything: from the initial script (the strategy), the shooting schedule (the project plan), managing the team and the budget, to post-production and the premiere. You make sure all the pieces move in a coordinated way to deliver the movie on time and within budget.

Optimal Workshop

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A suite of tools for information architecture validation—card sort, tree test, and click tests reveal how users organize and find information.

What is Optimal Workshop?

Optimal Workshop is a research platform specializing in information architecture (IA). It provides three main tools: card sorting, tree testing, and first-click testing. All three measure how users organize, navigate, and find information.

Card sorting asks: “How would you organize these items?” Tree testing asks: “Can you find this item in this structure?” First-click testing asks: “Where would you click to find this item?” Each reveals different aspects of IA.

Optimal Workshop

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un conjunto de herramientas para validación de arquitectura de información—card sort, tree test y click tests revelan cómo los usuarios organizan e encuentran información.

¿Qué es Optimal Workshop?

Optimal Workshop es una plataforma de investigación especializada en arquitectura de información (IA). Proporciona tres herramientas principales: card sorting, tree testing y first-click testing. Las tres miden cómo los usuarios organizan, navegan y encuentran información.

Card sorting pregunta: “¿Cómo organizarías estos items?” Tree testing pregunta: “¿Puedes encontrar este item en esta estructura?” First-click testing pregunta: “¿Dónde harías clic para encontrar este item?” Cada una revela aspectos diferentes de IA.

Optimal Workshop

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Un conjunto de herramientas para validación de arquitectura de información—card sort, tree test y click tests revelan cómo los usuarios organizan e encuentran información.

¿Qué es Optimal Workshop?

Patrones Oscuros (Dark Patterns): Qué son y por qué evitarlos

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Los Patrones Oscuros (Dark Patterns) son técnicas de diseño engañosas que manipulan a los usuarios para que realicen acciones en contra de sus intereses en beneficio de la empresa.

¿Qué son los Patrones Oscuros?

Imagina un menú de restaurante diseñado para que los platos más caros parezcan los más baratos mediante un formato inteligente, confundiéndote para que pidas lo más costoso. Ese es el equivalente offline de un patrón oscuro. En los productos digitales, los patrones oscuros son opciones de diseño deliberadamente diseñadas para confundir, engañar o manipular a los usuarios para que realicen acciones que beneficien al negocio a expensas de los usuarios.

Principle

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Mac-only animation prototyping tool that makes complex animations easy—perfect for microinteractions and transitions.

What is Principle?

Principle is a Mac-only prototyping tool specialized in animations. If Figma prototyping feels limiting for animations, Principle fills the gap. It’s drag-and-drop animation creation without learning After Effects.

Principle excels at easing curves, timing, and sequencing animations. Complex animation sequences that take hours in After Effects take minutes in Principle.

One sentence punch: Principle makes animation prototyping as easy as interaction design—no animation software experience needed.**

Principle

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de prototipado de animación solo para Mac que hace animaciones complejas fáciles—perfecta para microinteracciones y transiciones.

¿Qué es Principle?

Principle es una herramienta de prototipado solo para Mac especializada en animaciones. Si el prototipado de Figma se siente limitante para animaciones, Principle llena el vacío. Es creación de animación drag-and-drop sin aprender After Effects.

Principle excela en curvas de easing, timing y secuenciamiento de animaciones. Secuencias de animación complejas que toman horas en After Effects toman minutos en Principle.

Principle

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de prototipado de animación solo para Mac que hace animaciones complejas fáciles—perfecta para microinteracciones y transiciones.

¿Qué es Principle?

Principle excela en curvas de easing, timing y secuenciamiento de animaciones. Secuencias de animación complejas que toman horas en After Effects toman minutos en Principle.

ProtoPie

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A prototyping tool for complex interactions—animations, gestures, variables, and logic without code.

What is ProtoPie?

ProtoPie is a prototyping tool designed for complex interactions that Figma’s prototyping can’t handle. Need a countdown timer? A calculator logic? Conditional flows based on user input? ProtoPie handles it.

ProtoPie works like this: import designs from Figma, add interactions through the ProtoPie editor, and share via link. No coding required. The result is an interactive prototype that feels like a real app.

ProtoPie

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de prototipado para interacciones complejas—animaciones, gestos, variables y lógica sin código.

¿Qué es ProtoPie?

ProtoPie es una herramienta de prototipado diseñada para interacciones complejas que el prototipado de Figma no puede manejar. ¿Necesitas un timer de cuenta regresiva? ¿Lógica de calculadora? ¿Flujos condicionales basados en entrada del usuario? ProtoPie lo maneja.

ProtoPie funciona así: importa diseños de Figma, añade interacciones a través del editor de ProtoPie y comparte vía link. Sin código requerido. El resultado es un prototipo interactivo que se siente como una aplicación real.

ProtoPie

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Una herramienta de prototipado para interacciones complejas—animaciones, gestos, variables y lógica sin código.

¿Qué es ProtoPie?

Prototypes

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A prototype is an interactive simulation of a final product used to test and validate design concepts before development. Unlike mockups (which are static), prototypes are “clickable” and allow users to experience the flow of an application.

What are Prototypes?

If a mockup is the color model of a house, a prototype is a virtual guided tour through that model. It allows you to open doors, turn on lights, and move between rooms to understand what it feels like to live in it.

Quantitative Data

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Quantitative data in UX is numerical information that measures user behavior and attitudes. It focuses on the “how much,” “how many,” or “how often,” and is used to analyze patterns at a large scale, validate hypotheses, and measure the impact of design.

What Is Quantitative Data?

Imagine you own a store. Quantitative data is your sales report: it tells you how many customers came in, how many bought something, and which product sold the most. It gives you the numbers, the “what.”

Red Routes

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

The top 5 user journeys your product must support flawlessly—identify these and everything else is secondary.

What are Red Routes?

Red routes are the core user journeys your product must support perfectly. The term comes from London’s Underground—red routes are the main lines that carry the most traffic. Everything else is secondary.

For an e-commerce site, red routes are: browsing products, reading reviews, adding to cart, checking out, and contacting support. Everything else (wishlists, recommendations, social sharing) is nice-to-have.

Red Routes

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Los 5 mejores viajes de usuario que tu producto debe apoyar sin falla—identifica estos y todo lo demás es secundario.

¿Qué son Red Routes?

Las red routes son los viajes de usuario principales que tu producto debe apoyar perfectamente. El término viene del Underground de Londres—las red routes son las líneas principales que llevan el tráfico más pesado. Todo lo demás es secundario.

Para un sitio de e-commerce, las red routes son: navegar productos, leer reseñas, añadir al carrito, pagar y contactar soporte. Todo lo demás (listas de deseos, recomendaciones, compartir social) es nice-to-have.

Red Routes

Mon, 01 Jan 0001 00:00:00 +0000

info Definición Rápida

Los 5 mejores viajes de usuario que tu producto debe apoyar sin falla—identifica estos y todo lo demás es secundario.

¿Qué son Red Routes?

Service Blueprints

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A Service Blueprint is a diagram that visualizes the relationships between different components of a service (people, processes, and objects) across the different stages of customer interaction. It’s like a [[Customer Journey Maps|Customer Journey Map]] with superpowers, as it not only shows what the customer sees, but also everything that happens “behind the curtain” to make that experience possible.

What are Service Blueprints?

Imagine that a [[Customer Journey Maps|Customer Journey Map]] is the view a diner has at a restaurant: they see the menu, talk to the waiter, receive their food. A Service Blueprint is the complete blueprint of the restaurant: it shows the diner, the waiter, but also the cooks in the kitchen, the ordering system, the suppliers who bring the ingredients, and the cleaning processes.

Tree Testing

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Tree Testing is a UX research technique used to evaluate the “findability” of topics in a site or application’s Information Architecture. Users are asked to find specific locations in a simplified, text-only version of the site structure (the “tree”), without the influence of visual design or navigation.

Usability Testing

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A usability test is a fundamental UX research technique where real users are observed using a product (or a prototype) to identify usability problems, collect qualitative and quantitative data, and determine the participant’s overall satisfaction with the product.

What Is Usability Testing?

Imagine you have designed a new can opener. You think it is revolutionary. Instead of just admiring it, you give it to 5 different people and ask them to open a can while you observe in silence. You see that three of them do not understand how to hold it, one cuts their finger, and the fifth takes two minutes to open the can. You are not judging whether the people are “clumsy”; you are evaluating whether your can opener is easy and safe to use.

User Interviews

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

A user interview is a qualitative research technique in which a researcher asks a user (or potential user) questions to gain a deep understanding of their behaviors, needs, motivations, and pain points in relation to a specific problem or product.

What Are User Interviews?

Imagine you are a journalist preparing a documentary. You do not send a questionnaire to the protagonist; you sit down with them and have a deep conversation. You ask open-ended questions so they tell you their story in their own words. You want to understand their experiences, their emotions, and what motivates them.

User Research Activities

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

User research activities (UX Research) are the set of methods and techniques used to understand users, their behaviors, needs, and motivations. It is the systematic process of collecting and analyzing data to inform the design process and decision-making.

What Are Research Activities?

Imagine you are a detective about to solve a big case. You do not go out on the street and interrogate random people. First, you define the mystery (“Who stole the cookies?”). Then, you identify your key witnesses (participants), prepare your list of questions (script), decide how you will analyze the clues (synthesis), and finally present your conclusions. A UX research plan is exactly that: a detective’s plan to solve a mystery about users.

Workshop Preparation

Mon, 01 Jan 0001 00:00:00 +0000

info Quick Definition

Workshop preparation is the process of designing and planning a collaborative work session, with a clear objective, a structured agenda, and a series of dynamic activities, to achieve a specific result within a limited time.

What Is Workshop Preparation?

Imagine you are the host of an important dinner. You do not wait until the guests arrive to decide what you are going to cook. Weeks in advance, you plan the menu (the objective and activities), make the shopping list (the materials), prepare some ingredients ahead of time (the pre-work), and set the table (the environment). The success of the dinner depends 90% on this preparation.