Conceptos
Conceptos centrales de UX y product design explicados con claridad: modelos mentales, affordances, carga cognitiva, design thinking, y más.
64 artículos
Accesibilidad cognitiva: diseñar para la atención y la memoria
La accesibilidad cognitiva hace que una interfaz se entienda sin depender de la memoria ni de la atención perfecta. Principios, patrones del W3C y errores.
Accesibilidad en UX: Diseñando para Todos
La accesibilidad en UX significa diseñar productos digitales que sean utilizables por todos, incluyendo a personas con discapacidades.
Affordances vs Signifiers: El Lenguaje Invisible del Diseño
Descubre la diferencia crucial entre Affordances (lo que un objeto puede hacer) y Signifiers (la señal que nos dice cómo hacerlo) para crear interfaces intuitivas y fáciles de usar.
ARIA vs HTML Semántico: La Regla de Oro
Entienda la diferencia entre el HTML semántico nativo y los atributos ARIA, y aprenda por qué la primera regla de la accesibilidad es no usar ARIA si existe una alternativa nativa.
Arquitectura de la elección y nudges éticos: diseñar sin empujar a ciegas
Qué es la arquitectura de la elección y el nudge según Thaler y Sunstein, cuándo ayuda un valor por defecto y qué dice la evidencia sobre la transparencia.
Arquitectura de la Información
La Arquitectura de la Información (AI) es la práctica de decidir cómo organizar, estructurar y etiquetar el contenido de un producto digital de una manera que sea comprensible y permita a los usuarios encontrar la información y completar tareas de forma eficiente.
Arquitectura de Tokens (Global vs Semántico vs Componente)
Descubre cómo estructurar una arquitectura de tokens de diseño robusta utilizando el modelo de tres capas (Global, Semántico y Componente) para crear sistemas de diseño escalables y mantenibles.
Atomic Design: Construyendo Interfaces desde la Base
El 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.
Básicos de CRDT para Diseñadores de Producto
Descubra por qué los CRDT son la tecnología que permite aplicaciones como Figma o Notion, y cómo afectan su forma de diseñar interfaces colaborativas y offline-first.
Breakpoint VS Container Queries: Diseño Basado en Componentes
Aprenda la diferencia entre diseñar para el ancho de la pantalla (Breakpoints) y diseñar para el ancho del contenedor (Container Queries), y cómo esto revoluciona el diseño de componentes.
Carga Cognitiva: Por Qué lo Simple es Siempre Mejor
Una medida del esfuerzo mental requerido para usar un producto; una menor carga cognitiva significa que es más fácil de usar.
Color en interfaces: significado, contraste y sistema
El color comunica estados y acciones, pero nunca debe ser la única señal. Qué piden WCAG 1.4.1, 1.4.3 y 1.4.11, el riesgo del rojo y verde y la paleta.
Comportamiento de Intrinsic Sizing en UI
Aprenda cómo funciona el dimensionamiento intrínseco en el diseño de interfaces digitales para crear componentes que se adapten de forma inteligente a su contenido real.
Conciencia de Estado (State Awareness) en UI
Aprenda a diseñar interfaces que mantengan al usuario siempre informado sobre el estado actual del sistema y de cada componente para reducir la incertidumbre y los errores.
Consistencia y estándares: interna, externa y cuándo romperla
La consistencia evita que la gente dude si dos palabras o acciones significan lo mismo. Consistencia interna y externa, ley de Jakob y cuándo romper una norma.
Costo de interacción: el esfuerzo que el usuario paga
Qué es el costo de interacción según Nielsen Norman Group, por qué suma esfuerzo mental y físico, cómo se relaciona con Tesler y cómo reducirlo.
Diseñar para la confianza: credibilidad en la interfaz
Qué es la credibilidad en una interfaz, cómo la evalúan los usuarios según Nielsen Norman Group y Stanford, y qué señales de diseño la sostienen de verdad.
Diseño Centrado en el Usuario: El Fundamento de Todo
Un enfoque donde la investigación del usuario y sus necesidades impulsan cada decisión de diseño de principio a fin.
Diseño emocional: los tres niveles de Don Norman
Don Norman propone tres niveles de diseño: visceral, conductual y reflexivo. Qué evidencia hay, cómo aplicarlos en una interfaz y dónde se vuelve manipulación.
Diseño Inclusivo vs. Diseño Accesible: Por qué ambos importan
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.
Diseño Mobile-First: Principios y Práctica
El diseño mobile-first (primero el móvil) es un enfoque que prioriza el diseño para dispositivos móviles antes que para pantallas grandes.
Diseño para el Rendimiento Percibido: Más Rápido que la Luz
Aprenda cómo el diseño puede hacer que su aplicación se sienta más rápida de lo que realmente es, utilizando técnicas de psicología cognitiva y trucos visuales.
Diseño responsivo: fundamentos que no pasan de moda
El diseño responsivo adapta una interfaz a cualquier pantalla con rejillas fluidas, imágenes flexibles y media queries. Sus fundamentos de 2010 siguen vigentes.
Efecto de posición serial: primeros y últimos elementos se recuerdan mejor
El efecto de posición serial hace que recordemos mejor el primer y el último elemento de una lista. Qué significa para menús, listas y mensajes.
Efecto estética-usabilidad: por qué lo bonito parece más fácil
Lo que se ve bien parece más fácil de usar. Qué dice la investigación sobre el efecto estética-usabilidad, sus límites y cómo evitar que engañe tus pruebas.
Efecto gradiente de meta: por qué nos acercamos más rápido al final
El efecto gradiente de meta dice que la motivación sube al acercarse a la meta. Qué evidencia tiene, cómo usar barras de progreso y su límite ético.
Efecto Von Restorff: lo distinto se recuerda
El efecto Von Restorff dice que lo que difiere de un conjunto similar se recuerda mejor. Qué estudió Hedwig von Restorff, cómo usarlo y cuáles son sus límites.
Efecto Zeigarnik: el poder de lo inconcluso
El efecto Zeigarnik sugiere que recordamos mejor lo inconcluso. Qué encontró el estudio de 1927, por qué falla la réplica y cómo usar el progreso sin manipular.
El Command Pattern en el Diseño de Producto
Pase de diseñar pantallas estáticas a diseñar flujos dinámicos basados en acciones encapsuladas mediante el Command Pattern, la base técnica de las interfaces modernas y colaborativas.
Ética en el diseño de producto: más allá de los dark patterns
Qué es la ética en el diseño de producto, por qué no se reduce a los dark patterns y cómo decidir cuándo una interfaz persuade legítimamente o manipula.
Feedback y feedforward: la interfaz que responde y anticipa
El feedback confirma lo que pasó tras una acción; el feedforward anticipa lo que pasará antes de actuar. Qué dice el NN/g sobre estado y tiempos de respuesta.
Fundamentos del Accessibility Tree: Cómo Ven las Máquinas
Aprenda qué es el Árbol de Accesibilidad y por qué es la base de cómo los lectores de pantalla y otras tecnologías asistivas interpretan su diseño de interfaz.
Internacionalización (i18n): diseñar para varios idiomas desde el inicio
La internacionalización (i18n) prepara un producto para varios idiomas, formatos y direcciones de texto antes de traducirlo. Aprende qué incluye y qué evitar.
Jerarquía Visual VS Jerarquía del DOM: Accesibilidad
Aprenda la diferencia entre lo que el usuario ve y lo que el navegador lee, y cómo alinear la jerarquía visual con el DOM para una accesibilidad impecable en su producto.
Jerarquía Visual: Guiando a los Usuarios a través de tu Diseño
La jerarquía visual es la disposición de los elementos de diseño para guiar la atención de los usuarios hacia la información o las acciones más importantes.
La Ley de Fitts: Alcance y Ergonomía en UI
Aprenda cómo la Ley de Fitts influye en la velocidad y precisión del movimiento del usuario para seleccionar objetivos en una interfaz digital, mejorando la ergonomía de sus diseños.
La Ley de Hick: Decisión y Tiempo de Respuesta
Aprenda cómo la Ley de Hick influye en la toma de decisiones del usuario y cómo reducir el tiempo de respuesta simplificando las opciones en su interfaz digital.
Ley de Jakob: por qué los usuarios esperan lo que ya conocen
La ley de Jakob dice que los usuarios esperan que tu sitio funcione como los que ya conocen. Qué significa, ejemplos de Nielsen y cuándo romper el patrón.
Ley de Miller y el mito del 7±2: cuánta información cabe en la memoria
La ley de Miller dice que la memoria maneja unos siete elementos. Por qué se malinterpreta, qué corrige Cowan (unos cuatro) y cómo agrupar la información.
Ley de Postel: tolerante con lo que recibes, estricto con lo que envías
La ley de Postel pide aceptar entradas imperfectas y enviar salidas consistentes. Qué significa en formularios, qué límites tiene y por qué se revisó.
Ley de Tesler: la complejidad que nadie puede eliminar
La ley de Tesler dice que todo sistema tiene una complejidad que no se elimina, solo se desplaza. Su origen, qué recomienda y cómo decidir quién carga con ella.
Los 5 componentes de la usabilidad según Nielsen
Los cinco componentes de la usabilidad de Jakob Nielsen: aprendizaje, eficiencia, memorabilidad, errores y satisfacción, y cómo usarlos al evaluar un diseño.
Microinteracciones: los detalles que hacen el producto
Qué son las microinteracciones, sus cuatro partes según Dan Saffer y cómo diseñar feedback, animaciones y estados de error sin frenar al usuario.
Modelado de Presencia en Tiempo Real: UX Colaborativo
Aprenda a diseñar indicadores de presencia efectivos (cursores, avatares, actividad) para que sus usuarios sientan que trabajan juntos en tiempo real dentro de su producto digital.
Modelo de comportamiento de Fogg: motivación, capacidad y disparador
Qué dice el modelo B=MAP de BJ Fogg, cómo diseñar para la motivación, la capacidad y el disparador, y qué críticas debes tener en cuenta antes de aplicarlo.
Modelos Mentales de Undo y Redo: El Tiempo en la Interfaz
Aprenda cómo los usuarios perciben el viaje en el tiempo en las interfaces digitales mediante los modelos de Undo y Redo, y cómo diseñarlos para entornos colaborativos complejos.
Modelos Mentales: Diseña Para Cómo Piensa el Usuario
Un modelo mental es el marco interno que los usuarios construyen sobre cómo funciona un sistema, moldeado por experiencias pasadas y expectativas.
Paridad de Tokens en Múltiples Plataformas
Aprenda cómo lograr la paridad de tokens de diseño entre Web, iOS y Android para garantizar una experiencia de marca coherente y acelerar el desarrollo multiplataforma.
Patrones Oscuros (Dark Patterns): Qué son y por qué evitarlos
Los patrones oscuros son técnicas de diseño engañosas que engañan a los usuarios para que realicen acciones en contra de sus intereses con el fin de beneficiar al negocio.
Prevención vs Recuperación de Errores: Una Interfaz Indulgente
Aprenda a diseñar interfaces que prevengan los errores del usuario antes de que ocurran y que ofrezcan caminos claros de recuperación cuando el fallo es inevitable.
Principios de Diseño
Los Principios de Diseño son un conjunto de directrices breves, claras y memorables que articulan los valores fundamentales que deben guiar el trabajo de diseño de un equipo.
Principios de Feedback Háptico: Sentir la Interfaz
Aprenda cómo el diseño de respuestas táctiles (hápticas) puede mejorar la velocidad de interacción, la accesibilidad y el deleite del usuario en sus aplicaciones móviles.
Principios de la Gestalt para Diseñadores UX
Los principios de la Gestalt describen cómo los seres humanos perciben y organizan de forma natural la información visual en patrones y grupos significativos.
Regla pico-final: cómo se recuerda una experiencia
La regla pico-final dice que se recuerda una experiencia por su momento más intenso y su final, no por su duración. Evidencia, límites y cómo aplicarla.
Resolución de Conflictos en Colaboración: UI y UX
Aprenda cómo diseñar interfaces y flujos de usuario que gestionen de forma elegante los conflictos de edición cuando varios usuarios trabajan simultáneamente en el mismo producto.
Revelación progresiva: mostrar solo lo necesario
La revelación progresiva muestra primero lo esencial y deja lo avanzado a un clic más. Qué es, cuándo funciona y cómo aplicarla sin esconder lo importante.
Sesgos cognitivos en UX: anclaje, encuadre y default
El anclaje, el encuadre y el efecto default cambian cómo la gente valora y decide. Qué dice la evidencia, cómo usarlos en diseño e investigación y sus límites.
Sistema de Diseño
Un Sistema de Diseño es una colección de componentes de UI reutilizables, guiada por estándares claros (principios, guías de estilo), que permite a los equipos diseñar y construir productos digitales de manera coherente y eficiente.
Skeleton VS Optimistic UI: Estrategias de Carga
Aprenda la diferencia entre Skeleton Screens y Optimistic UI, y cómo elegir la mejor estrategia de carga para mejorar el rendimiento percibido de su producto digital.
Tipografía para interfaces: legibilidad antes que estilo
Tipografía para interfaces: legibilidad, longitud de línea, interlineado y contraste. Qué piden WCAG 1.4.8, 1.4.12 y 1.4.3, y cómo aplicarlo en tu diseño.
Umbral de Doherty: la velocidad que mantiene el foco
El umbral de Doherty propone responder en menos de 400 ms para que nadie espere al sistema. Qué dice el estudio de IBM, qué critica Kent Beck y cómo aplicarlo.
UX vs UI Design: ¿Cuál es la Diferencia?
UX se enfoca en cómo funciona un producto y se siente, UI se enfoca en cómo se ve visualmente.
Variables vs Styles en Figma: Estrategias y Tradeoffs
Descubra las diferencias clave entre Figma Variables y Figma Styles para decidir cuál es mejor para su sistema de diseño y flujos de trabajo de prototipado.
WCAG explicado para diseñadores: niveles A, AA y AAA
WCAG son las pautas de accesibilidad web del W3C. Qué significan los niveles A, AA y AAA, sus cuatro principios y qué nivel conviene apuntar como diseñador.