Cómo usar el tipo de letra y el tamaño de fuente para mejorar las tasas de conversión
Publicado: 2017-08-29El tipo de letra es una de las características más subestimadas que los diseñadores suelen descuidar al diseñar un sitio web. Un buen diseñador conoce la importancia de la tipografía y el impacto que tiene en el espectador. Los estudios han demostrado que el tipo de tipografía que elija tiene el poder de mejorar o disminuir la experiencia del usuario y el estado de ánimo del espectador. Si el visitante encuentra su contenido demasiado difícil de leer o poco atractivo, es probable que abandone el sitio; lo que a su vez disminuirá sus tasas de conversión. Una elección de fuente ideal puede mejorar la experiencia del usuario y también tiene la capacidad de reflejar la visión y los objetivos de su empresa. El objetivo no debe ser solo crear un sitio web con contenido de calidad, sino crear uno con contenido de calidad visualmente atractivo.
Cómo elegir la tipografía perfecta y errores que se deben evitar:
Seleccionar una opción de tipografía adecuada incluye seleccionar el tipo de fuente correcto, el tamaño de fuente correcto, el color ideal, el interlineado y el interletraje. Aunque la tipografía puede parecer irrelevante en comparación con otros aspectos del diseño de sitios web, juega un papel clave en el aumento de las tasas de conversión. Hay ciertas consideraciones que deben tenerse en cuenta al decidir sobre una tipografía adecuada.
Publicación relacionada: Dale a tu sitio un lavado de cara de fuentes
- Elija una fuente para el público objetivo y una que represente su identidad de marca
Si es nuevo en el concepto de fuentes, probablemente crea que las fuentes como Calibri, Arial, etc. están diseñadas para un contexto específico. Debe comenzar a pensar fuera de la caja y pasar a seleccionar la fuente en función de su público objetivo y la identidad de su marca. Cada fuente tiene su propia personalidad. ¿Su público objetivo son los Millennials o está tratando de acercarse a una categoría de generación un poco más madura? ¿Su sitio está siendo desarrollado para un género específico? ¿La fuente va con el tipo de negocio que realiza? Este es el tipo de preguntas que debe hacerse antes de comprometerse con una fuente.
- Fuente moderna/contemporánea
Estas fuentes suelen tener un diseño minimalista y ordenado. Su belleza radica en su sencillez. Los personajes suelen ser muy delgados o audaces, como Lombok.
Descárgalo en Behance .
Publicación relacionada: Cómo personalizar el sitio de WordPress agregando CSS personalizado
- Fuente tradicional
Estas fuentes emiten un ambiente más tradicional, ya que han existido durante bastante tiempo. Significan comodidad y confiabilidad, como lo representan las fuentes Georgia, new times roman, etc. Si desea que su sitio web tenga una personalidad clásica y anticuada, estas son las fuentes que debe elegir. Las fuentes como Athene y Barbaro también pueden servir para este propósito.
Descarga Atenas en Behance .
Descarga Barbaro en 1001Fonts .
- Sofisticación y gracia
Las fuentes que generalmente tienen muchos arcos y curvas se usan a menudo para sitios web relacionados con la belleza o el romance. Por ejemplo, el guión de Castro emite un ambiente romántico, mientras que las fuentes como Vanity son perfectas para crear sitios web relacionados con la belleza.
Descargar Atenas en Dribble .
- Fuentes en negrita
Las fuentes bien definidas con caracteres fuertes y en negrita generalmente se usan para hacer una declaración en negrita y captar instantáneamente la atención del usuario. Algunos buenos ejemplos incluyen fuentes como Consequences y Nevis.
Descargar Consecuencias en Fontspace .

Descarga Nevis en Fontspace .
- Fuentes personalizadas
Siempre puede optar por una fuente personalizada, creada específicamente para capturar realmente la esencia de su empresa. Le ayudará a crear su propia identidad de marca distintiva.
- Legibilidad
El objetivo de su sitio web debe ser llegar a sus clientes a través de su contenido, pero eso puede ser difícil de lograr si su contenido no es legible. Si el contenido de su sitio web es demasiado difícil de leer, es más probable que los visitantes abandonen su página. Esto puede contribuir a mayores tasas de rebote y disminución de las tasas de conversión. Ciertos factores que afectan la legibilidad del contenido se enumeran a continuación:
- Diseño
Si bien las fuentes creativas pueden agregar energía a su sitio web, nunca deben exagerarse. No debe hacer que la fuente sea tan extravagante que sea casi imposible de descifrar. A veces menos es más; así que no complique demasiado las cosas haciendo que el contenido sea demasiado difícil de leer para sus visitantes. ¡Nunca comprometa la legibilidad!
El uso de fuentes de demasiados diseños creará un desorden y dará una apariencia desordenada. Trate de evitar este error, ya que puede crear confusión para el visitante y contribuir a una impresión negativa general. Cíñete a una o varias fuentes cuando crees un sitio web.
- Tamaño
Algo potencialmente tan insignificante como el tamaño de la fuente aún puede tener un papel importante en la representación precisa de la visión y la identidad de su marca para los visitantes del sitio. El tamaño de fuente que se implementará no debe ser demasiado pequeño, para evitar forzar la vista de su espectador, ni demasiado grande para que ocupe la mayor parte del área de su página. Es más probable que tenga una mejor plataforma para la interacción con sus visitantes si el tamaño de fuente es legible. Además, estarán mejor equipados para comprender su mensaje. Hoy en día, las personas acceden a Internet a través de una variedad de dispositivos (teléfonos inteligentes, computadoras portátiles, tabletas, etc.). Por lo tanto, debe elegir un tamaño de fuente que sea compatible en diferentes interfaces.
- Importancia del interlineado y el interletraje
Factores como el espacio entre líneas y el interletraje ayudan al espectador a percibir la longitud aproximada del contenido. Si el contenido parece demasiado largo o es demasiado complicado de leer, lo más probable es que el visitante abandone la página. Además, si el espacio entre los caracteres o las líneas es demasiado ancho o no es suficiente, el usuario puede tener dificultades para leer el artículo. El kerning y el espacio entre líneas deben ser iguales para cada línea/carácter; de lo contrario, su sitio web podría tener una sensación poco profesional.
Publicación relacionada: Pocas formas de hacer que su sitio sea fácilmente accesible
- Esquema de colores
Al elegir el esquema de color, debe tener en cuenta el público objetivo y sus preferencias. Piense en el grupo de edad objetivo, el género y el nicho; luego seleccione su combinación de colores en consecuencia. Los estudios han demostrado que las mujeres suelen preferir los colores claros y sobrios, mientras que los hombres se sienten atraídos por los colores más brillantes y oscuros. Dependiendo de estos (y otros factores similares), elija un color adecuado para su fuente. Debe elegir un color dominante para el logotipo de su marca y algunos otros colores para el sitio web que complementen su color dominante.
Agregar color realmente puede alegrar su sitio web, pero nunca debe agregar demasiados colores para que se convierta en un desorden indistinguible de tonos brillantes. Los colores deben estar en armonía entre sí en lugar de crear un desorden. Aquí es donde los pasos de espacio en blanco pueden volver a resultar ventajosos. El espacio en blanco es un aspecto crucial al que a menudo no se le da la debida importancia. Si se hace correctamente, puede aumentar la legibilidad general y agregar delicadeza a su sitio web.
Conclusión
Centrarse en pequeños detalles como la fuente, su tamaño y color puede parecer una pérdida de tiempo y de recursos, pero seguramente valdrá la pena al aumentar sus tasas de conversión. Cada tipo de letra tiene su propia personalidad y cada color cuenta una historia diferente. Juntos tienen la capacidad de impactar el estado de ánimo y la emoción del espectador. Por lo tanto, es una forma de convertir a un visitante aleatorio en un cliente potencial con un esfuerzo minimalista.