# Conceptos > Conceptos centrales de UX y product design explicados con claridad: modelos mentales, affordances, carga cognitiva, design thinking, y más. ## Pages - [Affordances vs Signifiers: El Lenguaje Invisible del Diseño](https://www.fernandoux.com/es/wiki/conceptos/affordances-vs-signifiers/) 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](https://www.fernandoux.com/es/wiki/conceptos/aria-vs-semantica/) 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 Información](https://www.fernandoux.com/es/wiki/conceptos/arquitectura-de-la-informacion/) 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)](https://www.fernandoux.com/es/wiki/conceptos/arquitectura-de-tokens/) 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. - [Básicos de CRDT para Diseñadores de Producto](https://www.fernandoux.com/es/wiki/conceptos/crdt-para-disenadores/) 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](https://www.fernandoux.com/es/wiki/conceptos/breakpoint-vs-container-queries/) 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. - [Comportamiento de Intrinsic Sizing en UI](https://www.fernandoux.com/es/wiki/conceptos/intrinsic-sizing/) 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](https://www.fernandoux.com/es/wiki/conceptos/conciencia-de-estado/) 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. - [Diseño para el Rendimiento Percibido: Más Rápido que la Luz](https://www.fernandoux.com/es/wiki/conceptos/perceived-performance-design/) 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. - [El Command Pattern en el Diseño de Producto](https://www.fernandoux.com/es/wiki/conceptos/command-pattern/) 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. - [Fundamentos del Accessibility Tree: Cómo Ven las Máquinas](https://www.fernandoux.com/es/wiki/conceptos/accessibility-tree/) 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. - [Gestión de Carga Cognitiva en UX](https://www.fernandoux.com/es/wiki/conceptos/gestion-de-carga-cognitiva/) Aprenda a gestionar la carga cognitiva en el diseño de interfaces para reducir la fatiga mental del usuario, mejorar la retención de información y optimizar la usabilidad de su producto digital. - [Jerarquía Visual VS Jerarquía del DOM: Accesibilidad](https://www.fernandoux.com/es/wiki/conceptos/visual-vs-dom-hierarchy/) 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. - [La Ley de Fitts: Alcance y Ergonomía en UI](https://www.fernandoux.com/es/wiki/conceptos/ley-de-fitts/) 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](https://www.fernandoux.com/es/wiki/conceptos/ley-de-hick/) 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. - [Modelado de Presencia en Tiempo Real: UX Colaborativo](https://www.fernandoux.com/es/wiki/conceptos/modelado-de-presencia/) 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. - [Modelos Mentales de Undo y Redo: El Tiempo en la Interfaz](https://www.fernandoux.com/es/wiki/conceptos/mental-models-undo-redo/) 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](https://www.fernandoux.com/es/wiki/conceptos/mental-models/) 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](https://www.fernandoux.com/es/wiki/conceptos/paridad-de-tokens/) 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. - [Prevención vs Recuperación de Errores: Una Interfaz Indulgente](https://www.fernandoux.com/es/wiki/conceptos/prevencion-vs-recuperacion-errores/) 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](https://www.fernandoux.com/es/wiki/conceptos/principios-de-diseno/) 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](https://www.fernandoux.com/es/wiki/conceptos/principios-feedback-haptico/) 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. - [Resolución de Conflictos en Colaboración: UI y UX](https://www.fernandoux.com/es/wiki/conceptos/resolucion-de-conflictos/) 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. - [Sistema de Diseño](https://www.fernandoux.com/es/wiki/conceptos/sistema-de-diseno/) 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](https://www.fernandoux.com/es/wiki/conceptos/skeleton-vs-optimistic-ui/) 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. - [UX vs UI Design: ¿Cuál es la Diferencia?](https://www.fernandoux.com/es/wiki/conceptos/ux-vs-ui/) 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](https://www.fernandoux.com/es/wiki/conceptos/variables-vs-styles/) 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. --- Source: https://www.fernandoux.com/es/wiki/conceptos/