¿Sabes cómo se ven tus diseños cuando la gente cambia el tamaño de fuente predeterminado de su teléfono?

Android tiene una configuración que se encuentra en Configuración > Pantalla > Tamaño de pantalla y texto, que permite a los usuarios cambiar el tamaño de fuente predeterminado. iOS tiene una función similar si vas a Configuración > Pantalla y brillo > Tamaño del texto.

Esta característica se usa más comúnmente de lo que piensas. Según Appt.org, más del 35% del 45% de los usuarios holandeses de iOS que habilitan al menos una función de accesibilidad aumentan el tamaño de fuente predeterminado. Del 59% de los usuarios holandeses de Android que habilitan al menos una función de accesibilidad, el 37% aumenta el tamaño de fuente. Para decirlo de una manera más sencilla, aumentar el tamaño de fuente es la característica de accesibilidad más utilizada.

La función está diseñada para brindar a los usuarios control sobre el tamaño de fuente predeterminado en su teléfono. Aumentar el tamaño de la fuente es siempre lo primero que hago cuando adquiero un dispositivo nuevo, porque no quiero forzar la vista al leer fuentes pequeñas. A medida que la vista de las personas disminuye con el tiempo, esta función debería permitirles seguir leyendo el texto en su teléfono de forma independiente.

En mi Pixel 7a, hay 7 configuraciones de tamaño de fuente diferentes para elegir. La cantidad de opciones de tamaño de fuente disponibles variará según el tipo de dispositivo. El segundo tamaño de fuente está seleccionado de forma predeterminada, por lo que puedes hacer que el texto sea más pequeño o más grande.

En las pantallas de configuración de texto y tamaño de pantalla, la vista previa de la pantalla de inicio puede mostrar los nombres de las aplicaciones 'Mapas', 'Play Store' y 'Configuración' debajo de sus íconos de aplicaciones correspondientes. Sin embargo, a medida que comienza a aumentar el tamaño de fuente, es más probable que los nombres de las aplicaciones se trunquen con puntos suspensivos.

Al diseñar, debe tener en cuenta la configuración de diferentes tamaños de fuente. Es especialmente importante centrarse en esto cuando se trabaja en el diseño. Debe asegurarse de diseñar teniendo en cuenta alturas variables para que las cosas tengan espacio para crecer a medida que se utilizan tamaños de fuente más grandes.

En Google Play Store, la imagen principal de Disney+ queda completamente oscurecida cuando se utiliza la configuración de fuente más grande. El texto (el encabezado, la descripción y la insignia de “actualización disponible”) que fue diseñado para ubicarse encima de la imagen principal se ha vuelto imposible de leer. Esto se debe a que el diseño no permitía espacio para aumentar la altura, por lo que la sección de detalles de la aplicación adjunta ahora lo oscurece.

Esta sección de detalles de la aplicación ahora proporciona mucho menos valor en la configuración de fuente más grande. En la configuración de fuente más pequeña, el mosaico de Disney+ muestra “Disney+, Disney, 4,5 estrellas, orientación parental y compras dentro de la aplicación”. Sin embargo, en la configuración de fuente más grande esto se ha convertido en “Dis…, Dis…, 4,5 estrellas, P… y en-…”. Esta pérdida de contenido podría ser crucial para el usuario, ya que podría perderse información importante como “Orientación parental”.

Lo más importante que debe asegurarse al diseñar teniendo en cuenta el tamaño de fuente es que ningún texto quede oculto a medida que cambia el diseño.

La aplicación BBC iPlayer hace un mejor trabajo al manejar el aumento del tamaño de fuente en su pantalla de inicio. Todo el contenido sigue siendo legible con la configuración de tamaño de fuente máximo y el diseño se adapta bien para permitir la mayor altura necesaria.

Al diseñar con un tamaño de fuente variable en mente, también vale la pena preguntarse si el diseño original sigue funcionando a medida que aumenta el tamaño de fuente. El diseño de la pantalla de inicio de Spotify cambia del uso de dos columnas para mostrar las listas de reproducción escuchadas recientemente a una sola columna cuando se configuran los tamaños de fuente más grandes. Esto le da al diseño más espacio para mostrar el texto.

En la pantalla de perfil Medio, hay un botón de ícono de menú dentro de cada una de las secciones de detalles de la historia publicada. El botón usa una posición fija, por lo que, si bien se coloca al final de la fecha de publicación en la configuración de fuente más pequeña, a medida que aumenta el tamaño de la fuente, el texto de la fecha de publicación comienza a superponerse al botón del ícono, lo que hace que sea casi imposible verlo en la pantalla. .

Es importante que, como diseñadores, no solo intenten simular sus diseños en varias configuraciones de tamaño de fuente y anotar cómo deben adaptarse, sino que también trabajen con sus desarrolladores y el equipo de control de calidad para asegurarse de que sus productos se sometan a pruebas de estrés antes de publicarse.

Pruebe sus diseños en múltiples tamaños de fuente para garantizar una experiencia equitativa en todas las preferencias del usuario. Trabaje con sus desarrolladores para asegurarse de que su producto respete la configuración del usuario de tamaño de fuente. Cree diseños que no dependan de alturas fijas y muestre cómo sus diseños crecen a medida que aumentan los tamaños de fuente. setConsidere diseños alternativos para dar más espacio para el texto a medida que se configuran tamaños de fuente más grandes

A medida que aumenta el tamaño de la fuente, parte del texto en la aplicación Nutmeg comienza a superponerse, lo que hace que sea casi imposible leerlo.

En la configuración de fuente más grande, el calendario de la aplicación Sky Sports podría considerar el uso de un diseño diferente, ya que el ancho fijo significa que “miércoles 11 de octubre” ya no cabe en 2 líneas, sino en 4 líneas.

Observe cómo la pestaña de 10 días se vuelve ilegible a medida que aumenta el tamaño de fuente.

En YouTube, el tamaño del texto de la barra inferior de la aplicación no aumenta a medida que cambian las preferencias del usuario. Si la configuración del tamaño de fuente significa que el texto se volverá ilegible, esa podría ser una compensación que deba hacer.