Tipografía para blogs

, ,

La tipografía de los blogs, letras para leer mejor.

La tipografía de los blogs, letras para leer mejor.

Haz que tus lectores se sientan mucho mas cómodos en tu blog.

Uno de los objetivos cuándo escribimos un blog es que los visitantes estén a gusto, lean, comenten y pasen mucho tiempo en nuestro blog. Parece fácil pero es una labor muy complicada y si queremos que se enganchen a leer un post tras otro… mas todavía!

Hay pequeños detalles que hay que ir cuidando poco a poco para que los lectores “no sientan pereza” a la hora de leer un artículo, aunque influyen muchos factores como el color de fondo, el color del texto, lo que atañe a la tipografía o fuente es lo que mas afecta a la comodidad.

Para ello debemos tener en cuenta elegir una fuente correcta que se acomode a nuestro contenido, en realidad es lo mas importante es el contenido y como presentarlo.

lo-mas-importante-de-un

mejorar entradas

Hace tiempo leí un artículo en Medium (una plataforma de blogging de Twitter) en el cuál hablaban sobre cómo habían llegado a el diseño actual que tienen, el artículo es este:

Medium’s CSS is actually pretty f***ing good

en realidad es excesivamente técnico, pero de él lo mas valioso que extraje fue el concepto de lograr claridad y legibilidad para poder atraer a un público lector. 

Conseguir un público similar al que lee libros y que puede mantener la atención mas de 4 minutos en un artículo es un goal que debemos perseguir.

Si, tenemos que tener claro que debemos atraer a un público que le gusta leer, si queremos que pase bastante tiempo en página, sin recurrir a vídeos, por tanto debemos tener claras unas normas mínimas de usabilidad y de estética para mejorar la legibilidad.

Una tipografía adecuada puede aumentar el tiempo en página de tus lectores, disminuyendo el cansancio visual y aumentando la concentración.

Parece una tontería pero yo soy la primera que he dejado de visitar blogs porque se han convertido en un auténtico barullo, de interrupciones, ruidos, animaciones y ante todo letra pequeña… por ello lo mejor es valorar lo que vas a conseguir gracias a esos elementos y si en verdad merece la pena mantenerlos o no en el blog.

La usabilidad es una especialización muy amplia, no quiero volver loco a nadie, bastante friki soy con esas cosas, así que al menos os voy a recomendar varias cosas para que vuestros blogs sea mas cómodos para los visitantes y para empezar con buena letra he elegido hablar de la tipografía, del tipo, de las fuentes, de las letras….

errores de diseño

 

Legibilidad:

Cuando hablo de legibilidad, me refiero a que sea una letra fácil de leer, cómoda para la visión y fácil de reconocer al leer. Es la primera lucha a la hora de hacer un blog, Hay personas que aparecen con una tipografía que les gusta y la proponen por que es “muy original”…. normalmente suele estar en el extremo opuesto a legible.

tipografía en un blog

Debemos pensar que leer en el ordenador con la retro iluminación de la pantalla se hace mas pesado que sobre papel para nuestra visión,  para la atención resulta el doble de cansado, por tanto tener un tipo de letra que sea complicada de leer es un punto en contra.

Cuando una letra es difícil de leer el lector aumenta el abandono, podemos reconocer que la letra de nuestro blog es poco legible fácilmente:

  • Cuándo es muy pequeña. 
  • Cuándo está muy ornamentada.
  • Cuando está excesivamente deformada a lo ancho o largo.
  • La letra a mano alzada Handwritting.
  • Espaciados extraños entre letras o alturas desiguales.
  • Cuándo no está optimizada para pantallas y no es nítida.

 

Cómo elegir una buena letra:

Este es el consejo mas viejo del mundo para saber si una tipografía es legible pero creo que el que mejor funciona:

Escribe una frase larga con varios caracteres y tapa la mitad inferior de las letras, intenta leer la frase en voz alta y pide a alguien que la lea, si no eres capaz cambia de letra porque el cerebro no reconoce esa tipografía correctamente por lo que exige mas esfuerzo del necesario, evidentemente no es muy legible.

El siguiente ejemplo es con una tipografía muy común Times New Roman

usabilidad de blogs

Estas normas pueden aplicarse a cualquier tipo de texto pero en especial a el texto de los párrafos (cuerpo de texto), en los encabezados puede ser otro tipo de texto mas llamativo, de colores… todo lo que quieras, pero el cuerpo de texto debe de ser mas discreto para no parecer muy pesado.

Cuida los títulos, además hay blogs en los que no existen cabeceras por lo que ese lugar bien lo puede ocupar una tipografía bonita.

El tamaño si importa!

La letra de tu blog debe ser de un tamaño suficiente para que una persona pueda leer a 80cm de la pantalla, por lo que mas vale pasarse de tamaño.

Una recomendación es que sea vea en un tamaño adecuado en los teléfonos móviles sea fácil de leer y ten en cuenta que los botones muchas veces dependen del cuerpo de letra para tener un tamaño u otro… así que aumentando un poco la tipografía puedes mejorar la usabilidad de tu web bastante, ya que muchos problemas de UI son por culpa de el tamaño inadecuado de los botones o los links.

Existen normas en algunos sectores e industrias por las cuales el tamaño de la letra se regula de manera específica:

En el caso de comercio no pueden ser inferiores a 11pt.  “la letra pequeña” cada vez está mas vigilada por las asociaciones de consumidores.

El tamaño es muy importante, y el peso de la fuente! para dar importancia al contenido de tu blog, también relevancia y es bueno para el SEO establecer los enunciados: h1, h2, h3…

pero también usar resaltado y negrita es una buena idea si quieres mejorar tu SEO on page.

Fondos y colores de fondo:

Hay que tener en cuenta que el cerebro es muy listo y se acomoda a lo que conoce, en el tema de escritura al papel blanco sobre negro, no al revés, podemos pedir un pequeño esfuerzo si colocamos un texto sobre una imagen y está destacado o es breve pero para usar una imagen como fondo debemos tener en cuenta la legibilidad del contenido.

Imágenes tipo mosaico, chillonas que se comen literalmente el texto: Cuidado con los fondos de los blogs… mas vale que quede soso a demasiado cargado.

Fondo oscuro y texto claro: cansan mucho mas la vista que al revés, si lo puedes evitar…

Colores de texto chillones, ay mis ojitos!.

Ante la duda fondo blanco o gris claro con ese fondo todo lo que pongas encima resaltará, no te compliques la vida haciendo fondos super raros, porque en algunos post parecerá mas un captcha.

Busca una fuente con personalidad o no.

A la hora de elegir una tipografía para el cuerpo de texto no hace falta que te pases de original, puedes elegir una normal que se pueda leer perfectamente y elegir otra de contraste para títulos.

Aquí entramos en el momento diseño, si condicionas tu blog por el estilo de una fuente estás tomando una decisión muy arriesgada, si eliges una fuente muy “personal” puede que tenga mala convivencia con otros elementos.

No te cresr que en diseño las mezclas funcionan bien siempre, por lo que ante la duda elige la mas sencilla, la que transmita lo que quieres: profesionalidad, limpieza, claridad, cercanía, simpatía, infantilidad… eso lo puedes hacer con la tipografía sin recurrir a letras muy extrañas.

tipografia para blogs

 

Google fonts para cambiar la letra:

Es una librería estupenda de fuentes, algunas muy conocidas y de uso libre, lo que es muy importante porque una de las cosas mas caras de multar y mas fáciles de detectar es una tipografía robada.

Para wordpress existen varios plugins como Easy Google Fonts para añadir y customizar el tamaño y la tipografía de tu blog. También te digo que hacen mas pesada la carga de la página.

En blogger hay que hacerlo de otra manera pero en este post os lo explico paso a paso:

Cómo añadir una fuente de google fonts a mi blog de blogger.

instalar google fonts en blogger

 

Cosas de tipografía que ya no se ven por el mundo ( o no se debería XD ):

Texto que se escribe solo… esa era mi mayor pesadilla entrar a una web y esperar mientras hacía de que escribía… Dame paciencia!!

Comic sans.

Sombras en los textos.

Subrayados todos los links… Y en azul cobalto.

Letra enana blanca sobre fondo oscuro …

la tipografía

 

 

 

comentarios

Leave a Reply
  1. ¡Hola Carmen! Buenas tardes. Fíjate que el día de hoy estaba buscando precisamente un buen artículo que me explicara qué letra es más adecuada para ingresar a mi blog y es que apenas estoy empezando en esto del blogging, pero parece ser que es de lo más fácil. No me mal interpretes. Es tan fácil que nosotros mismos lo complicamos. Por ejemplo, todo es más fácil cuando nos ponemos en el lugar del usuario y sabemos que hay que hacer para darle la famosa “buena experiencia del usuario.” Sin embargo mi duda para ti es: ¿cuál es la tipografía que recomiendas? Ya que no la logré leer en tu artículo. Mil gracias.

    • Hola Rodrigo, recomiendo poco la verdad porque soy una enamorada de las fuentes, una de mis favoritas Están:
      Lato, open sans, Proxima nova, source pro, calibri, Cera, Montserrat, entre las san serif, helvética, signo,raleway…
      Theano Didot, Lora, Revista, Bodoni, Times, Iris UPC, entre las miles de serif.
      Fuentes Script: Sacramento, Amelia,
      Mono: Courrier new, Anonymous pro.
      Decorativas: Brixton, Oswald, Lobster, Amatic,
      Muy pesadas: Azo sans Uber, Fat Frank, Rubik mono, Bookmania, Adelle,

      Estas son entre muchas y algunas que “están de moda” mis favoritas respetando el criterio de la legibilidad que es muy importante y para web, algunas de estas son mas para web que para blog porque leer un artículo entero en Oswald no creo que haya nadie que lo aguante! jajaja.
      Gracias me has dado una idea muy buen para un post!

      • Oye!! Me encantó tu lista!
        Muchísimas gracias. Voy a buscar una por una de las tipografías, pero en verdad muchas gracias por tomarte el tiempo de responder con tanto detalle. Apenas pude responder. 🙂

        Sigo en espera de más posts! 🙂

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

errores de wordpress

Errores de wordpress, cuando sale la pantalla blanca de la muerte

snapchat para blogs

Snapchat para promocionar tu blog