iPhone Duo : votre site tient-il sur un écran qui se plie ?

L’iPhone Duo en bref

Apple l’a présenté le 9 septembre 2026. Fermé, l’iPhone Duo offre un écran extérieur de 5,4 pouces, soit environ 90 % de la surface de l’iPhone 18 Pro. Ouvert, il déplie un écran de 7,6 pouces, 50 % plus grand que celui de l’iPhone 18 Pro Max : le plus grand écran jamais mis dans un iPhone. La charnière compte plus d’une centaine de pièces, et Apple le présente comme son iPhone le plus fin une fois ouvert.

Les précommandes ont ouvert le 16 octobre, la sortie a eu lieu le 23 dans plus de 70 pays, dont la France. Aux États-Unis, il démarre à 1 999 dollars. John Ternus, le patron d’Apple, parle du changement « le plus transformateur » depuis le premier iPhone. CNN, dans son test, le trouve plus réussi que tous les téléphones Apple de ces dernières années, avec un bémol : beaucoup d’applications ne sont pas encore adaptées.

Un détail qui compte : le même format

Les deux écrans partagent le même rapport entre largeur et hauteur. Un contenu passe de l’un à l’autre en changeant d’échelle, sans être recadré. C’est une décision de designer, et elle simplifie la vie de ceux qui conçoivent pour cet appareil : ce qu’on compose pour l’écran fermé se retrouve, plus grand, à l’ouverture.

Plus grand, justement. Tout dépendra de la largeur que Safari annoncera une fois le téléphone ouvert. Si elle tombe entre vos réglages « mobile » et « tablette », la page peut se retrouver dans un entre-deux maladroit : une colonne étroite perdue au milieu de l’écran, ou des boutons et des images étirés.

Deux applis côte à côte

Autre nouveauté, une première sur iPhone : Split View. On peut afficher deux applications côte à côte, ouvrir deux fenêtres de Safari, enregistrer des paires d’apps. Votre site ne sera donc pas toujours affiché en plein écran. Il peut occuper une moitié d’écran, à côté d’une messagerie ou d’une carte.

Pour une marque, la conséquence est simple. Une page doit rester lisible dans une demi-largeur, avec son titre, son prix ou son bouton visibles sans avoir à faire défiler. C’est la discipline d’un bon site mobile, poussée un cran plus loin.

Le pli lui-même devient un outil de mise en page. Téléphone posé à demi ouvert sur une table, Prime Video joue le film sur la moitié haute de l’écran et affiche le casting sur la moitié basse ; l’app de la ligue de baseball MLB fait de même avec le match et les statistiques. Apple a d’ailleurs créé un badge « Made for iPhone Duo » pour repérer les apps adaptées sur l’App Store. Les marques qui ont une application tiennent là une façon neuve de composer un écran.

Ce qu’il faut vérifier maintenant

• Les points de rupture du site. Testez des largeurs intermédiaires, entre le téléphone et la tablette, et pas seulement les tailles standard des outils de développement.
• Les images. Une photo cadrée serré pour un écran étroit doit encore fonctionner quand l’espace s’élargit, sans couper un visage ou un produit.
• L’application, si votre marque en a une. Vérifiez avec votre développeur qu’elle gère le passage d’un écran à l’autre et le mode Split View : CNN note justement que les apps non mises à jour gâchent l’expérience.
• Les boutons et les formulaires. À portée de pouce téléphone fermé, et lisibles une fois ouvert.
• Les icônes. Elles s’affichent désormais sur deux écrans de tailles différentes, souvent en mode sombre.

Faut-il refaire son site ?

Pas forcément. Le Duo démarre autour de 2 000 dollars et les stocks sont serrés : il restera longtemps minoritaire dans la poche de vos clients. Un site bien construit, avec une grille souple plutôt que des tailles figées, s’adaptera sans refonte. Ce lancement est surtout l’occasion de tester sérieusement ce qu’on a déjà, sur toutes les largeurs.

Les écrans pliables existent depuis plusieurs années chez Samsung, Google ou Honor. Quand Apple entre sur un marché, le format devient en revanche une norme que les clients s’attendent à voir respectée.

À faire cette semaine

Ouvrez votre site sur un ordinateur et réduisez lentement la fenêtre, de la largeur d’une tablette à celle d’un téléphone. Notez chaque moment où la page se casse : un titre coupé, une image qui saute, un bouton qui passe sous le pli. Cette liste, c’est votre cahier des charges pour les écrans pliables.

Et chez Blind Studio ?

Nos projets web partent du contenu, puis cherchent la mise en page qui tient sur tous les écrans. Pour MisterBooking, l’identité a été pensée jusqu’à l’icône d’application, qui doit rester nette à toutes les tailles. Hier, nous revenions sur la panne Orange et ce qu’elle apprend sur la communication de crise. Un doute sur l’affichage de votre site ? Écrivez-nous.