Recientemente me he enfrentado con la creación de infografías para una de mis clases, y he tenido que batallar con la tipografía y la ilustración conviviendo en un mismo espacio. Estilo, estructura, orden, jerarquía… la tipografía juega varios roles al mismo tiempo. ¿Cómo trabajan las fuentes tipográficas dentro de una infografía?

La tipografía como un todo trabaja en diversos aspectos en la composición de un infográfico, ya que tiene varias facetas que se pueden observar a la hora de la creación y concepción del diseño. Por si sola, la tipografía puede denotar muchos aspectos, como lo son presencia, estética, jerarquización, etc. Pero todos estos solo pueden ser manejados de una manera más eficiente si se hace un uso correcto de las fuentes tipográficas.

El sentido de una infografía puede cambiar o depender totalmente del uso de las fuentes tipográficas, ya que estas van a definir en muchos casos el grado de atención que el usuario presta, y la facilidad de lectura que tendrá el texto dentro de nuestra composición. En muchos casos, las fuentes tipográficas llegan a ser tan importantes para un trabajo en particular, que el diseñador, se ve en la necesidad ya sea de crear una tipografía especial (como para el caso de los títulos de las películas, en los cuales las tipografías llevan una temática especifica) o de requerir los servicios de un tipógrafo para la creación de la misma.

Básicamente se tiene que basar la elección de una tipografía específica para cierto trabajo tomando en cuenta el usuario al que va dirigido y el tipo de mensaje que el cliente quiere transmitir al mismo, ya que por ejemplo, no es lo mismo hacer un infográfico con estadísticas dirigidas a profesionales, en donde la tipografía tendría que ser mas sobria y clara, que hacer un infográfico para un producto comercial, en el cual se busca llamar la atención del usuario a como de lugar.

En el caso de la infografía/instructivo con el que estoy ilustrando este post, se trata de un insert (cosito que va dentro de un producto, no tan específico como un instructivo completo, digamos una guía rápida) que hice hace un par de años para según yo resolver el problema de que nadie lee los instructivos de los videojuegos. Es por eso que mi solución fue esta, una guía rápida para que quien quiera jugar, le de un vistazo y lo pueda hacer de inmediato sin necesidad de leer muchas páginas.

Me enfoqué en textos claros, de buen tamaño y bastante resumidos, con una colocación que rápidamente ubicara al jugador en su control y le permitiese encontrar de forma sencilla lo que buscaba (claro que en ese entonces mis habilidades diseñísticas apestaban el doble de lo que apestan ahora así que no es la gran cosa :-p, pero creo que ejemplifica bien estos puntos).

Otro aspecto importante que juega una fuente tipográfica en este ámbito es es el hecho de poder darle cierta estética al mensaje que estamos tratando de transmitir. Ya sea una estética formal, informal, atrevida o sobria. La selección de la tipografía para dar los matices que deseamos dentro de un infográfico, tiene que ser un proceso profundo dado que si al final se logra un resultado positivo, esto se vera reflejado en la efectividad que tendrá nuestro mensaje para ser transmitido.

Algo muy importante que se puede lograr con las fuentes tipográficas y que muchas veces se pasa por alto es la organización y jerarquización de la información. Esto se logra básicamente dando un formato adecuado a la información teniendo criterios organizacionales diversos (importancia, numéricos, alfabéticos, etc…) y utilizando herramientas de edición textual como lo son los diversos atributos que se le pueden dar a la fuente tipográfica en si (bold, script, underline, etc…) o al texto en general (utilización de tablas, justificados, interlineados, etc…)

Un recurso que es también frecuentemente utilizado, y muchas veces de una manera errónea es el usar muchas tipografías totalmente diferentes dentro de un mismo infográfico cuando no hay necesidad. Siempre es mucho mas recomendable utilizar una misma famila de tipografías para darle todo el énfasis y cuerpo necesarios al trabajo acompañadas de los modificadores textuales mencionados anteriormente. También es importante el uso del color ya que si se llena innecesariamente el documento de colores diversos, muchas veces, aunque podrá llamar la atención no será agradable de leer y la organización de la información será caótica.

A ver si para el próximo post les pongo por acá paso a paso como fue progresando mi sufrimiento durante la creación de una infografía llena de estadísticas, con la inclusión de ilustración y muchos textos…

Como habrán notado no hubo actualizaciones en estos días, eso se debe a que entre exámenes profesionales y entregas finales anduvimos bastante ocupados. Les dejo por acá un proyecto que hicimos para Ociotakus y que creo vale la pena destacar aquí ya que se trata de un tipo de diseño bastante partícular y al que no muchos se meten. Diseñar para video y sobre todo para televisión tiene sus pequeños trucos, a continuación les dejo algunas cosillas a considerar:

• El color en una pantalla de tv se ve mucho más saturado que en un monitor de computadora, por lo tanto en este caso por ejemplo se tuvo que bajar la intensidad del naranja para que al verlo en la televisión no te dejara ciego.
• Hay que tener en cuenta los márgenes de seguridad para TV, si colocamos contenido importante muy hacia los bordes, es probable que algunas pantallas de televisión se coman un pedazo.
• También hay que tener cuidado al momento de exportarlo, ya que debemos utilizar algún codec que nos de una salida óptima para televisión, en este caso utilizamos el Quicktime DV/DVCPRO NTSC a una resolución de 640X480
• El framerate no puede ser el mismo que comunmente se utiliza para multimedia (unos 12 o 15 frames por segundo) ya que si lo dejas así al pasarlo a televisión se verá lento o cortado. En este caso usamos 30 frames por segundo.
• Se debe tener cuidado con la implementación de textos ya que la resolución de una televisión es mucho menor (y hablo de la televisión de un mortal cualquiera, no nos metimos con HD ni nada) a la de una computadora, por lo tanto si por ejemplo usamos textos que al momento de estar editando leemos perfectamente, nos podríamos llevar un gran chasco al pasarlo a la tv y no poder leer nada por el tamaño de la tipografía

En fin estos son solo unos pequeños puntos que hay que tener en cuenta, como último consejo podría decir que siempre prueben su proyecto dándole salida a la televisión según vayan avanzando, para no encontrarse con sorpresas desagradables después de un render de una hora.

En este pequeño video que podríamos llamar un “Demo Reel” del vestido del canal, podemos ver una compilación de todo el material que se utilizaría para las transmisiones: Supers informativos, marcas de agua con el logotipo, gráficos informativos, ID del canal, pantallas de programación y cortinillas de entrada y salida. Espero sea de vuestro agrado y ¿ustedes qué opinan? ¿lanzamos el canal?

Pd. Visiten Ociotakus!
Pd2. La versión del video que subí a youtube fue exportada para multimedia, no es la misma que la que se usaría para video.
Pd3. Ustedes disculparán la calidad de compresión con la que quedó el video pero así lo decidió youtube

Una de las teorías psicológicas más citadas y bajo la cual se basan de cierta forma muchos estudios (en mercadotecnia, publicidad y recursos humanos entre otros) es la de la pirámide de necesidades de Abraham Maslow. Esta pirámide tiene 5 necesidades (de la base a la punta): Fisiológicas, Seguridad, Aceptación social (amor, afecto, etc…), Autoestima y Autorrealización. Sin las necesidades de la parte inferior simplemente no se tienen los cimientos para conseguir una de las superiores. ¿Cómo se puede aplicar algo parecido al diseño? La respuesta está en la Jerarquía de necesidades del Diseño.

Como pueden ver en la imagen que puse de encabezado, esta pirámide también se divide en 5 escalones, se basa en el mismo principio que la de Maslow, si no tienes las bases será muy difícil que consigas llegar a la punta. Estos escalones son:

1. Necesidades de funcionalidad
2. Necesidades de fiabilidad
3. Necesidades de utilización
4. Necesidades de competencia
5. Necesidades de creatividad

La clave para lograr un buen diseño según está pirámide consiste en empezar siempre desde el nivel básico y de ahi ir subiendo. Si se empieza por satisfacer una necesidad elevada y no se tiene todo lo de abajo, el diseño tarde o temprano fallará en algún punto. Todo esto se oye muy bonito y todo, pero ¿qué pasa cuando tratamos de aplicar algo de esto al mundo real (no sólo aquí en un texto)?… Intentaré desglosar estos puntos con un ejemplo real a ver si quedamos más claros en esto.

Producto de Diseño: Nintendo Revolution

Tomemos como ejemplo la futura consola de Nintendo, la cual hasta el momento lleva como nombre clave “Revolution“. Desde que fue anunciada causó gran conmoción por el grado de innovación que ofrece su control y el look tan inusual (al menos para las consolas de Nintendo hasta ahora) que presenta. Hasta el momento no se han mostrado juegos así que me enfocaré solamente en la consola como producto y utilizaré los datos que han sido revelados hasta el momento.

1.- Necesidades de Funcionalidad: ¿Se puede jugar?

Éstas tratan de satisfacer las necesidades de diseño más básicas. En este caso lo más básico es que, al tratarse de una consola de videojuegos, como mínimo nos debe dar la funcionalidad de jugar videojuegos. Si nos quedaramos en este nivel solamente, la consola no tendría mucho valor, sería casi como comprarnos cualquier aparatejo que mínimo nos permitiera jugar Pong.

Veredicto: Según los últimos datos, la Nintendo Revolution si permitirá que quien la compre juegue videojuegos en ésta .

2.- Necesidades de Fiabilidad: ¿Puedo jugar por más de media hora sin romperlo?

Esta área se refiere a la obtención de resultados estables y consistentes. ¿Se puede jugar correctamente algo de principio a fin? ¿Se oye bien? ¿No se calienta si juego por más de 2 horas? ¿No va a descomponer la televisión?. En este nivel un diseño todavía puede ser considerado de poco valor, ya que por lo general se asume que un producto que nosotros compramos, mínimo debe servir bien. Entonces muchos no tienen problemas para cumplir este objetivo (aunque otros muchos se ven en graves aprietos).

Veredicto: Nintendo siempre se ha caracterizado por hacer sus productos sumamente resistentes y de excelente calidad, no por nada tienen aquel mítico Seal of Quality

3.- Necesidades de Utilización: ¿Requiero estudios avanzados de electrónica para jugar?

Esto tiene que ver con el grado de complejidad al momento de usar un diseño. Si la dificultad es demasiado grande o si un simple error al utilizarlo puede ocasionar graves problemas, entonces no se están satisfaciendo este tipo de necesidades. Debe haber tolerancia a los errores. O a poco no es bien divertido cuando llevamos jugando un juego durante varios días y de pronto por un error de dedo borramos todo nuestro progreso?, o el sacar tu consola recién comprada y descubrir que necesitas hacer un relajo de cables y comprar accesorios especiales para conectarla a internet?. Si un diseño cumple con esto se considera de valor moderado.

Veredicto: Usar un producto de Nintendo es sumamente sencillo, con mirar el proceso que hay que seguir para conectar un Nintendo DS a internet es más que suficiente para tener un ejemplo de ello. Es un proceso sumamente simple e indoloro. Con el Nintendo Revolution seguro seguirán esa filosofía, y si a eso le agregamos la simplicidad de su control, creo que van por excelente camino.

4.- Necesidades de competencia: ¿Puedo jugar mejor que con otras consolas?

Esto se refiere a otorgar a los usuarios la facultad de hacer las cosas mejor. ¿puedo jugar más a gusto con este control que con el de la competencia? ¿Se oye mejor o se ve mejor este juego en esta consola o en la otra? ¿Puedo divertirme más jugando con esto que con otra consola?. Un diseño que ofrece satisfacer este tipo de necesidades es considerado de gran valor.

Veredicto: Nintendo es experto en esta área y siempre busca dar ventajas a sus consumidores por sobre las otras marcas. En este caso tiene una ventaja competitiva gigantesca y es toda su colección de videojuegos pasados que podrán ser descargados para jugarse, aparte de ser compatible con los discos y los controles de Gamecube. Por lo tanto ofrece muchísimos más juegos y un reuso de lo que ya habías comprado.

5.- Necesidades de Creatividad: ¿Jugaré de la misma forma que he jugado siempre?

Este es el nivel más elevado y se logra cuando todas las necesidades de un usuario se han satisfecho y se comienza a interactuar con el producto de una manera innovadora. El diseño pasa a explorar zonas que van más allá del propio diseño y del usuario. Con diseños de este nivel es con lo que se suele lograr una gran lealtad por parte de los usuarios. ¿Hay campo para nuevos géneros de videojuegos en esta consola? ¿Podré jugar y divertirme en formas novedosas?

Veredicto: En este terreno Nintendo es el rey, y no por nada es que tiene una legión de fanáticos sumamente leales. Realmente se preocupa por los videojugadores y los escucha en la medida de lo posible. Cuando todos pensaban en 2 controles nos dieron 4, cuando todos pensaban en una cruz direccional nos dieron un stick análogo, cuando todos pensaban en estático nos dieron un rumble pack… Ahora cuando todos pensaron en seguir con un control común, nos darán una espada, un bat, una pistola o lo que sea que el juego quiera que tengamos. Esto abre el horizonte para que se creen juegos que antes no tenían cabida, y que algunos otros se jueguen de maneras nunca antes pensadas.

Conclusión

Obviamente analizando cada uno de estos puntos (y eso que lo hice muy superficialmente) se puede ver que el producto será de una muy buena calidad y que sobrepasará los estándares y expandirá los límites de su mercado. Sin embargo nada es seguro, y si llega a fallar en alguno de los 5 puntos, seguramente no tendrá el éxito esperado y puede traerse a la compañía a la ruina. En este caso hablo de un diseño de producto, pero es evidente que todo esto se puede aplicar de una manera muy sencilla a cualquier proyecto que hagamos como diseñadores. Y creo que muchos problemas se podrían evitar en el proceso de diseño si desde antes nos tomamos un buen tiempo para planificar. Esta jerarquía nos puede servir también para diagnosticar diseños existentes. Los analizamos punto a punto y podremos identificar más rápido en dónde se requiere hacer algún cambio.

*Para hacer este post tomé como guía el libro: Principios universales de diseño

Hay muchos ejemplos de publicidad buena en los videojuegos, pero no hay tantos que tengan un buen manejo de ilustración y que lo mantengan en el mismo juego, un ejemplo de estos que me vienen a la mente sería The legend of Zelda: Wind Waker, en el que el estilo gráfico del juego y de la publicidad se mantenía constante y le daba un feeling muy partícular a la experiencia de jugarlo.

Me encontré ahora con la publicidad del juego “Where do babies come from?” para Nintendo DS, que es la continuación de “Feel the magic” para la misma consola. Desde su primera versión han manejado este mismo estilo de ilustraciones, quizá inspirados por la publicidad de los ipods podrían decir algunos. Lo interesante aqui es que asi como ven estos anuncios es como se ve el juego, es casi como si se pudiera jugar con una ilustración. Por aqui les dejo unos cuantos más, que los disfruten