Controversia de la tipografía en la web 2.0

Todos sabemos como la web 2.0 está abriendo campo en el uso de Internet, de cómo el usuario está cada día más involucrado con el uso este último; también como el uso de la tipografía juega un papel importante en este medio, pues siempre lo diré, la tipografía es la base de la comunicación escrita.

Oscar Otero (letrag.com) nos brinda en su página un artículo sobre la tipografía en la web 2.0, dicho artículo es una traducción hecha por él, y ésta proviene de Mark Keisler. En dicho artículo hace un análisis sobre la situación.

los invito a visitar esta pagina, pues ahi se públican artículos interesantes sobre tipografía y a la ves que tiene indexados blogs de tipografía

letrag.com 

De ésta manera me permito publicar su artículo sin cambio alguno para que lo lean asi como un link directo al arctículo de Oscar Otero.

La gran controversia tipográfica en la Web 2.0

por Oscar Otero (letrag.com) 

¿Siempre te preguntaste por qué muchas de las nuevas páginas web tienen tipografías gigantes con un gran contraste? ¿Será por los diseñadores web más viejos o quizás sea un grupo de jóvenes diseñadores que están intentando ir a la moda? Aunque en algunos casos pueda ser por una de estas razones, yo diría que los verdaderos culpables son los diseñadores que basan sus decisiones tipográficas en la investigación (esperanzadamente).

Contrariamente a lo que se suele pensar, la mayoría de los diseñadores web bien educados se fijan en las investigaciones de legibilidad de HCI y de UI para determinar las soluciones tipográficas de un sitio web. Existe actualmente una tendencia en el diseño web de utilizar grandes tipografías con un alto contraste. Hay muchos blogs y otras páginas que debaten sobre las webs de próxima generación. Un comentario que se encuentra repetidamente es el de “¿realmente necesitas disminuir el tamaño de texto? ¿Qué pasa con las tipografías gigantes?” Yo tengo mis propias razones para usar tamaños grandes en los textos en mi blog y puesto que había muchos de esos comentarios (en mi web y en otros sitios) quise investigar y compartir algunos de los resultados de este tema.

En muchos casos, creo que el uso reciente de enormes tipografías muy contrastadas es una reacción directa a las últimas tendencias tipográficas en diseño web. La moda de las tipografías pequeñas de bajo contraste empezó con la aparición del CSS al facilitar considerablemente el formateo del texto y conseguir una gran variedad de tratamientos tipográficos. Mientras que los diseñadores web habían utilizado siempre pequeñas tipografías de bajo contraste a modo estético, particularmente en páginas de arte, la moda explotó realmente al utilizar el CSS en los blogs (como por ejemplo Zeldman) y en otros sitios generados dinámicamente que usaban estas hojas de estilo en cascada. Este paradigma llegó a ser frecuente al mismo tiempo que los estándares web predicaban lo contrario: que las tipografías debían ser legibles y no de bajo contraste, o por lo menos ofrecer una alternativa en el CSS para una versión de alto contraste. Existen otras tendencias en los últimos años que han influenciado el cambio actual. En su artículo “Diseño 2.0: Minimalismo, Transparencia y Tú”, mi socio Emily Chang escribe sobre un cambio lejos del diseño recargado y a favor de la simplicidad, la utilidad y el minimalismo.

En el artículo de Jakob Nielsen “Los diez mayores errores del diseño web de 2005” indica que “las malas tipografías ganaron la encuesta por mayoría absoluta, consiguiendo casi el doble de votos que el error número 2. Casi dos tercios de los votantes se quejaron por los tamaños de letra pequeños o fijos; cerca de la mitad se quejó por el bajo contraste entre el texto y el fondo”. Aunque no siempre estoy de acuerdo con todo lo que el señor Nielsen dice sobre el diseño web, sus estudios tienen en cuenta a un gran número de usuarios. Personalmente, en este caso no podría estar más de acuerdo con sus resultados. Muchas veces cuando estoy en mi ordenador portátil tengo que desactivar las hojas de estilo para leer el contenido. Del estudio de Jakob se deduce que para la mayoría de los navegantes de internet la legibilidad y los textos pequeños no son compatibles.

En 2000, Michael Bernard y Melissa Mills de la Usability Research Laboratory en la Universidad del Estado de Witchita hicieron un estudio titulado “Así pues, qué tamaño y tipografía utilizaría en mi página web” incluyendo tamaños de varios puntos, tipos de letra y tipografías suavizadas y sin suavizar. El tamaño más popular fue de 12 puntos, sin embargo, hay que tener en cuenta que el estudio fue realizado en 2000 cuando la resolución de pantalla más popular era de 800×600.

Según OneStat.com, la resolución actual más popular es de 1024×768 que cuenta con el 57,38% de usuarios. El siguiente es solamente del 18,23%. Yo diría que si el tamaño de letra preferido en 2000 era de 12 puntos, el mejor tamaño actual fuera por lo menos de 14 o sino 1em ó 16 puntos. Esto es así porque los otros 20% de los usuarios en la estadística de OneStat.com estaban en resoluciones mayores a 1024×768. La tendencia de la web 2.0 del texto de 16 puntos ya tiene una base.

Para las resoluciones de pantalla de 800×600 que abarcan casi el 20% del mercado, los diseñadores deben prever y ofrecer un modo fácil a los visitantes de cambiar el tamaño de letra. Zeldman y Nielsen han sido autores de un método que cambia la hoja de estilo. No todo el mundo que navega por internet sabe reducir el tamaño de texto de su navegador y esta es la mejor manera de asegurar la legibilidad de cada visitante. Se deben utilizar siempre porcentajes o ems como medida tipográfica de modo que el texto se puede redimensionar y adaptar al navegador si fuera necesario.

Como conclusión, las tipografías de un mayor contraste pueden aumentar la legibilidad, utilidad y el rango de edad de los visitantes de tu sitio web. Si se utilizan letras grandes es una buena idea el incluir un estilo alternativo para diferentes resoluciones. Tengo que admitir que soy culpable por no hacer esto mismo en mi web por lo que pronto instalaré un sistema para corregirlo.

fuente: letrag.com

Un pensamiento en “Controversia de la tipografía en la web 2.0

  1. A pesar de estar de acuerdo en que obviamente el tamaño importa debido al sistema de visionado en pantalla es muy difícil calcular qué tamaño es el óptimo o por lo menos la referencia de partida.

    Un píxel tiene una medida variable dependiendo del sistema de salida…

    Por tanto parece claro que se imponen sistemas de adecuación al gusto del usuario a partir de la referencia 11-14 px.

    Lo que ya no está tan claro para mí es que sea el diseñador/programador/maquetador del sitio web el que deba implementar ese sistema. En general son sistemas que imponen demasiado sobre cómo deberá diseñarse/maquetarse la página.

    Y, sin embargo resulta que prácticamente todos los navegadores modernos disponen de sistemas de zoom de página (Safari no, pero es que esa funcionalidad la tiene a un click el MacOs).

    ¿Que los usuarios lo desconocen? Bueno, si realmente es algo tan crucial no creo que les resulte tan difícil encontrarlo y en cualquier caso la solución de usabilidad debería proporcionarla en este caso el nevegador.

    En definitiva, los sitios web no deberían duplicar funcionalidades que ya incorpora el navegador: introduce complejidad y no aportan nada nuevo aparte de problemas.

    Salu2

Responder a croma2 Cancelar respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s