Categoría: Texto Web – Visibilidad


A menos que por cuestiones de un diseño bien planeado que busca crear un efecto visual en uno o dos párrafos, debemos tomar en cuanta que hay ciertas prácticas que afectan la buena lectura.

Usa guiones extralargos en vez de guiones cortos para cortar las oraciones.

Evita el punto con espacio adelante, pero de usarlo deja sólo un espacio después de un punto, no como en el mecanografiado.

La doble columna no tiene la misma utilidad en una página Web que en un medio impreso.

Sangra el principio en caso de existir una línea corta que entorpezca la justificación, evita huecos blancos que sean muy notorias.

Los márgenes excesivamente estrechos producen fatiga visual pero no reduce la velocidad de lectura, entre más amplios sean mas se invita a la lectura, sólo hay que cuidar la cuestión estética.

Los grandes sangrados a menudo hacen parecer desigual la página de texto, debido a que algunos finales de párrafo caen antes del principio de la línea sangrada, dando la impresión de que hay una línea de más en el espacio y debe se evitarse.

Las fuentes de computadora agregan de forma automática espacios e interlineado adecuados en usos estándar pero podemos alterarlos a nuestro gusto.

El interlineado afecta en gran medida al atractivo de la página, si el texto coloca demasiado apretado a pared será más denso de leer.

El interlineado debe de ser mayor que en el papel impreso que se usa columnas con un máximo de 10 palabras o 35 a 55 caracteres, en cambio en la pantalla no debe superar los 35 caracteres de largo y 130 a 150 % de interlineado para las fuentes sólidas. Entre más larga sea la línea de texto mayor debe ser el interlineado aplicado.

El peor interlineado es el que no existe o el negativo que encima las letras

Las reglas del interlineado son: para el texto de tamaño ordinario  sirve uno o dos puntos, las de cuerpo pequeño es suficiente con uno y las de mayor escala se debe de aumentar a tres pero de cuatro a más se empieza a perder legibilidad, sin embargo un interlineado excesivo  puede servir en casos especiales en textos que no sean bloques.

Dependiendo del espacio y de la cantidad de contenido escrito se recomienda entre 1 alfabeto de extensión mínima y 3 máxima.

La longitud de línea debe de cuidarse pues en las muy cortas  existe poca comodidad de lectura y de percepción al saltar entre líneas inmediatamente, las demasiado extensas frenan al lector al obligarlo a buscar el otro extremo subsecuente o pierde la línea de lectura. 

No siempre hay que dejar que el ordenador acomode el contenido sin revisar el resultado final, ya que al justificar el texto puede existir una excesiva partición de palabras y un espaciado poco cuidadoso y requiere de una revisión manual.

Procura tener finales de línea coherentes y rítmicos. Evita la bandera que generan formas extrañas e inadecuadas al final de las líneas, revisa también que la bandera muestre una repetición y pautas predecibles en lo finales de líneas, para alcanzar una belleza estética y proporcionar finales de líneas lógicos que proporcionen puntos de partida para alcanzar la línea siguiente.

Las pautas deben de ser informales pero coherentes, el margen de la bandera debe de desaparecer gradualmente.

El sangrado “francesa” son excelentes para separar párrafos de forma inmediatamente visible pero requiere que se deje vacía toda la columna, por lo que se necesita de mucho espacio.

La mejor visibilidad se consigue con una alineación izquierda en bandera a la derecha. En situaciones especiales se aceptan otros métodos (alineación a la derecha con bandera a la izquierda, centrada o justificada) si se combinan se puede perder calidad en la lectura.

El texto justificado a la izquierda resulta seguro ya que el ojo está acostumbrado a volver a un punto después de llegar al final de la línea y no distorsiona caracteres como el justificado espaciado.

El de derecha dificulta buscar los principios de línea pero es muy adecuado en situaciones especiales donde no se requiere mucha cantidad de información.

El centrado se asocia con composiciones clásicas y funcionan bien cuando hay una sola columna en la página pero se debe de emplear con cuidado en maqueados múltiples ya que en líneas de texto cortas o medias disminuye la legibilidad porque separa las letras y palabras y letras para llenar espacios, pero funciona mejor en líneas largas aunque nunca logra desaparecer por completo los espacios irregulares.

Una justificación alineada no siempre resulta adecuada ya que una justificación desalineada puede crear composiciones aceptables favoreciendo la lectura.

No siempre es posible distribuir de manera equilibrada los bloques de texto en una página Web, ya que depende del navegador, el tamaño de página, las preferencias del usuario, sin embargo es preferible al justificado forzado pues aunque mejora la vista del bloque de texto altera la lectura separando los espacios normales entre letras y palabras ya que cada tipografía descompone el aspecto del fondo según sus características como los espacios entre las letras, palabras, grosor de líneas y color.

Las diferentes clases de tipos tendrán diferentes efectos tonales sobre la página, pues el bloque de texto ilumina y organiza su área.

Es bueno seleccionar la tipografía antes de crear la retícula pues esta debe de acomodar los textos en columnas e interlineados aceptables.

Si contradecimos la ley de gravedad dará la impresión que falta equilibrio, los tipos tienen peso también, equilibra el bloque de texto con las áreas blancas o imágenes.

Evitarás en lo posible colocar el texto sobre ilustraciones o áreas que dificulten la lectura, antes revisa que el contraste es suficiente.

Si empleas texto dentro de alguna figura geométrica o amorfa verifica en donde debe de empezar, por ejemplo: es mejor empezar de un área en donde las palabras no terminen muy cortadas.

Si el fondo es muy complejo y aún así queremos poner texto podemos recurrir a un efecto como la sombra de texto para resaltar y contrastar lo suficiente.

El cuerpo de una letra debe ser mayor o negrita si se superpone a un fondo oscuro o en una imagen y es necesario procurar que exista un contraste cromático eficaz entre letra y fondo.

El bloque de texto es parte de un diseño en general así como los espacios que surgen de este.  Muchas veces se procura que el texto tenga una buena presentación centrándola o acomodándolo eliminando 

No hay que matar viudas porque permiten que existan espacios en blanco, que descansan la vista y dan un mejor aspecto al bloque de texto.

Si ponemos mucho espacio en blanco damos la sensación de calma y tranquilidad, lo contrario es dominante.

Una gran cantidad de espacio en blanco alrededor de la introducción atrae la mirada del lector.

Un mal contraste letra- fondo entorpece la lectura lectura.

La lectura más común en Internet es  letra negra en fondo blanco pero existen infinitas variantes que pueden mejorar la lectura o afectarla un poco sacrificando un poco la legibilidad para reforzar el diseño.

No uses colores muy claros para tipos muy pequeños o delgados.

El color bastante destacado puede interrumpir el flujo de lectura.

La visibilidad de diferentes combinaciones de color sobre fondos coloreados varía grandemente, las mejores combinaciones tienen un mayor contraste en la brillantez como el oscuro sobre fondo claro ya que es superior a la vista que el tipo claro sobre oscuro pero este último resulta de utilidad cuando el mensaje es corto porque crea otro ambiente pero el texto debe ser sin remates o grueso.

Asegúrate de que entre el tipo y el color existe suficiente contraste, pues de no ser así no sólo se debilita la lectura sino se llega a hacer imposible.

No pongas gradientes de fondo para un texto, busca los ajustes que aumenten la legibilidad del texto.

El mejor contraste lo da el amarillo-negro y la mayor legibilidad lo permite el blanco-negro.  

El texto negro sobre fondo blanco o gris claro otorga un máximo de legibilidad y contraste tipográfico, los fondos negros son significativamente menos legibles aunque se use el blanco como texto.

Texto

Destacar elementos del texto sirve sobre todo para aclarar el contenido y diferenciar partes de información. Funciona bien usar variaciones como la negrita, negativa, la versalita, el sombreado, el perfilado, mayúsculas, tamaño o con color pero no se recomienda la subrayada o la tachada porque perjudican la lectura o se les puede confundir con un hipertexto y más si tiene color.*

Negrita Los énfasis en negrita es efectiva pero afecta la legibilidad si es usada en todo una barra de texto ya que parece que se está gritando.

Cursiva sutil y va bien en citas bibliográficas o expresiones de otro idioma no va con bloques de texto largos.

Negativa Destacar las palabras en negativo es una de las mejores técnicas.

Versalita La versalita es una versión reducida de la mayúscula, proporcionan un estilo de tipo elegante y distintivo que puede obtenerse directamente del teclado.

Sombreado

Perfilado

Mayúscula

Tamaño Si destacas con un texto muy grande hazlo contando con un gran interlineado.

Color No afecta la legibilidad pero mal usado llega a engañar al parecer hipertexto.

Subrayada El subrayado es una reminiscencia de los días del mecanografiado mecánico y se debe de evitar hoy por que se confunden con los enlaces subrayados.

Tachada es poco estético y afecta la legibilidad.

El uso abusivo de énfasis es irritante y contraproducente, mejor establece un juego de reglas para todo el sitio, no enfatices usando varios métodos a la vez.

Se debe de evitar escribir partes grandes en modalidad de negritas o cursivas a lo largo de un texto y reservarlas para enfatizar palabras aisladas o frases.

Es bueno a veces marcar el texto el cuál se la pidió al navegador en tu página cuando es mucha la información, así uno no tendrá que buscar en un mar de información lo que se necesita.

Párrafo

Existen muchos métodos para la indicación del párrafo; pero se deben cuidar sus efectos*

* Letras en negritas, versalitas, topos, sangría francesa o capitulares.

Una original forma de invitación a la lectura consiste en ir disminuyendo el texto hasta que acabamos al cuerpo. A la introducción puedes darle un cuerpo mayor o variante de tipo pero asegúrate de que combine con el contenido general.

Leer en pantalla es muy cansado para la vista y además resulta muy pesado estar mucho tiempo frente a la pantalla.

El tamaño recomendable para un bloque de texto es de 10 a 12 puntos para el lector promedio pero los niños, las personas mayores y la gente de vista débil las requieren de mayor tamaño y grosor.

Normalmente los usuarios pueden cambiar las preferencias distintas con respecto al tamaño de la fuente, asegúrate de que el diseño funciona bien tanto con fuentes chicas o grandes.

No utilices tamaño de texto absoluto porque si el usuario considera que debe cambiarlo será extremadamente molesto que no pueda cambiarlo en absoluto, recuerda que el usuario las cambia por gusto o discapacidad.

Utiliza hojas con estilo en cascada y no por H1 al H6 porque tienen mejores medidas para un diseño Web.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.