¬ŅCu√°l es el mejor tipo de alineaci√≥n para los textos de sus p√°ginas web?

A primera vista, la alineaci√≥n del texto parece no tener ning√ļn impacto en la tasa de conversi√≥n de sus p√°ginas de destino o p√°ginas web.

Es solo un detalle m√°s para embellecer la p√°gina.

Pero, de hecho, esta configuración tiene un gran impacto en la legibilidad de su página y en cómo los clientes potenciales perciben su mensaje.

Lo que afecta directamente su tasa de conversión.

Incluso dependiendo del tipo de alineación que use, su página ya no es accesible para personas con dislexia o que usan una lupa de pantalla para facilitar la lectura, por ejemplo.

Este es un gran problema, porque incluso antes de hacer cualquier oferta, ya est√° limitando el acceso de compradores potenciales.

Investigando más profundamente sobre este tema, descubrí errores que cometí yo mismo o buenas prácticas que dejé seguir, aunque pensé que ya sabía lo básico.

Así que decidí escribir este artículo para compartir contigo cuándo y cómo usar cada tipo de alineación en tus páginas.

¬ŅCu√°les son los tipos de alineaci√≥n?

En primer lugar, debe saber que hay cuatro tipos de alineación: izquierda, centrada, derecha y justificada; y las diferencias básicas entre ellos.

Mira como funciona cada uno:

A la izquierda

En la alineación izquierda, el margen izquierdo del texto está alineado y el margen derecho está desalineado como en la imagen de abajo.

Centralizado

En este caso, se crea una línea vertical imaginaria entre el margen izquierdo y el margen derecho, y el texto se alinea de modo que la mitad esté a un lado de la línea y la mitad al otro, como en la imagen de abajo.

La derecha

Aquí, el texto está alineado con el margen derecho y desalineado con respecto al margen izquierdo.

Justificado

El texto se alinea con los m√°rgenes izquierdo y derecho, creando bloques rectangulares.

¬ŅQu√© alineaci√≥n es mejor para los textos de mis p√°ginas de Internet?

Si hizo mucho trabajo en la escuela y memorizó las reglas ABNT, la alineación justificada es probablemente su favorita.

No solo porque es el estándar para artículos y artículos científicos, sino también porque el texto está perfectamente alineado con los dos márgenes.

Este tipo de alineaci√≥n tambi√©n es muy utilizado en peri√≥dicos y revistas precisamente por esta caracter√≠stica de crear bloques rectangulares de texto, que se pueden organizar f√°cilmente a la hora de dise√Īar el material impreso.

Sin embargo, en internet esta no es la mejor forma de alinear el texto, porque trae una serie de problemas que ya te explicaré.

La mejor alineación para el texto de sus páginas web es la alineación a la izquierda.

Por 3 razones:

1 uno Un estudio de experiencia de usuario realizado por Nielson Normal Group reveló que los usuarios de Internet siguen un patrón específico al leer textos digitales.

Este patrón tiene la forma de una F. Las primeras líneas que el usuario lee hasta el final, pero luego solo lee el comienzo de cada línea.

Esto significa que si el texto está centrado o hacia la derecha, se hace más difícil seguir este patrón y, por tanto, se reduce la legibilidad.

2. En el material impreso, podemos seguir el principio y el final de las líneas con la punta de los dedos, a medida que leemos los párrafos. En digital no existe tal forma de anclaje, como máximo se usa el puntero del mouse para esto.

Dado que la alineación a la izquierda tiene márgenes desiguales a la derecha, esto crea un ancla que facilita la identificación del principio y el final de cada línea.

En la alineación justificada, esto no existe, ya que todas las líneas comienzan y terminan en el mismo punto.

3. Es el tipo de alineación más legible para personas con dislexia o alguna discapacidad visual. Al usarlo, sus páginas se vuelven más accesibles para todo tipo de usuarios.

¬ŅCu√°ndo debo centrar el texto?

La alineación centralizada debe usarse con precaución y solo en elementos específicos.

Como ha visto, definitivamente no es ideal para p√°rrafos en su texto. Pero y, para los t√≠tulos, ¬Ņes bueno?

Depende.

Los títulos centralizados se armonizan con los textos justificados.

Ya en los textos alineados a la izquierda, como el margen derecho es desigual, el título parece estar desplazado en relación al texto.

Afuera, lucha con el patrón de lectura en F.

Como muestra la imagen de abajo, la opción que es más armoniosa y sigue las buenas prácticas de usabilidad y legibilidad en Internet es el texto a la izquierda con el título a la izquierda.

Pero esta regla tiene sus excepciones.

Por ejemplo, en una sección de tu página o en un banner con poco texto sobre el que quieras llamar la atención, vale la pena probar la alineación centralizada.

Por ejemplo, en esta p√°gina:

También puede utilizar la alineación centralizada para textos dentro de botones y en puntos específicos sobre los que desea llamar la atención.

Pero de ninguna manera use este tipo de alineación en párrafos largos de texto, porque compromete la legibilidad y dificulta la lectura.

¬ŅPor qu√© es injustificable justificar un texto en Internet?

“Ok, Angela, ya entiendo que el recomendado est√° a la izquierda, pero justificado es tan lindo, ¬Ņni siquiera puedo usar este tipo de alineaci√≥n?”

Para responder a esto, te explicaré un poco cómo es dejar un texto justificado y entenderás por qué este tipo de alineación en internet es un problema.

Las palabras tienen un tama√Īo desigual, algunas tienen m√°s o menos letras. Entonces, para que las l√≠neas tengan exactamente el mismo tama√Īo y puedan justificarse, hay dos procesos:

  1. Uso de guiones: con el uso de guiones para dividir las palabras seg√ļn sus s√≠labas, es posible controlar el n√ļmero de caracteres por l√≠nea y, as√≠, organizar para que todas las l√≠neas tengan el mismo tama√Īo.

  2. Espaciado flexible entre palabras: esta t√©cnica consiste en aumentar o disminuir el tama√Īo del espacio en blanco entre una palabra y otra para que todas las palabras se distribuyan de un extremo a otro en la l√≠nea.

En el mundo de los materiales impresos, donde se usa mucho la alineaci√≥n justificada, el dise√Īador o diagramador tiene el control total de los medios por los que se distribuir√° la informaci√≥n.

Por ejemplo, un peri√≥dico impreso tiene exactamente el mismo tama√Īo para cualquier usuario.

Esto hace posible utilizar el guión para crear líneas de igual longitud.

En Internet, cada pantalla tiene un tama√Īo diferente. Puede abrir el mismo sitio web en su tel√©fono, en una tableta o computadora port√°til.

El dise√Īador o desarrollador detr√°s del sitio web no tiene control sobre el tipo de lienzo que est√° utilizando, puede variar completamente de tama√Īo.

Por tanto, se descarta el uso preciso del gui√≥n para crear l√≠neas del mismo tama√Īo.

Adem√°s, los navegadores a√ļn no cuentan con la tecnolog√≠a suficiente para crear una divisi√≥n autom√°tica que var√≠a seg√ļn el tama√Īo de la pantalla.

Por lo tanto, solo hay suficiente espacio flexible entre palabras para dejar textos justificados en Internet.

Sin embargo, esta no es una técnica interesante. A pesar de dejar los márgenes alineados, el texto en sí está completamente fuera de lugar.

Observe los espacios en blanco que se forman entre algunas palabras.

Este exceso de espacio en blanco crea los llamados “r√≠os” en las p√°ginas.

¬ŅNotas c√≥mo los espacios en blanco m√°s grandes se juntan y forman como un curso de agua que atraviesa el texto?

S√≠, estos r√≠os de espacios en blanco hacen que los textos sean dif√≠ciles de leer, especialmente para personas con dislexia o que usan alg√ļn software para ampliar el texto.

Si bien los navegadores no brindan el soporte adecuado para la separación automática de palabras, es injustificable justificar el texto en Internet.

Porque por un lado dejarás los márgenes alineados, pero por otro lado hará la vida más difícil a los visitantes de tu sitio web debido a la reducida legibilidad.

Ahora está contigo…

En este artículo, viste que sin duda el mejor tipo de alineación de texto en páginas web es el de la izquierda.

Y también cuáles son los problemas de legibilidad provocados por una alineación justificada.

Ahora es el momento de ensuciarte las manos y ajustar los textos de tus p√°ginas para que ofrezcan la mejor experiencia posible a los usuarios.

¬ŅTe gust√≥ este art√≠culo? Haga clic aqu√≠ y suscr√≠base al bolet√≠n de Klickpages para recibir m√°s contenido como este en su bandeja de entrada cada semana.

COMPARTE EN REDES SOCIALES!

Sobre el Autor

Angela Oliveira

Mi nombre es √Āngela, pero algunas personas me llaman √Āngel. Soy parte del equipo de contenido de Klickpages y soy un apasionado de la tecnolog√≠a y el marketing. Soy un experto en SEO, tr√°fico org√°nico e informaci√≥n aleatoria (¬Ņsab√≠as que Alaska est√° m√°s cerca de Rusia que Brasilia de Goi√Ęnia? S√≠ …), aficionado al country americano y loco por los deportes. Sigo todo, pero mis favoritos son la F√≥rmula 1 y el f√ļtbol, ‚Äč‚Äčincluso veo partidos incluso cuando mi equipo (Palmeiras <3) no est√° en el campo. Ah, creo que la m√ļsica navide√Īa deber√≠a reproducirse todo el a√Īo y Christmas Peaceful Piano se encuentra entre las 3 listas de reproducci√≥n m√°s reproducidas en mi Spotify.

Deja tu comentario

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web est√°n configurados para ¬ępermitir cookies¬Ľ y as√≠ ofrecerte la mejor experiencia de navegaci√≥n posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en ¬ęAceptar¬Ľ estar√°s dando tu consentimiento a esto.

Cerrar