comparte el articulo 

Consejos para mejorar el uso de textos

Actualizado el 13/09/2013 < > 0 Comentarios

Resumen: Consejos útiles para desplegar y manejar de mejor manera el texto dentro de la estructura de un sitio web.

El texto es considerado el elemento primordial de un sitio web, no sólo porque representa el principal medio para desplegar nuestro contenido, sino porque, además, prácticamente ocupa en su totalidad la estructura que ideamos para nuestro sitio web. Debido a esto, representa muy lógico prestar especial atención a su uso, y dar un mayor esfuerzo por cuidar su despliegue dento de nuestro diseño.

Podemos tener un espectacular diseño, donde manejemos paletas de colores adecuadas, con un balance y contraste armonioso, imágenes ligeras con buena calidad, las cuales sirven de gran apoyo para el contenido, pero si nuestro texto es pobremente manejado, esto cambia drásticamente la impresión que causamos en el visitante.

Es por eso, que hemos decidido traerte una serie de consejos que te permitan desplegar y manejar de mejor manera el texto dentro de la estructura de tu sitio web.

Utiliza siempre texto al maquetar

En muchas ocasiones los descuidos se van dando, por las postergación a utilizar el material final. Cuando se esta maquetando un sitio, muchos diseñadores omiten el uso de texto ya que consideran un elemento que se debe agregar hasta que el cliente así lo requiera, es decir, cuando el producto este a punto de salir.

Para evitar esto a cierto grado, se puede hacer uso de textos de prueba o simplemente pedir un pequeño ejemplo al cliente, lo que nos permitirá ir diseñando en base a un modelo. El no contar con el material adecuado y de calidad desde el principio, puede llevarnos a no dar la suficiente importancia a este elemento.

Recuerda la importancia del texto

Quien te diga que los usuarios de internet no leen, te esta mintiendo. El principal medio de transmisión de información en la web sigue siendo el texto, a pesar de contar con otros medios de reproducción masiva como el vídeo o el audio, los cuales si bien resultan más prácticos, no son tan veloces, soportados, ni estandarizados como el texto.

El texto sigue teniendo su lugar bien ganado en el tope de la pirámide de la información, por lo que su importancia esta más que comprobada. Sin embargo, su eficiencia puede ponerse en juicio cuando este elemento no es bien utilizado. Si los visitantes no leen la información que despliegas, puede ser porque no te has preocupado lo suficiente por presentarlo de manera adecuada.

Utiliza un tamaño de texto adecuado

Cuando se nos encargaban trabajos en la escuela, el profesor generalmente nos decía que utilizáramos un tamaño de fuente no mayor a 12 para realizar el documento. Esto parece que se convirtió en un patrón que dicto nuestro estándar, ya que muchos de nosotros cuando iniciamos a diseñar, cometimos el error de utilizar fuentes muy pequeñas para mostrar la información de nuestro sitio.

Si actualmente en tu sitio, estás utilizando un tamaño de fuente menor a 14 píxeles para desplegar el contenido, es muy probable que estés perdiendo visitantes y potencialmente usuarios regulares. Si el texto es más chico que esta medida, el visitante tendrá que acercarse más al monitor para poder distinguir lo que escribimos, en cambio si se maneja un tamaño aproximado a 16 píxeles, este resulta más semejante al de los libros físicos, por lo que el visitante se siente cómodo leyendo.

Aumenta el interlineado

Debes tener muy en consideración dejar un espacio notable entre las líneas de texto que manejas. Si saturas tu pantalla de texto, puede resultar muy abrumador para el lector ver línea tras líneas sin espacios para dar un descanso a la vista.

La distancia entre líneas y el tamaño de fuente que maneja HTML por defecto, son demasiado pequeños. Si se aumenta esta distancia, el texto se vuelve más legible.

La propiedad CSS para modificar el espacio de interlineado es line-height. Generalmente se recomiendo utilizar un valor de 140%, esto se puede tomar como punto de referencia y a partir de ahi adecuarlo a nuestro diseño.

Ajusta la longitud de tus líneas de texto

Cuando manejamos textos de gran extensión, tenemos a hacer uso de contenedores demasiado anchos, los cuales lograr enlazar grandes cantidades de palabras en una sola línea. Esto hace que al visitante, le resulte más difícil desarrollar una buena lectura, ya que el proceso se vuelve lento, pesado, cansado y provoca confusión.

Al tener líneas muy largas, el ojo debe de realizar un esfuerzo excesivo para poder recorrer las distancias y empezar la siguiente línea. La confusión llega cuando después de un tiempo de estar leyendo, se busca descansar la vista y al regresar al texto no encontramos la parte donde nos quedamos.

Muchas veces confundimos el manejar un diseño adaptable, con adaptar el texto al ancho de la pantalla, esto solo causará que el usuario tenga que ir de lado a lado de la pantalla para terminar una oración. Por eso, es recomendable manejar líneas con menos de 80 caracteres.

Busca una buena tipografía

Como punto especial, debes considerar el uso de una tipografía adecuada, esto actuará como un complementa fundamental para mejorar tus diseño. Es muy importante, que elijamos una tipografía que se adapte correctamente a lo que queremos expresar.

Descubre con qué tipos de tipografías trabajas mejor, de esa manera te sentirás más cómodo al trabajar y tus diseños mejorarán trascendentalmente.

Publicado el 14/05/2013, última actualización 13/09/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras