# Conceptos > Conceptos centrales de UX y product design explicados con claridad: modelos mentales, affordances, carga cognitiva, design thinking, y más. ## Pages - [Accesibilidad en UX: Diseñando para Todos](https://www.fernandoux.com/es/wiki/concepts/accessibility-ux/) 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](https://www.fernandoux.com/es/wiki/concepts/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/concepts/aria-vs-semantics/) 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/concepts/information-architecture/) 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/concepts/token-architecture/) 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](https://www.fernandoux.com/es/wiki/concepts/atomic-design/) 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](https://www.fernandoux.com/es/wiki/concepts/crdt-for-designers/) 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/concepts/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. - [Carga Cognitiva: Por Qué lo Simple es Siempre Mejor](https://www.fernandoux.com/es/wiki/concepts/cognitive-load/) Una medida del esfuerzo mental requerido para usar un producto; una menor carga cognitiva significa que es más fácil de usar. - [Comportamiento de Intrinsic Sizing en UI](https://www.fernandoux.com/es/wiki/concepts/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/concepts/status-awareness/) 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 Centrado en el Usuario: El Fundamento de Todo](https://www.fernandoux.com/es/wiki/concepts/user-centered-design/) Un enfoque donde la investigación del usuario y sus necesidades impulsan cada decisión de diseño de principio a fin. - [Diseño Inclusivo vs. Diseño Accesible: Por qué ambos importan](https://www.fernandoux.com/es/wiki/concepts/inclusive-vs-accessible/) 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](https://www.fernandoux.com/es/wiki/concepts/mobile-first-design/) 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](https://www.fernandoux.com/es/wiki/concepts/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/concepts/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/concepts/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/concepts/cognitive-load-management/) 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/concepts/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. - [Jerarquía Visual: Guiando a los Usuarios a través de tu Diseño](https://www.fernandoux.com/es/wiki/concepts/visual-hierarchy/) 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](https://www.fernandoux.com/es/wiki/concepts/fittss-law/) 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/concepts/hicks-law/) 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/concepts/presence-modeling/) 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/concepts/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/concepts/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/concepts/token-parity/) 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](https://www.fernandoux.com/es/wiki/concepts/dark-patterns/) 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](https://www.fernandoux.com/es/wiki/concepts/prevention-vs-recovery-errors/) 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/concepts/design-principles/) 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/concepts/haptic-feedback-principles/) 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](https://www.fernandoux.com/es/wiki/concepts/gestalt-principles/) 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. - [Resolución de Conflictos en Colaboración: UI y UX](https://www.fernandoux.com/es/wiki/concepts/conflict-resolution/) 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/concepts/design-system/) 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/concepts/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/concepts/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/concepts/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/concepts/