MOTION GRAPHICS type & motion

MOTION GRAPHICS type & motion

TIPOGRAFA
pero, que sabemos?
nos fijamos y vemos usos y elecciones que nos gustan o disgustan, pero sabemos el porque?...

eleccin legibilidad proporcin introduccin fondo

contextualizacin inteligibilidad dimensin exposicin forma

composicin lecturabilidad formato salida transicin

MOTION GRAPHICS type & motion

TIPOGRAFA
algnas claves
Teniendo en cuenta que a da de hoy los hbitos de lectura han cambiado, de la lectura impresa a la lectura en pantalla, repasaremos las claves de la legibilidad en pantalla.

MOTION GRAPHICS type & motion

TIPOGRAFA
algnas claves
Sabemos que el usuario que lee en pantalla realiza un escaneo de la informacin y que por tanto la lectura parece ms rpida pero en realidad no es as, y la asimilacin de contenidos es otra historia. Estudios realizados por terceros sugieren que la velocidad de lectura es aproximadamente un 30% ms lenta y la comprensin del texto se reduce al 50%.

MOTION GRAPHICS type & motion

TIPOGRAFA
algnas claves
Por tanto, el diseo digital, y en particular, el diseo web, presenta los problemas propios del medio, siendo de especial importancia el uso de la tipografa, como elemento principal en el diseo de un medio de lectura.

MOTION GRAPHICS type & motion

TIPOGRAFA
algnas claves
El objetivo del estudio ser establecer qu tipografas y en qu condiciones resultan ms legibles. - familia tipogrfica - cuerpo/interlnea - ancho de columna - color

MOTION GRAPHICS type & motion

TIPOGRAFA
Familias Tipogrficas
Los siguientes grficos reflejan los resultados del test respecto a la Familia Tipogrfica. El primer grfico mide la velocidad de lectura. Aunque no se aprecian grandes diferencias, la tipografa verdana, y otras tipografas sin serifes son las que consiguen una lectura ms rpida.

MOTION GRAPHICS type & motion

TIPOGRAFA
Familias Tipogrficas
El segundo grfico mide la comprensin del texto. De nuevo la fuente verdana junto a Comic Sans muestran un mayor grado de comprensin.

MOTION GRAPHICS type & motion

TIPOGRAFA
Familias Tipogrficas
El tercer grfico mide el anlisis subjetivo: legibilidad, personalidad y elegancia. En legibilidad la fuente verdana vuelve a destacar, aunque la fuente trebuchet MS obtiene los mejores resultados totales en anlisis subjetivo.

MOTION GRAPHICS type & motion

TIPOGRAFA
Cuerpo e interlnea
Los siguientes grficos detallan los resultados del estudio realizado respecto al cuerpo e interlnea del texto. El primer grfico refleja el promedio del tiempo de lectura. El cuerpo 12 e interlineado 12 alcanza el mejor resultado de velocidad de lectura.

MOTION GRAPHICS type & motion

TIPOGRAFA
Cuerpo e interlnea
En el prximo grfico podremos revisar el resultado de comprensin del texto. Un cuerpo 12 y un interlineado bastante amplio, 18, resultaron ser lo de ms fcil comprensin para los participantes.

MOTION GRAPHICS type & motion

TIPOGRAFA
Cuerpo e interlnea
El tercer grfico detalla el anlisis subjetivo. Los participantes valoraron la legibilidad, el confort y color tipogrfico. De nuevo, el cuerpo 12 interlineado 18 alcanz la mejor valoracin.

MOTION GRAPHICS type & motion

TIPOGRAFA
Ancho de Columna
Los siguientes grficos reflejan los resultados del estudio respecto al ancho de columna. El primer grfico mide el tiempo de lectura promedio. Un ancho de columna bastante amplio, 120 caracteres por lnea, resulta ser el ms rpido de leer en proporcin al resto.

MOTION GRAPHICS type & motion

TIPOGRAFA
Ancho de Columna
En el segundo grfico se mide la comprensin del texto segn el ancho de columna. En los resultados apenas se aprecian diferencias, aunque el ancho ms amplio, 120 caracteres por lnea, consigue el mejor resultado.

MOTION GRAPHICS type & motion

TIPOGRAFA
Ancho de Columna
En tercer lugar encontramos el grfico de anlisis subjetivo. Resulta llamativo que la columna no excesivamente amplia, 60 caracteres, alcanza la mayor valoracin.

MOTION GRAPHICS type & motion

TIPOGRAFA
Color
A continuacin mostraremos los grficos representativos del estudio de color del texto. En el primer grfico se mide el tiempo de lectura promedio segn los colores elegidos. La combinacin texto blanco sobre fondo verde result ser la ms rpida de leer.

MOTION GRAPHICS type & motion

TIPOGRAFA
Color
El segundo grfico refleja los resultados del estudio de la comprensin del texto. La combinacin texto negro sobre fondo blanco result la ms legible.

MOTION GRAPHICS type & motion

TIPOGRAFA
Color
El tercer grfico detalla el anlisis subjetivo, la combinacin de texto negro sobre fondo blanco obtuvo el mejor resultado

MOTION GRAPHICS type & motion

TIPOGRAFA
Conclusiones
Pese a que no se podan sacar conclusiones totales, el resultado promedio general sera: - Fuente Tipogrfica: Verdana - Cuerpo/Interlinea: 12/15 - Negro sobre blanco.

MOTION GRAPHICS type & motion

TIPOGRAFA
Conclusiones
Algunas de nuestras conclusiones son, respecto a la familia tipogrfica, que las fuentes sin serifes tales como verdana, helvetica o arial son ms legibles. El texto color negro sobre fondo blanco resulta ms cmodo de leer, y un ancho de columna mayor as como un cuerpo de texto e interlineado tambin amplio favorecen la legibilidad y comprensin del texto. Resulta llamativo la diferencia entre funcionalidad y esttica en los resultados del estudio, que demuestran que no siempre gusta ms lo que es ms eficiente.