4 Consejos para Diseñar una Correcta Estructura del texto en tu web

Read this article in English

Hemos hablado en varias ocasiones de que hemos de tener en cuenta a la hora de usar la tipografía cuando diseñamos una web. Sabemos que hay que jerarquizarla, para dar la importancia necesaria a cada uno de epígrafes, escogiendo las tipografías más adecuadas para cada lugar y sobre todo, imprimiendo legibilidad.

Cuando diseñamos una web, normalmente partimos de las imágenes y el mensaje. Ambos serán los encargados de definir el espacio y darle forma y por supuesto de conseguir el objetivo que busque la web. Pero, una imagen vale más que mil palabras y por eso, aunque nos pueda costar aceptarlo, a veces por la simple pereza no nos paramos a leer en su conjunto haciendo una lectura entre líneas (espero que no lo estéis haciendo ahora mismo 😉 ) y dando más importancia a las imágenes o a aquellos mensajes que se transmiten.

Normalmente si estamos leyendo un artículo de un blog, no es tan evidente, pues sabemos ante que estamos, y si hemos tomado la iniciativa de leerlo es porque nos interesaba. Sin embargo cuando accedemos a una web por primera vez, es muy común hacer una lectura por encima para quedarnos con aquello que llama nuestra atención.

Vamos hacia aquello que llama nuestra atención y nos centramos en eso y por lo tanto debemos diseñar sabiendo que tenemos que sacarle el máximo partido al mensaje y transmitir de una manera visual aquello que deseamos. Es normal entrar en un apartado de la web, por ejemplo en servicios, y si los servicios vienes descritos dentro de un párrafo de 200 palabras sin resaltar en negrita, te aseguro que al menos el 60% de tus usuarios (y creo que estoy positiva) no terminaran de leerlo.

A mí me encanta leer, es una de mis pasiones. Cuando encuentro un libro que me gusta me cuesta parar, pero os aseguro que cuando entro en una web que acabo de descubrir no dedico mas del tiempo necesario a leerla. El tiempo es oro, y hay que saber transmitir tu mensaje.

Volvemos con una máxima que seguro os resulta familiar: “Menos es más“. Si podemos expresar lo mismo con menos palabras tenemos el éxito asegurado y recuerda, que si no lo sabes explicar con pocas palabras, posiblemente es que no lo entiendas bien 😉

Por eso, hoy vamos a compartir unos consejos, que puedes aplicar al diseño de tu web, para que tus palabras sean las transmisoras del mensaje y no al revés. Para comenzar, solo hay que hacer, aquello, que normalmente cuesta mucho trabajo, pero que cuando se consigue es satisfactorio: concretar!

1. Concreta y recorta

Como veníamos diciendo, lo más importante cuando estamos transmitiendo un mensaje, en este caso para nuestra web, es que el mensaje sea tan concreto como sea posible, obviamente sin que falten aquellos detalles que son principales y sin los cuales no comprenderíamos el grueso del mensaje.

Esto que puede parecer fácil es una de las tareas más difíciles ante la que nos hayamos, pues siempre nos da miedo que el mensaje pueda quedar vacio y el interlocutor se quede a la mitad. Sin embargo, cuando lo conseguimos, sabemos que el usuario seguirá con nosotros y no se habrá ido aburrido.

resumen-palabras-diseno-web

Un truco, para aquellos lugares en los que aun concretizando nos parece interesante que el usuario pueda ampliar la información, es añadir algún botón de “ampliar información“, “leer más“…. Si el usuario no clica ya tiene toda la información que debía saber y si clica conseguirá leer algo más, por iniciativa propia.

2. Jerarquiza la tipografía

Este tema esta ampliado en este artículo, pero para resumir diremos que hay que usar distintos grosores y tamaños de tipografía, introduciendo títulos (resumen del párrafo que irá a continuación) en todos los lugares en los que sea posible.

Si tenemos un titulo que nos adelante que vamos a leer, conseguimos que el usuario fije su atención en aquellos lugares en los que le interesa la lectura. No todas las frases significan lo mismo, ni tienen la misma importancia, por lo que no podemos mostrarla de la misma manera, y los títulos es el primer paso para democratizar.

titulos-diseno-web

3. Dimensiona tus párrafos y realiza listas cuando sea posible.

Los párrafos están bien cuando leemos un articulo o una novela, pero nos cansan cuando navegamos. Necesitamos saber las ideas principales y para ello la mejor herramienta son las listas. Dentro de un párrafo podemos extraer esas ideas y transformarlas en puntos que serán las importante. De esta manera conseguimos con una sola pasada, leer lo más significativo de una manera rápida y eficaz.

lisra-resumen-parrafo-diseno

Se entiende, no obstante, que no siempre podemos hacer listas, por lo que cuando hablamos de párrafos, como adelantamos en el tema de legibilidad, dota a estos de una longitud adecuada. Que no sean demasiado largos y que no tengan más palabras de las debidas. Si ves que son demasiadas, pásalas a otro párrafo.

Los párrafos largos son mas difíciles de leer.

dimensiones-parrafos-web

4. Prioriza tus palabras

Ya hemos concretizado y entendido que hemos de tener títulos que nos ayuden a leer. Sin embargo y esto va muy unido a la experiencia de usuario, hemos de mostrar el mensaje jerarquizando con aquello más importante y facilitando la lectura global.

Dentro del mensaje, destaca con distinto grosor o tamaño, añadiendo alguna imagen que facilite su comprensión y la UX para todo tipo de usuarios, y distribuye el mensaje de la forma correcta.

Descubre la mejor manera de transmitir tu mensaje, para que los usuarios lo entiendan y quede grabados en su memoria visual. Utiliza el espacio como si de un lienzo se tratara y dibuja con las palabras el mensaje exacto que deseas transmitir.

diseno-web-estructura-textos

Conclusión

Quiero pensar que no es que nos hayamos vueltos más perezosos a la hora de leer, sino que tenemos que priorizar nuestro tiempo de lectura para invertirlo en aquello que nos resulte apasionante, ya sea una novela de misterio o un artículo sobre tipografías web.

Por eso, cuando diseñamos una web, hemos de tener muy en cuenta el impacto que las palabras tengan sobre el usuario, facilitándole la comprensión y la lectura. De esta manera todos saldremos beneficiados, el visitante comprenderá el mensaje de manera sencilla, dándole la opción de profundizar, y tu conseguirás que este se mantenga en el web por más tiempo, consiguiendo que el visitante se convierta en usuario.

Escrito por 

Dibujo, pinto y hasta a veces coloreo en SiloCreativo. Además como desde pequeña quise ser escritora, con este blog cumplo mi sueño y escribo para compartir lo que voy aprendiendo. ¿Que tienes alguna duda? Pues aqui estoy!

2 Comentarios en “4 Consejos para Diseñar una Correcta Estructura del texto en tu web

  1. Juan | icono png

    Por lo que veo en cuanto al contenido del texto, lo ideal es ir al grano y ser corto y concreto. Por su parte en cuanto a la imagen, como dicen, la imagen vale por 1,000 palabras, pues bien, hay que invertir si queremos buen resultado.

    Si invertimos en un buen contenido y una buena imagen para nuestra web, de seguro que llegaremos a más usuarios en Google.

Deja un comentario

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