Diseño de apps: La importancia de la tipografía

Fb Twitter Google+ LinkedInCuando charlamos de diseño asimismo charlamos de la estructura, el esqueleto, de la aplicación en sí. No es sencillamente algo que se deje influenciar por las tendencias. Si bien estas hacen que cambie el diseño de aplicaciones, la verdad es que la lógica de interacción que definimos en el diseño continúa prácticamente íntegra y también constante.La tipografía es entre los elementos que más ha variado con el tiempo. Ha pasado de ser un factor olvidado a ser una paso más en el proceso de diseño de una aplicación móvil. En la próxima imagen podemos ver la tipografía de una aplicación hace unos años y la equiparamos con el género de letras que empleamos en las aplicaciones actualmente:

La relevancia de la tipografía en el diseño de apps

Lógicamente la estética es el enorme motivo para prosperar el diseño de aplicaciones mediante buenas tipografías. Mas verdaderamente ¿cuáles son los motivos técnicos para prestar atención al género de letra empleado en una aplicación? No solo es para hacerla más bonita, si no por otros motivos que afectan de manera directa al usuario y a la marca de la aplicación. Veamos:Legibilidad: Este es el motivo relacionado directamente. Seleccionar una buena tipografía va a suponer que el usuario va a leer más de forma cómoda nuestra aplicación. Singularmente si nuestra aplicación contiene mucho texto. Diseñar aplicaciones como por poner un ejemplo la aplicación de un medio como en los orígenes de El País o bien el New York Times es complicado, puesto que tiene muchos géneros de usuarios y de diferentes edades y preferencias. Lo que ciertas aplicaciones de esta clase optan por hacer es permitir al usuario configurar el tamaño y estilo de la letra. Siempre y en toda circunstancia va a existir una tipografía definida mas vamos a poder amoldarla a las necesidades de cada usuario.Toda la experiencia de usuario: En suma, la tipografía afecta de forma directa a la experiencia que va a tener el usuario en nuestra aplicaciones. El diseño de aplicaciones debe centrarse en el género de letra relacionado con la UX, por el hecho de que si es bien difícil leer los contenidos de la aplicación, se va a tardar más en entender lo que nos ofrece. Como consecuencia, va a ser una aplicación poco usable y el usuario va a dejar de emplearla e inclusive la borrará del dispositivo móvil.Profesionalidad: Una tipografía que no encaje con la filosofía de nuestra marca va a dar un aspecto de poca congruencia. Por servirnos de un ejemplo, aplicaciones serias, de grandes empresas comerciales con un perfil de alta profesionalidad van a tener una tipografía muy diferente de aquellas aplicaciones que procuran en entretenimiento o bien entregar un aspecto vivaz y ameno.Obviamente hay otros motivos para prestar atención a la tipografía, ciertos de ellos relacionados con factores subjetivos y preferencias personales. Sin embargo elegir la tipografía adecuada para tu diseño de aplicaciones pasa por testearla teniendo presente estos 3 factores. Siempre y en toda circunstancia va a ser aconsejable tener en menta más de una alternativa a fin de que el dueño de la aplicación, o bien el encargado de tomar las resoluciones tenga dónde escoger. E inclusive se puede plantear efectuar tests A/B para revisar qué género de texto consigue mayores conversiones y produce más interacción entre los usuarios reales.

¿De qué forma leemos en las aplicaciones?

Debes saber que el noventa y cinco por ciento de la comunicación digital es mediante texto. O sea, que por más que transmita un diseño, un logotipo o bien un icono, verdaderamente es el texto el que nos transmite y con lo que nos comunicamos con el usuario (y el usuario con nosotros o bien con otros usuarios en nuestra aplicación).Utilizamos letras, números y mezclas de las dos de todo tipo—a través de oraciones—. Si bien al comienzo, cuando aprendemos el lenguaje escrito y hablado, es una habilidad bien difícil de lograr por último terminamos leyendo sin apenas esmero cuando el texto tiene sentido en su contexto.Aprovechar esta cualidad para nuestra aplicación es clave para una buena interacción y comunicación con nuestro usuario. La facilidad con la que se lean los textos — esto es, la legibilidad de una aplicación — afectará a la experiencia de usuario y a la usabilidad de esta. La tipografía forma parte esencial de este proceso, una buena tipografía simple de leer siempre y en todo momento va a ser tu opción mejor. Mas ¿de qué forma elegir una ‘buena’ tipografía?

Elementos clave de una buena tipografía

Hemos dicho en muchas ocasiones que una buena tipografía es indispensable a diseñar aplicaciones móviles, mas no hemos dicho qué elementos son los que la definen como la tipografía adecuada.El diseño y la madurez de la tipografía es lo más valorable, y es lo que más aportará al diseño de aplicaciones. ¿Sabes a qué debes prestar atención para conseguir que tu tipografía sea de esta manera? Puesto que toma nota:El tamaño de la letra: LA propia Apple nos afirma en su página de ayuda a developers que “de nada sirve que tu tipografía sea la más bonita del planeta si no se puede leer en tu aplicación. En verdad el tamaño o bien cuerpo de texto recomendado por la firma americana para el diseño de aplicaciones para dispositivos iOS es de entre once y diecisiete puntos, muy afín para Android. Mas no únicamente importa el tamaño. Debemos tomar en consideración que si bien en web vamos a tener entre sesenta y setenta y cinco caracteres por línea, en aplicaciones móviles vamos a deber reducirlo a entre treinta y cinco y cincuenta caracteres por línea. Lo idóneo es lograr que las líneas en aplicaciones no sean larguísimas para no perder el hilo ni sean complejas, mas tampoco cortísimas por el hecho de que hacen que el usuario pierda el ritmo natural de la lectura. Si bien existen aplicaciones que ajustarán el tamaño de letra conforme esté configurado en el dispositivo, no siempre y en toda circunstancia es de esta manera, de tal modo que es conveniente prestar atención.Los espacios en blanco: En el momento en que nos dedicamos al diseño de aplicaciones móviles, contamos con muy poco espacio para organizar los contenidos de la aplicación, de ahí que debemos hacer un uno inteligente de los espacios blancos de la aplicación. Eso significa, en contraste a lo creen la mayor parte de usuarios y no especialistas, que no debemos unir un montón de texto, imágenes o bien botones en todos y cada pantalla. Más bien al revés. Debemos dejar los espacios entre líneas, respetar los márgenes y entregar claridad al diseño. Resumiendo, no hay que tener temor a dejar espacios blancos en nuestro diseño. Va a haber que meditar singularmente en las pantallas esenciales (las de pago, subscripción, etc) en las que deseemos una conversión. En estos casos es mejor centrarnos en solo ese contenido para no distraer al usuario si bien eso implique dejar espacios en blanco.El contraste: Lograr un buen contraste entre texto y fondo es preciso a fin de que los que deseamos decirle al usuario a través del texto se lea apropiadamente. La opción inmejorable es texto negro sobre fondo blanco o bien del revés. Si bien si todos prosiguiéramos estas indicaciones todas y cada una de las aplicaciones se parecerían mucho. De ahí que desde este punto podemos jugar con los colores y ver qué combinación encaja con los tonos de la marca y con el estilo de nuestra aplicación móvil. Mas siempre y en todo momento vamos a tener en psique que debe haber un enorme contraste entre los dos colores (el del fondo y el de las letras).Los bordes ¿serif o bien sans serif?: Este es un enorme discute que aun prosigue aplicable para página y lógicamente se extiende al diseño de web aplicaciones y el diseño de aplicaciones nativas o bien de cualquier clase. Los sistemas operativos imperantes—Android y también iOS—lo tienen clarísimo si observamos sus fuentes determinadas para el texto de sus dispositivos. Android recurre a la fuente Roboto para sus textos, al paso que Apple recurre a la familia de las fuentes Helvetica para sus dispositivos, y a la versión Helvetica Neue apartir de iOS siete. Las dos son fuentes sans serif. En los dos casos podemos decir que se eligieron pensando en líneas fáciles y finas. En el caso de iOS no era una fuente que mejorara en especial la legibilidad, mas la llegada de la tipografía San F. en dos mil quince llegó para solventarlo debido a una necesidad de mejor legibilidad por la llegada del Apple Watch.La llegada de las aplicaciones y una progresiva optimización de su diseño y usabilidad va a afectar asimismo a la tipografía de las aplicaciones móviles. Los especialistas en diseño de aplicaciones, en UX y demás especialistas mobile van a ser los responsables de localizar una tipografía conveniente a tu aplicación móvil. Fb Twitter Google+ LinkedIn

Related posts