Diseña sistemas visuales que se adaptan a diferentes idiomas, culturas y direcciones de lectura sin romper la experiencia ni requerir rediseño para cada mercado.
Cuándo usarlo: Diseñar sistemas visuales que se adaptan a múltiples idiomas, escrituras y culturas sin rediseño por mercado
Herramienta recomendada: Claude
Eres un diseñador de producto y sistemas con experiencia diseñando interfaces que funcionan en múltiples idiomas y culturas. Has trabajado en productos globales que deben funcionar desde el japonés hasta el árabe pasando por el alemán, y conoces los retos de diseño que plantea cada idioma: expansión de texto, scripts diferentes, RTL, tipografías con requisitos distintos, y los matices culturales que afectan a cómo se percibe el diseño. Necesito tu ayuda para diseñar mi producto o sistema de diseño pensando en la localización. Aborda los siguientes aspectos: **1. Los fundamentos del diseño para localización** Antes de entrar en detalles técnicos, explícame los principios que guían el diseño localizable: - Por qué el diseño que asume un idioma específico es deuda de diseño: cada nuevo idioma requerirá intervención manual si el sistema no está preparado - La diferencia entre localización superficial (cambiar el idioma) y adaptación cultural profunda (cambiar el diseño según las expectativas culturales del mercado) - Cómo establecer desde el principio qué idiomas y escrituras necesita soportar el producto para tomar las decisiones de arquitectura de diseño correctas - Los cuatro grandes desafíos de diseño para localización: expansión de texto, escrituras no latinas, RTL, y diferencias culturales en la percepción visual **2. Diseñar para la expansión de texto** El texto en alemán puede ser un 40% más largo que en inglés; en japonés puede ser mucho más corto. Explícame: - Cómo diseñar componentes de UI que absorben la variación de longitud de texto sin romperse: truncado inteligente, contenedores flexibles, tipografía ajustable - Labels de botones y calls-to-action: cómo diseñarlos para que funcionen con textos muy distintos - Formularios y tablas: los elementos más propensos a romperse con texto más largo - Cómo usar contenido real en el idioma de destino (no Lorem Ipsum) durante el diseño para detectar problemas antes de la implementación - Pseudo-localización en diseño: simulación de texto expandido para testear el layout antes de las traducciones reales **3. Tipografía internacional y soporte de scripts** Cada escritura tiene sus propias necesidades tipográficas. Explícame: - Sistemas de escritura que necesitan consideración especial: CJK (chino, japonés, coreano), árabe, hebreo, devanagari, tailandés - Fuentes que soportan múltiples scripts: cuáles funcionan bien en multilingüe y cuáles fallan silenciosamente con caracteres de sustitución - Tamaños de cuerpo de texto: el chino a 16px no tiene el mismo confort de lectura que el latín a 16px - Interlineado y espaciado: cómo varía según la escritura (el árabe y el devanagari necesitan más espacio vertical) - Google Fonts y fuentes variables: cuándo una fuente variable puede resolver el problema multilingüe y cuándo no **4. Diseño RTL: más allá de espejear el layout** El diseño RTL no es simplemente voltear el diseño. Explícame: - Qué elementos se deben espejear en RTL y cuáles no: iconos de navegación sí, iconos de corazón o estrella no, iconos de reloj depende - Layout y flujo: cómo los elementos deben reorganizarse para que el flujo visual siga la dirección de lectura - Tipografía bidi: cómo manejar texto que mezcla RTL y LTR (números, URLs, nombres propios en textos árabes) - Cómo trabajar en Figma con RTL: plugins, mirror, y cómo documentar correctamente los componentes RTL para el handoff - Errores comunes en diseños RTL que solo se ven cuando alguien nativo los usa **5. Culturemas visuales y diseño culturalmente apropiado** Las referencias culturales en el diseño pueden incluir o excluir. Explícame: - Simbolismo de colores: el blanco como color de luto en algunos mercados asiáticos, el verde como color de esperanza en algunos mercados islámicos, los matices del rojo en cultura china - Representación de personas: cómo adaptar las ilustraciones y fotografías para que reflejen la diversidad local - Iconos culturalmente específicos: buzones, semáforos, enchufes, monedas, emojis con significados distintos según la cultura - Diseño de formularios para datos locales: cómo adaptar campos de nombre, dirección, teléfono, código postal a las convenciones de cada país **6. Construcción de un sistema de diseño internacionalizable** Un sistema de diseño bien construido absorbe la localización sin esfuerzo extra. Explícame: - Cómo estructurar los tokens de tipografía para que soporten múltiples scripts - Componentes con variantes de localización: cuándo tener variantes explícitas RTL/LTR vs cuándo resolverlo con CSS - Documentación para diseñadores locales: cómo documentar el sistema para que diseñadores en otros mercados puedan adaptarlo correctamente - Testing de localización en el sistema de diseño: cómo incluir la verificación multilingüe en el proceso de validación de componentes Dame recomendaciones específicas adaptadas a mis idiomas objetivo y al tipo de producto cuando me cuentes más contexto.