Screenshot per l’App Store da destra a sinistra: progettare per arabo ed ebraico

Gli screenshot per gli store in arabo ed ebraico richiedono più di didascalie tradotte. Siccome entrambe le lingue si leggono da destra a sinistra (RTL), un buon set di screenshot RTL specchia la composizione, allinea a destra le didascalie, mostra l’interfaccia dell’app catturata in una lingua RTL e usa un font che rende correttamente la scrittura. I nomi dei brand, i numeri e i termini in caratteri latini dentro la didascalia scorrono comunque da sinistra a destra, ed è proprio in questo mix che la maggior parte degli screenshot RTL si rompe.

In questa guida vediamo quali lingue degli store sono RTL, come specchiare un set, come catturare l’interfaccia del dispositivo in arabo o ebraico e gli errori che vediamo più spesso.

Quali lingue dell’App Store e di Google Play sono da destra a sinistra?

Sull’App Store, l’elenco delle localizzazioni dell’App Store di Apple ha 50 voci; quelle da destra a sinistra sono arabo, ebraico e urdu. Su Google Play, l’ elenco delle lingue della scheda dello Store usa questi codici:

Occhio al codice dell’ebraico. Google Play usa iw-IL, basato sul vecchio codice ISO «iw», non he. Se automatizzi i caricamenti con fastlane supply o con la Play Developer API, il nome della cartella o della lingua deve corrispondere a quello che Play si aspetta, altrimenti la scheda finisce nel posto sbagliato.

Il riferimento sulle localizzazioni di Apple indica l’arabo come lingua supportata in molti storefront, tra cui Egitto ed Emirati Arabi Uniti, quindi un solo set in arabo può servire più mercati. Se nelle didascalie ti serve l’arabo standard moderno o un tono regionale è una scelta di copy; la maggior parte delle schede usa l’arabo standard moderno.

Come specchiare un set di screenshot per arabo ed ebraico

Specchiare significa invertire le parti della composizione che dipendono dalla direzione, lasciando stare i contenuti che hanno un orientamento nel mondo reale. Passa in rassegna ogni elemento:

• Allineamento delle didascalie: a destra. Le didascalie centrate sopravvivono al cambio, ed è uno dei motivi per cui alcuni team centrano tutto.
• Posizione di dispositivo e didascalia: se il layout inglese mette il telefono a destra e la didascalia a sinistra, scambiali.
• Frecce, suggerimenti di scorrimento e indicatori di avanzamento: inverti tutto ciò che indica «avanti». In RTL, avanti punta a sinistra.
• Grafici: segui quello che fa la tua app. Molte app tengono le serie temporali da sinistra a destra; se la tua le specchia in arabo, mostralo.
• Da non invertire: loghi, foto, hardware del dispositivo (il modulo fotocamera), orologi, controlli di riproduzione e tutto ciò che contiene testo latino.

E l’ordine degli screenshot?

Gli store mostrano gli screenshot nell’ordine in cui li carichi, in ogni lingua, quindi lo screenshot 1 è sempre il tuo primo screenshot. Quello che cambia in una lingua RTL è la direzione di lettura dell’interfaccia dello store intorno. La documentazione di Apple non spiega come scorre il carosello degli screenshot negli storefront RTL, quindi ti consigliamo di controllarlo su un dispositivo impostato in arabo o ebraico invece di darlo per scontato. Conta soprattutto per i set di screenshot panoramici: un design che scorre oltre la giunzione da sinistra a destra può leggersi al contrario per un utente RTL. Se non sei sicuro, progetta ogni frame RTL in modo che stia in piedi da solo, oppure costruisci lo sfondo continuo perché si legga da destra a sinistra.

Cattura l’interfaccia dell’app nella lingua RTL

Il segnale più evidente di una scheda localizzata a metà è una didascalia in arabo sopra una schermata dell’app in inglese. Cattura le schermate dentro la cornice del dispositivo con l’app che gira davvero in arabo o in ebraico. Se la tua app supporta bene l’RTL, navigazione, barre delle schede e pulsanti indietro saranno già specchiati.

iOS

In Xcode modifica lo scheme, apri Run → Options e imposta App Language su arabo o ebraico per le catture vere. Per controllare la specchiatura prima che esistano le traduzioni, usa l’opzione Right-to-Left Pseudolanguage, che inverte il layout mantenendo la tua lingua di sviluppo. La sessione WWDC22 di Apple «Get it right (to left)» è il miglior riferimento singolo su come iOS gestisce layout e cifre RTL. Puoi anche passare un argomento di avvio dai tuoi test dell’interfaccia:

-AppleLanguages (ar) -AppleLocale ar_SA

Android

L’app ha bisogno di android:supportsRtl="true" nel manifest e di start/end invece di left/right nei layout, come spiega la guida di Android al supporto di lingue diverse. Per un controllo veloce, da Android 4.4 in poi c’è l’opzione sviluppatore Forza direzione layout RTL. Per le catture finali, imposta la lingua di sistema dell’emulatore su arabo o ebraico. La nostra guida agli screenshot puliti da simulatore ed emulatore spiega come sistemare la barra di stato, e vale allo stesso modo in RTL.

Tipografia per le didascalie in arabo ed ebraico

È nei font che un set RTL sembra nativo o improvvisato.

• Usa un font progettato per quella scrittura. Se il font del tuo brand non ha glifi arabi o ebraici, il sistema ripiega su qualcos’altro, spesso con un peso che non c’entra. Scegli una famiglia da affiancare che abbia già quella scrittura. Google Fonts ne ha diverse, per esempio Noto Sans Arabic, IBM Plex Sans Arabic e Cairo per l’arabo, e Noto Sans Hebrew, Heebo e Rubik per l’ebraico.
• Non aggiungere mai spaziatura tra le lettere in arabo. Le lettere arabe si collegano. Il tracking che in inglese sembra pulito spezza i legami e rende le parole più difficili da leggere. Impostalo a zero per le didascalie in arabo.
• Non esistono maiuscole. Né l’arabo né l’ebraico hanno le maiuscole, quindi uno stile inglese tutto in maiuscolo non ha un equivalente. Usa peso e dimensione per dare enfasi.
• Dai all’arabo più interlinea. L’arabo ha ascendenti alti, discendenti profondi e segni sopra e sotto le lettere, quindi un’interlinea che funziona in inglese può tagliarlo.
• Aspettati lunghezze diverse. Le didascalie in arabo spesso hanno una larghezza diversa da quelle in inglese; l’ebraico è spesso più corto. Lascia che il layout si adatti invece di rimpicciolire il testo.

Numeri, nomi dei brand e testo a direzione mista

Quasi tutte le didascalie RTL contengono un po’ di testo da sinistra a destra: il nome della tua app, il nome di una funzionalità in inglese, un numero. L’algoritmo bidirezionale di Unicode gestisce la direzione di ogni tratto, ma il risultato può comunque sorprenderti.

Cifre

L’ebraico usa le cifre occidentali. L’arabo usa sia le cifre occidentali (123) sia quelle indo-arabe (١٢٣), a seconda del mercato e delle impostazioni dell’utente. La guida alla localizzazione di Android osserva che molte impostazioni locali arabe formattano i numeri con le proprie cifre per impostazione predefinita. Usa quello che la tua app mostra nella lingua catturata, così didascalia e schermata coincidono.

Nomi dei brand e punteggiatura

Un nome di brand latino dentro una frase in arabo o ebraico resta da sinistra a destra, e la punteggiatura accanto può saltare all’estremità sbagliata della riga. Problemi tipici: un punto che finisce prima del nome del brand, un segno di percentuale dalla parte sbagliata del numero o una parentesi che si legge al contrario. Le soluzioni, in ordine di preferenza:

1. Riscrivi la didascalia in modo che la parola latina non sia all’inizio o alla fine della riga.
2. Togli la punteggiatura finale; le didascalie degli screenshot raramente ne hanno bisogno.
3. Come ultima risorsa, inserisci un segno da destra a sinistra (U+200F) dopo il tratto latino, così la punteggiatura si attacca nel punto giusto.

Fai sempre controllare l’immagine finale a un madrelingua, non il file di testo. I problemi bidirezionali spesso si vedono solo quando il testo viene renderizzato.

Errori comuni negli screenshot RTL per gli store

Il punto più profondo, di cui abbiamo scritto in tradurre una scheda dell’App Store non è localizzarla, è che i mercati RTL si accorgono quando una scheda è una copia riflessa di quella inglese. Per il flusso di lavoro generale della localizzazione (da quali mercati partire, come gestire le didascalie per lingua), vedi come localizzare gli screenshot dell’App Store.

Farlo con uno strumento per screenshot

In Figma o in uno strumento di design generico, un set RTL di solito è una pagina duplicata in cui inverti ogni frame a mano. Gli strumenti per screenshot variano molto su questo punto, quindi controlla tre cose: un’impostazione per la direzione del testo da destra a sinistra, font con glifi arabi ed ebraici, e se i layout si specchiano in automatico. Launch Shots supporta la traduzione RTL per arabo ed ebraico, e le dimensioni restano le stesse delle altre lingue (vedi il nostro riferimento sulle dimensioni degli screenshot). Qualunque strumento usi, ricattura comunque le schermate dell’app nella lingua RTL; nessun generatore può farlo al posto tuo.

Checklist per gli screenshot RTL

• Didascalie allineate a destra (o centrate) e scritte, o riviste, da un madrelingua.
• Composizioni specchiate: dispositivo e didascalia scambiati, frecce e suggerimenti di scorrimento invertiti.
• Loghi, foto, hardware del dispositivo e testo latino non invertiti.
• Interfaccia catturata con l’app in arabo o ebraico, non in inglese.
• Un font con veri glifi arabi o ebraici, spaziatura tra le lettere a zero per l’arabo, interlinea generosa.
• Cifre uguali a quelle che l’app mostra in quella lingua.
• Punteggiatura controllata intorno a nomi dei brand e numeri nell’immagine renderizzata.
• Lingua corretta: arabo, ebraico o urdu in App Store Connect; ar, iw-IL, fa o ur in Play Console.
• Anteprima su un dispositivo vero impostato nella lingua RTL prima di pubblicare.