Recursos: tipografías para nuestras apps
A la hora de crear apps podemos decidir utilizar las propias tipografías que el sistema operativo trae ya instaladas o podemos optar por utilizar tipografías que podemos instalar en nuestra app. Si queremos escoger tipografías ya instaladas en los dispositivos, podemos consultar la siguiente web iosfonts.com donde podemos consultar qué tipografías hay instaladas desde iOS 3 hasta la última versión de iOS.
En cuanto a Android, la tipografía por defecto es la Roboto. Podemos obtener más información en la web oficial de Google para desarrolladores. Aún así, como hemos dicho, como desarrolladores y diseñadores tenemos la libertad de introducir tipografías externas que podemos incrustar en nuestras apps. La pregunta sería, ¿cuáles son las mejores tipografías? ¿qué tenemos que tener en cuenta a la hora de elegir una tipografía o varias tipografías para nuestras apps?
Uso de tipografías en apps
Primero de todo, si nuestra app ofrece mucho texto a los usuarios, necesitaremos una tipografía que sea legible, que tenga todos los caracteres que necesita el idioma de nuestra app (hay muchas tipografías gratuitas que vienen sin á, ó, ò y similares), etc. Vamos a analizar cómo lo hacen algunas apps:
Las cuatro apps analizadas van todas dirigidas a un público en concreto: mujeres. Las tres primeras apps (Crecer Feliz, Pregnancy + y Totally Pregnant) son de seguimiento del embarazo y la última (The Flow) es de control de la menstruación. He querido escoger apps que tengan un mismo público objetivo y una misma temática para poder compararlas mejor. Además, todas estas apps tienen como contenido principal el texto, por lo que se entiende que un buen diseño del texto ha sido indispensable para ofrecer una buena experiencia de usuario. He estado probando estas apps durante unos días para ver qué sensaciones suscitaban en mí como usuaria.
La primera app, la de Crecer Feliz, ofrece una experiencia de lectura óptima pero se echa de menos un poco más de formato en el texto. Si nos fijamos en la captura de pantalla veremos que “¿Son contracciones?” viene sin ningún tipo de aviso de que se trata de un título porque se está cambiando de tema en el texto. Es como si hubieran hecho copiar/pegar el texto en la app sin darle jerarquías, etc. La segunda app, la de Pregnancy+, es la más agradable de leer. De todos modos, da la sensación de que si el texto fuera muy muy largo (por ejemplo, un libro de 200 páginas), la tipografía escogida se haría pesada de leer y al final sería tedioso seguir con la app. Como el texto que ofrecen puede ser leído en 2-3 minutos, se pueden permitir no ofrecer una tipografía y un formato 100% óptimos. En cuanto a la tercera app, Totally Pregnant, ofrece textos más tediosos de leer. Será por el fondo gris y que el interlineado es más bien corto, además de que el espacio entre caracteres es también muy limitado… da una sensación de agobio.Y ya no sólo eso, sino que no se ha dejado casi espacio entre el título “Brought by Totally Pregnant” y el texto en sí, por lo que aún da más la sensación de “estar en una jaula”. Ya por última, la app The Flow ofrece también una parte bastante extensa de texto. Podemos ver que probablemente se ha usado una variante ‘bold’ de la tipografía, el color de la tipografía junto con el fondo se hacen de buen leer y da la sensación de que mientras no nos exigieran leer un libro de 200 páginas con esta tipografía, todo va a ir bien.
Y ya por último, hablando de tipografías en apps, lo que más os recomiendo como diseñadores es que estéis muy atentos a las apps que utilizáis como usuarios. ¿Os parece cómodo de leer? ¿Hay algo que no acaba de encajar? ¿Creéis que se puede mejorar en alguna cosa? Como usuaria asidua de la app de Kindle (leo tanto en el lector como en el móvil), recomiendo que os la descarguéis y que leáis un libro en ella para que veáis lo fácil y cómodo que es leer algo en esta app. Además de las opciones que ofrece de aumentar o disminuir el tamaño de la tipografía (recordemos que personas con la vista cansada pueden necesitar un mayor tamaño de tipografía), el texto está diseñado de una manera que puedes estar horas leyendo sin cansarte.
En estas capturas de pantalla de la app de Kindle podemos ver a izquierda y derecha el mismo texto con tamaños de tipografía diferentes. Una función realmente útil de esta app para adaptar el texto a cualquier tipo de usuario. Y antes de terminar esta entrada introductoria dedicada al uso de tipografías en apps, una web interesante que podéis consultar es la de “Fonts in Use” en la que encontraréis capturas de pantalla de apps y de sus iconos junto a una lista de qué tipografías están usando dichas apps.