← Designs DTP · INFOGRAFÍA MULTILINGÜE

Onboarding Journey

Una infografía de onboarding ficticia, en inglés, alemán, árabe y japonés — pensada para mostrar el proceso real de maquetación multilingüe, no solo el resultado.

01

Contexto y objetivo

El trabajo de DTP multilingüe real casi nunca se ve en un portfolio como lo que realmente es — el problema real no es "traducir un párrafo", es sostener una jerarquía visual cuando el idioma destino ocupa mucho más espacio que el original, ocupa menos, o se lee en la dirección opuesta.

Elegí una infografía de onboarding de página completa — portada con índice numerado y seis etapas, cada una con un nombre corto dentro de una etiqueta de ancho fijo — porque es exactamente el tipo de pieza donde ese problema se vuelve innegociable. Con marca y contenido completamente inventados, el objetivo fue mostrar públicamente este desafío técnico real sin ningún conflicto de confidencialidad, en cuatro idiomas elegidos deliberadamente por lo distinto que es el problema que cada uno plantea.

02

Proceso

Punto de partida: no había archivos editables. El material de referencia real para esta pieza no llegó como un paquete de diseño con capas de texto — llegó como PDF final, plano. El primer paso no fue traducir: fue reconstruir ese PDF en un formato editable, recreando la estructura en segmentos limpios, listos para que una CAT tool los procese sin romper formato.

Preparación para CAT tool. Cada etiqueta, título y bloque de texto queda aislado como un segmento propio — si el texto se mezcla con elementos decorativos, la CAT tool lo procesa mal y el error se arrastra a todos los idiomas de salida.

Reconstrucción por idioma, respetando la jerarquía. Una vez traducido, el texto vuelve con longitudes y direcciones de lectura completamente distintas. El trabajo real de DTP es reconstruir la pieza para que cada etiqueta entre en su espacio sin romper la jerarquía visual, respetando en cada versión el mismo orden de lectura — qué se lee primero, qué es el título — aunque el idioma cambie por completo la dirección o la tipografía.

Elección deliberada de idiomas de contraste. Alemán para expansión en etiquetas cortas; árabe para un desafío estructural distinto (dirección de lectura); japonés para un tercer problema, donde la tipografía de marca en sí misma deja de servir.

03

Decisiones clave

Medir la expansión real, no asumirla. "Meet the Team" (13 caracteres) pasa a "Das Team kennenlernen" en alemán (21 caracteres) — no entra en el mismo espacio. Para esa etiqueta la solución fue partirla en dos líneas dentro de la misma caja; para otra con un problema similar ("Unternehmen entdecken") alcanzó con reducir el tamaño tipográfico. La elección no es estética: depende de cuánto margen real tiene cada etiqueta específica.

Árabe: espejado completo, no solo alineado a la derecha. El número de cada etapa pasa al lado derecho de su fila, el índice de la portada pasa al lado izquierdo, y el orden de lectura de cada elemento se invierte para que la lógica narrativa (Día 1 → Mes 12) se siga entendiendo en el sentido correcto.

Japonés: cuando el problema no es el espacio, es la tipografía. La tipografía de título del resto de la pieza no tiene glifos japoneses — no es cuestión de tamaño, directamente no puede representar esos caracteres. Hubo que sustituirla por una con soporte CJK y aumentar el interlineado (160–180%, contra ~104% en inglés). Y a diferencia del alemán, las etiquetas japonesas terminaron siendo más cortas que el original — no todo idioma expande.

04

Solución final

La misma infografía, en cuatro versiones, cada una resuelta con la estrategia específica que su idioma exigió.

Onboarding Journey — versión en inglés
Inglés — original
Onboarding Journey — versión en alemán
Alemán — expansión
Onboarding Journey — versión en árabe, espejada
Árabe — espejado RTL
Onboarding Journey — versión en japonés
Japonés — cambio de tipografía

Por qué cuatro idiomas: cada uno rompe la plantilla de una forma distinta — expansión, dirección de lectura, y sustitución tipográfica — así que juntos cubren la mayoría de los problemas reales de un proyecto multilingüe.

05

Aprendizaje

El promedio de expansión de un idioma no dice nada sobre el punto crítico real. Hay que revisar etiqueta por etiqueta en elementos de layout fijo — y a veces el idioma no expande, contrae.

La dirección de lectura es un problema de diseño, no de idioma. Adaptar a RTL exige repensar el orden visual completo de la información, no solo espejar el layout.

No todo problema multilingüe es de espacio. A veces la tipografía elegida directamente no puede mostrar el idioma destino, y hay que resolverlo a nivel de sistema tipográfico.