Tag Archives: design

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.

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.

g-speak de John Underkoffler

Del post que hice sobre "Ironman, HCI y algo de Infodiseño", Saul me dejó el siguiente comentario:

En verdad se manejan varios conseptos de GUI y HCI, pero esto ya rompio la barrera del cliché cinematográfico, verás la persona que asesoro a Ironman y Minority Report en el ambito “futurista” es un reconocido investigador del MIT que ya ha desarrollado un interfaz espacial llamada g-speak. Su nombre John Underkoffler y para muestras de lo que ha logrado aqui les dejo su pagina de videos oficiales: http://www.vimeo.com/user922585.

Gracias por compartirme esta información. Inmediatamente me fui a revisar la liga de Vimeo y qué agradable sorpresa resultó el g-speak. Abajo dejo el video de este sistema ambiental para quienes gustan de las interfaces por gestos.

g-speak overview 1828121108 from john underkoffler on Vimeo.

En corto y para acceso rápido: John Underkoffler, fundador de Oblong Industries, es doctor egresado en 1999 del Tangible Media Group del Media Lab del MIT, grupo dirigido por Hiroshi Ishii.

Diseño y la mente elástica del MoMA

Dentro de las Conferencias TED publicadas en línea, se encuentra una sobre la exposición del MoMA que muestra el resultado de combinar el diseño con la ciencia. Su nombre es "The Elastic Mind", y la charla en línea, es un previo que ofreció su curadora, Paola Antonelli, en diciembre del año pasado.

Ya ahora, el sitio web muestra los más de 300 proyectos seleccionados. Éste tiene una forma particular de navegarse, mostrando la relación entre las categorías o tipos de proyectos a través de un grafo. Aunque esta forma se siente rara en un principio, después resulta útil dentro de tanto contenido.

Usuarios de mac: por cierto, no se ve en Safari, sólo en Firefox.

 

Design and the elastic mind

Música doblando el papel

Apuntador de luz para teclado y mouse

Aquí dejo el video con la presentación de Paola Antoneli dentro de las TED Talks:

Tutorial de Arquitectura de Información en Webmonkey

A principios de la década, a mi juicio, uno de los mejores recursos para los interesados en el diseño y desarrollo web era Webmonkey, gracias a sus buenos tutoriales y otros artículos. Entre los primeros se encuentra el "Tutorial de Arquitectura de Información Web".

Si necesitas conocer qué es y cómo se aplica este concepto en un sitio web, te recomiendo echarle un vistazo a este tutorial; su contenido es presentado con claridad, cubriendo los puntos necesarios en forma concisa.

Liga:
http://www.webmonkey.com/tutorial/Information_Architecture_Tutorial

¡Qué bien que Webmonkey está de vuelta! Un portal dónde se aplicaba bien el concepto de que el contenido es el rey. Espero que en esta versión se repita la historia.