Votre site a été conçu pour deux tailles d'écran. Demain, Apple en lance une qui change en cours de session

Apple tient demain son événement annuel, et la presse s'attend à son premier appareil pliable. Pour un chef d'entreprise, l'actualité n'est pas un téléphone à acheter, mais une catégorie d'écrans dont la largeur change pendant qu'un client est à mi-chemin du paiement. Où les sites et les applications cassent réellement au pliage et au dépliage, et cinq vérifications que vous pouvez faire cette semaine depuis un navigateur de bureau, sans rien acheter.

Équipe OrigamiÉquipe éditoriale
6 min de lecture
Votre site a été conçu pour deux tailles d'écran. Demain, Apple en lance une qui change en cours de session

Demain, mercredi 9 septembre, Apple tient son événement annuel à l'Apple Park sous le titre Surprise and shine. C'est tout ce que l'entreprise a confirmé officiellement : la date, le titre et les plateformes de diffusion. Ce qu'attend la presse spécialisée, c'est une nouvelle génération d'iPhone et, à ses côtés, le premier appareil pliable d'Apple.

Si vous dirigez une entreprise, ce n'est pas l'actualité d'un téléphone que vous pourriez acheter. Elle compte parce qu'un écran s'apprête à ouvrir votre site et votre application et à se comporter d'une façon pour laquelle vous n'avez jamais rien conçu : sa largeur change pendant que le client est au milieu d'une action.

Ce qu'Apple a confirmé, et ce qui n'est que rapporté

La distinction compte avant de fonder sur elle la moindre décision budgétaire :

  • Confirmé par Apple : l'événement a lieu le mercredi 9 septembre 2026 à 10:00, heure du Pacifique, depuis l'Apple Park, sous le titre Surprise and shine, et il est diffusé sur le site d'Apple, sur YouTube et dans l'application Apple TV.
  • Rapporté, non confirmé : un pliable au format livre, avec un écran extérieur d'environ 5,5 pouces et un écran intérieur d'environ 7,8 pouces, à partir d'environ deux mille dollars. Ce sont des estimations de la presse spécialisée, pas des chiffres officiels, et chacune d'elles pourrait changer demain.

Ne fondez donc aucune décision sur ces chiffres. Une seule chose mérite qu'on s'y appuie, et elle vaut quelles que soient les caractéristiques finales : une catégorie d'écrans dont la surface change en cours d'utilisation fait désormais réellement partie du marché.

La catégorie n'est pas nouvelle. Sa taille, si

Les pliables sont en vente depuis 2019 chez d'autres fabricants, mais le segment est resté assez petit pour être ignoré sans conséquence. L'arrivée d'Apple, si demain se passe comme l'annoncent les rapports, n'invente pas la catégorie. Elle la fait passer d'une marge qui n'apparaissait jamais dans vos statistiques à une part qui y apparaît.

Nous n'allons pas vous donner un pourcentage de part de marché sans source officielle. Le seul chiffre qui compte se trouve déjà dans votre propre tableau de bord : ouvrez vos statistiques et regardez quelle part de vos visites provient d'appareils iOS. Si elle est significative, ce format atteindra vos chiffres en quelques mois plutôt qu'en quelques années. Si elle est faible, le sujet est moins urgent, mais il ne disparaît pas.

Le vrai changement : la largeur bouge pendant la session

Le web a appris depuis longtemps à gérer différentes tailles : téléphone, tablette, ordinateur. Mais l'hypothèse silencieuse derrière la plupart de ce qui a été construit est que la taille est fixée au moment où la page s'ouvre, puis ne bouge plus jusqu'à la fin de la session. La rotation de l'appareil était l'exception rare, et bien des sites la gèrent déjà mal.

Un pliable brise cette hypothèse des dizaines de fois par jour. Le client ouvre l'appareil et la fenêtre d'affichage passe d'une largeur de téléphone à une largeur proche de celle d'une tablette, puis il le replie et elle revient d'un coup. D'après les rapports, l'écran intérieur est plus large que haut une fois ouvert, ce qui signifie que la mise en page conçue pour un téléphone risque de s'afficher dans un espace horizontal que vous n'avez jamais testé.

Une seule règle résume la conséquence : tout élément de votre interface qui mesure l'espace disponible une fois puis met la réponse en cache sera faux après le premier pliage.

Où les choses cassent réellement

  • Une mise en page qui lit la largeur une seule fois. Un code qui lit la largeur de la fenêtre au chargement et fige une décision (menu mobile ou menu ordinateur) conserve cette décision après le dépliage, jusqu'à ce que le client recharge la page. La bonne approche confie la décision aux requêtes CSS, qui se recalculent d'elles-mêmes, et non à une variable stockée.
  • La détection de l'appareil par l'user agent. Choisir la version du site à servir d'après le nom de l'appareil échoue doublement : d'abord parce qu'un seul appareil correspond désormais à deux tailles, ensuite parce que les listes d'appareils deviennent obsolètes à chaque lancement.
  • L'état perdu lors d'un nouveau rendu. C'est le cas commercialement dangereux. Le client est à mi-chemin d'un formulaire de commande ou d'une étape de paiement, il ouvre l'appareil, l'interface se reconstruit, et les champs se vident ou l'étape revient au début. Cela n'apparaît jamais dans un test de page statique, et cela apparaît immédiatement dans votre taux de finalisation.
  • Tableaux, cartes et carrousels. Les composants qui calculent leurs propres dimensions au chargement sont les premiers à se déformer : un tableau qui déborde de la page, une carte bloquée à son ancienne taille, un carrousel figé en pleine transition.
  • Votre application mobile, si vous en avez une. Les deux plateformes proposent désormais des états multifenêtres et des tailles changeantes. Une application qui suppose une hauteur et une largeur fixes apparaît avec des marges vides ou des éléments rognés.

Cinq vérifications à faire cette semaine sans acheter d'appareil

Vous n'avez pas besoin d'un pliable pour savoir où vous en êtes. Ouvrez votre site dans un navigateur de bureau, faites glisser lentement le bord de la fenêtre vers l'intérieur et vers l'extérieur, puis observez :

  • Le menu et la mise en page s'adaptent-ils en douceur pendant que vous faites glisser, ou une ancienne forme reste-t-elle figée jusqu'au rechargement ?
  • Remplissez à moitié un formulaire de contact ou ajoutez un produit au panier, puis changez la largeur de la fenêtre. Les données sont-elles toujours là ?
  • Entrez dans l'étape de paiement et changez la largeur pendant que vous y êtes. Restez-vous à cette étape ou revenez-vous au début ?
  • Ouvrez une page avec un tableau, une carte ou un carrousel et changez la largeur. Recalcule-t-il ses dimensions, ou se déforme-t-il ?
  • Essayez une largeur intermédiaire peu commode, à peu près entre 700 et 900 pixels. La plupart des sites sont testés aux tailles de téléphone bien connues et sur ordinateur, et la plage intermédiaire est exactement celle où vit un appareil déplié.

Cette dernière vérification fait apparaître à elle seule la plupart des problèmes, et elle vous coûte dix minutes.

Le regard d'Origami

Nous y voyons une illustration nette d'une règle que nous répétons à nos clients : ne construisez pas votre interface autour d'une liste d'appareils, construisez-la autour de l'espace disponible. Toute conception qui suppose un appareil précis commence à vieillir le jour de sa mise en ligne, car chaque année ajoute une taille qui ne figurait pas sur la liste. Une conception qui lit l'espace et se réorganise d'elle-même n'a besoin d'aucune modification quand une nouvelle catégorie apparaît.

Et les vérifications ci-dessus ne concernent pas que les pliables. Un site qui les réussit est plus robuste sur les fenêtres partagées, les écrans de voiture, les écrans en agence et les navigateurs anciens. Nous construisons sur cette base dès le départ, et nous la vérifions sur les sites existants dans le cadre de notre travail sur l'expérience utilisateur. Vous pouvez nous joindre via la page de contact.

L'essentiel

Ce qu'Apple annoncera demain est l'affaire d'Apple. Ce qui est la vôtre, c'est que la catégorie d'écrans dont la surface change en cours d'utilisation grandit, et que votre site repose très probablement sur l'hypothèse que la taille se fige après le chargement. Faites glisser le bord de votre fenêtre pendant dix minutes aujourd'hui, et vous verrez de vos propres yeux ce que votre client verra dans quelques mois. Corriger le problème tant qu'il est petit coûte bien moins cher que de le corriger après qu'un client a appelé pour dire que sa commande a disparu en cours de route.

Sources

  • L'invitation officielle d'Apple à l'événement du 9 septembre 2026 intitulé Surprise and shine, avec sa date, son lieu et ses plateformes de diffusion, telle que publiée par MacRumors et 9to5Mac le 26 août 2026.
  • Les informations de la presse spécialisée sur l'appareil pliable attendu, notamment les deux tailles d'écran et le prix de départ : MacRumors et 9to5Mac ; des estimations qu'Apple n'a pas confirmées.
  • La présence d'appareils pliables sur le marché depuis 2019 chez d'autres fabricants : historique des lancements annoncés par les fabricants.
#Développement web#Expérience utilisateur#Responsive design#Apple#Applications mobiles

Questions fréquentes

Dois-je acheter un appareil pliable pour tester mon site ?

Non. Ouvrez le site dans un navigateur de bureau et faites glisser lentement le bord de la fenêtre pendant que vous êtes à mi-chemin d'un formulaire ou d'une étape de paiement. La plupart des problèmes apparaissent ainsi, surtout aux largeurs comprises entre 700 et 900 pixels, qui correspondent à la plage occupée par un appareil déplié.

En quoi est-ce différent du responsive design que j'ai déjà ?

Le responsive design gère une taille fixée à l'ouverture de la page, qui ne bouge plus ensuite. Ici, la taille change pendant la session : les défaillances apparaissent donc dans la conservation de l'état et le recalcul des composants, et pas seulement dans la mise en page.

Cela veut-il dire qu'il faut reconstruire le site ?

Généralement non. Dans la plupart des cas, le travail se limite à des points précis : sortir les décisions de mise en page du code qui lit la largeur une seule fois pour les confier aux requêtes CSS, conserver l'état des formulaires, et recalculer les dimensions des tableaux et des cartes quand l'espace change.

Qu'est-ce qu'Apple a réellement confirmé jusqu'ici ?

Seulement la date de l'événement, le 9 septembre 2026, son titre Surprise and shine et les plateformes de diffusion. Tout ce qui circule sur un appareil pliable, ses dimensions et son prix relève d'informations de presse non confirmées, susceptibles de changer lors de l'annonce.

Suivez Origami sur Google

Ajoutez Origami à vos sources préférées : nos articles apparaîtront en premier pour vous dans la recherche Google et les actualités à la une.

Add as a preferred source on Google

Articles liés

La validité des certificats SSL passe à 47 jours. Qui renouvelle le vôtre avant que vos clients voient un avertissement ?
Développement web

La validité des certificats SSL passe à 47 jours. Qui renouvelle le vôtre avant que vos clients voient un avertissement ?

La validité maximale d'un certificat SSL est désormais de 200 jours, puis de 100 en mars 2027 et de 47 en 2029. Renouvelez à la main et vos clients verront un avertissement de sécurité.

7 min de lecture
WordPress 7.1 : les nouveautés et ce qu'elles changent pour le site de votre entreprise
Développement web

WordPress 7.1 : les nouveautés et ce qu'elles changent pour le site de votre entreprise

WordPress 7.1 arrive le 19 août 2026, et la Beta 1 sort aujourd'hui : design responsive visuel sans CSS, une fonction Guidelines pour l'IA et des pages plus rapides. Ce que cela signifie pour votre site et quand faire la mise à jour.

7 min de lecture
Next.js 16.3 : un socle web plus rapide et moins coûteux à développer pour votre entreprise
Développement web

Next.js 16.3 : un socle web plus rapide et moins coûteux à développer pour votre entreprise

Vercel a publié Next.js 16.3, avec jusqu'à 90 % de mémoire en moins en développement, des builds plus rapides et une navigation instantanée digne d'une application. Voici ce que cela signifie pour la vitesse et le coût de votre site.

8 min de lecture
Vitesse du site web et Core Web Vitals : comment gagner des positions sur Google et plus de ventes
Développement web

Vitesse du site web et Core Web Vitals : comment gagner des positions sur Google et plus de ventes

Pourquoi un site lent vous coûte des ventes et des positions sur Google, et comment mesurer les Core Web Vitals (LCP, INP, CLS) et les améliorer étape par étape pour un site saoudien plus rapide.

8 min de lecture
Prix de l'iPhone Duo en Arabie saoudite : 9 499 riyals, dont 1 239 riyals de TVA récupérables si votre entreprise l'achète
Systèmes de gestion

Prix de l'iPhone Duo en Arabie saoudite : 9 499 riyals, dont 1 239 riyals de TVA récupérables si votre entreprise l'achète

L'iPhone Duo coûte de 9 499 à 15 499 riyals TTC sur l'Apple Store saoudien. Acheté par votre entreprise pour le travail, environ 1 239 riyals de TVA sont récupérables avec une facture conforme. Ce qu'il faut préparer avant le 23 octobre.

6 min de lecture
L'iPhone Duo s'ouvre sur 7,6 pouces, et votre application s'affiche dans un cadre noir si vous n'agissez pas avant le 23 octobre
Développement d'applications

L'iPhone Duo s'ouvre sur 7,6 pouces, et votre application s'affiche dans un cadre noir si vous n'agissez pas avant le 23 octobre

Apple a annoncé son premier iPhone pliable le 9 septembre 2026, disponible le 23 octobre à partir de 9 499 SAR. La nouvelle qui compte pour les propriétaires d'applications n'est ni l'écran ni le prix : Apple a défini trois modes d'affichage des applications sur le nouvel écran, et votre application est déjà dans l'un d'eux sans que vous l'ayez choisi. Cet article explique les trois, avec le calendrier et une liste de travaux claire.

7 min de lecture

Un projet en tête ?

Nous développons des systèmes, des applications et des sites sur mesure pour votre entreprise. Parlez-nous de votre idée et nous vous donnerons une réponse franche.

Une séance. Vingt minutes. Sans engagement.