Por qué la tipografía puede hacer o deshacer su sitio web

Esta es una entrada de colaborador invitado. Los puntos de vista y las opiniones contenidas en este contenido son únicamente del autor y no de cybernaira.

Cuando intentas desglosar los elementos que son más importantes a la hora de crear tu sitio web, normalmente se te ocurren dos cosas: el diseño y el contenido. No hay duda de que son las estrellas del espectáculo. Pero al igual que con cualquier estrella, dependen en gran medida de elementos menores para completar la imagen.

Uno de estos que recibe muy poca atención es la tipografía. Y eso es bastante extraño porque es una parte integral tanto del diseño como del contenido. También juega un papel clave en la tasa de conversión que todo lo conquista.

Puede ser difícil imaginar de inmediato cómo puede ser eso, pero al final de este artículo, le resultará difícil imaginar cómo se las arregló para pasar tanto tiempo sin saber nada sobre las reglas de la tipografía.

Sin embargo, no te sientas tan mal por eso. La mayoría de los propietarios de sitios web y, lo que es peor, los vendedores de Internet, están en el mismo barco.

Es muy probable que hayan dedicado tanto tiempo y esfuerzo a optimizar sus sitios web para SEO y conversión sin considerar ni una sola vez el elemento de la tipografía. Sin embargo, su impacto psicológico ha sido probado científicamente.

Si ha hecho todo lo posible con su sitio y sus conversiones aún están por debajo de las expectativas, el culpable puede ser las decisiones que tomó (o no tomó) sobre la tipografía.

Tipografía definida.

Antes de continuar, primero debe saber qué es la tipografía. En términos más simples, la tipografía es el diseño de su texto. Tiene que ver con la forma en que se ve, el espacio que ocupa y cómo escanea.

Cuando un usuario abre una página en su sitio, lo primero que hace es escanear la página sin leer nada todavía. Forman una impresión sobre esa página en función de cómo se ve y, en la mayoría de los casos, eso implica cómo se ve el texto. Considere este sitio:

Compáralo con este:

¿Notas la diferencia en la tipografía?

Si bien el segundo sitio puede ser más útil para usted que el primero, es más probable que lo cierre.

¿Por qué?

Porque es muy difícil de escanear.

El primero es mucho más fácil de escanear, por lo que es más probable que tenga una buena impresión (y una mala impresión del segundo) sin saber nada sobre ninguno de los sitios.

Debido a que el segundo sitio hizo una mala elección en diseño y tipografía, es probable que la mayoría de sus visitantes no descubran cualquier pepita de sabiduría que pueda haber en la página, y eso significa una conversión baja.

Ahora, puede pensar que la tipografía se trata solo de las fuentes que elige. Esa es solo una parte de la ecuación. La fuente es importante, por supuesto, pero solo se refiere a un estilo de letra en particular.

El tipo de letra en sí es un grupo de fuentes que comparten características comunes, por lo que aprovechará mejor su tiempo estudiando los efectos de un tipo de letra en lugar de una fuente específica.

Un ejemplo muy familiar es Arial, que es un tipo de letra, no una fuente. Lo mismo ocurre con Times y Garamond, que tienen una amplia gama de fuentes diferentes.

Además del tipo de letra y la fuente, también debe tener en cuenta

• Longitud de la línea
• Interlineado entre líneas
• Interletraje: espacio en blanco entre letras o caracteres
• Seguimiento: espaciado de letras uniforme

Todos estos (o al menos, deberían) unirse en su sitio web a propósito, y para hacerlo, necesita conocer el papel y el impacto de la tipografía.

El papel de la tipografía

El propósito principal de estudiar tipografía tiene que ver con promover la legibilidad en un sentido literal más que integral. El texto demasiado cerca, demasiado largo, demasiado pequeño, demasiado ondulado o con un contraste demasiado bajo es simplemente difícil de leer.

Solo tienes que preguntarte qué harías cuando te enfrentas a un bloque de texto que no puedes leer fácilmente. La mayoría de la gente simplemente lo dejaría.

En algunos casos, puede intentar leerlo de todos modos, pero es probable que no entienda lo que está leyendo o que no lo lea hasta el final. También es muy probable que su única conclusión sea que fue más problemático de lo que valió la pena.

El papel de la tipografía es asegurarse de que tu mensaje llegue al lector. Puede ser información o un argumento de venta. Realmente no importa.

Lo que importa es que todo su esfuerzo para atraer a la gente a su sitio finalmente está dando sus frutos, y una buena tipografía garantiza que sus visitantes al menos entiendan lo que tiene que decir.

Guiándolos.

Es posible que sepa que los usuarios en línea tienden a leer siguiendo un patrón predecible. Un estudio muestra que sigue el patrón F y otro muestra que está por encima del pliegue. Puede utilizar este conocimiento para poner texto "importante" en el camino del lector, aunque eso puede presentar algunos problemas técnicos y de diseño.

Una opción mucho más fácil y flexible es crear una jerarquía visual usando tipografía.

En efecto, está dirigiendo a su lector a secciones "importantes" de su texto al usar el tamaño, el estilo y el color correctos del texto. Para eso, necesita saber cómo las personas perciben y organizan la información visual, y la teoría de la Gestalt lo desglosa por usted.

En términos simples, la teoría establece que las personas tienden a visualizar la información en grupos en términos de similitud, proximidad, continuación, cierre y figura y fondo. Para llamar la atención sobre ciertos elementos en su página, debe atraer la atención del lector hacia ellos.

Por ejemplo, si desea llamar la atención sobre el enlace "Descargar" en su copia, puede usar la teoría de la similitud de Gestalt convirtiéndolo en una variedad de colores o fuentes.

También puede usar la proximidad poniendo la palabra "Descargar" en una línea separada. Otra estrategia es usar la continuación usando una flecha curva para señalar la palabra en la que deben hacer clic.

Formando percepciones.

Hasta ahora, hemos discutido cómo la tipografía puede dirigir al lector a ciertos elementos en su página, pero aún no hemos analizado cómo puede afectar el comportamiento de toma de decisiones del lector. Esto es crucial porque la conversión depende en gran medida

Esto es crucial porque la conversión depende en gran medida de la percepción del lector. Como probablemente puedas imaginar, una percepción positiva es lo que quieres convertir.

Resulta que el tipo de letra que elija tiene un impacto medible en las percepciones del lector con respecto al contenido. Un estudio reciente mostró que el uso de diferentes tipos de letra provocó diferentes respuestas emocionales para el mismo contenido.

Cuando la declaración se presentó en el tipo de letra Baskerville, un gran número de personas creyó en la declaración.

Sin embargo, cuando se le presentó la misma declaración en el tipo de letra Comic Sans, un gran número de personas no estuvo de acuerdo. Parece mostrar que el tipo de letra influyó en la credibilidad percibida de la declaración.

Es bastante fácil cómo puede ser eso. Considere la siguiente declaración:

Sin saber el nombre del tipo de letra de ninguno de los dos, ¿cuál percibe que tiene más autoridad?

Ahora, eso no significa que un tipo de letra como Comic Sans no tenga cabida en el diseño de sitios web y que todos debamos usar Baskerville como nuestro tipo de letra. El punto es que su tipografía refleja la personalidad de su sitio y su mercado objetivo.

Si trata con directores ejecutivos y otros ejecutivos en industrias de alta tecnología, entonces un tipo de letra formal como Baskerville puede hacer que su sitio se vea profesional.

Por otro lado, si atiende a los niños o a sus padres, Comic Sans puede dar la nota justa de diversión y amabilidad.

Si atiende a diferentes mercados, hay muchas opciones que se encuentran en algún lugar entre los dos. Tienes que averiguar qué funciona mejor para ti.

Haciéndolo fácil de leer.

Lo siguiente que debe averiguar es qué tan grande es lo suficientemente grande para que sea legible. Suponiendo que su página se pueda escanear, su próxima preocupación es asegurarse de que el usuario pueda leer su contenido lo más fácilmente posible, y el tamaño sí importa. No existe una regla estricta y rápida para esto, pero una

No existe una regla estricta para esto, pero un estudio realizado en la Universidad Estatal de Wichita sobre los 8 tipos de letra más populares utilizados en línea encontró que los tipos de letra más legibles eran Arial con un tamaño de 14 puntos y Courier con un tamaño de 12 puntos. El más ilegible

La más ilegible fue Comic Sans (nuevamente), aunque, no obstante, logró el grado como fuente preferida junto con Arial y Verdana.

Si prefiere un tipo de letra diferente de los incluidos en el estudio, debe realizar su propia investigación para determinar el tamaño de fuente más legible para su contenido. Puede seguir los consejos de este artículo para empezar. (Advertencia: ¡algunas matemáticas involucradas!)

Sin embargo, antes de continuar por su cuenta, debe saber que existe un gran debate sobre cuál es un mejor estilo tipográfico, serif o sans serif.

Un ejemplo de un tipo de letra serif es Times, y un tipo de letra sans serif es Arial. En general, los tipos de letra sans-serif son más fáciles de leer en cualquier tamaño en comparación con los tipos de letra serif, principalmente porque son más simples.

Mejorar el estado de ánimo y la cognición.

Por último, pero no menos importante, la tipografía tiene un efecto significativo en el estado de ánimo y la comprensión de los lectores, como se muestra en este estudio. En resumen, los autores concluyeron que “una buena tipografía induce al buen humor” y que esto afectaba su rendimiento cognitivo.

En otras palabras, si le resulta fácil leer el texto, es más probable que se sienta bien y pueda entender más fácilmente lo que está leyendo. Probablemente lo sepa intuitivamente, pero es bueno cuando se cuantifica.

El punto es más que académico, sin embargo.

Es crucial para sus tasas de conversión que sus lectores estén de buen humor cuando leen su copia porque es más probable que estén dispuestos a sus llamadas a la acción, sea lo que sea.

Si una buena tipografía te dará eso, ¿por qué no harías todo lo posible para dárselo?

Conclusión.

Como dijo el orador motivacional Steve Backley: “El primer paso es el más importante. Es el más crucial y el más efectivo, ya que iniciará la dirección que ha elegido”. Ha dado un primer paso crucial para comprender por qué la tipografía es importante para su sitio web.

Le ha dado la dirección para el siguiente paso, que es poner en práctica todo lo que ha aprendido.

Sobre Michi Victoriano:

Soy investigador y analista de marketing con más de 6 años de experiencia en marketing, investigación, análisis y marketing en línea; con 2 años de experiencia en optimización de motores de búsqueda. Freelance de momento. Le gusta jugar videojuegos, baloncesto y ama demasiado el café.