Cómo la fuente y su tamaño pueden mejorar la marca de su sitio web
#
Todos los dueños de negocios conocen la importancia de un sitio web claro, bien diseñado y bien mantenido. Hoy en día, si no les brinda a sus clientes un sitio web que realmente los impresione, los perderá mucho más rápido de lo que le tomó ganar su confianza.
Desafortunadamente, la mayoría de los empresarios se esfuerzan y contratan diseñadores que son buenos con el desarrollo, a menudo pasan por alto una característica crucial: el tipo de letra.
Desde el estilo de fuente que usa, hasta el tamaño del texto que tiene cada una de las páginas internas de su sitio web, esta es una de las cosas que será el factor decisivo para que sus clientes se queden o no, interactúen y finalmente se conviertan.
La verdad es que, aunque las fuentes no parecen tan impactantes, tienen el poder de llevar su negocio por encima o por debajo. Realmente es simple, si el visitante de su sitio web no quiere o no puede leer el contenido que ha publicado, su mensaje no llegará a ellos y, por lo tanto, no podrá realizar la conversión. Varias investigaciones han demostrado que el tipo de fuente utilizada en un sitio web afecta no solo la legibilidad, sino también el estado de ánimo, la experiencia del usuario e incluso la longitud percibida del artículo. Por eso es esencial que su diseñador comprenda la diferencia entre simplemente crear un sitio web con una gran cantidad de contenido y desarrollar uno que tenga un diseño agradable e impactante que mejore el estado de ánimo del lector.
> “La tipografía es un hermoso grupo de letras, no un grupo de hermosas letras”.
>
> -Mateo Carter
Cuando piensas en fuentes, ¿qué es lo primero que te viene a la mente? Si eres como la mayoría de las personas que aún no entienden su importancia, probablemente estés pensando en tipografías como Calibri, Comic Sans, Arial, Times New Roman y otras. Sin embargo, lo que necesita saber es que estos son solo los conceptos básicos. Cuando se habla de tipografía que debe implementarse en su sitio web, no solo debe considerar los tipos de letra, sino también sus tamaños, colores, interletraje y espaciado.
En este artículo, nuestro objetivo no es solo informarle sobre el impacto de las características importantes de las fuentes, sino también brindarle sugerencias prácticas que puede utilizar para aumentar las tasas de conversión de su propio sitio web. Por lo tanto, prepárate con un lápiz y un bloc de notas porque este es el tipo de información que no querrás perderte.
##### Tipos de letra y su impacto
Si ha leído algunos artículos sobre fuentes y tipografía, sabe que hay varios tipos de letra que se consideran dignos de publicación en línea. Mientras que algunos están de acuerdo en que Georgia aporta la mayor cantidad de resultados, otros piensan que Baskerville se lleva a casa la gloria ganadora. Pero antes de comenzar a hablar de eso, analicemos el impacto general de los tipos de letra en la marca de su sitio. Aquí está la cosa; si su contenido es difícil de leer porque las letras están demasiado juntas o el tamaño es demasiado pequeño, se irán de inmediato o intentarán leer durante unos segundos más y finalmente se irán si aún les resulta difícil. Incluso si tiene clientes muy leales que se tomaron su tiempo y realmente leyeron la copia completa, recordarán que les tomó demasiado tiempo y terminará perdiéndolos.
El tipo de letra que elija para su sitio web es crucial porque hará que todo el proceso de lectura, comprensión y comprensión de su mensaje sea sencillo. Si selecciona una fuente que esté de acuerdo con sus lectores, su atención permanecerá en la información que está proporcionando y no en el tiempo que les tomó leer.
**Consejo práctico:** no todas las fuentes funcionarán para todos los sitios web. Las fuentes tienen diferentes personalidades y la que elija depende completamente de su negocio, el tipo de clientes a los que atiende y el mensaje que desea transmitir. Lo mejor que puede hacer es investigar exhaustivamente y observar los tipos de letra que utilizan otros en la misma industria. Pruebe y pruebe varios tipos en diferentes plataformas para que sepa que está tomando la decisión correcta. Recuerde, elegir la fuente adecuada llevará algún tiempo, pero valdrá la pena cuando vea que sus tasas de conversión aumentan.
##### Tamaños de fuente y su impacto
Cuando hablas del tamaño de tu fuente, una de las principales preocupaciones que debes tener es la legibilidad. La legibilidad se vuelve mucho más importante porque desea asegurarse de que su mensaje llegue. Incluso si su elección de fuente no es perfecta, el tamaño adecuado lo salvará porque al menos el visitante no necesitará forzar la vista para leer el contenido que está presentando. Si tiene el tamaño de fuente correcto, será mucho más probable que sus clientes lean su mensaje, interactúen e incluso corran la voz. Cuando pueda comunicarse mejor con sus clientes, su marca se verá afectada positivamente y esto, a su vez, aumentará la reputación de su empresa.
**Sugerencia práctica:** el tamaño que elija para presentar la fuente depende del contexto de diseño del sitio web. Mientras que una tarjeta de presentación puede requerir un tamaño muy pequeño, un cartel de evento requerirá uno mucho más grande. Pero debido a que estamos hablando específicamente del diseño de sitios web, deberá considerar si está publicando para dispositivos móviles o pantallas generales. Como regla general, los expertos recomiendan que use de 10 a 14 píxeles para el contenido del cuerpo y de 16 a 20 píxeles para los encabezados o títulos. Para obtener los mejores resultados, puede realizar una verificación práctica de los tamaños que le parezcan correctos y luego ajustarlos en consecuencia si no parecen funcionar bien. Además, si está atendiendo a diferentes tamaños de pantalla (que debería), asegúrese de que la fuente también funcione bien cuando se reduce el tamaño en los dispositivos móviles.
##### Color de fuente y su sitio web
Si desea transmitir su mensaje a sus visitantes de la mejor manera posible, no solo tendrá que considerar la selección de palabras, sino también cómo se presenta. Ahora, aunque el color de la fuente puede no parecer tan importante, es algo que tiene un gran impacto, especialmente si tiene un sitio web particularmente alegre. La psicología del color es un área completa de estudio y puedes aprender mucho de ella. Sin embargo, cuando implemente el color, especialmente en las fuentes, recuerde no exagerar porque terminará pareciendo divertido. Los colores que elija no solo deben realzar los valores fundamentales de su negocio, sino también impulsar la personalidad subyacente con la que los clientes se conectan. Si termina eligiendo el color incorrecto para su fuente, funcionarán en su contra y en su negocio.
Otra característica que vale la pena mencionar aquí es el contraste. El contraste de su texto o página es la diferencia de oscuridad que está presente entre el fondo y el texto. Aunque no desea utilizar técnicas antiguas como poner texto rojo sobre fondo verde, debe asegurarse de que haya un buen contraste entre el texto y el fondo para aumentar la legibilidad.
**Consejo práctico:** primero, antes de decidir el color de la fuente, debe pensar muy detenidamente en los colores y la fuente que debe integrarse o que ya se ha integrado en su marca y su logotipo. Por ejemplo, cuando piensa en Coca-Cola, probablemente evoque la característica fuente rizada junto con el color rojo. A la hora de elegir el color, los expertos recomiendan que lo pienses como si estuvieras coloreando una habitación de tu casa. Si desea que sus visitantes se sientan cálidos y acogedores mientras leen el blog, use rojos y naranjas apagados, ya que están destinados a relajar y calmar los sentidos. Pero, de nuevo, recuerde no exagerar porque la mayoría del contenido se ve bien y se puede leer en negro, dependiendo del color de fondo.
##### Fuentes de encabezado y lo que debe saber
Los encabezados que usa para su contenido son extremadamente cruciales, no solo en términos de las palabras reales, sino también en cómo se presenta. Varias investigaciones han demostrado que, a menos que uses titulares atractivos y que llamen la atención, tus visitantes seguirán adelante y buscarán algo un poco más interesante para leer. Hay patrones particulares en la forma en que los humanos leen la web y, a través de esto, descubrirá que la mayoría del contenido simplemente se escanea. Por lo tanto, si no está captando la atención de su visitante con el encabezado, sus posibilidades de lectura disminuirán aún más. Ahora tenga en cuenta que tanto la fuente como el color que use para su encabezado decidirán si su visitante quiere leerlo o no. Entonces, aunque no quiera comenzar a usar Comic Sans simplemente para llamar la atención, debe mantenerlo legible.
**Consejo práctico:** si estás emparejando fuentes (usando una para el título y la otra para el contenido principal), asegúrate de que se vean bien juntas. El emparejamiento a veces puede ser complicado porque debe asegurarse de que la mayoría de los elementos de las fuentes coincidan para que no se vean muy diferentes entre sí. En tal caso, la fuente del título debe complementar el texto del cuerpo. Por otro lado, si está utilizando el mismo tipo de letra, puede experimentar con diferentes tamaños y espacios entre líneas para mejorar el encabezado. El mismo tipo de letra no solo proporcionará armonía visual para su lector, sino que también reducirá la cantidad de fuentes que deben cargarse, lo que aumentará el tiempo de carga y el rendimiento general.
##### Longitud de línea y su importancia
La mayoría de las personas que están creando un sitio web considerarán la fuente, el tamaño, el color y el contraste del texto utilizado. Sin embargo, lo que se pierden es la longitud de la línea. La longitud de línea es responsable de aumentar o disminuir la legibilidad general y se refiere a la cantidad de palabras o caracteres que están presentes en cada línea horizontal. Lo que afecta la legibilidad es la brevedad o extensión de las oraciones. Si la fuente que eliges hace que las líneas parezcan demasiado largas, los ojos de tu visitante tendrán que recorrer una gran distancia, lo que desanimará su lectura ya que requerirá mucho esfuerzo. Por el contrario, si las líneas son demasiado cortas, el flujo de frases se romperá y el visitante acabará perdiendo el interés.
**Consejo práctico:** una teoría propuesta por el Instituto de usabilidad Baymard es que debe elegir una fuente que use 50-75 caracteres (espacios incluidos) por línea, ya que esto brinda una legibilidad óptima. También puede usar la Calculadora tipográfica de proporción áurea para determinar la longitud de línea perfecta según la pantalla que se use para leer el contenido.
##### Interletraje y por qué es importante
Según Wikipedia, ‘Kerning es el proceso de ajustar el espacio entre caracteres en una fuente proporcional, generalmente para lograr un resultado visualmente agradable’. Si está utilizando una buena fuente, tendrá un buen interletraje y el espacio entre cada par de caracteres será similar. Si tiene un diseñador que configura el tipo de letra en un programa gráfico como Photoshop, tendrá la capacidad de cambiar el espacio entre las letras y hacer ajustes hasta que la fuente y el interletraje se vean perfectos. No centrarse en el kerning le costará porque a menudo es lo más importante que distingue el trabajo profesional de uno que ha sido realizado por aficionados o aspirantes a diseñadores.
**Consejo práctico:** la cantidad de espacio que tiene entre cada letra debe ser igual si desea que su sitio web se vea profesional. Si está diseñando un tipo de letra, recuerde integrar el kerning porque la legibilidad aumentará si hay continuidad espacial entre las letras. Por otro lado, si está utilizando las fuentes que ya existen, no necesita preocuparse por esto porque todas estas fuentes contendrán información sobre el espaciado.
#### Conclusión
Para los dueños de negocios que desean mejorar la marca de su sitio web y atraer más clientes, un aspecto crucial a recordar es usar tipos de letra que complementen la copia. Si está haciendo las cosas bien, también tendrá un efecto en la emoción, el estado de ánimo y la acción de su lector. Esto, a su vez, hará que sea más probable que se conviertan en un cliente leal. Recuerde que una de las mejores maneras de probar la fuente, su tamaño, color, etc. es probarla y ver los resultados. Además, dedique tiempo a todo este proceso y toda su atención porque si desea la perfección, debe Tendrá que trabajar para ello.
Al final, los dejo con esta cita inspiradora de Steve Jobs, quien es el principal responsable de por qué prestamos tanta atención a las fuentes en la actualidad.
> “Decidí tomar una clase de caligrafía para aprender a hacerlo (aprender caligrafía). Aprendí sobre los tipos de letra Serif y Sans-Serif, sobre cómo variar el espacio entre las diferentes combinaciones de letras, sobre lo que hace que una gran tipografía sea excelente. Fue hermoso. Histórico. Artísticamente sutil de una manera que la ciencia nunca podrá capturar”.
>
> -Steve Jobs