Category Archives: tutoriales

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.

Sitio web de la Biblioteca Franciscana

Ahora que la web puede accederse desde una PC, una laptop, un SmartPhone o una tableta, se nos presenta una paradoja a los diseñadores: debemos creer en la estructura semántica del contenido de las páginas, pero también hay que cuidar más que nunca la presentación de la información considerando tanto al usuario como el dispositivo a usar.  Últimamente me ha llamado la atención estos sitios que aprovechan las ventajas del CSS para ajustar sus layouts dependiendo de su resolución, así que aproveché experimentar con un proyecto de rediseño web que tenía  pendiente: La Biblioteca Franciscana.

Mi solución es bastante artesanal y no tiene nada de sofisticada. Aunque hay artículos bastante completos sobre el tema, yo había leído alguna vez que tenía que ver con el viewport, y entre los resultados de mi búsqueda di con el uso del parámetro media y los CSS Media Queries. En los siguientes recursos está cómo emplear diferentes hojas de estilo dependiendo del medio:

http://css-tricks.com/6206-resolution-specific-stylesheets/

http://css-tricks.com/6731-css-media-queries/

http://www.w3.org/TR/css3-mediaqueries/

http://reference.sitepoint.com/css/mediaqueries

http://www.css3.info/preview/media-queries/

http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

http://www.thecssninja.com/css/iphone-orientation-css

En cuanto al diseño web, siempre tuve una preferencia por layouts fijos por tener un mayor control del espacio en ventana y por tomar en cuenta la resolución estándar de un usuario potencial. Nunca me había preocupado porque la información quedara bien acomodada en diferentes resoluciones; es un reto interesante conservar la estética reticular y mantener un flujo de lectura adecuado para cada resolución. Este tipo de soluciones requiere que tengamos una actitud algo quisquillosa y obsesiva, así como trabajar cada layout hasta quedar satisfechos.

Justo por el cambio de "paradigma" de fijo a adaptable, y ante una especie de "bloqueo ante la hoja en blanco", no quedaba conforme en (regresar a) maquetar primero en algún software de diseño, así que lo trabajé directo en pantalla. Un pro de esta decisión es que vas viendo "en tiempo real" como quedan las cosas en diferentes navegadores y resoluciones. Un contra es que podemos perder el control fácilmente —sobretodo si dejamos el proyecto un día o dos. Es importante hacer anotaciones en papel y documentar en las hojas de estilo para que recordemos por qué tomamos ciertas decisiones. En este proyecto, me resultaron —a mi juicio— muchas hojas de estilo y fui redundante en ciertas reglas, dejándolas en cada hoja porque no sabía como iba a verse "el final" en todas las resoluciones; algo así como "un cambio por aquí y luego ajusto por acá".

Con un layout fijo no considero útil que tengamos muchas hojas de estilo, pero dadas las múltiples resoluciones, parece ser necesario un mayor número de "enlaces". Un colega me sugirió hacer importaciones, pero al final descarté esta opción porque según hojeé, afecta el rendimiento:

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Otro punto importante es verificar la compatibilidad de los CSS Media Queries. Originalmente estaba muy feliz —tipo the Oatmeal— porque IE se comportaba decente; pero por no leer, me llevo la sorpresa de que fuera de IE 9, simplemente no funcionan:

http://caniuse.com/css-mediaqueries

Ante esta situación, decidí dejarle un layout fijo a todos aquellos usuarios que tuvieran de IE 8 para abajo y tomando como resolución estándar 1024 px de ancho.

Luego está el asunto del iPhone y del iPad. Hay que poner una línea de código que indique qué va a pasar cuando el navegador sea Safari. Esta línea asocia la variable "ancho" empleada en el CSS Media Query con el "ancho" del iPad, iPod o iPhone —según sea el caso. Además, resulta que cuando pasamos de modo landscape a portrait, o viceversa, se hace un zoom medio raro y es posible que los textos se desplieguen de diferente tamaño a como los observamos en una computadora de escritorio. Para validar todo lo anterior está como referencia el siguiente recurso:

http://stackoverflow.com/questions/2977550/iphone-safari-css-rotation-bug

A mi me divirtió mucho esta idea de presentar el mejor layout dado el ancho del iPod, iPhone o iPad. Sin embargo, siendo sinceros y "usables", la desventaja de jugar con diferentes acomodos de la información es que rompemos con la navegación (browsing) del usuario. Cuando alguno de estos dispositivos se rota 90 grados, debido a este re-acomodo, el usuario pierde vista la información de su interés. Lo anterior es más evidente en el caso del iPod/iPhone. Cognitivamente, lo que hacemos es "resetear"  el flujo de interacción; definitivamente algo no bueno para ningún usuario. En este proyecto, la mayoría de la información es estática y aquella que podría cambiar o agregarse durante el año, estará ubicada en la parte superior de las páginas correspondientes.

Una colega me señaló que estos ajustes automáticos no siempre convenían si trabajamos en una computadora de escritorio  —o en una laptop con pantalla grande — porque quizá el re-acomodo de la información podría perjudicarnos cuando llevemos a cabo una tarea más compleja, donde trabajemos con la información proveniente de diversas ventanas. Se me hizo un punto válido; por ejemplo, yo mismo he copiado y pegado información de una página web a Word o Excel. En este tipo de situaciones, debería de haber una opción para "fijar" el layout.

Por último, no olviden visitar http://ciria.udlap.mx/franciscana/ para enterarse de qué conferencias y exposiciones habrá en dicha biblioteca. Saludos :)

V Congreso Latinoamericano de Interacción Humano-Computadora CLIHC 2011

Se acerca pronto la fecha para enviar algún artículo a este evento que se llevará a cabo en Porto de Galinhas en Brasil. He tenido la oportunidad de participar un par de veces en este evento, y es una experiencia recomendable para discutir y observar los avances y nuestra realidad latinoamericana en el campo de IHC. Dejo abajo un video y la convocatoria para trabajos (en inglés) para que se animen. :)

Sitio web del congreso: http://www.cin.ufpe.br/~ihc_clihc2011/

Convocatoria:

5th Latin American Conference on Human-Computer Interaction
and
10th Brazilian Symposium on Human Factors in Computing Systems

IHC + CLIHC 2011 (http://www.cin.ufpe.br/~ihc_clihc2011/)

Porto de Galinhas, Brazil, October 25-28, 2011.

Main (strict) deadline: June 3, 2011.

Venue:                  Porto de Galinhas, Pernambuco, Brazil
http://www.portodegalinhas.com.br

---------------------------------------------------------------------------
KEYNOTE SPEAKERS
----------------------------------------------------------------------------
Alex Repennig (University of Colorado, Boulder - USA)
Jesús Favela (CICESE - México)

----------------------------------------------------------------------------
THEME
----------------------------------------------------------------------------
The joint conference theme is **FROM PERSONAL COMPUTERS TO FOLK
COMPUTING**, which explicitly evokes not only the speedy evolution of
context in the users experience with computers (from the individual to the
collective and societal), but also a leap in the knowledge level required
from users to take full advantage of widely available resources in Web 2.0
(from knowing about computers to knowing about computing). In the
not-so-distant past, full citizenship depended on being literate with
Maths and Language in order to use numbers and words efficiently to
achieve one's individual and collective goals in society. Now, this
depends more and more on being literate with Computers, and using programs
to express and achieve our social and civil goals, with the Internet
enabling new forms for communities and societies.

The conference organizers invite the Brazilian, the Latin American and the
International HCI communities to discuss the role of HCI researchers and
practitioners in developing interactive technologies that truly promote
Computing Literacy. We are interested in discussing the users' needs,
expectations, experiences and possibilities while using computers and
computing to participate fully in social and civil activities supported by
computer systems. In the context of Latin America, where this conference
takes place, we are especially interested in discussing how HCI can
promote and bring about increased levels of social development.

Contributions to the conference program should address one of the
following non-exclusive aspects of moving FROM PERSONAL COMPUTERS TO FOLK
COMPUTING:

•Accessibility and therapeutic uses of interaction
•Adaptive, adaptable, intelligent user interfaces
•Affective computing
•Augmented reality
•Computational literacy
•Context-aware interaction
•Effects of aging on interacting with computers
•End user programming and development
•Ergonomics
•HCI and citizenship
•HCI design - methods, tools and perspectives
•HCI education
•HCI evaluation - methods, tools and perspectives
•HCI impacts on society: social life, health, education, transportation,
sports, environment, etc.
•HCI theories and theoretical approaches
•Human-robot interaction
•Integrating HCI and Software Engineering
•Interacting with information visualizations
•Interacting with new devices
•Interaction and information processing
•Interfaces for mobile and ambient systems
•Internationalization and cultural aspects of HCI
•Iteraction and entertainment
•Legal issues in HCI
•Multimodal interfaces
•Natural user interfaces
•Organic user interfaces
•Social interaction (virtual and online communities)
•Speech interfaces
•Tactile interfaces
•Task ad user analysis
•Usable privacy and security tools
•Web interfaces

----------------------------------------------------------------------------
SUBMISSION DEADLINES
----------------------------------------------------------------------------
Full and short papers:
Submission: June 3, 2011 - 11:59 PM Brasilia Time (strict deadline)
Decision notification: July 18, 2011
Camera-ready due: August 5, 2011

Posters: June 10, 2011
Student Competition: June 10, 2011
Workshops: June 13, 2011
Tutorials: June 17, 2011

----------------------------------------------------------------------------
ORGANIZERS
----------------------------------------------------------------------------

General Chair
Alex Sandro Gomes, UFPE (Brasil)

Program Co-Chairs
J. Alfredo Sánchez, Universidad de las Américas Puebla (México)
Clarisse Sieckenius de Souza, PUC-Rio (Brasil)

Full Papers Co-Chairs
J. Alfredo Sánchez - Universidad de las Americas, Puebla: Mexico
Clarisse de Souza - PUC-Rio: Brasil

Short Papers Co-Chairs
Cesar Collazos - Universidad del Cauca: Colombia
Vania Neris - UFSCAR : Brasil

Workshops Co-Chairs
Leonel Morales - Universidad Francisco Marroquín: Guatemala
Jair Leite - UFRN: Brasil

Tutorials Co-Chairs
Eduardo Calvillo - Universidad Politécnica de San Luis Potosí: Mexico
Kênia Sousa - Intrasoft International: Bélgica

Posters Co-Chairs
Omar Sosa Tzec - UDLA Puebla: Mexico
Cristiano Maciel - UFMT: Brasil

Student Competition Co-Chairs
Mario Moreno - Universidad Tecnológica de la Mixteca: Mexico
Janne Oeiras - UFGD: Brasil

----------------------------------------------------------------------------
PROCEEDINGS AND POST-CONFERENCE PUBLICATIONS
----------------------------------------------------------------------------

The Conference Proceedings will be published in the ACM International
Conference Series (appearing in the ACM Digital Library). Authors of the
best papers of the conference will be invited to submit extended versions of
their work for publication in JISA (Springer’s Journal of Internet Services & Applications)
and/or JBCS (Journal of the Brazilian Computer Society).

 

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!

Del diseño y la innovación

Estoy casi seguro que la mayoría de nosotros tiene la imagen de un objeto/artefacto o situación "mejorada" cuando escucha la palabra innovación. Sin embargo, precisar qué es innovación podría resultar complicado y más aún, dar una respuesta cuando nos preguntan ¿cómo innovar?

diseno-e-innovacion

La RAE define innovación como:

Creación o modificación de un producto, y su introducción en un mercado.

Y tomando en cuenta que dicha academia tiene una definición del diseño como

Concepción original de un objeto u obra destinados a la producción en serie.

Entonces la relación entre el diseño y la innovación parece evidente. Diseñar es innovar e innovar implicar diseñar. Ajá. ¿Pero cómo?

El diseño como resultado de un proceso cognitivo para resolver un problema dentro de un contexto (aunque no sea así en todos los casos, desafortunadamente), está supeditado al conocimiento del diseñador mismo. Un conclusión rápida sería afirmar que la innovación se da a partir de una pluralidad de ideas.

Esto podría apoyar al punto de que "dos cabezas piensan mejor que una".

Sin embargo, la pluralidad se enfrenta a un problema inmediato: la comunicación de las ideas mismas. Si lográramos determinar los mejores medios y prácticas para la comunicación del diseño e innovación, aún está el pendiente de ¿cómo surgen esas ideas tomando en cuenta que cada cabeza es un mundo? ¿Cuáles podrían ser las variables a considerar dentro de un proceso de innovación? Es ahí donde entra la conformación una metodología asociada a procesos de innovación.

¿Qué involucra tener una metodología para innovar a través del diseño? En el diseño, ¿son los tan mencionados design research y design thinking?

Relacionado con esta cuestión, tuve la oportunidad de asistir a una charla y taller breve del Innovation Forum 09, llevado a cabo el 27 y 28 de noviembre en la UDLAP. El Dr. Fozzy Moritz, Director de SportKreativWerkstatt, ofreció la charla que tuvo por título: "Communication: What innovatorics is about".

fozzy

En la charla el Dr. Moritz platicó un poco sobre cómo su empresa, que se dedica a la innovación holística, aplica una metodología propia para proyectos de innovación. El punto a recalcar sobre dicha metodología es que la fase de "Generación creativa del concepto" se encuentra en sexta posición. Las etapas previas a ésta son las nombradas*  Energía y Motivación Dar comienzo al proyectoEstablecer el target vision (lo que la innovación pretende alcanzar) → La reflexión (una vez embebidos en el contexto) → Función principal (de hecho, según entendí serían las funciones/características potenciales consideraras para la innovación).

* Ya se, la traducción literal de los nombres resulta un poco extraña.

Después de terminar de contarnos sobre la metodología (incluyendo otras dos fases), el Dr. Moritz y otro miembro de la empresa, Christian Henneke, nos organizaron para realizar un pequeño pero interesante ejercicio: proponer algo relacionado con bicicletas tomando en cuenta las "restricciones de frontera"* y los potenciales de innovación**.

* En inglés "boundary conditions". Muy de ecuaciones diferenciales, ya sé. En sí, la restricciones dadas por el contexto.

** Aquello que facilita a la innovación.

mapa

El ejercicio consistió en listar qué podría considerarse restricciones y qué potenciales. De ahí, determinamos para cada uno cuáles podrían ser las consecuencias. Por ejemplo, si la "pavimentación" es una restricción, una consecuencia podría ser que las bicicletas no podrían llegar a todas partes. O bien, si "nuevos materiales" se considera como potencial, entonces la consecuencia sería la oportunidad de emplear material resistente a cambios climáticos pero amigable al ambiente.

Una vez teniendo ambas listas, podría entonces proponerse un producto, infraestructura o servicio innovador*. Al final, cada equipo pasó al frente a explicar su propuesta.

La resolución del equipo con quien estuve derivó en una bicicleta con ciertas características. Una idea que me latió mucho fue la propuesta de un miembro del equipo de que nuestra bicicleta tuviera un medidor de distancias de forma que a mayores recorridos, menor cantidad de impuestos pagaríamos.

* El hecho de contemplar infraestructura y servicio además de producto se me hace muy pertinente. Sobretodo al tomar en cuenta que actualmente es vital y redituable la innovación en las tecnologías de información y comunicación.

Aunque este ejercicio fue corto, me reafirmó la idea de que el conocimiento del contexto es relevante para la innovación. En adición, que si la creatividad puede ser considerada como el resultado de ideas aparentemente disjuntas para la solución de un problema, la innovación es la inmersión de este resultado dentro del contexto, mayormente en forma masiva, de forma que influye directamente en la percepción del problema.

Dado que los diseñadores tendemos a ser "inmediatos" con nuestras soluciones, la innovación parece indicarnos que necesitamos frenarnos un poco, pararnos "arriba de un banco" y contemplar el contexto del problema. Estoy convencido de que un enfoque metodológico no limita para nada el proceso creativo, al contrario, debería enriquecerlo. Dependiendo de la magnitud o complejidad de un proyecto, es posible caracterizar tanto a los usuarios como el contexto. Aún más, comunicar todo lo identificable no sólo podría marcarnos el camino (aunque sea "internamente", lo cual es muy aplicable a proyectos pequeños) sino a expresar necesidades y resultados esperados en términos de interés para el cliente (por ejemplo, como ciertas variables afectan el retorno de inversión, lo cual sería muy bueno en situaciones de proyectos grandes o muy formales).

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. :)

Semana de Arte y Diseño 2009 en la Unarte

El miércoles 15 de octubre tuve el gusto de participar en la Semana de Arte y Diseño de la Unarte Universidad del Arte, un instituto pequeño pero con un ambiente cálido y buen nivel de camaradería.

Semana de Arte y Diseño de la Unarte Universidad del Arte

La decoración de las paredes es muy particular, lo cual le brinda un carácter propio a este centro de estudios. Esos efectos ópticos me parecen geniales. ;)

Unarte

Salones para diseño de moda y arquitectura

Cafetería de la Unarte

Interior de la cafetería de la Unarte

Debido a otros compromisos, me perdí el resto de las charlas. Ya no tuve la oportunidad de escuchar a Tina Diez  y Ricardo Huitrón, dos colegas exaUDLAPs, pero estuve presente en la charla con Germán Montalvo, quien fue muy ameno en su plática y nos mostro una cantidad considerable de trabajo comentándonos para cada caso cuál había sido el proceso. Germán es bien conocido por su trabajo en cartel, aunque en esta charla nos mostró trabajo de editorial, cerámica/talavera e incluso muebles.

Las fotos las tomé con el celular. Una disculpa por la calidad de las fotos.

Germán Montalvo en la Unarte

Prototipo para la Guirnalda de Plata, presea del auditorio nacional.

Prototipo para la Guirnalda de Plata, presea del auditorio nacional.

Libro sobre Warhol

Libro sobre Warhol.

Plato de talavera.

Plato de talavera.

Portada de la revista Design Issues.

Portada de la revista Design Issues.

Agenda.

Agenda.

Ilustración de pájaros antropomorfos.

Ilustración de pájaros antropomorfos.

Broche con las mismas ilustraciones del libro.

Broche con las mismas ilustraciones del libro.

Germán hizo un par de comentarios que me parecieron muy acertados:

  • El diseño debe provenir de la realidad.
  • La gente desconoce que existe un proceso*.

* refiriéndose a proyectos de diseño.

Un servidor platicó sobre qué es arquitectura de información, ya que siendo futuros egresados en diseño estratégico, esta disciplina si al menos no se puede siempre implementar con todo el formalismo, sí es necesaria porque no sólo propone en términos del usuario, sino ejercita esa "manera de pensar" en forma estructural, muy conveniente cuando se tienen que solucionar problemas donde existe una gran cantidad de información o bien, una marcada carencia de esta.

Por mi parte quiero agradecer a Hilda Gabarrón (a.k.a. Higa) por la invitación y a los cuates estudiantes de la Uniarte por sus comentarios, retroalimentación y buena vibra.

Efectos visuales: 100 años de inspiración.

Gracias a Vuarnet, encontré en Isopixel el siguiente video de YouTube.

Lo que ha dejado en mi una sonrisa, es notar que muchas de esas películas "de siglo pasado" fueron parte de mi infancia, sobretodo cuando se dió el boom de las pelis "viejitas" en formato BetaMax. Realmente sí algo se podría agradecer de la industria de los efectos especiales y quizá ahora de los videojuegos, es que sí son una fuente de enriquecimiento visual para la gente con imaginación fertil. No estoy seguro si eso "mata" la expectativa y/o asombro visual, pero al menos sí conforma un archivo mental con el cual la gente puede construir internamente "imágenes" .

Archivo visual de trabajos

Ahora que me han estado solicitando un archivo de los trabajos de difusión en el CIRIA UDLAP, consideré más práctico hacerlo en línea que guardar copias impresas ya que:

  1. La gente puede acceder a la muestra de trabajos y quizá opinar.
  2. Puedo descargar una copia para alguna presentación.

La muestra de imágenes está en la cuenta de flickr del CIRIA y cuya liga al set es:

http://www.flickr.com/photos/ciria_udlap/sets/72157622453148894/

También aproveché para poner en línea un par de presentaciones en SlideShare, por lo práctico de acceder a ellas si es necesario y para ir conformando un archivo de presentaciones.

Aunque es muy propio conformar portafolios en alojamientos propios, aprovecharse de las plataformas relacionadas con las redes sociales resulta no sólo cómodo, sino también bastante práctico. Sería importante reconsiderar ya dejar todo un portafolio bajo un CMS con incrustaciones de otros elementos alojados en las redes sociales. En fin…