Screenshot App Store in modalità scura: quando aiutano e quando no

Gli screenshot App Store in modalità scura aiutano quando lo scuro è il modo in cui la tua app si usa davvero: app multimediali e di streaming, giochi, strumenti professionali e per sviluppatori, app da usare di notte. Possono anche far risaltare la scheda in una pagina di risultati di ricerca piena di sfondi bianchi. Fanno danni quando perdono contrasto a dimensione miniatura, risultano pesanti accanto a concorrenti luminosi o mostrano un aspetto che non è quello predefinito della tua app, perché a quel punto lo screenshot non rappresenta quello che vedrà un nuovo utente.

C’è un fatto che condiziona tutto il resto: non puoi caricare un set scuro separato. Ogni store mostra a tutti un solo set di screenshot per dispositivo e lingua, con l’aspetto che usa il loro dispositivo. Quindi la vera domanda è quale set, uno solo, funziona sia su una pagina dello store chiara sia su una scura.

Come la modalità scura cambia il modo in cui vengono visti i tuoi screenshot

Da iOS 13, l’app App Store segue l’aspetto Chiaro o Scuro del dispositivo. In Scuro, la pagina intorno ai tuoi screenshot (l’elenco dei risultati di ricerca, lo sfondo della pagina prodotto, il testo) è quasi nera. I tuoi screenshot sono immagini, quindi non cambiano. Anche Google Play su Android può essere mostrato con un tema scuro, con lo stesso effetto.

Ti ritrovi quindi con quattro combinazioni da considerare:

La conseguenza pratica: né gli sfondi bianco puro né quelli quasi neri sono sicuri in entrambi i casi. Uno sfondo colorato o a tono medio (un colore del brand, un gradiente, uno scuro tinto) mantiene un bordo visibile con tutti e due i temi dello store. L’interfaccia dentro la cornice del dispositivo può comunque essere completamente scura o completamente chiara.

Quando gli screenshot App Store in modalità scura aiutano

• App multimediali, di streaming e di foto. Artwork, locandine e foto risultano più ricchi sullo scuro, e di solito queste app sono costruite proprio così.
• Giochi. Molti giochi sono scuri per natura. Mostra il gioco com’è davvero; dai un’occhiata alla sezione sui giochi della nostra guida alla strategia per gli screenshot in base alla categoria.
• Strumenti professionali e per sviluppatori. Editor di codice, terminali, strumenti audio e video: per chi li usa ogni giorno, un’interfaccia scura comunica “fatto per professionisti”.
• App notturne. Sonno, astronomia, guida notturna, lettura a tarda sera. Gli screenshot scuri mostrano l’app nel contesto in cui si usa.
• Distinguersi in una pagina di risultati chiara. Se tutti i concorrenti per la tua parola chiave principale usano screenshot bianchi o pastello, un set scuro si distingue nella ricerca per i tanti utenti che navigano con l’aspetto chiaro. Prima, però, guarda i tuoi risultati di ricerca reali.

Quando gli screenshot scuri fanno danni

• Contrasto nelle miniature. Nei risultati di ricerca gli screenshot sono piccoli. Un’interfaccia scura con testo grigio sottile, divisori leggeri e grafici poco contrastati diventa un rettangolo scuro. Controlla la leggibilità alla dimensione reale dei risultati di ricerca prima di decidere.
• Pesantezza. Un set intero di schermate quasi nere può risultare pesante, soprattutto in categorie amichevoli come bambini, istruzione, cucina o benessere, dove gli utenti si aspettano calore.
• Non è l’aspetto predefinito della tua app. Se la tua app si apre in chiaro e la maggior parte degli utenti non lo cambia mai, un set solo scuro mostra qualcosa che non vedranno al primo avvio. La linea guida 2.3.3 di Apple dice che gli screenshot devono mostrare l’app in uso, e le norme sui metadati di Google Play dicono che devono rispecchiare l’esperienza reale dell’app. Un set scuro va bene se l’app ha davvero quella modalità, ma aprire con un aspetto che i nuovi utenti non troveranno tende a deludere.
• Nessuna modalità scura. Mostrare un’interfaccia scura che l’app non ha è una rappresentazione ingannevole, punto.

Set misti: mostrare entrambi i temi

Se la tua app supporta entrambi gli aspetti, non sei obbligato a scegliere. Gli schemi più comuni:

1. Prima il predefinito, lo scuro come funzione. Apri con l’aspetto predefinito e dedica alla modalità scura uno screenshot più avanti nel set, con una didascalia tipo “Riposante per gli occhi di sera”. È l’opzione più sicura per la maggior parte delle app.
2. Schermo diviso. Uno screenshot mostra la stessa schermata in chiaro e in scuro, affiancate o divise in diagonale. Dice “entrambi i temi” in un solo frame, ma controlla che le due metà restino leggibili a dimensione miniatura.
3. Interfaccia scura su un canvas colorato. Tieni scura l’interfaccia dell’app, ma metti il dispositivo su uno sfondo nel colore del brand con le didascalie in chiaro. Spesso funziona bene con entrambi gli aspetti dello store.

Quello che di solito non funziona è alternare a caso schermate chiare e scure. Il set sembra improvvisato, ed è uno dei dettagli che tradiscono un set di screenshot fatto di fretta.

Dettagli di design per gli screenshot scuri

• Usa sfondi quasi neri o scuri tinti invece del nero puro, così il bordo del frame resta visibile sulla pagina scura dello store.
• Fai didascalie grandi e ad alto contrasto; i pesi sottili in grigio chiaro spariscono sullo scuro.
• Scegli un colore della cornice del dispositivo che si stacchi dallo sfondo; un telefono nero su un canvas nero perde il contorno.
• Usa un solo colore d’accento per dare enfasi e tienilo uguale in tutto il set.
• Cattura le schermate dell’app con il vero aspetto scuro, non uno screenshot chiaro filtrato o con i colori invertiti.

E l’icona dell’app?

Da iOS 18 si possono passare le icone della schermata Home a un aspetto scuro o colorato, e puoi fornire in Xcode una variante scura della tua icona. Quella variante serve per la schermata Home; la scheda dello Store mostra comunque la tua icona standard e il tuo unico set di screenshot. Vale comunque la pena guardarle insieme: un’icona chiara e luminosa accanto a un set di screenshot scuro, o il contrario, può far sembrare la scheda due prodotti diversi. Se cambi il tono generale degli screenshot, controlla che l’icona, il primo screenshot e il titolo del primo screenshot sembrino ancora un unico brand nella riga dei risultati di ricerca.

Come catturare screenshot in modalità scura

Passa il simulatore o l’emulatore allo scuro prima di catturare, invece di modificare le catture chiare:

# iOS Simulator
xcrun simctl ui booted appearance dark

# Android emulator
adb shell cmd uimode night yes

Ripulisci la barra di stato allo stesso modo per entrambi i temi, così ora, batteria e segnale coincidono in tutto il set. La nostra guida agli screenshot puliti da simulatore ed emulatore ha tutti i comandi.

Come testare screenshot scuri contro chiari

Non puoi sapere in anticipo quale converte meglio per la tua app, e non abbiamo visto dati pubblici affidabili che lo stabiliscano in generale. Testalo:

• App Store: l’ottimizzazione della pagina prodotto ti permette di testare fino a tre varianti contro la pagina originale, con screenshot alternativi, per un massimo di 90 giorni. Metti una variante scura contro l’originale chiaro (o il contrario).
• Google Play: gli esperimenti sulla scheda dello Store in Play Console ti permettono di testare varianti degli screenshot contro la scheda attuale.
• Pagine mirate: se lo scuro piace a un pubblico specifico (sviluppatori, gamer) ma non al tuo pubblico generale, valuta una pagina prodotto personalizzata o una scheda dello Store personalizzata su Google Play per quel pubblico, invece di cambiare quella predefinita.

La nostra guida all’A/B testing degli screenshot spiega quanto far durare un test e come leggere il risultato, e il tasso di conversione sull’App Store spiega la metrica che stai cercando di spostare.

Se crei gli screenshot con Launch Shots, fare una variante scura vuol dire cambiare i colori dello sfondo e delle didascalie su una copia del tuo set, e la console ASO può mostrarti la conversione prima e dopo una modifica, usando i dati di analisi del tuo App Store e Google Play.

In breve

• C’è un solo set di screenshot per dispositivo e lingua: deve funzionare sia sulle pagine chiare sia su quelle scure dello store.
• Apri con l’aspetto predefinito della tua app, a meno che lo scuro non sia il modo in cui la tua app si usa davvero.
• I set scuri sono adatti ad app multimediali, giochi, strumenti professionali e app notturne; possono anche risaltare in una pagina di risultati dominata dal chiaro.
• Evita canvas bianco puro e nero puro; gli sfondi a tono medio o nel colore del brand reggono con entrambi i temi.
• Controlla la leggibilità alla dimensione dei risultati di ricerca, su un dispositivo con ciascun aspetto.
• Decidi tra scuro e chiaro con un test di ottimizzazione della pagina prodotto o un esperimento sulla scheda dello Store di Play, non tirando a indovinare.