Category Archives: Diseño Gráfico

Tutorial rápido para sketchnoting

Como parte del curso INFO-I300: Diseño de Interacción Humano-Computadora en la Universidad de Indiana en Bloomington, he creado un pequeño tutorial sobre sketchnoting. Esta es la primera vez que escribo mi razonamiento detrás de la manera en la que tomo notas. Fue una experiencia interesante. Mis insights derivados de este ejercicio sonÑ

  • Sketchnoting ayuda a organizarsintetizar información.
  • Sketchnoting ayuda a desarrollar pensamiento metafórico.
  • Sketchnoting ayuda a desarrollar un código visual personal para la información.
  • Las herramientas son importantes (e.g., marcador de punta de aguja, marcador de punta de pincel y libreta de bocetos de buena calidad).
  • Saber dibujar no es tan relevante. Las anotaciones tienen que tener sentido para ti primeramente.
  • Consistencia es un aspecto clave para sketchnoting.

Y con base a mi experiencia, los pasos para un buen sketchnoting son:

  1. Escuchar
  2. Filtrar
  3. Anotar
  4. Codificar visualmente
  5. Relacionar el contenido

Espero que la presentación de abajo sea de utilidad para los interesados en sketchnoting.

Si el diseño fuera un pastel de primera comunión

Este post es anecdótico sin duda. En una ciudad cercana a donde vivo, hay un mercado muy popular para ir a comer lo típico: cecina. Justo mientras comía en un puesto, una familia estaba sentada junto a mi. La mamá estaba platicando sobre una situación que había pasado con el pastel de la primera comunión de su ahijado.

cecina

En la celebración de la primera comunión es común encontrar un pastel con cubierta blanca o en tonos marfil, típicamente adornado con algún motivo relacionado: una hostia, una cruz, unas uvas o bien, un cáliz de consagración. La señora comentó que tuvo un roce con el pastelero porque cuando llegó a "apartar" el pastel (dejar el anticipo y realizar su encargo), ella había sido muy específica de que el pastel tenía que ser de chocolate porque a su ahijado le gusta el chocolate. Así de simple.

Luego comentó que el pastelero le dijo: "Eso no se puede hacer". A lo que ella respondió: "¿No se puede o no quiere?". Como respuesta, el pastelero le preguntó que cómo era posible hacer un pastel de primera comunión que no fuera blanco, ¡todos los pasteles de primera comunión son blancos! Escuché que ella le respondió: "El pan y la cubierta pueden ser de chocolate y los adornos hechos a base de merengue blanco". Bueno, en realidad la señora se expresó con otras palabras, pero ese fue el punto: de que sí se podía.

Me quedé pensando entonces cómo está situación se da en un contexto de diseño. Podríamos pensar que este asunto sin duda está bien relacionado con el diseño de servicios, pero enfocándonos más en el diseño de lo visual (en proyectos de diseño gráfico, de información e incluso de interacción), ¿cuál sería el símil de esta historia? En realidad sólo dejo la pregunta al aire, aunque me quedé con un par de reflexiones y preguntas:

El pastelero pensando en él y en su negocio en general, debería ser tanto un buen pastelero como versátil: un pastel de chocolate le debería quedar tan sabroso como un pastel sabor vainilla. Para este caso, no escuché que se tratara de una persona que sólo hiciera pasteles de primera comunión. Considero que son varios factores a analizar, quizá cuestionarnos sobre el nivel de especialización del pastelero, su experiencia o la forma personal metodológica con la que enfrenta un problema y proyecta una solución. Quizá este asunto pueda verse también desde el punto de vista de la innovación, creatividad o incluso, de la mercadotecnia.

Hasta donde sé, en ningún lugar está acuñado en piedra que los pasteles de primera comunión sean blancos o que los pasteles de niña sean color rosa. Sin embargo es una convención de fuerte carga simbólica tanto en los colores como en las figuras. Aunque es verdad que esto no está relacionada con cubrir la necesidad del ahijado. Vamos, el niño quería su pastel de chocolate por algo. ¿O el pastel es realmente para satisfacer (al menos en cumplir con las convenciones dentro de este tema) a los invitados? En todo proyecto, no sólo está el cliente, sino también el usuario y otras personas involucradas; eso hace muy interesante y particular la toma de decisiones dados diversos factores.

En este round pastelero, ¿el experto (el pastelero) debió imponer racional o apasionadamente su punto de vista o hizo bien en aceptar al final las órdenes de su cliente? ¿Fue descabellada la cliente en hacer semejante solicitud con tal de satisfacer el antojo de su ahijado? Y si tomamos en cuenta que lo importante es el rito religioso y su simbolismo, ¿no debería al menos un sacerdote dar sus recomendaciones? Cómo tomaría la mamá e invitados un pastel obscuro en un evento como éste, aunque al final acaben disfrutando e incluso repitiendo rebanada en caso de que el pastel estuviera sabroso?

Bueno, ya estoy exagerando… en realidad esta anécdota, la cual no impidió que disfrutara mis tacos de cecina, sólo causó la curiosidad de preguntarme: ¿qué implicaciones se tendrían si se tratara de un proyecto de diseño?

Saludos. :)

Exposición tipográfica

Aunque de niño estuve rodeado de tipos móviles, realmente no me fijaba tanto en las caras de los tipos, sino más bien, me quedé con la idea de que el arreglo y composición del texto completo era importante porque observaba que había una forma ordenada para hacerlo. Quizá por eso al principio comulgaba muy bien con estas ideas del grafismo suizo. Sin embargo, después de ser expuesto a comprender la tipografía a un nivel quizá un poco más detallado, me he vuelto primero loco y luego más tolerante a la variedad de formas en los mensajes de texto, intentando cuestionarme cómo la tipografía, ya sea a nivel macro o micro, sí influye en la proyección del mensaje tanto como un todo, así como su convivencia con otros mensajes dentro de un entorno.

Asistí recientemente a un evento que me hizo recordar este asunto sobre la importancia de la tipografía en los mensajes gráficos y sobre cómo el usuario/lector/audiencia se encuentra expuesto a veces a tanta diversidad que me pregunto cuánto hace nuestro cerebro para evitar la ansiedad de una saturación de forma y contenido.

Desde mi lugar en esa ocasión veía algo más o menos así:

Jornadas Bibliotecarias de la BUAP

Mientras escuchaba la charla que muestra la fotografía de arriba me quedé pensando sobre este asunto de la exposición tipográfica. A continuación está un acercamiento:

jornadas02

Si no me equivoco por ahí está Copperplate, Calibri, Verdana y Arial (no veo bien si es Helvetica). Así, bajita la mano hay tres "tipos de letra". En la presentación hay dos "tamaños" (para "Muestra" y el resto para el texto en la tabla). Ahí mismo hay tres pesos distintos (el de "Muestra", el de los encabezados de la tabla y el resto). Y en la manta, sólo en el logotipo hay dos fuentes diferentes y tres tamaños. En adición, se pueden distinguir en la manta al menos seis tamaños diferentes en los pesos (que creo en mi un conflicto sobre qué es importante y qué es secundario). Y en ambos casos (presentación y manta), se añade la variable del color.

La razón por la que me dejó pensando es porque no podía evitar ver la presentación y la manta como un grupo. Es que hay algo en la manta, certero sin duda, que hace que te enganche visualmente: el rostro. Al final "carita mata texto" (en el tono del dicho popular mexicano) porque debido a que tendemos mucho a fijarnos en las partes de un rostro como ojos y boca, el de la manta está funcionando como una gran ancla visual, lo cual, perjudica en este caso poner atención a la presentación.

No es cuestión de si este diseño "está bonito" o "no está bonito", si está bien o está mal. La vida no puede ser aburrida y  poner todo en Helvetica y en tonos neutros con tal de evitar la "contaminación visual", y como consecuencia de ser creado por el hombre, el egocentrismo se extiende en lo que creamos, incluyendo los mensajes visuales y textuales (sobretodo si tiene que ver con presencia y lucro como con las marcas). Sin embargo, sí creo que como diseñadores, sabiendo que todos estamos tan expuestos a este bombardeo visual, de mucho en mucho, debemos cuidar detalles como una buena selección tipográfica, jerarquizar y colorear de formar que los textos tengan su impacto cuando se deba pero que no sean tan entrometidos cuando no se les esté prestando atención.

Saludos.

Tema de tesis de licenciatura en diseño

Un estudiante de los últimos semestres de una licenciatura en diseño gráfico me contactó para charlar sobre cuál podría ser su tema de tesis. En muchas universidades mexicanas, la "tesis" ha sido la forma tradicional de titulación, aunque actualmente ya existen otras opciones. Pues bien, encontrar el "tema" en cualquier licenciatura siempre ha sido un problema cuasi existencial para los estudiantes. En cuanto a diseño, un post ameno y que aborda el tema son los "Consejos para tu tesis" por los Alquimistas del Diseño.

Podríamos discutir placenteramente sobre qué es una tesis o no, y sobretodo, qué es una tesis en diseño a nivel licenciatura. Aunque no es el punto de este post, sí quiero expresar que en muchos casos, no realizamos una tesis tal cual sino un documento sobre el desarrollo de un proyecto. Independientemente de que los egresados de diseño elaboraron tesis o tesinas, siempre está el asunto del tema.

Este estudiante me comentó que además de ser un proyecto de titulación en equipo de tres, estaban muy interesados en Guerrilla Marketing y/o BTL, y que el problema era que no sabían qué "tema social" trabajar. Mi sugerencia fue la siguiente:

  1. No pensar en el problema. En vez de pensar en el problema, notar que social involucra casi todo, prácticamente donde el hombre "ha metido mano". Le sugerí que mejor hicieran una lista de temas (mediante una lluvia de ideas).
  2. De esta lista seleccionar uno o dos temas. No más.
  3. Para cada tema, ahora sí, discutir y exponer una serie de  problemas o necesidades.
  4. Seleccionar un problema.

En teoría, a partir de este problema debería generarse un marco contextual que explique sobre el problema: qué es, por qué surge, qué consecuencias ha tenido, con qué se relaciona, etc.

Después viene la recopilación de la información sobre la "herramienta". Por ejemplo, en este caso el BTL sería la "herramienta" para atacar el problema seleccionado; entonces hay que colocar en el documento la información necesaria que muestre el qué y el cómo: qué es el BTL, cómo se generó, dónde aplica, cuál es la situación actual, sus ventajas, desventajas, casos exitosos y ejemplos concretos, cómo se evalúa, etc.

Así, con una parte de la información que sumerge al lector en el problema y otra que da base al proceso de diseño, se podría proponer algo que apoye o sea una posible solución, para después evaluarla y reportar resultados. De toda la experiencia (lo reflexionado sobre el problema y el desarrollo, así como los resultados) se llegarían a las conclusiones.

En realidad es tanto emocionante como complicado (a nivel personal) seleccionar el tema. Ya sea a nivel proyecto o pensando en proponer una teoría, uno espera siempre hacer la tesis. No queda más que llevar las cosas con tranquilidad, y como me mencionó un colega: hay que leer (mucho).

Saludos y suerte a quienes andan en ese proceso.

Pensamiento de Diseño

En las ciencias es algo "natural" que dado un problema, nos pongamos a analizarlo para entender qué está pasando y dar así una solución. Esto es, ir "descomponiendo" el problema hasta entender cada una de estas partes. Dadas nuestras experiencias pasadas o con las herramientas practicadas durante la formación profesional (cuando estudiamos en la universidad), entonces determinamos cómo atacar el problema y plantear una solución. En algunos casos, dicha solución es evaluada y se realizan cambios hasta minimizar el margen de error.

En disciplinas como el diseño, se sabe que el problema tiene que resolverse, y entonces el diseñador comienza un "proceso creativo" que podría imaginarse como una plastilina a la que se le va dando forma, agregándole o quitándole, o incluso mezclando con otras cosas (como dejando volar la imaginación y suponiendo "qué pasaría si"). Al final tenemos una síntesis, la cual proponemos como una solución al problema planteado. En algunas ocasiones, si no es que en la mayoría, el "producto de diseño" es liberado sin que realicemos una evaluación que garantice este bajo porcentaje de error durante su uso. Sin embargo, la síntesis sí tiene inherente otros aspectos considerados más "humanos", "emocionales" o incluso "artísticos" que no derivan necesariamente de un método concreto deducido del análisis del problema.

La dicotomía análisis-síntesis parece que nos da dos grandes áreas en dónde pararnos: o tenemos un enfoque científico y/o de ingeniería; o bien, nos vamos a algo más "constructivo" y "libre" como en las artes y el diseño. Con respecto a este último punto, si fuéramos del área de ingeniería, sería válido preguntarnos: ¿los diseñadores no analizan el problema, sólo crean?

Y es que esas palabras "crear" y "creatividad" son un arma de dos filos a mi juicio.

La idea, no tan nueva, del Design Thinking o pensamiento de diseño, en términos muy generales, es que logremos una solución para un problema de forma que sí metemos "punch" a nuestro lado analítico, en adición a conseguir una empatía con el usuario y todo lo que conlleva. Esto último es prácticamente el paradigma de diseño conocido como "diseño centrado en el usuario".

Fases del pensamiento de diseño o design thinking

Con el entendimiento y la "empatía" bien asentados, tenemos entonces este proceso de ideación con el cual damos peso a nuestro lado de síntesis. Un factor clave en el pensamiento de diseño, a diferencia de tomar un "método" como podría ser en la ingeniería, es dejarse "volar". En sí, llegamos a soluciones quizá no convencionales como parte de este "proceso creativo".

Exposición de ideas antes de armar el prototipo.

Dentro del pensamiento de diseño la evaluación juega un papel importante, ya que de alguna manera sirve de input para que caigamos otra vez en ese juego de análisis-síntesis. De hecho, esta "formación" para la solución de problemas es claramente no lineal.

Presentación de prototipo.

Algo importante de todo este "rollo" llamado pensamiento de diseño, es la conformación de grupos provenientes de diversas disciplinas. Es complicado, pero es verdad que el proceso de ideación se ve enriquecido. Como "pensantes del diseño" tenemos que estar sensibles a otras formas de pensar. De hecho, a veces estamos tan enfrascados en nuestra "formación" que podemos decir que el design thinking es "lo mismo" (proponer, por decirlo así) pero cuando presentamos nuestras soluciones, se puede notar que "no pasamos de lo mismo" y entonces la innovación para la solución del problema, simplemente no fue alcanzada. Puede decirse que esta forma de trabajar del cerebro, entre iterativa y aparente desordenada, es más compleja de lo que parece.

Clusters de ideas visuales.

Presentación de carteles.

Las imágenes de este post corresponden al taller "Del pensamiento del diseño y un par de suspiros", llevado a cabo el 29 de abril de 2010. Gracias a la Universidad Modelo de Mérida Yucatán por invitarme a participar. El taller fue una introducción a este tema, además de tratarse en forma breve el tema de identidad visual. Como ejercicio de "calentamiento" hicimos un clustering de ideas visuales para conformar un diccionario visual. Este ejercicio me gusta mucho, no como una metodología estricta, sino como una guía para dirigir el proceso de diseño de un cartel y slogan. Espero luego escribir un post al respecto. :)

¡Saludos!

Factor sorpresa en publicidad

Siempre ha sido una monserga promocionar un producto o servicio, porque es necesario que quede en la mente de las personas como algo deseable, algo que se desea consumir. La publicidad tiene sus jugarretas interesantes para incrustar esta idea de deseo y/o tomar acción.

En repetidas ocasiones he notado que cierto tipo de publicidad apela a la inteligencia del consumidor. Hay un comentario, una actitud en los personajes o algo en el mensaje publicitario que hace que el espectador ponga una cara de "¡Ja! Si las cosas son así, qué tontos" o de "Soy más listo porque se mejor lo que conviene que los mismos personajes que aparecen en el anuncio".

Otro que he notado es el factor de la lógica o la razón: mostrar al consumidor datos crudos para convencerlo de que es lógico o razonable las bondades asociadas al producto o servicio que se publicita.

Por otro lado, en la ciudad en la que vivo, es común que en horas pico pase alguien en los cruceros y te reparta tarjetas sobre clubs nocturnoschicas que dan masajes ejecutivos. La tarjeta casi siempre de dos vistas, incluye al frente el atractivo visual y al reverso los datos de contacto.

Como anécdota, me ha tocado ver en más de una ocasión al estar en un crucero yendo en taxi, como el chofer guarda la tarjeta dentro de un fajo de otras similares, las cuales son acumuladas en promedio durante la semana.

Ahora bien, hace un par de semanas recibí de un alumno la tarjeta que se muestra abajo. Me sorprendió la actitud de este cuate para darme dicha tarjeta en frente de sus compañeros.

Tarjeta de chica sexy en servicio

Me dije: "bueno, actúa cool. Total, de seguro le dieron muchas en el crucero". Como dejé la tarjeta asentada ahí, me preguntaron que si no la iba a ver. Sorpresa la mía al checar el reverso de la tarjeta.

Reverso de tarjeta de chica sexy

Me provocó una sonrisa. Es sobre una serie de eventos, incluyendo este documental, sobre la trata de mujeres. Oh.

Creo que en un buen rato, aún sabiendo de la existencia de la publicidad de guerrilla y BTL, no me había tocado realmente ver algo que me pareciera simple, efectivo, barato y como dicen: "creativo". De hecho, lo probé con una colega y su primera reacción fue de asombró y ofensa inmediata. Claro que también le dije que que viera el reverso y el efecto fue similar.

Este caso me pareció acertado porque no fue el típico bombardeo de mensajes publicitarios que te quieren hacer sentir más inteligente o más tonto, sino fue sacarle jugo al factor sorpresa de darle "la vuelta" a lo cotidiano; ya que hay todo un "bagaje" incrustado en el mensaje, y (¡bam!) el objetivo de la campaña es del tipo "fíjate que creías que el asunto iba por acá, pero no". Además, de que se combina con otro tipo de publicidad que he notado, que es aquel que busca crear un consciencia en el consumidor/espectador. Interesante, ¿no creen?

Propuesta de header para NFG! blog de diseño

Hace un par de semanas, elBarbón! y sus colaboradores de NFG! lanzaron una convocatoria para proponer el header de este blog. Originalmente se invitaron a ilustradores conocidos para este proyecto y luego lanzaron una convocatoria abierta. Me animé porque, entre los blogs de referencia, el blog de elBarbón! es de mis favoritos por contenido (mostrando realmente NiceFuckingGraphics!) y por los diferentes layout que ha manejado en él. Mi propuesta desafortunadamente no quedó, aunque me divertí mucho en el proceso.

La lista de ganadores fue publicada ya en el blog. De hecho se puede acceder a la lista completa de propuestas (aunque tarda en descargarse, al menos en la red que uso).

La ilustración base es un dragón marino, al estilo de otros "alebrijes" que he dibujado por gusto. Aunque la primera vez que hice un "alebrije" marino era una ballena, en esta ocasión decidí jugar con la mano para darle un "rostro" de can o algo similar. Terminados los trazos, vino la "escaneada" (en un scanner aéreo debido al tamaño del folio).

escaner-cama

folio

Con las figuras listas, vino la parte de acomodo. La idea era dejarlo así "tosco" porque me interesaba que fuera un dibujo/boceto.

estrellas-olas

roca-pajaro

nfg

dragon-marino

Por último, la iluminación del fondo con un estilo de "acuacolor" (un marcador de agua). He aquí el resultado.

nfg-banner

Aunque ahora trato de hacerlo con más frecuencia, no suelo bocetar para llevar a cabo experimentos visuales o divagar visualmente. Sin embargo, creo que es interesante y refrescante idear cosas no relacionadas con una línea de trabajo y sin ningún compromiso; de ahí que tomara este concurso para romper un poco con la rutina. :)