Comment nous avons préparé nos apps pour l’iPhone Duo

L’iPhone Duo se plie. Fermé, vous utilisez l’écran extérieur, étroit. Ouvert, vous avez un grand écran intérieur. Vous pouvez passer de l’un à l’autre en plein milieu de ce que vous faites.

Ces dernières semaines, nous avons préparé Smart Dentist, Smart Billing et Smart Coach pour lui. Voici ce qui a changé dans les apps, ce que nous avons essayé puis abandonné, et ce que nous avons appris.

Nous sommes partis de nos propres designs, puis nous les avons abandonnés

Notre première idée était de concevoir pour le pli. Sur Smart Dentist, nous avons créé des mises en page sur deux pages : une liste d’un côté et les détails de l’autre, les filtres à gauche et les résultats à droite, des grilles à deux colonnes. Nous avons fait six versions.

Aucune n’a tenu. Découper un écran en sections laissait des pages à moitié vides, et la mise en page sautait à chaque ouverture du téléphone.

Nous sommes donc revenus au guide d’Apple, Prepare for iPhone Duo. C’est moins excitant, et bien meilleur. Utiliser les nouveaux outils, laisser l’app se redimensionner comme une fenêtre, corriger les endroits où elle suppose une taille d’écran fixe, et la tester à toutes les tailles. Pour l’écran intérieur, l’objectif d’Apple est qu’il paraisse « un prolongement naturel » de la mise en page iPad de l’app.

Le même écran dans toutes les positions

C’est devenu notre règle principale. Quand vous ouvrez ou fermez le téléphone, vous restez exactement là où vous étiez. Même écran, même endroit sur cet écran, et ce que vous aviez commencé à saisir dans un formulaire est toujours là.

Cela paraît évident, mais l’une de nos apps ne le respectait pas. Smart Billing passait à une mise en page avec barre latérale dès que l’écran s’élargissait. Sur l’iPhone Duo, chaque pliage reconstruisait donc l’app à partir du « Tableau de bord », et une facture à moitié rédigée était perdue. Smart Billing garde désormais une seule mise en page sur l’iPhone Duo : la facture que vous commencez sur l’écran extérieur est celle que vous terminez sur le grand écran.

Pas de barre latérale : la barre d’onglets reste

Sur iPad, un écran large implique souvent une barre latérale. Nous avons choisi de ne pas en utiliser sur l’iPhone Duo, dans aucune de nos apps. La barre d’onglets reste, et les pages utilisent toute la largeur.

Ce qui change, c’est l’emplacement de la barre d’onglets. Sur l’écran extérieur, et sur l’iPhone Duo ouvert tenu à l’horizontale, le système la place dans une bande latérale étroite le long du bord, à côté de la caméra et des icônes d’état. Tenu à la verticale, elle reste en bas, comme d’habitude.

Des boutons alignés sur la caméra

Avec les icônes d’état dans la bande latérale, le haut de l’écran extérieur est libre. Nos tableaux de bord ont quelques boutons dans le coin supérieur, comme les réglages. Nous les avons alignés sur la caméra de l’écran extérieur : ils sont sur la même ligne au lieu de s’entasser contre le bord. Quand vous ouvrez l’iPhone Duo, ils gardent cette ligne, et la bande latérale avec la caméra reste dégagée.

Cela nous a aussi appris le bug le plus courant. Smart Dentist mesurait l’espace en haut de l’écran une seule fois, à la première apparition de l’écran. Sur l’écran extérieur, cet espace est presque nul. Ouvert à la verticale, il est bien plus haut. Après l’ouverture du téléphone, les boutons se retrouvaient donc sous les icônes d’état. La solution : mesurer à nouveau à chaque changement de la fenêtre. Une taille lue une seule fois devient fausse dès que l’écran se redimensionne.

Les noms passent à la ligne au lieu de « … »

L’écran extérieur est étroit, et les noms longs étaient coupés sur les cartes (« Aaron Benn… »). Nous n’aimons pas cacher la moitié d’un nom : sur l’iPhone Duo, les noms et les dates passent désormais sur deux lignes quand la place manque.

Le problème est apparu là où nous ne l’attendions pas. Dans Smart Billing, les lignes d’articles d’une facture coupaient encore des noms comme « Project Manage… » après la correction des listes. Notre passe de captures d’écran les a repérées, et elles passent maintenant à la ligne elles aussi.

Nous ne le faisons que sur l’iPhone Duo. Passer à la ligne partout changerait l’apparence des apps sur les petits iPhone.

Rien ne change ailleurs

C’était une règle stricte dès le premier jour : préparer l’iPhone Duo ne doit rien changer à nos apps sur aucun autre iPhone, iPad ou Mac.

Nous l’avons donc vérifié. Nous avons pris des captures d’écran avant et après sur des iPhone sous iOS 27 et iOS 18.5, ainsi que sur iPad, et nous les avons comparées. Les seules différences étaient des détails du système, comme l’heure, et des effets en mouvement, comme les animations. Sur Mac, le code pour l’iPhone Duo n’est même pas inclus.

Cette vérification a fait ses preuves. Un changement que les propres vérifications de Xcode jugeaient sûr déplaçait de 16 points les cartes patient de Smart Dentist sur iPad. Nous l’avons abandonné.

Des activités en direct sur une île étroite

Les activités en direct « Journée au cabinet » (Clinic Day) de Smart Dentist et « Coaching Day » (journée de coaching) de Smart Coach affichent un compte à rebours dans la Dynamic Island. Sur l’iPhone Duo, la Dynamic Island est verticale, le long du bord : sa vue compacte n’a presque aucune largeur. Notre compte à rebours était réduit à un seul chiffre : « 4… ».

Ce n’était pas seulement l’iPhone Duo. Dans iOS 27, la Dynamic Island reste aussi visible quand un iPhone est tourné à l’horizontale, et là non plus elle ne peut pas s’élargir. Le même compte à rebours y était coupé.

Apple traite ce cas dans la session WWDC26 Live Activities essentials. Quand isDynamicIslandLimitedInWidth est vrai, une app doit afficher une vue courte pensée pour cet espace, comme un symbole, une petite jauge ou un nombre à largeur fixe, au lieu de comprimer son texte. C’est ce que nous avons fait : là où l’île est étroite, le compte à rebours est désormais un anneau qui se vide à mesure que la séance avance. À la verticale sur un iPhone classique, où les chiffres tiennent, vous voyez toujours les minutes et les secondes, exactement comme avant.

Nous l’avons vérifié sur l’iPhone Duo fermé et ouvert, sur un iPhone en paysage sous iOS 27, et sous iOS 18.5, où rien ne change. Le simulateur ne peut pas faire pivoter un téléphone ni maintenir le doigt sur l’île tout seul : nous avons donc écrit un petit test automatisé qui fait les deux et prend les captures d’écran.

De nouvelles captures d’écran pour l’App Store

Nous avons créé une série de captures d’écran iPhone Duo pour la page App Store de chaque app. Elles suivent la série iPhone écran par écran, dans chaque langue de la page, et chacune montre le même écran deux fois : sur l’iPhone Duo ouvert tenu à l’horizontale, avec l’iPhone Duo fermé devant.

Ce que nous avons appris

• Commencez par les recommandations d’Apple avant d’inventer votre propre design.
• Laissez les gens là où ils étaient. Ouvrir le téléphone ne doit jamais relancer ce qu’ils faisaient.
• Mesurez à nouveau chaque fois que la fenêtre change de taille.
• Prouvez que les autres appareils n’ont pas changé, avec des captures d’écran, pas des avis.
• Le simulateur ne peut pas montrer la vraie animation de dépliage. Nous la vérifierons sur un vrai iPhone Duo dès sa sortie.

Pour Smart Dentist, nous avons parcouru toutes les positions dans le simulateur iPhone Duo d’Apple : fermé, ouvert à plat, ouvert à la verticale, à moitié ouvert comme un livre ou un ordinateur portable, et les passages de l’une à l’autre, en mode clair et sombre, et en arabe.

Les versions prêtes pour l’iPhone Duo

Smart Dentist 5.1.1, Smart Billing 5.0.2 et Smart Coach 4.0.2 sont nos versions prêtes pour l’iPhone Duo. L’iPhone Duo sera en vente le 23 octobre 2026. Sur tous les autres iPhone, iPad et Mac, ces mises à jour s’affichent et fonctionnent exactement comme avant.