ZaatarLABS
Scrivici →
← Tutti gli articoli
ZaatarLABS

Come abbiamo preparato le nostre app per iPhone Duo

Smart Dentist, Smart Billing e Smart Coach ti lasciano dove eri quando apri o chiudi iPhone Duo. Cosa è cambiato, cosa abbiamo scartato e cosa abbiamo imparato.

5 min di lettura

iPhone Duo si piega. Chiuso, usi lo stretto schermo esterno. Aperto, hai un ampio schermo interno. Puoi passare dall'uno all'altro nel mezzo di qualsiasi cosa tu stia facendo.

Nelle ultime settimane abbiamo preparato Smart Dentist, Smart Billing e Smart Coach per iPhone Duo. Ecco cosa è cambiato nelle app, cosa abbiamo provato e poi scartato, e cosa abbiamo imparato.

Siamo partiti dai nostri design, e li abbiamo abbandonati

La nostra prima idea era progettare per la piega. Su Smart Dentist abbiamo creato layout a due pagine: un elenco da un lato e i dettagli dall'altro, i filtri a sinistra e i risultati a destra, griglie a due colonne. Ci abbiamo lavorato per sei giri.

Niente di tutto questo ha retto. Dividere uno schermo in sezioni lasciava pagine mezze vuote, e il layout saltava ogni volta che si apriva il telefono.

Così siamo tornati alla guida di Apple, Prepare for iPhone Duo. È meno entusiasmante e molto migliore. Sviluppa con i nuovi strumenti, lascia che l'app si ridimensioni come una finestra, correggi i punti in cui presuppone uno schermo di dimensioni fisse e provala a ogni dimensione. L'obiettivo di Apple per lo schermo interno è che sembri “un'estensione naturale” del layout dell'app su iPad.

La stessa schermata in ogni posizione

Questa è diventata la nostra regola principale. Quando apri o chiudi il telefono, resti esattamente dov'eri. Stessa schermata, stesso punto, e tutto ciò che avevi iniziato a scrivere in un modulo è ancora lì.

Sembra ovvio, ma una delle nostre app non lo rispettava. Smart Billing passava a un layout con barra laterale ogni volta che lo schermo diventava largo. Su iPhone Duo questo significava che a ogni piega l'app ripartiva dalla Dashboard, e una fattura scritta a metà andava persa. Ora su iPhone Duo Smart Billing mantiene un solo layout, così la fattura che inizi sullo schermo esterno è la stessa che finisci sullo schermo grande.

Niente barra laterale: la tab bar resta

Su iPad, uno schermo largo spesso significa una barra laterale. Abbiamo scelto di non usarla su iPhone Duo, in nessuna delle nostre app. La tab bar resta, e le pagine usano tutta la larghezza.

Quello che cambia è dove si trova la tab bar. Sullo schermo esterno, e su iPhone Duo aperto tenuto in orizzontale, il sistema la sposta in una stretta barra laterale lungo il bordo, accanto alla fotocamera e alle icone di stato. In verticale sta in basso, come al solito.

Pulsanti sulla linea della fotocamera

Con le icone di stato nella barra laterale, la parte alta dello schermo esterno resta libera. Le nostre dashboard hanno alcuni pulsanti nell'angolo in alto, come le impostazioni. Li abbiamo allineati alla fotocamera dello schermo esterno, così stanno sulla stessa linea invece di affollare il bordo. Quando apri iPhone Duo mantengono quella linea, e la barra laterale con la fotocamera non li tocca.

Questo ci ha anche insegnato il bug più comune. Smart Dentist misurava lo spazio in cima allo schermo una sola volta, alla prima apparizione dello schermo. Sullo schermo esterno quello spazio è quasi zero. Aperto in verticale, è molto più alto. Così, dopo aver aperto il telefono, i pulsanti finivano sotto le icone di stato. La soluzione è stata misurare di nuovo ogni volta che la finestra cambia. Una dimensione letta una volta sola non vale più appena lo schermo si ridimensiona.

I nomi vanno a capo invece di “…”

Lo schermo esterno è stretto, e i nomi lunghi venivano troncati sulle schede (“Aaron Benn…”). Non ci piace nascondere mezzo nome, quindi su iPhone Duo nomi e date ora vanno a capo su due righe quando lo spazio è poco.

È emerso in punti che non ci aspettavamo. In Smart Billing, le righe degli articoli in una fattura troncavano ancora nomi come “Project Manage…” dopo che avevamo sistemato gli elenchi. Il nostro giro di screenshot le ha scovate, e ora vanno a capo anche loro.

Lo facciamo solo su iPhone Duo. Andare a capo ovunque cambierebbe l'aspetto delle app sugli iPhone piccoli.

Altrove non cambia nulla

Questa è stata una regola ferrea fin dal primo giorno: preparare le app per iPhone Duo non deve cambiarle su nessun altro iPhone, iPad o Mac.

Quindi abbiamo controllato. Abbiamo fatto screenshot prima e dopo su iPhone con iOS 27 e iOS 18.5, e su iPad, e li abbiamo confrontati. Le uniche differenze erano dettagli di sistema come l'orologio, ed effetti in movimento come le animazioni. Su Mac, il codice per iPhone Duo non è nemmeno incluso.

Il controllo si è rivelato utile. Una modifica che i controlli di Xcode avevano segnato come sicura spostava di 16 punti le schede paziente di Smart Dentist su iPad. L'abbiamo eliminata.

Attività in tempo reale su un'isola stretta

Le attività in tempo reale Giornata in studio (Clinic Day) di Smart Dentist e “Coaching Day” (giornata di coaching) di Smart Coach mostrano un conto alla rovescia nella Dynamic Island. Su iPhone Duo la Dynamic Island corre in verticale lungo il lato, quindi la sua vista compatta non ha quasi larghezza. Il nostro conto alla rovescia veniva ridotto a una cifra: “4…”.

Non era solo iPhone Duo. In iOS 27 la Dynamic Island resta visibile anche quando un qualsiasi iPhone viene ruotato in orizzontale, e lì non può allargarsi nemmeno. Anche lì lo stesso conto alla rovescia veniva troncato.

Apple ne parla nella sessione della WWDC26 Live Activities essentials. Quando isDynamicIslandLimitedInWidth è true, un'app dovrebbe mostrare una vista breve pensata per quello spazio, come un simbolo, un piccolo indicatore o un numero a larghezza fissa, invece di comprimere il testo. Ed è quello che abbiamo fatto: dove l'isola è stretta, il conto alla rovescia ora è un anello che si svuota man mano che la sessione scorre. In verticale su un iPhone normale, dove i numeri ci stanno, vedi ancora minuti e secondi, esattamente come prima.

L'abbiamo verificato su iPhone Duo chiuso e aperto, su un iPhone in orizzontale con iOS 27 e su iOS 18.5, dove non cambia nulla. Il simulatore non può ruotare un telefono né tenere premuta l'isola da solo, così abbiamo scritto un piccolo test automatico che fa entrambe le cose e cattura gli screenshot.

Nuovi screenshot per l'App Store

Abbiamo creato una serie di screenshot per iPhone Duo per la pagina App Store di ogni app. Seguono la serie per iPhone schermata per schermata, in ogni lingua della pagina, e ognuno mostra la stessa schermata due volte: su iPhone Duo aperto tenuto in orizzontale, con iPhone Duo chiuso davanti.

Cosa abbiamo imparato

Per Smart Dentist abbiamo provato ogni posizione nel simulatore di iPhone Duo di Apple: chiuso, aperto in piano, aperto in verticale, socchiuso come un libro o un portatile, e i passaggi dall'una all'altra, in modalità chiara e scura e in arabo.

Le versioni pronte per iPhone Duo

Smart Dentist 5.1.1, Smart Billing 5.0.2 e Smart Coach 4.0.2 sono le nostre versioni pronte per iPhone Duo. iPhone Duo sarà in vendita dal 23 ottobre 2026. Su ogni altro iPhone, iPad e Mac, questi aggiornamenti hanno lo stesso aspetto e funzionano esattamente come prima.

Scritto da Omar Al Homaidi · ZaatarLABS · @zaatarlabs