Capturas del App Store de derecha a izquierda: cómo diseñar para árabe y hebreo

Las capturas del App Store en árabe y hebreo necesitan algo más que textos traducidos. Como ambos idiomas se leen de derecha a izquierda (RTL), un buen set de capturas RTL refleja la composición, alinea los textos a la derecha, muestra la interfaz de la propia app capturada en un idioma RTL y usa una fuente que represente bien la escritura. Los nombres de marca, los números y los términos en alfabeto latino dentro del texto siguen yendo de izquierda a derecha, y esa mezcla es donde fallan la mayoría de las capturas RTL.

En esta guía vemos qué idiomas de las tiendas son RTL, cómo reflejar un set, cómo capturar la interfaz del dispositivo en árabe o hebreo y los errores que vemos más a menudo.

¿Qué idiomas del App Store y de Google Play son de derecha a izquierda?

En el App Store, la lista de Apple de localizaciones del App Store tiene 50 entradas; las de derecha a izquierda son el árabe, el hebreo y el urdu. En Google Play, la lista de idiomas de ficha usa estos códigos:

Fíjate en el código del hebreo. Google Play usa iw-IL, basado en el antiguo código ISO «iw», no he. Si automatizas las subidas con fastlane supply o con la Play Developer API, el nombre de la carpeta o del idioma tiene que coincidir con lo que espera Play, o la ficha acaba en el sitio equivocado.

La referencia de localización de Apple incluye el árabe como idioma compatible en muchas tiendas, entre ellas Egipto y los Emiratos Árabes Unidos, así que un solo set en árabe puede servir para varios mercados. Si necesitas árabe estándar moderno o un tono regional en tus textos es una decisión de redacción; la mayoría de las fichas usan árabe estándar moderno.

Cómo reflejar un set de capturas para árabe y hebreo

Reflejar significa invertir las partes de la composición que dependen de la dirección y dejar tal cual el contenido que tiene una orientación en el mundo real. Revisa cada elemento:

• Alineación del texto: a la derecha. Los textos centrados sobreviven al cambio, y es una de las razones por las que algunos equipos lo centran todo.
• Posición del dispositivo y del texto: si el diseño en inglés pone el teléfono a la derecha y el texto a la izquierda, intercámbialos.
• Flechas, indicaciones de deslizar y señales de progreso: invierte todo lo que implique «adelante». En RTL, adelante apunta a la izquierda.
• Gráficos: haz lo que haga tu app. Muchas apps mantienen los gráficos temporales de izquierda a derecha; si la tuya los refleja en árabe, muéstralo así.
• No inviertas: logos, fotos, el hardware del dispositivo (el módulo de cámara), relojes, controles de reproducción multimedia ni nada que lleve texto latino.

¿Y el orden de las capturas?

Las tiendas muestran las capturas en el orden en que las subes, en todos los idiomas, así que la captura 1 siempre es tu primera captura. Lo que cambia en un idioma RTL es la dirección de lectura de la interfaz de la tienda que la rodea. La documentación de Apple no explica cómo se desplaza el carrusel de capturas en las tiendas RTL, así que te sugerimos comprobarlo en un dispositivo configurado en árabe o hebreo en vez de darlo por hecho. Esto importa sobre todo en los sets de capturas panorámicas: un diseño que fluye de izquierda a derecha a través de la unión puede leerse al revés para alguien que lee en RTL. Si no lo tienes claro, diseña cada imagen RTL para que funcione por sí sola, o construye el fondo continuo para que se lea de derecha a izquierda.

Captura la interfaz de la app en el idioma RTL

Lo que más delata una ficha a medio localizar es un texto en árabe encima de una pantalla de la app en inglés. Captura las pantallas que van dentro del marco del dispositivo con la app funcionando de verdad en árabe o hebreo. Si tu app es compatible con RTL como es debido, la navegación, las barras de pestañas y los botones de volver ya estarán reflejados.

iOS

En Xcode, edita el esquema, abre Run → Options y pon App Language en árabe o hebreo para las capturas definitivas. Para comprobar el reflejo antes de tener las traducciones, usa la opción Right-to-Left Pseudolanguage, que invierte el diseño manteniendo tu idioma de desarrollo. La sesión de la WWDC22 de Apple «Get it right (to left)» es la mejor referencia sobre cómo gestiona iOS los diseños y los números RTL. También puedes pasar un argumento de lanzamiento desde tus tests de interfaz:

-AppleLanguages (ar) -AppleLocale ar_SA

Android

La app necesita android:supportsRtl="true" en el manifiesto y start/end en lugar de left/right en los layouts, según la guía de Android para admitir distintos idiomas. Para una comprobación rápida, Android 4.4 y posteriores tienen la opción de desarrollador Forzar diseño de derecha a izquierda. Para las capturas definitivas, cambia el idioma del sistema del emulador a árabe o hebreo. Nuestra guía de capturas limpias en simulador y emulador explica cómo limpiar la barra de estado, y se aplica igual en RTL.

Tipografía para textos en árabe y hebreo

La fuente es lo que hace que un set RTL parezca nativo o improvisado.

• Usa una fuente diseñada para esa escritura. Si la fuente de tu marca no tiene glifos árabes o hebreos, el sistema recurre a otra, a menudo con un peso que no encaja. Elige una familia complementaria que incluya la escritura. Google Fonts tiene varias, por ejemplo Noto Sans Arabic, IBM Plex Sans Arabic y Cairo para árabe, y Noto Sans Hebrew, Heebo y Rubik para hebreo.
• Nunca añadas espaciado entre letras en árabe. Las letras árabes se enlazan. Un tracking que queda nítido en inglés rompe las uniones y hace que las palabras cuesten más de leer. Ponlo a cero en los textos en árabe.
• No hay mayúsculas. Ni el árabe ni el hebreo tienen mayúsculas, así que un estilo en inglés todo en mayúsculas no tiene equivalente. Usa el peso y el tamaño para dar énfasis.
• Dale más interlineado al árabe. El árabe tiene ascendentes altos, descendentes profundos y signos encima y debajo de las letras, así que un interlineado que funciona en inglés puede cortarlo.
• Cuenta con longitudes distintas. Los textos en árabe suelen tener un ancho distinto al inglés; el hebreo suele ser más corto. Deja que el diseño se adapte en vez de reducir la letra.

Números, nombres de marca y texto con direcciones mezcladas

La mayoría de los textos RTL contienen algo de texto de izquierda a derecha: el nombre de tu app, el nombre de una función en inglés, un número. El algoritmo bidireccional de Unicode gestiona la dirección de cada tramo, pero el resultado aún puede sorprenderte.

Números

El hebreo usa dígitos occidentales. El árabe usa tanto dígitos occidentales (123) como arábigo-índicos (١٢٣), según el mercado y la configuración del usuario. La guía de localización de Android señala que muchas configuraciones regionales árabes formatean los números con sus propios dígitos por defecto. Usa lo que muestre tu app en el idioma capturado, para que el texto y la pantalla coincidan.

Nombres de marca y puntuación

Un nombre de marca latino dentro de una frase en árabe o hebreo sigue yendo de izquierda a derecha, y la puntuación que tiene al lado puede saltar al extremo equivocado de la línea. Problemas típicos: un punto que acaba antes del nombre de la marca, un signo de porcentaje en el lado equivocado del número o un paréntesis que se lee al revés. Soluciones, por orden de preferencia:

1. Reescribe el texto para que la palabra latina no quede al principio ni al final de la línea.
2. Quita la puntuación final; los textos de las capturas rara vez la necesitan.
3. Como último recurso, inserta una marca de derecha a izquierda (U+200F) después del tramo latino para que la puntuación se coloque bien.

Pide siempre a un hablante nativo que revise la imagen final, no el archivo de texto. Los problemas bidireccionales a menudo solo aparecen cuando el texto ya está renderizado.

Errores comunes en capturas RTL

La idea de fondo, sobre la que escribimos en traducir una ficha de la tienda no es localizarla, es que los mercados RTL notan cuando una ficha es una copia en espejo de la inglesa. Para el flujo general de localización (por qué mercados empezar, cómo gestionar los textos por idioma), consulta cómo localizar capturas del App Store.

Hacerlo con una herramienta de capturas

En Figma o en una herramienta de diseño genérica, un set RTL suele ser una página duplicada en la que inviertes cada imagen a mano. Las herramientas de capturas varían mucho en esto, así que comprueba tres cosas: un ajuste de dirección de texto de derecha a izquierda, fuentes con glifos árabes y hebreos, y si los diseños se reflejan automáticamente. Launch Shots admite traducción RTL para árabe y hebreo, y los tamaños son los mismos que en tus otros idiomas (consulta nuestra referencia de tamaños de capturas). Uses la herramienta que uses, vuelve a capturar las pantallas de la app en el idioma RTL; ningún generador puede hacer esa parte por ti.

Lista de comprobación para capturas RTL

• Textos alineados a la derecha (o centrados) y escritos, o revisados, por un hablante nativo.
• Composiciones reflejadas: dispositivo y texto intercambiados, flechas e indicaciones de deslizar invertidas.
• Logos, fotos, hardware del dispositivo y texto latino sin invertir.
• Interfaz capturada con la app funcionando en árabe o hebreo, no en inglés.
• Una fuente con glifos árabes o hebreos de verdad, espaciado entre letras a cero en árabe e interlineado generoso.
• Los números coinciden con lo que muestra la app en ese idioma.
• Puntuación revisada en la imagen renderizada alrededor de nombres de marca y números.
• Idioma correcto: árabe, hebreo o urdu en App Store Connect; ar, iw-IL, fa o ur en Play Console.
• Vista previa en un dispositivo real configurado en el idioma RTL antes de publicar.