¿Puede una tipografía reducir la distracción de los conductores?

¿Puede una tipografía aumentar o disminuir la distracción cuando conducimos?¿Es posible establecer una relación entre estilo tipográfico y seguridad del conductor?.

En eso consiste el estudio sobre el empleo de fuentes tipográficas en automoción en el que han estado trabajando el MIT Agelab, el England University Transportation Center y Monotype Imaging. Los sistemas de navegación y la integración de pantallas en el interior de los coches han aumentado la cantidad de información que recibe un conductor. A esto tenemos que sumar la dificultad de muchos conductores para leer e interpretar con rapidez ciertos mensajes. De ahí que el diseño tipográfico pueda ser un elemento clave en la evolución de tecnología HMI (Human Machine Interface) para vehículos.

Por otra parte, la tendencia de algunos fabricantes no está encaminada precisamente a mejorar los controles de voz. Parece que seguirán introduciendo pantallas para sumar indicadores y datos relacionados con el rendimiento del coche o interactuar con dispositivos de navegación, comunicación y entretenimiento.

Imagen de previsualización de YouTube

Por esa razón, todo aquello que sirva para reducir la distracción y mantener la atención en la carretera, aunque solo sean unas milésimas de segundo, sean cual sean las condiciones (día, noche, lluvia, sol…), puede ayudar a que nuestra conducción sea mas segura.

driver

En la explicaciones sobre el estudio y partiendo de una definición clara del problema (Can a typeface reduce driver distraction?), los investigadores trabajaron con dos familias tipográficas (Frutiger y Eurostile).

tipos_c

Realizaron experimentos de simulación con eye-tracking para observar la respuesta de hombres y mujeres al enfrentarse a una pantalla y completar una tarea y búsqueda a partir de menús de selección.

Imagen de previsualización de YouTube

Los resultados muestran que una tipografía de estilo humanista como la Frutiger (considerada mas legible, especialmente para textos pequeños), puede reducir la demanda visual y los tiempos de distracción. Incluso se marcan pequeñas e inesperadas diferencias entre hombres y mujeres.

No se tuvieron en cuenta otras muchas características tipográficas (tamaño de caracteres, sombras, fondos…) pues unicamente se buscaba, al aplicar diferente tipo de letra, evaluar los resultados de atención y legibilidad en contexto.Esto demuestra que los efectos del diseño tipográfico en la tarea de conducir, en este caso en la visualización y el uso de pantallas, requiere mas investigación que añada mejoras en las soluciones futuras.

Cómo pensar como un tipógrafo en HTML y CSS

Así es como define Laura Franz su próximo libro, un estudio riguroso sobre tipografía y diseño web que ahonda en la teoría y la práctica tipográfica y la traslada a la red, para tratar aspectos tan importantes como la legibilidad, la facilidad de lectura, la composición, el color…

Typographic Web Design

Este e-book interactivo titulado Typographic Web Design se publicará en agosto de este año y, entre otras cosas, vendrá con ejercicios prácticos sobre HTML y CSS que serán útiles para comprender y aplicar en cada caso  las mejores soluciones en tipografía web.

Typographic Web Design

Aunque no se haya publicado todavía puedes descargar dos muestras del primer y segundo capítulo y leer la tabla de contenidos. Serán suficientes para que valores la calidad, profundidad y detalle del material que, en breve, nos va a presentar esta profesora de la University of Massachusetts Dartmouth especializada en diseño tipográfico.

Las sillas tipográficas de Roeland Otten

Esta colección de 26 sillas tipográficas que cubren el alfabeto han sido creadas por el neerlandés Roelan Otten, un joven diseñador que imparte clases en la Willem de Kooning Academy de la Universidad de Rotterdam y que además participa en el  Holland-interactive desarrollando conceptos interactivos.

ABChairs Roeland Otten

Se trata de un planteamiento muy creativo con un diseño minimalista que juega con una magnífica combinación de funcionalidad y expresión tipográfica.

A chair

ABChairs_o

Descargar todas las sillas de Otten (PDF, 2,26 Mb)

Fuente | Design You Trust

La Helvética y su hermana bastarda

Estas dos fuentes tipográficas, con el mismo nombre pero de apellido diferente, puede que guarden un parecido asombroso y las habremos utilizado indistintamente en algún trabajo o proyecto. Pero no estamos hablando de lo mismo.

Helvetica:Old vs neue

Helvetica, la tipografía creada en los años 50 por Max Miedinger y Eduard Hoffmann ha servido de inspiración a muchas otras fuentes y familias tipográficas. Quizás por eso, y por otras muchas razones, haya sido una de las más populares entre los diseñadores. Pero su originalidad y particularidad no debe ser confundida porque estaríamos ignorando su largo y fructífero recorrido histórico, tal y como nos cuenta Travis Neilson:

Helvetica’s popu­la­rity in the 50’s, 60’s and 70’s was unmatched as it was adop­ted inter­na­tio­nally for uses in bran­ding, adver­ti­sing and com­mu­ni­ca­tions. It was, in a way, a rebut­tal to the swashy hand-lettered signs and ads of the era, and in some cases repre­sen­ted a new way of thin­king, a breath of fresh air, and a way to get rid of the clut­ter.

Por su parte, Helvetica Neue fue una reelaboración de la primera:

In 1983, Linotype’s daugh­ter com­pany Stem­pel AG relea­sed a rewor­king of Hel­ve­tica with more struc­tu­rally uni­fied heights and widths. I was deligh­ted to learn that Erik Spie­ker­mann was the design con­sul­tant on the pro­ject and also crea­ted the lite­ra­ture for the launch.

Helvetica y Helvetica Neue aparecen en los ordenadores Mac una seguida de la otra y la primera ha sido desde hace años la tipografía base de Mac OS. De ella se ha hablado mucho, se ha hecho hasta un documental y ahora, el mismo Neilson, nos cuenta nuevamente su historia y realiza un estudio comparativo entre la famosa fuente y su hermana bastarda.

Helvetica:Old vs neue

Los resultados de este informe revelan que, efectivamente, existen detalles y consideraciones que las hacen muy diferentes hasta el punto que el autor da mayor puntuación a la Neue. ¿Habías apreciado alguna vez estas diferencias? ¿Te parecen relevantes?.

A_helvetica

Portfolio Simon Page

El diseñador británico Simon Page dice sentirse sorprendido del éxito que ha tenido su sitio web a pesar de llevar tan poco tiempo online. Pero no es para menos dada la tremenda producción que tiene publicada y la cantidad de trabajos de enorme calidad que posee.

Ahora se cuestiona ofrecer algo mucho más evolucionado, que permita a sus lectores comprar sus diseños y que se adapte mejor a las circunstancias tecnológicas que le rodean.

Tenemos una gran variedad de ejemplos de la calidad de este artista. Su colección Colorful Universe es una magnífica recreación del espectro visible de colores que, acompañada de una estudiada profundidad, genera composiciones muy complejas a la vez que armónicas.

Colorful Universe

Aun así, es fácil darse cuenta del gran interés que muestra el artista por las formas geométricas que, una vez analizadas, descompone, fragmenta y repite incansablemente creando igualmente estructuras muy elaboradas.

diffuse-cuben-poster by Simoncpage

Sus trabajos también se mueven entre el diseño tipográfico, la cartelería y el diseño de logos.

rolet-1-typeface-poster-2

Typography is everything

Draft Typographic Logo Design

Puedes seguir viendo sus propuestas en el portfolio de su sitio web, en el portfolio que tiene en Behance Network o directamente en su cuenta de Flickr.

Detalles del Web Font Service de Typotheque

Nos informaron en julio del lanzamiento del servicio y, ahora, la gente de Typotheque nos muestra en vídeo como sería el funcionamiento de Typotheque Web Font Service (TWFS).

El sistema ofrece una forma muy sencilla de ampliar el número de fuentes tipográficas en nuestro sitio web usando @font-face en CSS.

Hasta ahora existía una lista de fuentes tipográficas seguras que eran reconocidas e interpretadas por los navegadores y que, de una u otra manera, estaban instaladas en el ordenador de los usuarios.

Utilizar cualquier otra fuente significaba hacer uso de otros procedimientos que, entre otras cosas, sacrificaban el texto por imágenes, como es el caso del sIFR de Shaun Inman y Mike Davidson.

Este tipo de métodos son muy útiles y solucionan muchos problemas de visualización, como señalábamos en la integración de tipografías en la web de Typedia. Incluso la existencia de servicios como Font Burner demuestran lo simple que puede llegar a ser el uso de sIFR.

Pero lo cierto es que no satisfacen la demanda de los diseñadores que siguen viendo reducidas sus posibilidades en la utilización de fuentes tipográficas para la web.

En 1998 CSS2 describió una forma de enlazar a fuentes externas pero la falta de acuerdo por el formato deshizo los primeros acuerdos entre empresas y navegadores. Aun así la regla CSS @font-face no ha desaparecido y ha seguido su propia evolución aguardando el momento que sea soportada y especificada por todos los navegadores.

No se si el servicio ofrecido por Typotheque puede acelerar todos estos cambios pero se suma al esfuerzo y el interés que están poniendo en este asunto otros sistemas como Typekit, Fontdeck o Kernest.

Typotheque Web Font Service

Si necesitas más información Goio, de La personnalité, te hace un buen resumen (a propósito, de los primeritos que lanzan en su recién estrenado sitio. Enhorabuena).