4 de agosto de 2017-Desarrollo de aplicaciones iOS, estrategia móvil
Por Mike Woods, Atimi Software Inc.
El tipo dinámico no es nuevo. Ha existido desde iOS 7, pero su adopción por las aplicaciones ha sido algo irregular, hasta ahora. Con iOS 11, Apple está realizando mejoras significativas en la función que deberían llevar a una adopción a gran escala. Este artículo analiza estos cambios y considera cómo afectarán el buen diseño e implementación de aplicaciones.
¿Qué es el tipo dinámico?
iOS siempre ha incluido un gran soporte para texto. El sistema operativo tiene docenas de fuentes escalables de alta calidad y un sofisticado motor de renderizado de texto. Los diseñadores y desarrolladores han podido aprovechar este rico conjunto de funciones para producir interfaces de usuario atractivas y funcionales.
Sin embargo, con una pantalla pequeña, el diseño de la interfaz de usuario siempre es un compromiso entre la adaptación del contenido a la vista y la legibilidad. Y como el tamaño del texto legible varía de persona a persona, lo que funciona para una puede ser inutilizable para otra. Las aplicaciones con mucho texto (como los lectores de noticias) pueden ofrecer un ajuste de tamaño de texto, pero como tales características deben codificarse manualmente, la mayoría de las aplicaciones simplemente no justifican el esfuerzo.
Para resolver este problema, Apple introdujo el tipo dinámico en iOS 7. Permite a los diseñadores utilizar un conjunto de siete estilos de texto (luego aumentados a diez) al seleccionar fuentes. Estos estilos se asignan a diferentes fuentes y tamaños de acuerdo con la configuración de tamaño de texto del usuario. Con el tipo dinámico, cualquier aplicación puede responder a las preferencias de tamaño del usuario, lo que mejora la experiencia para una gama más amplia de usuarios.
El tipo dinámico admite siete configuraciones de tamaño, lo que permite una variación significativa en el tamaño de fuente. Por ejemplo, el estilo de texto del cuerpo es de 17pt en la configuración predeterminada, pero varía de 14pt a 23pt. Sin embargo, este no es el límite, ya que iOS incluye una configuración de accesibilidad que agrega cinco tamaños más grandes, hasta 53pt para el texto del cuerpo. (Tenga en cuenta que, en la actualidad, solo el tamaño del texto del cuerpo cambia en los tamaños de accesibilidad; esto cambiará en iOS 11.)
Esta flexibilidad viene con sus propios desafíos. El rango dinámico del cuerpo del texto es de aproximadamente 4:1, haciendo que incluso las oraciones cortas abarquen varias líneas. Los diseños estáticos claramente no funcionarán con texto dinámico. Afortunadamente, el diseño automático se encargará de la mayor parte del trabajo pesado, lo que permitirá a la interfaz de usuario ajustar el diseño sin necesidad de código.
Sin embargo, no todos los problemas de diseño se pueden resolver solo con el diseño automático. Además, puede ser difícil adaptar el tipo dinámico a una aplicación existente (especialmente si incluye código de diseño manual). Finalmente, adoptar el tipo dinámico significa abandonar las otras fuentes suministradas por el sistema operativo, sin mencionar las fuentes personalizadas; no es una elección fácil para los diseñadores que buscan un aspecto distintivo.
Estos desafíos han llevado a muchas aplicaciones a ser lentas para adoptar el tipo dinámico, o a hacerlo de una manera ingenua, lo que resulta en interfaces de usuario rotas, particularmente para configuraciones más grandes.
Sin embargo, todo esto debería estar a punto de cambiar
¿Qué viene en iOS 11?
En la WWDC de este año, Apple anunció varias mejoras en Dynamic Type para iOS 11 que tendrán un gran impacto en la tasa y el costo de su adopción.
Quizás la más significativa es la capacidad de usar otras fuentes con Tipo dinámico. Esto permite a los diseñadores redefinir eficazmente la paleta de estilos de texto (incluidos el tamaño de letra y de punto) y el sistema los escalará automáticamente de acuerdo con el tamaño de texto del usuario.
Para entender el impacto de esto, solo considere una aplicación educativa que quiera usar Chalkboard SE (una de las fuentes estándar de iOS) como su fuente principal. Anteriormente, eso descartaba el Tipo Dinámico. En iOS 11, esto no solo es posible, sino que el diseñador podría decidir que el texto debería ser un poco más grande (18 puntos, por ejemplo, para el texto del cuerpo) para que se vea más claro con el tipo de letra de escritura a mano, y las fuentes seguirán escalando adecuadamente a otros tamaños de texto.
También es más fácil actualizar las IU existentes para Texto dinámico. El diseño automático tiene la capacidad de ajustar el espaciado vertical de acuerdo con el tamaño del texto para que el texto no se agobie en tamaños más grandes. Y para el código de diseño manual, es posible escalar distancias de píxeles de acuerdo con el tamaño del texto para un efecto similar.
Las imágenes también se pueden escalar para permitir que los iconos sean más visibles en tamaños de texto de accesibilidad grandes. UIKit es incluso capaz de mantener los iconos en forma de vector para evitar problemas de pixelación.
Más allá de esto, se ha mejorado el ajuste del diseño, ya que el tamaño del texto está disponible como parte de UITraitCollection, que es la forma estándar de rastrear otros factores que afectan el diseño.
Un cambio final es que ahora todos los estilos de texto cambian el tamaño de punto con la accesibilidad. Esto mejorará en gran medida la experiencia de lectura para los usuarios con baja visión, ya que todo el texto, no solo el texto del cuerpo, se escalará. También afecta el pensamiento de diseño, ya que significa mucha más variación en el tamaño del contenido.
¿Qué Dice Apple?
Quizás más importante que las mejoras técnicas de Dynamic Type es el impulso de Apple para promover la accesibilidad en iOS 11. Esto incluye la aplicación de los principios de» diseño para todos » a las aplicaciones y utilidades que se envían con el sistema operativo. Entre estos principios hay tres objetivos para el uso del texto.
1. El texto debe ser lo suficientemente grande para que el usuario lo lea. (En otras palabras, el texto debe escalar con tipo dinámico.)
2. El texto debe ser completamente legible. No debe truncarse innecesariamente y no debe superponerse ni recortarse.
3. La interfaz de usuario de una aplicación debe verse hermosa en todos los tamaños de texto.
Para lograr estos objetivos, las interfaces de usuario deben ser más adaptativas que simplemente permitir que el texto crezca. Por ejemplo, el contenido de la celda de la tabla a menudo se organiza horizontalmente con una imagen o un icono en el lado inicial y una etiqueta de texto al final. Esto se ve muy bien para los tamaños de texto regulares, pero las fuentes de accesibilidad más grandes hacen que la etiqueta parezca estrecha (incluso hasta el punto de que las palabras largas se rompan en varias líneas), mientras que el icono se encuentra en un gran espacio en blanco vertical. Cambiar a un diseño vertical con el icono sobre el texto maximiza el espacio horizontal para el texto y, al mismo tiempo, se adapta más contenido a la pantalla.
En otras situaciones, acomodar fuentes más grandes puede significar reordenar el contenido vertical para garantizar que los botones de acción no se presionen hacia abajo por el texto de varias líneas, reorganizar los botones de herramientas en varias filas u ocultar contenido auxiliar para dejar espacio para texto importante.
Ninguno de estos diseños adaptativos son gratuitos, pero Apple señala que valen la pena para ofrecer una gran experiencia para todos. Y al ofrecer una experiencia de este tipo dentro de las aplicaciones del sistema, Apple está elevando el nivel de las aplicaciones de terceros. Con iOS 11, los usuarios estarán más dispuestos a habilitar las funciones de accesibilidad para mejorar la facilidad de uso, y las aplicaciones que no admiten bien el tipo dinámico, en última instancia, perderán frente a las que sí lo hacen.
Póngase en contacto con nosotros para descubrir cómo el software Atimi puede ayudarle a crear una aplicación personalizada, innovadora y empresarial que ofrezca una experiencia de usuario superior y supere la prueba del tiempo.
