Google ha publicado un nuevo artículo en el blog para desarrolladores de Android en el que da consejos sobre cómo optimizar el uso del notch. La compañía sigue preparando el camino para la llegada del próximo Pixel 3 XL y, al mismo tiempo, está marcando una serie de buenas prácticas para que las aplicaciones se adapten correctamente a las nuevas pantallas con muesca, agujero en pantalla o cámaras perforadas.
El notch, la muesca o la cámara incrustada en la pantalla se ha convertido en un elemento muy común en todo tipo de móviles Android. Aunque empezó siendo un recurso polémico, cada vez hay más herramientas, ajustes de sistema y aplicaciones que permiten aprovechar mejor esa zona de la pantalla o, si el usuario lo prefiere, ocultar la muesca. Todo esto hace que los desarrolladores deban tener en cuenta diseño, usabilidad y rendimiento cuando crean o actualizan sus apps.
Google da consejos sobre el notch a los desarrolladores
Google ha publicado un artículo aconsejando a los desarrolladores de Android sobre el uso del notch y sobre cómo optimizar aplicaciones para que se muestren de forma correcta en aquellos smartphones que lo utilizan. Aseguran que ya hay múltiples dispositivos de numerosos fabricantes que utilizan el notch, y que varios de ellos forman parte de la beta de Android P. Dicho de otro modo: el notch ha venido para quedarse durante un tiempo y los fabricantes están apostando por él, por lo que los desarrolladores de aplicaciones deben adaptarse a esta nueva realidad.
Desde la Gran G aseguran que estos terminales son una gran oportunidad para que una app luzca de forma impresionante. Al fin y al cabo, suelen ser dispositivos con más pantalla útil y menos marcos, lo que da pie a lucir un diseño a lo grande y a mostrar más contenido sin necesidad de hacer scroll. Para ello, dan los siguientes consejos para desarrolladores que quieren optimizar sus aplicaciones para pantallas con notch, agujeros o muescas de cualquier forma.
- Asegúrate de que tu app es compatible: En líneas generales, los desarrolladores no deben tocar nada para que la app funcione en dispositivos con notch: la altura del notch es la de la barra de estado y la app se ajusta por debajo. Por tanto, en modo vertical se muestra igual. Aun así, se debe tener cuidado con cualquier código que establezca manualmente una nueva altura para la barra de estado, ya que podría provocar solapamientos. También hay que revisar el uso de coordenadas absolutas para colocar elementos y las interfaces a pantalla completa que se acercan a los bordes.
- Aprovecha el notch: Extiende la interfaz en modo horizontal para aprovechar hasta la última pulgada de pantalla. Si la app es compatible con el modo inmersivo, conviene que gestione correctamente los bordes de contenido para que botones, menús o textos importantes no queden cortados por la muesca o por la cámara perforada.
- Testea tu app con un notch: Google ofrece opciones para probar que una app se muestra bien incluso en pantallas con notch. Los desarrolladores deben aprovechar estas herramientas para simular distintas formas de muesca y agujero en pantalla, de modo que se eviten problemas de visualización en dispositivos reales.
- Modo especial: Permite que apps no optimizadas se extiendan hasta el notch usando un botón en la barra de navegación. Con esta opción, el usuario puede decidir si prefiere ganar más superficie de pantalla aunque parte de la interfaz pase por detrás de la muesca, o si quiere mantener márgenes de seguridad.
- Optimiza la app para distintos aspect-ratio: La llegada de los notches, móviles sin marcos y cámaras perforadas ha provocado que se extiendan nuevas relaciones de aspecto. Así, los 16:9 han dejado paso a los 18:9, 19:9 o formatos todavía más alargados. Los desarrolladores deben asegurarse de que su aplicación se adapta a todas las resoluciones y relaciones de aspecto, ajustando listas, cabeceras, menús y elementos interactivos para que no queden recortados.
Buenas prácticas extra para optimizar aplicaciones con notch
Además de las recomendaciones oficiales de Google, la experiencia con distintas capas de personalización y apps de terceros permite recopilar una serie de buenas prácticas adicionales para que una aplicación Android funcione bien en cualquier tipo de muesca, gota o agujero en pantalla.
En primer lugar, es esencial respetar las zonas seguras de interacción. Aunque Android ofrece APIs para conocer los insets de la pantalla, en algunos casos los desarrolladores usan diseños personalizados sin tenerlo en cuenta. Esto puede provocar que botones, barras inferiores o iconos se queden demasiado cerca del borde inferior y, en algunos móviles con notch o curvatura pronunciada, acaben casi escondidos. Usar componentes modernos de interfaz y comprobar cómo se comportan en diferentes dispositivos ayuda a evitar estos problemas.
Otro aspecto clave es el de las transiciones a pantalla completa y modo inmersivo. Cuando se ocultan la barra de estado o la barra inferior, el contenido puede expandirse hasta áreas donde aparecen la cámara o la muesca. Conviene revisar pantallas como reproductores de vídeo, juegos o galerías de imágenes para garantizar que los controles críticos no se sitúan justo debajo del notch o en esquinas difíciles de pulsar.
En entornos de desarrollo multiplataforma, como puede ser el caso de aplicaciones creadas con React Navigation, es importante asegurarse de que las librerías utilizadas gestionan correctamente los márgenes en dispositivos con muesca. Aunque en algunos sistemas se dispone de APIs como SafeArea para iOS, en Android se necesita combinar las opciones del framework con las de la propia plataforma para evitar que elementos clave queden ocultos cuando hay notch.
También es recomendable que las apps ofrezcan modos de visualización flexibles. Muchos fabricantes permiten al usuario elegir si desea extender las apps hasta el notch o recortar la pantalla con una franja negra. Si la aplicación está bien optimizada, se verá correctamente en los dos casos, evitando cortes de texto o iconos desalineados al cambiar de un modo a otro.
Normas de Google para fabricantes de móviles con notch
Además, Google también ha establecido normas para los fabricantes con el objetivo de garantizar una experiencia coherente entre diferentes marcas y modelos de teléfono. Estas reglas afectan tanto al diseño físico del notch como al comportamiento del sistema en distintos modos de visualización.
- Los fabricantes deben asegurarse de que, en modo vertical, la altura de la barra de estado sea igual o superior al notch. Así se evita que contenido o iconos del sistema queden tapados por la muesca.
- En modo horizontal o en modo pantalla completa, debe haber barras negras en la zona del notch, de forma que no se corte contenido salvo que lo pida explícitamente el usuario o la aplicación apueste por un modo inmersivo total.
- Cada móvil solo puede tener un máximo de dos notches. Los notches solo se pueden usar en los marcos superior o inferior y tan solo se puede usar un notch por marco. Con esto se garantiza que las apps puedan prever dónde habrá recortes de pantalla.
Gracias a estas restricciones, los desarrolladores pueden diseñar sus interfaces sabiendo que la muesca no aparecerá en los laterales, y que el sistema mantendrá siempre una barra de estado visible o zonas negras que protejan el contenido si la aplicación no está preparada para expandirse hasta la muesca.
Cómo los usuarios pueden aprovechar y configurar el notch
Una parte importante de la experiencia con el notch no depende solo de los desarrolladores, sino también de las opciones que ofrecen los fabricantes en sus capas de personalización. Muchos móviles permiten decidir si se muestra la interfaz hasta el borde de la cámara o si se oculta la muesca con una franja oscura, e incluso configurar este comportamiento por aplicación.
En capas como One UI de Samsung existe la función de apps a pantalla completa, que permite agrandar las aplicaciones para que vayan más allá de la cámara frontal y aprovechen toda la superficie. De esta forma, el notch deja de marcar el límite de la interfaz y se gana área de visualización para juegos, vídeos o apps de lectura, aunque parte del contenido quede cerca de la cámara.
En interfaces de fabricantes como Realme u OPPO se incluye una opción de visualización en pantalla que controla cómo se comporta el software según la app que se esté ejecutando. Se puede elegir, por ejemplo, mostrar siempre el notch, ocultarlo con una franja negra o dejar que el sistema decida automáticamente la mejor configuración en cada caso.
Por su parte, marcas como Xiaomi, Redmi o POCO ofrecen desde los ajustes de pantalla un modo pantalla completa que permite seleccionar qué aplicaciones se muestran hasta el extremo de la pantalla y cuáles respetan márgenes más amplios. Así, cada usuario puede decidir en qué apps prioriza la inmersión total y en cuáles prefiere mantener la zona alrededor del notch sin contenido importante.
Otros fabricantes, como Motorola y varias marcas con capas cercanas a Android puro, cuentan con ajustes similares de visualización a pantalla completa por aplicación. Sin embargo, no existe un estándar idéntico entre todos, por lo que la configuración suele variar de una marca a otra y conviene revisar los ajustes de pantalla y de aplicaciones en cada dispositivo.
Apps que sacan partido al notch y a la cámara perforada
Más allá de la configuración del sistema, existen aplicaciones diseñadas específicamente para aprovechar el notch de formas creativas. Algunas convierten la muesca en un indicador visual o en una zona interactiva con accesos directos, demostrando que este elemento puede ir mucho más allá de alojar la cámara frontal.
Un ejemplo de este tipo de utilidades es la idea de usar el contorno del notch como barra de batería visible, mostrando alrededor de la muesca una línea de color que va disminuyendo según se agota la carga. Este tipo de apps suelen permitir ajustar el tamaño y grosor del indicador, además del color y el punto exacto a partir del cual cambiar a tonos más rojizos para avisar de que queda poca batería. También se pueden usar fondos diseñados para ocultar el notch cuando el usuario lo prefiera.
También existen herramientas que convierten el notch o la cámara perforada en una especie de botón multitarea virtual. Mediante toques o gestos en la zona cercana a la cámara, el usuario puede lanzar acciones rápidas como abrir una aplicación concreta, hacer capturas de pantalla, controlar la reproducción multimedia o activar funciones del sistema. Para funcionar, estas apps necesitan permisos especiales y una configuración inicial, pero una vez ajustadas pueden dar un plus de productividad.
Lo interesante de este tipo de soluciones es que muestran a los desarrolladores nuevas ideas para integrar el notch en el flujo de la aplicación, ya sea como elemento informativo o como zona de interacción. Aunque no todas las apps necesitarán ir tan lejos, entender cómo otros servicios sacan partido a la muesca ayuda a diseñar interfaces más originales y cuidadas.
Con todo esto, el notch deja de ser simplemente un recorte molesto en la pantalla para convertirse en un área que, bien aprovechada, aporta más información visual, accesos directos útiles y una mejor sensación de inmersión, siempre que tanto desarrolladores como fabricantes respeten las guías de Google y ofrezcan ajustes claros para que el usuario elija cómo quiere que se muestre su contenido.
Preparando el camino para el Google Pixel 3 XL
Con todo esto, Google no está sino preparando el camino para el futuro Google Pixel 3 Xl. Mientras que la versión normal contará con una pantalla clásica, el dispositivo de gran tamaño tendrá un notch en pantalla. Dado que la Gran G va a apostar por este diseño, necesita que todos los fabricantes vayan a una y ofrezcan un soporte adecuado para pantallas con notch, y que los desarrolladores sigan las recomendaciones para que sus aplicaciones se vean perfectas desde el primer día.
El hecho de que Google publique guías tan detalladas y marque límites claros a los fabricantes indica que su objetivo es que el ecosistema Android entero ofrezca una experiencia homogénea, tanto si el usuario prefiere aprovechar al máximo cada píxel de la pantalla como si opta por ocultar la muesca. En este contexto, los consejos para optimizar aplicaciones con notch se convierten en una pieza clave para que la transición a las pantallas recortadas sea lo menos traumática posible y, al mismo tiempo, una oportunidad para innovar en diseño de interfaz y funciones extra basadas en la propia muesca.
