Contenido
- 01. Considere una fuente de aplicación nativa
- 02. Elija una fuente que se adapte al contenido
- 03. Use tamaño y peso para crear jerarquías
- 04. Añade un toque de personalidad
- 05. Deja mucho espacio en blanco
El texto representa el 95 por ciento de toda la comunicación digital. Entonces, no importa cuán cuidadosamente refinada sea la interfaz de usuario, el diseño de iconos o la elección de imágenes dentro de una aplicación, su elección de fuente es absolutamente crucial.
La tipografía tiene un impacto directo en la experiencia del usuario de una aplicación. Si el contenido es difícil de leer, las opciones del menú no están claras o el propósito de los botones y otras llamadas a la acción son indescifrables, la usabilidad sufre enormemente. Y todas estas decisiones deben tomarse teniendo en cuenta una pantalla pequeña.
Siga leyendo para conocer los cinco consejos principales para elegir la fuente perfecta para el próximo diseño de su aplicación ...
01. Considere una fuente de aplicación nativa
Apple vio claramente el valor de la tipografía cuando lanzó su propia tipografía sans-serif, San Francisco, en 2015. Habiendo utilizado una combinación de Helvetica Neue, Lucida Grande, Myriad Pro y VAG Rounded para sus diversas necesidades de software, hardware y marketing hasta ese momento punto, SF cumple todos los requisitos para el gigante tecnológico.
Como fuente de iOS predeterminada, San Francisco puede otorgarse a desarrolladores externos registrados para diseñar aplicaciones para las plataformas de Apple. Está diseñado teniendo en cuenta la utilidad y la legibilidad, y iOS cambia automáticamente entre las variantes de texto y pantalla cuando el tamaño cae por debajo de los 10 puntos o por encima de los 20 puntos.
Tres años antes, Google también había lanzado su propia fuente de aplicación diseñada internamente para la plataforma Android: Roboto, que reemplazó la fuente del sistema anterior Droid. Como San Francisco, es un sans-serif moderno y limpio, pero tiene algunas peculiaridades más de personalidad.
Si lo que busca es una apariencia "nativa", San Francisco o Roboto son una buena apuesta, y los diseñadores de Apple y Google han trabajado arduamente para garantizar que funcionen en dispositivos móviles.
02. Elija una fuente que se adapte al contenido
Tanto San Francisco como Roboto son diseños limpios sin serif, que tienden a ser la opción predeterminada para la mayoría de los diseñadores de aplicaciones: los sans-serif son neutrales y seguros, y son excelentes para la legibilidad en botones, menús y titulares.
Sin embargo, si su aplicación contiene una gran cantidad de contenido de formato largo, una serif puede ser una mejor opción. Medium, iBooks y aplicaciones de periódicos como Bloomberg o The New York Times utilizan fuentes serif, por ejemplo.
Aplicaciones como estas deben adaptarse a una amplia variedad de edades y preferencias dentro de sus lectores. Si su aplicación presenta grandes volúmenes de texto, puede valer la pena incorporar algún nivel de personalización tanto de la fuente como del tamaño para satisfacer las necesidades particulares de los usuarios.
03. Use tamaño y peso para crear jerarquías
Apple recomienda un texto mínimo de 11 puntos para mantener la legibilidad en el iPhone, iPad y Apple Watch, aunque trate de evitar sobrepasar los límites. El valor ideal es más como 15-19 puntos, así que deje mucho espacio y evite saturar la interfaz.
San Francisco, Roboto y las populares alternativas de diseño de aplicaciones como Open Sans, Proxima Nova y Museo Sans vienen en una variedad de pesos útiles, así que utilícelos al máximo para enfatizar y jerarquizar. No tiene mucho espacio para trabajar, y subir un elemento clave un peso o dos puede hacer maravillas para llamar la atención.
Como regla general, los pesos regulares son mejores para el rango mínimo de 11-19 puntos, los pesos medios funcionan bien de 20 a 34 puntos, y cualquier cosa por encima de eso, generalmente los titulares principales, funciona bien en negrita. Los pesos ligeros y ultraligeros se guardan mejor para tipos muy grandes, ya que de lo contrario la legibilidad se verá afectada.
Considere también la longitud de la línea. En promedio, un sitio web tendrá entre 60 y 75 caracteres por línea, mientras que las aplicaciones son mucho más estrechas: usted busca más entre 35 y 50.
Si las líneas son demasiado largas, se vuelven difíciles de manejar y los usuarios pueden perder el rastro de la información; demasiado corto y la lectura se vuelve antinatural. En la práctica, si cumple con las pautas de tamaño de fuente, debe evitar estos problemas.
04. Añade un toque de personalidad
Cuando se trata de interfaces funcionales, minimalistas y muy reducidas, no hay tantas herramientas a su disposición para agregar carácter al diseño de su aplicación. El diseño plano tiene que ver con el color, las formas simples y la tipografía.
En consecuencia, si la tipografía es uno de los aspectos más destacados de una interfaz de usuario brutalmente simple, vale la pena considerar una fuente de visualización que tenga algunas peculiaridades sutiles pero únicas. Los tipos de letra neutrales de uso común son efectivos, pero podría correr el riesgo de que su aplicación pierda su identidad.
Vale la pena echar un vistazo a los tipos de letra que tienen adornos o características de diseño particulares en ciertos caracteres. Explore las fuentes de Google para obtener opciones gratuitas como Raleway o Quicksand, o obtenga una licencia de un tipo de letra más complejo y versátil como Klinic Slab.
05. Deja mucho espacio en blanco
Una de las reglas más importantes en el diseño de aplicaciones es evitar el desorden a toda costa, y esto inevitablemente tiene un efecto en cadena en sus elecciones de fuentes, así como en cómo las aplica en el proceso de diseño.
Las pantallas móviles no le brindan mucho espacio para trabajar, pero debe dejar la mayor cantidad de espacio libre posible y respetar el espacio para respirar entre los elementos. Demasiado texto y demasiadas opciones para elegir, no agrega nada más que confusión y no es una experiencia de usuario satisfactoria.
Del mismo modo, el interlineado entre líneas y párrafos debe ser suficiente. Reducir esto para que quepa demasiado contenido en una sola pantalla es un error demasiado común que frustrará a los usuarios que están acostumbrados a las aplicaciones que hacen sus vidas más simples y fáciles.
Cuando la regla de los "espacios en blanco" se combina con las pautas de tamaño mínimo para el texto, el resultado es claro: debe recortarlo, no apretarlo.
