# Product Design ## Pages - [About Fernando Ruiz](https://www.fernandoux.com/about/) Fernando Ruiz, Product Designer and AI Builder. Three lenses on how products actually hold together: systems, audiences, business pressure. - [Actualizaciones Optimistas y UX de Rollback](https://www.fernandoux.com/es/wiki/techniques/optimistic-updates-rollback/) Aprenda a diseñar actualizaciones optimistas para que su aplicación se sienta instantánea al usuario, y cómo gestionar los fallos de red con experiencias de rollback elegantes. - [Actualizaciones Optimistas y UX de Rollback](https://www.fernandoux.com/es/wiki/tecnicas/optimistic-updates-rollback/) Aprenda a diseñar actualizaciones optimistas para que su aplicación se sienta instantánea al usuario, y cómo gestionar los fallos de red con experiencias de rollback elegantes. - [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. - [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. - [Affordances vs. Signifiers: The Invisible Language of Design](https://www.fernandoux.com/en/wiki/concepts/affordances-vs-signifiers/) Discover the crucial difference between Affordances (what an object can do) and Signifiers (the signal that tells us how to do it) to create intuitive and easy-to-use interfaces. - [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. - [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. - [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. - [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/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. - [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. - [Breakpoint vs. Container Queries: Component-Based Design](https://www.fernandoux.com/en/wiki/concepts/breakpoint-vs-container-queries/) Learn the difference between designing for screen width (Breakpoints) and designing for container width (Container Queries), and how this revolutionizes component design. - [Chunking en los Flujos de UI: Fragmentación Inteligente](https://www.fernandoux.com/es/wiki/techniques/ui-flow-chunking/) Aprenda a aplicar el chunking en sus interfaces y flujos de usuario para fragmentar la información en bloques manejables, reduciendo la carga cognitiva y mejorando la tasa de éxito. - [Chunking en los Flujos de UI: Fragmentación Inteligente](https://www.fernandoux.com/es/wiki/tecnicas/chunking-flujos-ui/) Aprenda a aplicar el chunking en sus interfaces y flujos de usuario para fragmentar la información en bloques manejables, reduciendo la carga cognitiva y mejorando la tasa de éxito. - [Chunking in UI Flows: Intelligent Fragmentation](https://www.fernandoux.com/en/wiki/techniques/ui-flow-chunking/) Learn to apply chunking in your interfaces and user flows to break information into manageable blocks, reducing cognitive load and improving success rates. - [Cognitive Load Management in UX](https://www.fernandoux.com/en/wiki/concepts/cognitive-load-management/) Learn to manage cognitive load in interface design to reduce user mental fatigue, improve information retention, and optimize the usability of your digital product. - [Component API Design: Predictability and Flexibility](https://www.fernandoux.com/en/wiki/techniques/component-api-design/) Learn to design robust and consistent component APIs that facilitate handoff between design and development, reducing errors and accelerating product construction. - [Component Prop Organization: Structure and Hierarchy](https://www.fernandoux.com/en/wiki/techniques/component-props-organization/) Learn to organize and prioritize your components' properties (props) to create a more intuitive user experience for the designers and developers consuming your design system. - [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. - [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/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. - [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. - [Conflict Resolution in Collaboration: UI and UX](https://www.fernandoux.com/en/wiki/concepts/conflict-resolution/) Learn how to design interfaces and user flows that elegantly manage editing conflicts when multiple users work simultaneously on the same product. - [Constraints and Auto Layout Logic in Figma](https://www.fernandoux.com/en/wiki/techniques/auto-layout-constraints/) Master advanced Constraints and Auto Layout logic in Figma to create responsive components and layouts that adapt perfectly to any screen size. - [Control de Explosión de Variantes (Wrangling Systems)](https://www.fernandoux.com/es/wiki/techniques/variant-explosion-control/) Aprenda a optimizar y simplificar la arquitectura de sus componentes de Figma para evitar una explosión de variantes inmanejable y mejorar el rendimiento de sus archivos de diseño. - [Control de Explosión de Variantes (Wrangling Systems)](https://www.fernandoux.com/es/wiki/tecnicas/control-explosion-variantes/) Aprenda a optimizar y simplificar la arquitectura de sus componentes de Figma para evitar una explosión de variantes inmanejable y mejorar el rendimiento de sus archivos de diseño. - [CRDT Basics for Product Designers](https://www.fernandoux.com/en/wiki/concepts/crdt-for-designers/) Discover why CRDTs are the technology that enables applications like Figma or Notion, and how they affect the way you design collaborative and offline-first interfaces. - [Decisiones de Intrinsic Layout: Contenido VS Cajas](https://www.fernandoux.com/es/wiki/techniques/intrinsic-layout-decisions/) Aprenda a tomar decisiones de diseño basadas en la lógica intrínseca para crear layouts que se adapten de forma inteligente al contenido sin depender de rejillas rígidas. - [Decisiones de Intrinsic Layout: Contenido VS Cajas](https://www.fernandoux.com/es/wiki/tecnicas/intrinsic-layout-decisions/) Aprenda a tomar decisiones de diseño basadas en la lógica intrínseca para crear layouts que se adapten de forma inteligente al contenido sin depender de rejillas rígidas. - [Decisiones de Layout: Grid vs Intrinsic](https://www.fernandoux.com/es/wiki/techniques/layout-grid-vs-intrinsic/) Aprenda a elegir entre un diseño basado en rejillas (Grid) y uno basado en contenido (Intrinsic) para crear layouts digitales fluidos y modernos. - [Decisiones de Layout: Grid vs Intrinsic](https://www.fernandoux.com/es/wiki/tecnicas/layout-grid-vs-intrinsic/) Aprenda a elegir entre un diseño basado en rejillas (Grid) y uno basado en contenido (Intrinsic) para crear layouts digitales fluidos y modernos. - [Designing for Perceived Performance: Faster Than Light](https://www.fernandoux.com/en/wiki/concepts/perceived-performance-design/) Learn how design can make your application feel faster than it really is, using cognitive psychology techniques and visual tricks. - [Diseño de APIs de Componentes: Predictibilidad y Flexibilidad](https://www.fernandoux.com/es/wiki/techniques/component-api-design/) Aprenda a diseñar APIs de componentes robustas y coherentes que faciliten el handoff entre diseño y desarrollo, reduciendo errores y acelerando la construcción de productos. - [Diseño de APIs de Componentes: Predictibilidad y Flexibilidad](https://www.fernandoux.com/es/wiki/tecnicas/diseno-apis-componentes/) Aprenda a diseñar APIs de componentes robustas y coherentes que faciliten el handoff entre diseño y desarrollo, reduciendo errores y acelerando la construcción de productos. - [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. - [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/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. - [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. - [Error Prevention vs. Recovery: A Forgiving Interface](https://www.fernandoux.com/en/wiki/concepts/prevention-vs-recovery-errors/) Learn to design interfaces that prevent user errors before they occur and offer clear recovery paths when failure is inevitable. - [Estados de Carga: La Espera Indulgente en UX](https://www.fernandoux.com/es/wiki/techniques/loading-states/) Aprenda a diseñar estados de carga que reduzcan la ansiedad del usuario, comuniquen el progreso del sistema y mejoren la percepción de velocidad de su producto digital. - [Estados de Carga: La Espera Indulgente en UX](https://www.fernandoux.com/es/wiki/tecnicas/estados-de-carga/) Aprenda a diseñar estados de carga que reduzcan la ansiedad del usuario, comuniquen el progreso del sistema y mejoren la percepción de velocidad de su producto digital. - [Estrategia de Aliasing y Herencia de Tokens](https://www.fernandoux.com/es/wiki/techniques/token-aliasing-inheritance/) Aprenda a implementar una estrategia de aliasing y herencia de tokens de diseño para crear sistemas altamente flexibles, mantenibles y preparados para múltiples temas. - [Estrategia de Aliasing y Herencia de Tokens](https://www.fernandoux.com/es/wiki/tecnicas/aliasing-herencia-tokens/) Aprenda a implementar una estrategia de aliasing y herencia de tokens de diseño para crear sistemas altamente flexibles, mantenibles y preparados para múltiples temas. - [Estrategias de Escalado Responsivo: UI Líquida](https://www.fernandoux.com/es/wiki/techniques/responsive-scaling-strategies/) Aprenda a elegir y aplicar diferentes estrategias de escalado responsivo para que sus componentes y layouts se adapten con fluidez a cualquier tamaño de pantalla. - [Estrategias de Escalado Responsivo: UI Líquida](https://www.fernandoux.com/es/wiki/tecnicas/estrategias-de-escalado-responsivo/) Aprenda a elegir y aplicar diferentes estrategias de escalado responsivo para que sus componentes y layouts se adapten con fluidez a cualquier tamaño de pantalla. - [Fitts's Law: Reach and Ergonomics in UI](https://www.fernandoux.com/en/wiki/concepts/fittss-law/) Learn how Fitts's Law influences the speed and accuracy of user movement to select targets in a digital interface, improving the ergonomics of your designs. - [Flujos Offline-First: Diseñar para la Desconexión](https://www.fernandoux.com/es/wiki/estrategia/flujos-offline-first/) Aprenda cómo diseñar aplicaciones que funcionen sin conexión a internet por defecto, mejorando radicalmente la experiencia del usuario en cualquier circunstancia de conectividad. - [Flujos Offline-First: Diseñar para la Desconexión](https://www.fernandoux.com/es/wiki/strategy/offline-first-flows/) Aprenda cómo diseñar aplicaciones que funcionen sin conexión a internet por defecto, mejorando radicalmente la experiencia del usuario en cualquier circunstancia de conectividad. - [Form Validation Timing: Reward and Rules](https://www.fernandoux.com/en/wiki/techniques/form-validation-timing/) Learn when the optimal moment is to validate your form data to reduce user flow interruption and improve your interfaces' conversion rate. - [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. - [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. - [Haptic Feedback Principles: Feeling the Interface](https://www.fernandoux.com/en/wiki/concepts/haptic-feedback-principles/) Learn how designing tactile (haptic) responses can improve interaction speed, accessibility, and user delight in your mobile applications. - [Hick's Law: Decision and Response Time](https://www.fernandoux.com/en/wiki/concepts/hicks-law/) Learn how Hick's Law influences user decision-making and how to reduce response time by simplifying options in your digital interface. - [Input Masking Dangers: Usability vs. Format](https://www.fernandoux.com/en/wiki/techniques/input-masking-dangers/) Learn why input masks can be a usability trap and discover alternative strategies to guide the user without frustrating them. - [Intrinsic Layout Decisions: Content vs. Boxes](https://www.fernandoux.com/en/wiki/techniques/intrinsic-layout-decisions/) Learn to make design decisions based on intrinsic logic to create layouts that intelligently adapt to content without relying on rigid grids. - [Intrinsic Sizing Behavior in UI](https://www.fernandoux.com/en/wiki/concepts/intrinsic-sizing/) Learn how intrinsic sizing works in digital interface design to create components that intelligently adapt to their real content. - [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. - [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. - [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 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/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. - [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. - [Latency Budgets in UX: Response Times](https://www.fernandoux.com/en/wiki/strategy/interaction-latency-budgets/) Learn to define and manage latency budgets in your digital product to ensure user interactions feel instantaneous and reactive. - [Layout Decisions: Grid vs. Intrinsic](https://www.fernandoux.com/en/wiki/techniques/layout-grid-vs-intrinsic/) Learn to choose between a grid-based design (Grid) and a content-based design (Intrinsic) to create fluid and modern digital layouts. - [Loading States: The Indulgent Wait in UX](https://www.fernandoux.com/en/wiki/techniques/loading-states/) Learn to design loading states that reduce user anxiety, communicate system progress, and improve the perceived speed of your digital product. - [Lógica de Constraints y Auto Layout en Figma](https://www.fernandoux.com/es/wiki/techniques/auto-layout-constraints/) Domine la lógica avanzada de Constraints y Auto Layout en Figma para crear componentes y layouts responsivos que se adapten perfectamente a cualquier tamaño de pantalla. - [Lógica de Constraints y Auto Layout en Figma](https://www.fernandoux.com/es/wiki/tecnicas/constraints-auto-layout/) Domine la lógica avanzada de Constraints y Auto Layout en Figma para crear componentes y layouts responsivos que se adapten perfectamente a cualquier tamaño de pantalla. - [Mental Models of Undo and Redo: Time in the Interface](https://www.fernandoux.com/en/wiki/concepts/mental-models-undo-redo/) Learn how users perceive time travel in digital interfaces through Undo and Redo models, and how to design them for complex collaborative environments. - [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. - [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/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 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. - [Offline-First Flows: Designing for Disconnection](https://www.fernandoux.com/en/wiki/strategy/offline-first-flows/) Learn how to design applications that work offline by default, radically improving the user experience in any connectivity circumstance. - [Optimistic Updates and Rollback UX](https://www.fernandoux.com/en/wiki/techniques/optimistic-updates-rollback/) Learn to design optimistic updates so your application feels instantaneous to the user, and how to manage network failures with elegant rollback experiences. - [Organización de Props de Componentes: Estructura y Jerarquía](https://www.fernandoux.com/es/wiki/techniques/component-props-organization/) Aprenda a organizar y priorizar las propiedades (props) de sus componentes para crear una experiencia de usuario más intuitiva para los diseñadores y desarrolladores que consumen su sistema de diseño. - [Organización de Props de Componentes: Estructura y Jerarquía](https://www.fernandoux.com/es/wiki/tecnicas/organizacion-props-componentes/) Aprenda a organizar y priorizar las propiedades (props) de sus componentes para crear una experiencia de usuario más intuitiva para los diseñadores y desarrolladores que consumen su sistema de diseño. - [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. - [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. - [Peligros del Input Masking: Usabilidad vs Formato](https://www.fernandoux.com/es/wiki/techniques/input-masking-dangers/) Aprenda por qué las máscaras de entrada (input masks) pueden ser una trampa de usabilidad y descubra estrategias alternativas para guiar al usuario sin frustrarlo. - [Peligros del Input Masking: Usabilidad vs Formato](https://www.fernandoux.com/es/wiki/tecnicas/peligros-input-masking/) Aprenda por qué las máscaras de entrada (input masks) pueden ser una trampa de usabilidad y descubra estrategias alternativas para guiar al usuario sin frustrarlo. - [Presupuestos de Latencia en UX: Tiempos de Respuesta](https://www.fernandoux.com/es/wiki/estrategia/interaction-latency-budgets/) Aprenda a definir y gestionar presupuestos de latencia en su producto digital para asegurar que las interacciones del usuario se sientan instantáneas y reactivas. - [Presupuestos de Latencia en UX: Tiempos de Respuesta](https://www.fernandoux.com/es/wiki/strategy/interaction-latency-budgets/) Aprenda a definir y gestionar presupuestos de latencia en su producto digital para asegurar que las interacciones del usuario se sientan instantáneas y reactivas. - [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. - [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 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. - [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. - [Real-Time Presence Modeling: Collaborative UX](https://www.fernandoux.com/en/wiki/concepts/presence-modeling/) Learn to design effective presence indicators (cursors, avatars, activity) so that your users feel they are working together in real-time within your digital product. - [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. - [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. - [Responsive Scaling Strategies: Liquid UI](https://www.fernandoux.com/en/wiki/techniques/responsive-scaling-strategies/) Learn to choose and apply different responsive scaling strategies so your components and layouts adapt fluidly to any screen size. - [Safeguards for Destructive Actions: Positive Friction](https://www.fernandoux.com/en/wiki/techniques/destructive-action-safeguards/) Learn to design safeguards and intentional friction mechanisms to prevent your users from accidentally performing irreversible actions in your digital product. - [Salvaguardas para Acciones Destructivas: Fricción Positiva](https://www.fernandoux.com/es/wiki/techniques/destructive-action-safeguards/) Aprenda a diseñar salvaguardas y mecanismos de fricción intencionada para evitar que sus usuarios realicen acciones irreversibles de forma accidental en su producto digital. - [Salvaguardas para Acciones Destructivas: Fricción Positiva](https://www.fernandoux.com/es/wiki/tecnicas/salvaguardas-acciones-destructivas/) Aprenda a diseñar salvaguardas y mecanismos de fricción intencionada para evitar que sus usuarios realicen acciones irreversibles de forma accidental en su producto digital. - [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. - [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. - [Skeleton VS Optimistic UI: Loading Strategies](https://www.fernandoux.com/en/wiki/concepts/skeleton-vs-optimistic-ui/) Learn the difference between Skeleton Screens and Optimistic UI, and how to choose the best loading strategy to improve the perceived performance of your digital product. - [Status Awareness in UI](https://www.fernandoux.com/en/wiki/concepts/status-awareness/) Learn to design interfaces that keep the user always informed about the current state of the system and each component to reduce uncertainty and errors. - [The Command Pattern in Product Design](https://www.fernandoux.com/en/wiki/concepts/command-pattern/) Move from designing static screens to designing dynamic flows based on encapsulated actions through the Command Pattern, the technical foundation of modern and collaborative interfaces. - [Timing de Validación en Formularios: Recompensa y Reglas](https://www.fernandoux.com/es/wiki/techniques/form-validation-timing/) Aprenda cuándo es el momento óptimo para validar los datos de sus formularios para reducir la interrupción del flujo del usuario y mejorar la tasa de conversión de sus interfaces. - [Timing de Validación en Formularios: Recompensa y Reglas](https://www.fernandoux.com/es/wiki/tecnicas/timing-validacion-formularios/) Aprenda cuándo es el momento óptimo para validar los datos de sus formularios para reducir la interrupción del flujo del usuario y mejorar la tasa de conversión de sus interfaces. - [Token Aliasing and Inheritance Strategy](https://www.fernandoux.com/en/wiki/techniques/token-aliasing-inheritance/) Learn to implement a design token aliasing and inheritance strategy to create highly flexible, maintainable systems prepared for multiple themes. - [Token Architecture (Global vs. Semantic vs. Component)](https://www.fernandoux.com/en/wiki/concepts/token-architecture/) Discover how to structure a robust design token architecture using the three-layer model (Global, Semantic, and Component) to create scalable and maintainable design systems. - [Token Parity Across Multiple Platforms](https://www.fernandoux.com/en/wiki/concepts/token-parity/) Learn how to achieve design token parity across Web, iOS, and Android to ensure a consistent brand experience and accelerate multiplatform development. - [Variant Explosion Control (Wrangling Systems)](https://www.fernandoux.com/en/wiki/techniques/variant-explosion-control/) Learn to optimize and simplify your Figma component architecture to avoid unmanageable variant explosions and improve the performance of your design files. - [Visual Hierarchy VS DOM Hierarchy: Accessibility](https://www.fernandoux.com/en/wiki/concepts/visual-vs-dom-hierarchy/) Learn the difference between what the user sees and what the browser reads, and how to align visual hierarchy with the DOM for flawless accessibility in your product. --- Source: https://www.fernandoux.com/tags/product-design/