Cómo preparamos nuestras apps para el iPhone Duo

El iPhone Duo se pliega. Cerrado, usas la pantalla exterior, que es estrecha. Abierto, tienes una pantalla interior ancha. Puedes pasar de una a otra en medio de lo que estés haciendo.

Dedicamos las últimas semanas a preparar Smart Dentist, Smart Billing y Smart Coach para él. Esto es lo que cambió en las apps, lo que probamos y descartamos, y lo que aprendimos.

Empezamos con nuestros propios diseños, y los descartamos

Nuestra primera idea fue diseñar pensando en el pliegue. En Smart Dentist creamos diseños de dos páginas: una lista de un lado y los detalles del otro, filtros a la izquierda y resultados a la derecha, cuadrículas de dos columnas. Hicimos seis rondas.

Nada de eso funcionó. Dividir una pantalla en secciones dejaba páginas medio vacías, y el diseño saltaba cada vez que se abría el teléfono.

Así que volvimos a la guía de Apple, Prepare for iPhone Duo. Es menos emocionante y mucho mejor. Construir con las nuevas herramientas, dejar que la app cambie de tamaño como una ventana, corregir los lugares donde supone un tamaño de pantalla fijo y probarla en todos los tamaños. El objetivo de Apple para la pantalla interior es que se sienta como «una extensión natural» del diseño de la app en iPad.

La misma pantalla en cada posición

Esta se convirtió en nuestra regla principal. Cuando abres o cierras el teléfono, te quedas exactamente donde estabas. La misma pantalla, el mismo punto en ella, y lo que tenías a medio escribir en un formulario sigue ahí.

Parece obvio, pero una de nuestras apps no lo cumplía. Smart Billing cambiaba a un diseño con barra lateral cada vez que la pantalla se ensanchaba. En el iPhone Duo, eso significaba que cada pliegue reconstruía la app desde el Panel (Dashboard), y una factura a medio escribir se perdía. Ahora Smart Billing mantiene un solo diseño en el iPhone Duo, así que la factura que empiezas en la pantalla exterior es la misma que terminas en la pantalla grande.

Sin barra lateral: la barra de pestañas se queda

En un iPad, una pantalla ancha suele significar una barra lateral. Decidimos no usarla en el iPhone Duo, en ninguna de nuestras apps. La barra de pestañas se queda, y las páginas usan todo el ancho.

Lo que cambia es dónde se ubica la barra de pestañas. En la pantalla exterior, y con el Duo abierto en horizontal, el sistema la mueve a una barra lateral estrecha junto al borde, al lado de la cámara y los íconos de estado. En vertical, queda abajo como siempre.

Botones en la línea de la cámara

Con los íconos de estado en la barra lateral, la parte superior de la pantalla exterior queda libre. Nuestros paneles tienen algunos botones en la esquina superior, como el de configuración. Los alineamos con la cámara de la pantalla exterior, para que queden en la misma línea en vez de amontonarse en el borde. Cuando abres el Duo mantienen esa línea, y la barra lateral con la cámara no los tapa.

Esto también nos enseñó el error más común. Smart Dentist medía el espacio en la parte superior de la pantalla una sola vez, cuando la pantalla aparecía por primera vez. En la pantalla exterior ese espacio es casi cero. Abierto en vertical, es mucho más alto. Así que, después de abrir el teléfono, los botones quedaban debajo de los íconos de estado. La solución fue volver a medir cada vez que cambia la ventana. Un tamaño que lees una sola vez deja de ser válido en cuanto la pantalla cambia de tamaño.

Los nombres pasan a otra línea en vez de «…»

La pantalla exterior es estrecha, y los nombres largos se cortaban en las tarjetas («Aaron Benn…»). No nos gusta esconder medio nombre, así que en el iPhone Duo los nombres y las fechas ahora pasan a dos líneas cuando falta espacio.

Apareció en lugares que no esperábamos. En Smart Billing, las filas de conceptos de una factura seguían cortando nombres como «Project Manage…» después de que ya habíamos corregido las listas. Nuestra revisión de capturas de pantalla los detectó, y ahora también pasan a otra línea.

Solo hacemos esto en el iPhone Duo. Hacerlo en todas partes cambiaría el aspecto de las apps en los iPhone pequeños.

Nada cambia en ningún otro lugar

Esta fue una regla estricta desde el primer día: preparar las apps para el iPhone Duo no debía cambiarlas en ningún otro iPhone, iPad o Mac.

Así que lo comprobamos. Tomamos capturas de pantalla antes y después en iPhone con iOS 27 y iOS 18.5, y en iPad, y las comparamos. Las únicas diferencias eran detalles del sistema, como el reloj, y efectos en movimiento, como las animaciones. En Mac, el código para el iPhone Duo ni siquiera se incluye.

La comprobación valió la pena. Un cambio que las propias comprobaciones de Xcode marcaban como seguro movía 16 puntos las tarjetas de pacientes de Smart Dentist en iPad. Lo descartamos.

Actividades en vivo en una isla estrecha

Las Actividades en vivo Día de clínica (Clinic Day) de Smart Dentist y "Coaching Day" (día de entrenamiento) de Smart Coach muestran una cuenta regresiva en la Dynamic Island. En el iPhone Duo, la Dynamic Island va en vertical a lo largo del costado, así que su vista compacta casi no tiene ancho. Nuestra cuenta regresiva quedaba reducida a un dígito: «4…».

No era solo el iPhone Duo. En iOS 27, la Dynamic Island también sigue visible cuando cualquier iPhone se pone en horizontal, y ahí tampoco puede ensancharse. La misma cuenta regresiva también se cortaba allí.

Apple lo explica en la sesión de la WWDC26 Live Activities essentials. Cuando isDynamicIslandLimitedInWidth es verdadero, una app debe mostrar una vista corta hecha para ese espacio, como un símbolo, un pequeño indicador o un número de ancho fijo, en vez de apretar su texto. Y eso hicimos: donde la isla es estrecha, la cuenta regresiva ahora es un anillo que se vacía a medida que avanza la sesión. En vertical en un iPhone normal, donde los números caben, sigues viendo los minutos y los segundos, exactamente como antes.

Lo comprobamos en el iPhone Duo cerrado y abierto, en un iPhone en horizontal con iOS 27 y en iOS 18.5, donde nada cambia. El simulador no puede girar un teléfono ni mantener presionada la isla por sí solo, así que escribimos una pequeña prueba automatizada que hace ambas cosas y toma las capturas de pantalla.

Nuevas capturas para el App Store

Hicimos un conjunto de capturas de pantalla para el iPhone Duo para la página de cada app en el App Store. Siguen el conjunto del iPhone pantalla por pantalla, en todos los idiomas de la página, y cada una muestra la misma pantalla dos veces: en el Duo abierto en horizontal, con el Duo cerrado delante.

Lo que aprendimos

• Empieza por las pautas de Apple antes de inventar tu propio diseño.
• Deja a las personas donde estaban. Abrir el teléfono nunca debe reiniciar lo que estaban haciendo.
• Vuelve a medir cada vez que la ventana cambie de tamaño.
• Demuestra que los demás dispositivos no cambiaron, con capturas de pantalla, no con opiniones.
• El simulador no puede mostrar la animación real al desplegarse. Lo comprobaremos en un iPhone Duo real cuando salga.

En Smart Dentist, recorrimos todas las posiciones en el simulador del iPhone Duo de Apple: cerrado, abierto en plano, abierto en vertical, medio abierto como un libro o una laptop, y los movimientos entre ellas, en modo claro y oscuro, y en árabe.

Las versiones listas para el iPhone Duo

Smart Dentist 5.1.1, Smart Billing 5.0.2 y Smart Coach 4.0.2 son nuestras versiones listas para el iPhone Duo. El iPhone Duo sale a la venta el 23 de octubre de 2026. En cualquier otro iPhone, iPad y Mac, estas actualizaciones se ven y funcionan igual que antes.