A medida que crecen los Design Systems, también crece su complejidad. Más temas, componentes, estados y requisitos de accesibilidad implican más combinaciones que diseñar, implementar, probar y mantener.

Considerá un Design System con 2 modos, 6 contextos de superficie, 3 grupos semánticos, 2 densidades, 4 variantes de botón y 6 estados de interacción. Solo para botones, eso da 2 × 6 × 3 × 2 × 4 × 6 = 1.728 combinaciones posibles.

Mantener el sistema es un dolor de cabeza; auditar su accesibilidad, un proyecto aparte. Y tirarle IA al problema no sirve, porque la velocidad no puede arreglar un castillo de naipes construido con maestría.

Reduciendo la complejidad de las decisiones

IPAX aborda este problema de diseño con principios probados de ingeniería de software: abstracción, encapsulamiento y reglas de composición que permiten volver a controlar la complejidad combinatoria.

Las combinaciones siguen estando. Pero las decisiones necesarias para manejarlas ahora caben en una sola pantalla.

Con un esfuerzo de implementación comparable al de incorporar modo oscuro, IPAX convierte tu Design System existente en un Adaptive Design System: una arquitectura capaz de soportar tantos modos como necesites.

Gobernando la accesibilidad del contraste desde una sola pantalla

IPAX reúne las relaciones entre colores que determinan el cumplimiento de los requisitos de contraste en una vista auditable. Cuando esas relaciones cumplen los criterios exigidos, las combinaciones de colores resultantes heredan ese cumplimiento en todo el Design System.

Esta arquitectura funciona como una capa de soporte para tu Design System existente, preservando los componentes, las decisiones de diseño y los procesos de trabajo en los que tu equipo ya se apoya.

Solicita una demo

Modo claro, con 6 × 2 contextos derivados de la definición de un único color naranja de marca.
Modo de lectura, con menor contraste y una relación cálida entre tinta y papel, junto con la capa de auditoría de IPAX Score.
Modo oscuro con acentos azules y glassmorphism. IPAX Score tiene en cuenta la opacidad para asegurar que toda la matriz de tinta, papel y acentos cumpla los requisitos de contraste de WCAG.
Muestras de texto sobre fondos con puntajes WCAG, APCA e IPAX, junto a un panel flotante que explica los criterios de ergonomía.
Comparador de tamaño de fuente que superpone dos tipografías, una en cian y otra en rojo, con la intersección en blanco, para comparar el tamaño mínimo de lectura.
Vista del Design Lab con los colores ordenados por luminancia, cada muestra anotada con sus puntajes WCAG, APCA e IPAX, y paneles flotantes que muestran los valores CMYK y la matriz completa de contraste.

El sistema IPAX deriva las variantes del Design System a partir de un conjunto manejable de decisiones concretas, con una arquitectura accesible de color y tipografía diseñada en torno a WCAG 2, APCA y ergonomía visual.

IPAX Enterprise

Soluciones a medida, herramientas empresariales, consultoría especializada y capacitación práctica.

Desde resolver problemas específicos de accesibilidad o mantenimiento hasta refactorizar componentes existentes, desarrollar herramientas dedicadas o establecer una única fuente de verdad para tu Design System.

Cómo trabajamos

Partimos de tus componentes y procesos de trabajo existentes.

Examinamos tu Design System, sus vulnerabilidades de accesibilidad, los riesgos emergentes y las limitaciones arquitectónicas, junto con tu hoja de ruta de diseño y desarrollo.

Aplicamos IPAX a tu identidad visual y a componentes representativos, para que puedas ver cómo la arquitectura puede resolver tus desafíos específicos. Sobre esa base, definimos juntos el alcance, los entregables y el plan de implementación.

¿Querés ver qué puede hacer IPAX por tu Design System? Solicita una demo.

Quiénes somos

Kambrica es una consultora de UX fundada por Santiago Bustelo, diseñador de interacción desde 1996. En 2009 fundó IxDA Buenos Aires y fue el primer coordinador regional de IxDA para Latinoamérica.

A lo largo de su trayectoria, dio más de 100 charlas y talleres en 24 ciudades, fue docente en 11 universidades de Argentina, Estados Unidos, Chile y Colombia, y participó como jurado de los Interaction Awards y de MIT Innovators Under 35. A través de Kambrica, dirigió más de 1.000 proyectos en más de 40 industrias.

Trabajamos sobre la complejidad de los sistemas de interfaces desde antes de que existiera el término Design System. Ya en 2011, presentamos en Microsoft CodeCamp un enfoque de desarrollo y testeo modular de interfaces basado en componentes, combinatoria de variables y pairwise testing.

Hoy desarrollamos y aplicamos IPAX, presentado en Rosenfeld Media, incorporando principios de ingeniería de software e investigación en ergonomía a los Adaptive Design Systems, donde la accesibilidad y la escalabilidad se abordan desde la arquitectura en lugar de tratarse como problemas independientes de implementación.