Posts etiquetados con ‘diseño’

La muerte de las affordances físicas

Escrito por Tzek el 01/09/10
Clasificado en: Diseño de Interacción, Diseño de Interfaces, Diseño y Sociedad, HCI, Reflexión, Tecnología

Quizá algunos recordemos el video con el MTV comenzó sus emisiones: “Video killed the Radio Star“. Eso me recuerda que podríamos aplicar hasta cierto punto esa frase con los cambios sucedidos durante el tiempo, sobretodo en estas cuestiones de Diseño de Interacción y Tecnologías de Información. Por ejemplo: “Facebook/Twitter killed the Blog Star”. En esta ocasión vino a mi mente “Touch killed the Affordance Star” ahora que me enterado del lanzamiento de la última versión del iPod Touch y iPod Nano.

En caso de que no estés familiarizado con el tema de affordances, quizá este post podría ser de apoyo.

No me considero un Mac Fan Boy (del todo), pero admito que para empezar, es sorprendente el avance tecnológico de esta compañía en el último par de años. De pasar de un disco duro portátil con el iPod (hasta su versión “Video”), ahora tenemos algo tan liviano, con alta calidad de imagen y que además permite comunicarnos viéndonos los rostros. Vamos, metafóricamente podríamos decir que es “tener Internet en el bolsillo”. Aún no llegamos al ápice del concepto de la Computadora Invisible introducido por Mark Weiser, pero la realidad “ubicua” (computacionalmente hablando) de nuestro presente no deja de ser sorprendente después de todo.

ipod2010

Con respecto a la muerte de la affordance, es porque desde la salida del iPod Touch, y luego del iPhone, siempre he creído que una pantalla touch nunca remplazará las “ventajas interactivas” que tiene una interfaz con controles físicos, como sucede con los botones: su textura, forma, altura, reacción ante la presión, propiedades estéticas inherentes en el objeto, entre otras. Sin embargo, el touch es una realidad; en el caso de Apple, parece que la click wheel va de salida.

Lo touch no tiene su importancia en ser “lo que está in“; en realidad es algo intuitivo ya que desde chicos nos metemos los dedos en la nariz y en la boca, rascamos la tierra para descubrir qué “bichitos” andan caminando en ella, e incluso no dudamos embarrar la mesa con nuestra comida y expresarnos artísticamente (supuestamente, claro). Así que lo táctil es algo natural, algo sencillo de entender.

nano2010

Sin embargo, y eso lo podemos notar desde el principio de la aparición de estos aparatitos táctiles, que hay que compensar una cosa con otra: a falta de una demostración evidente de cómo interactuar con el producto debido a sus mismas características físicas, es necesario enriquecer la interacción de manera visual con evidentes cambios de estado visual a través del tiempo. Sin una obviedad gráfica en las interfaces del iPod/iPhone (por ejemplo, que los botones se vean como botones) y sin las respuestas visuales (como cuando se corren los paneles con cierta velocidad/fricción/sentido), estoy casi seguro que sentiríamos la interacción “estúpida” o “fría”. La experiencia entonces está supeditada a estresar otros sentidos ajenos al toque, en este caso la vista.

ipad

La duda está en que si lo touch resulta igual o más intuitivo para interactuar con interfaces ricas o complejas en información (visual, textual o auditiva), entonces ¿cuántas cosas y hasta dónde exageraremos para que todo esté en pantallas táctiles? ¿Cómo este “avance” limita o “agacha” el desarrollo de otro tipo de interacciones más físicas o de interfaces intangibles como las construidas a través de voz? Es algo complejo según lo veo.

¿Qué vendrá entonces con los futuros iPod? ¿Se doblarán o estirarán como un display con comportamiento de plastilina? Espero llegue a ver los objetos con interfaces maleables/orgánicas como parte del día a día. Estaría genial.

* Imágenes tomadas de Apple.com con fines meramente de ilustrativos.

De arquitectura de información, wireframes y discusión entre expertos

Escrito por Tzek el 16/08/10
Clasificado en: Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, Reflexión, Tertulias

Este post expresa una experiencia similar a la descrita en “El prototipo como herramienta de discusión/diseño“, solo que en esta ocasión decidí acudir al wireframe como parte de las herramientas de discusión para que entienda qué debo diseñar de un sitio web, no sólo de su contenido, sino también cómo resulta válida su arquitectura.

Fui invitado a participar en un proyecto sobre un catálogo en línea de un tema del que desconocía todo. En este caso, la gestión de dicho catálogo es posible gracias a un sistema en el que trabaja una colega Ingeniera en Sistemas. En realidad mi participación original era sólo para elaborar un front page, lo cual desde mi punto de vista ya no se estila. Comenté en su momento que el home debe ser más que una carátula con un vínculo hacia un catálogo (lo cual a mi juicio rompe con la consistencia navegacional). Debería ser un punto de partida a la tarea principal del usuario (i.e. navegar el catálogo) o hacia otras tareas que requieran (como en este caso) el consumo de información textual nada más. Pues bien, aunque mi participación no involucra algo complejo como la gestión misma del catálogo, en parte confieso que es un esfuerzo para hacerme más divertido el trabajo.

Boceto de propuesta de home en vez de una carátula simple.

Entonces, en vez hacer un prototipo de baja fidelidad (i.e. el mockup a la photoshop), después de oir en juntas y con mi colega cómo funcionaría el catálogo, idear una arquitectura realmente simple (adecuada en este proyecto) y realizar un boceto que después se convertiría en un wireframe.

Close-up del wireframe

Estos han sido algunos puntos derivados de esta experiencia:

El papel todo aguanta. Los cambios son fáciles de “realizar” durante la discusión en las juntas. Basta con “rayar” directamente sobre el papel.

Resultado de los primeros cambios discutidos en junta.

Discusión sobre contenidos y navegación. Que se tenga sólo un wireframe frío sí evita que las discusiones se vayan a aspectos gráficos como los colores o la estética.

Aprender sobre el tema escuchando. Dado que la mayoría del equipo son los expertos sobre el tema, suelen expresarse con la terminología adecuada y también tener una idea muy marcada de cómo les gustaría que se diera el proyecto. Es conveniente escuchar y preguntar de vez en cuando, al menos para cuestionar la decisiones, tomando en cuenta que lo importante es “si le funciona esa idea/decisión al usuario”.

Wireframes impresos para discutir la arquitectura y contenido de las secciones, más allá el home.

Una arquitectura orgánica se puede generar a partir una discusión de expertos. En casos donde la navegación parece sencilla, con wireframe en la mano, se puede ir determinando el esquema de navegación global y local mediante discusión. Esto provoca que los mismos expertos realicen el labeling. Aún más, te permite replantear en la cabeza, como diseñador, el acomodo “visual” de la misma información, conforme se va escuchando lo discutido en las juntas.

"Mapa de navegación" final.

Ya falta entonces, armar el look and feel para la interfaz, comenzar a ensamblar las páginas estáticas y la integración con las páginas dinámicas generadas a partir del sistema seleccionado. Veamos cómo sale. Saludos :)

Tema de tesis de licenciatura en diseño

Escrito por Tzek el 24/06/10
Clasificado en: Diseño Gráfico, Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, Reflexión, Tertulias, tutoriales

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

Escrito por Tzek el 05/05/10
Clasificado en: Diseño Gráfico, Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Diseño y Matemáticas, Diseño y Sociedad, HCI, Métodos y proceso de diseño, Profesión, Reflexión, Tertulias, tutoriales

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

Escrito por Tzek el 12/04/10
Clasificado en: Diseño Gráfico, Diseño y Sociedad, Publicidad y MKT, Reflexión

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?

Anécdotas sobre la experiencia de uso, usabilidad y el modelo mental del usuario

Escrito por Tzek el 26/03/10
Clasificado en: Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Diseño y Sociedad, HCI, Profesión, Reflexión, Tecnología, Tertulias

Un día mientras estaba en un aula de cómputo se acerco una profesora, alrededor de los 50, que me pidió permiso para usar la máquina que estaba junto a mi. Lo que deseaba era subir sus tareas a la plataforma educativa utilizada en un curso dentro de un diplomado de actualización tecnológica para docentes.

La profesora tenía que subir la tarea correspondiente para cada sección del curso. Me solicitó ayuda, accedí con gusto y juntos conectamos el USB, buscamos la liga para subir la tarea dentro de un mar de opciones para la primera sección (del curso), buscamos la carpeta con los archivos dentro de la USB y subimos el archivo; sin embargo, para el resto de las veces ella no pudo realizar la tarea por si sola, tuve que seguir asistiéndola. ¿Por qué?

En ese momento recordé que esto de la usabilidad parece algo tan tonto a veces. Tonto, hasta que uno se da cuenta de que los usuarios sí tienen problemas al interactuar con el producto. La profesora, al igual que sucede con personas cuya alfabetización informática es deficiente, caracteriza la interacción como una secuencia lineal cuasi-estricta que deben de seguir para completar la tarea. Por lo tanto, al no “aprender un paso”, se pierden completamente.

Tengo la conjetura de que  alguien con mayor alfabetización tecnológica, sobretodo cuando se va volviendo experto, comienza a relacionar ideas. Por lo tanto, no intenta realmente aprenderse la secuencia de pasos para realizar la tarea, sino que estructura todo un modelo mental que involucra los conceptos (lo que se entiende por archivo, arrastrar, abrir, memoria, movimiento, etc.) así como los diferentes “caminos” con los que puede realizar la misma tarea, lo cual implicar el entendimiento de cómo moverse “en ese espacio” (en este ejemplo la plataforma educativa).

Algo evidente en esta experiencia fue notar que la usabilidad está ligada a la arquitectura de información. Habían muchas opciones y prácticamente la profesora sólo requería aquellas que le mostraran a) en que sección está subiendo la tarea y b) cómo subir la tarea. Entonces, lo complicado está en hacer una “reducción de puertas” por las que tiene pasar el usuario mientras va “navegando” en este espacio y más aún, que dichas puertas esten bien “marcadas”. Sí note a la maestra hacer recorrido visual para las opciones que dispone la plataforma, pero también notaba una expresión de que no entendía bien a lo que se referían tantas palabras.

En días pasados, me llamaron para asistir a una investigadora que estaba transcribiendo, según vi, unas notas periodísticas sobre el tema de braceros y también estaba registrando algunos detalles importantes sobre dichas notas. Cuando llegué estaba algo exaltada porque no entendía porque el Word le ponía el párrafo que estaba tecleando en ese momento en rojo cuando ella lo único que quería era ponerlo en subrayado o negritas (no recuerdo bien). ¿Qué es lo que estaba pasando?

La verdad no tenía idea. Pero algo que se me ocurrió fue dar clic derecho para obtener opciones sobre ese párrafo. Entonces noté algo parecido a “aceptar inserción”. Di clic y el texto cambió a negro. Supongo que el párrafo en rojo era para dar evidencia en el manejo de versiones entre lo que ya estaba guardado y lo nuevo.

Desde mi perspectiva, ambas mujeres me figuraban que usaban con sus respectivas herramientas en forma “mecánica”. Por ejemplo, la primera profesora solo quería saber dónde estaba el archivo y en qué lugar debería de colocarlo, literalmente. Como cuando mueves un objeto dentro de un cuarto. En el caso de la investigadora, me imaginé que era una persona que usaba la máquina de escribir y luego con el desarrollo tecnológico tuvo que usar Word. Obviamente en la máquina no podías hacer inserciones nuevas sobre lo ya escrito.

Un punto que me llamó la atención con la investigadora, supongo que parte de su personalidad, es comentar cosas como “no se qué le apreté”, “yo estaba trabajando y no se que pasó”. De alguna manera lo relacioné con el caso de la primera profesora, donde el “no entender” es literalmente eso: no entender con qué estás interactuando.

Por ejemplo, dado el caso de la investigadora, mi conjetura es que el problema es la falta de correspondencia uno a uno entre el modelo de lo ya conocido (la máquina de escribir) y el modelo mental que involucra la nueva herramienta (la laptop más el Word). Obviamente el último es mucho más grande que el primero, y que al parecer está contenido (la idea de la máquina de escribir, teclear en una hoja sólo que ahora en la laptop).

Extender el modelo mental sobre el objeto antiguo para derivar en uno nuevo más complejo, puede ser complicado. La herramienta debe tener un diseño que brinde una buena curva de aprendizaje durante el proceso. Algo me dice que cuando no logramos bien esa curva, claro que podemos utilizar la nueva herramienta, pero nos quedamos utilizándola en esta forma “mecánica”.

Después, con la misma usuaria, surgió otra emergencia: después de alcanzar alrededor de 200 hojas en su documento, había perdido toda la información, quedando solamente una hoja en todo el documento con lo último que tecleó. ¿Qué fue lo ocurrió?

Realmente es un misterio. Yo medio hice un par de cosas, incluyendo el “deshacer” para ver si aparecía su texto original y checar sí habían copias, pero nada. Luego solicitamos la ayuda de un ingeniero en sistemas, el cual trató de conducirla a través de preguntas que entendí que eran para dar evidencia del “error de usuario”. Pero nada. Platicando con él, llegamos a la conclusión de que al no encontrarse corrupto el archivo, quizá no se fijo de que estaba tecleando sobre un documento nuevo y por no entender la diferencia entre un “save” o “save as”, o bien quizá por el estrés, no se dio cuenta y sobre-escribió su archivo. :(

Una última historia. Un día, cierto diseñador de información, con formación también en cómputo, y que además le gusta platicar y discutir sobre el diseño de interacción, estaba mandando un mail en el móvil de Apple. Por error, hizo “tap” en enviar el mail y entonces no supo como cancelar la acción. Aunque se regresó al menú inicial para ver si aparecía el “outbox”, no consiguió nada. Después de otro par de “taps” para checar qué estaba pasando, el correo salió con la mitad de texto. Tuvo entonces que mandar otro correo con el texto faltante.

Sí, a mi me pasó. ;) De hecho, en el ciente de MacOS cuando no quería descargar los correos o bloquear la salida de uno, me iba rápidamente a checar la ventana de actividades y le daba “alto” a ese proceso. En el teléfono no pude localizar la “tachita” para detener el envío, y tampoco me “salió” el outbox para entrar ahí y de nuevo buscar una “tachita” para cancelar. Quise hacer un mapeo entre el modelo que tiene el cliente de correo para computadoras de escritorio con el cliente para móviles. Y no dudo que exista una forma de “parar” el correo, sólo que no “entendí” cómo descubrir esa forma.

En resumen, podríamos decir que las interfaces pueden tornarse realmente complejas pero que esa complejidad no va siempre a la par con la curva de aprendizaje de usuario para utilizar la nueva herramienta, no tanto por su falta de capacidad (los usuarios no son estúpidos) sino por falta de alfabetización informática y/o tecnológica quizá, o bien, porque simplemente no se esfuerzan (porque no les interesa, su tarea base siempre está muy clara y es lo más sencilla, no importa cuán sofisticada sea la herramienta con sus “extras”) en sacarle más “jugo” a las mejoras, en parte porque todos queremos una vida sencilla dentro de lo complicada que nos la hacemos. Y claro, el entendimiento, semiosis o conformación de un modelo mental del espacio de interacción, o como quieran llamarlo, entre lo que trae en la cabeza el diseñador para ofrecer una solución a lo que tiene un usuario, definitivamente no es lo mismo. Bien dicen: cada cabeza es un mundo.

Todo un reto, ¿no creen? ¿Hasta dónde eres como diseñador de interacción una guía montessori o un dictator con tus propuestas?

Del diseño y la innovación

Escrito por Tzek el 30/11/09
Clasificado en: Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Diseño y Sociedad, HCI, Métodos y proceso de diseño, Profesión, Reflexión, Tertulias, tutoriales

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

Nueva identidad visual para Mérida Yucatán

Escrito por Tzek el 29/10/09
Clasificado en: Desde la web, Diseño Gráfico, Diseño y Sociedad, Métodos y proceso de diseño, Profesión, Publicidad y MKT, Reflexión, Tertulias

Me entero por el buen Juan Carlos de H. Creativos, que Ideograma, uno de los despachos de diseño más reconocidos de México fue encargado de dar origen a la nueva identidad visual para mi ciudad natal Mérida (¿escribí hermosa y cálida ciudad de Mérida o sólo lo pensé?). Así que no pude evitar replicar la nota y publicar las imágenes que colocó este despacho en su perfil en facebook.

* Todas las imágenes son obviamente derechos reservados de Ideograma (2009).

Nueva identidad visual de Mérida para su promoción turística

Según comentan en el perfil de facebook de Ideograma:

“El símbolo de Mérida se inspira en las estelas mayas. Mediante 4 elementos da forma a una estrella blanca que representa a Venus, o «estrella Xux», el cuerpo celeste más brillante del cielo, y el más importante para los mayas.”

De dónde se tomó la idea del símbolo para la nueva identidad.

Además, el tagline “se merece” tiene asociada la siguiente aplicación:

“Mérida es una ciudad que se merece. Se merece reconocimiento, inversiones; se merece visitarla, a su gente… se merece su identidad. Su posicionamiento parte de la etimología de su nombre, Emerita Augusta, ya que es digna de los significados en torno a «mérito» y «merecer».”

Aplicaciones

Ponte Xux (se lee “ponte shush”): Ponte avispa, ponte buzo; estar alerta.

Muestras elaboradas por el despacho de cómo funcionaría la identidad en ciertos contextos.

Asumo que contratar a Ideograma, implica que hay un buen presupuesto para la implementación de esta identidad. Espero con mucho gusto verla por doquier en mi próxima visita a la “Ciudad Blanca”, nombrada “Capital Americana de la Cultura” en el 2000 y poseedora de la que se considera la catedral más antigua de México.

Diseño del escudo institucional UDLAP

Escrito por Tzek el 13/10/09
Clasificado en: Diseño Gráfico, Diseño de Información, Diseño y Sociedad, Métodos y proceso de diseño, Profesión, Tertulias

La Universidad de las Américas Puebla (UDLAP) presentó este 12 de octubre su nuevo escudo institucional. Dicho elemento es el complemento al nuevo logotipo de la UDLAP (mostrado abajo). Ambos elementos representarán gráficamente a la institución, siendo el escudo para situaciones oficiales y el logotipo para las demás aplicaciones de comunicación gráfica.

Logo UDLAP

Logo UDLAP

El motivo del cambio según indica el rector de la UDLAP, el Dr. Luis Ernesto Derbez, era representar a la universidad con una imagen que sea acorde a la nueva misión y visión de la institución. Fue así como convocó primero a un comité de imagen institucional que trabajó durante varios meses. Primero se realizaron encuestas sobre la identidad, imagen y valores que los miembros de la UDLAP tenían hacia ésta.

El comité realizó además todo un análisis sobre diferentes factores que afectan la identidad e imagen de la institución. Del conocimiento adquirido, se pudo definir un brief de diseño, el cual fue empleado por los miembros del (sub)comité de diseño para trabajar con la representación de valores y características relevantes para la nueva identidad.

Luego, diversas propuestas fueron realizadas (incluyendo la visualización de sus posibles aplicaciones), sometidas a discusión, refinamiento de ideas y ejecución (gráfica) dentro del comité de diseño. Posteriormente fueron sometidas/discutidas en el comité en pleno, para luego gestionarse un proceso iterativo (ante diversos miembros de la comunidad) en el cual se presentaron las propuestas más fuertes. Como resultado, se identificaron cuál sería el escudo y logotipo que representarían a la UDLAP.

Cambios en el logotipo de la UDLAP. El nuevo logo fue diseñado por Isaías Loaiza

Cambios en el logotipo de la UDLAP. El nuevo logo fue diseñado por Isaías Loaiza

La propuesta de escudo elegida fue diseñada por un servidor. Aprovecho este post para dejar registro del proceso de diseño de este nuevo escudo y agradezco sin duda la oportunidad de haber participado en este proyecto.

Creo que es importante recalcar que todo el trabajo de análisis y recopilación de datos, y la definición del brief de diseño, fue pieza fundamental para la elaboración de todas las propuestas. Esto es, sí es necesario un marco de referencia, dejarlo a la “inspiración” podría resultar complicado. Ya en la ejecución, otra pieza clave fue la constante retroalimentación por parte de mis colegas miembros del comité de diseño.

Detalles sobre la heráldica

De bibliografía sobre heráldica uno puede notar la complejidad y riqueza que puede tener un escudo en función de todos los elementos que posee: el campo del escudo, las particiones del escudo (e.g. cuartelares y escusones), veros, piezas honorables, el timbre con yelmos, coronas, cimeras, lambrequines, tenantes, collares, etc. Ya con ciertos criterios establecidos, la idea base fue tomar los elementos de la heráldica y amalgamarlos con nuestras raíces prehispánicas. El motivo de lo prehíspanico es justo por el origen de la universidad (relacionado con la identidad anterior) y además porque se encuentra en uno de los asentamientos más antiguos de América: Cholula.

Propuesta original para el escudo de la UDLAP.

Propuesta original para el escudo de la UDLAP.

Entre los elementos que se incorporaron se encuentran:

  • El campo (esto es, el escudo mismo) el cual tiene punta en medio de la base inferior, para determinar un carácter fuerte o masculino; por ejemplo, si hubiera sido oval ese hubiera sido un campo asociado para ella.
  • La bordura, o el borde que está alrededor del blasón, es lo que se conoce como una pieza honorable, y se otorgaba cuando los caballeros sacaban la cota de armas literalmente teñida de la sangre de sus enemigos. La interpretación para la propuesta tiene un sentido más poético, uno es guerrero ante la vida y un arma es el conocimiento, mismo que fue adquirido en la universidad. Al simplificar las formas, se descartó la idea de decorar la bordura con caracoles y jade.
  • El yelmo, signo de la nobleza de nacimiento, fue sustituido por la cabeza de un guerrero águila; y según como se indica en la bibliografía, quien no pertenezca a alguna de las categorías de nobleza, no pueden usarlo en sus escudos. La interpretación en la propuesta es la relación entre un alma noble y la formación educativa. La primera propuesta incluso tenía otra corona la cual tiene a su vez su razón de ser, pero al final fue descartada a favor de la simplificación.
  • Los lambrequines originales representan pedazos de tela cortado en forma de hojas y tienen cierta analogía con la cota de armas. La primera propuesta mostraba un lambrequín mixto; es decir, de carácter europeo y prehispánico; ya la versión final sólo contiene este último, en el cual se muestra una síntesis del símbolo del Atl-Tlachinolli (agua-fuego), símbolo del cual se tomó su interpretación como símbolo declaración de guerra. La intepretación en este caso sólo llega hasta este nivel, con la idea de que los universitarios y egresados son guerreros apasionados deseosos de ser agentes de cambio social a nivel global y local. Y aún más, esa idea de desgarre y pasión, se asocia al sentimiento colectivo de “ser Azteca” (el cual es el nombre de los equipos representativos, como el de futbol americano).

El Atl-Tlachinolli saliendo del pico del águila posada en un nopal (lo que podría llamarse el escudo nacional original :) )

El Atl-Tlachinolli saliendo del pico del águila posada en un nopal (lo que podría llamarse el escudo nacional original :) )

  • La divisa, la cual posee un cuerpo y un alma. El alma o frase que se coloca en la divisa, fue trabajo de la Lic. Elvia Morales Juárez, la coordinadora de la Sala de Archivo y Colecciones Especiales de la UDLAP. El enfoque de esta frase es que el amor a la sabiduría nos engrandece, y aunque la idea fue pulida y revisada por otros expertos en latín, la idea final permaneció en la versión final.

La primera propuesta, aunque tenía demasiado significado/simbolismo, no poseía el nivel sintético que debería tener, conformado por formas concretas. A partir de este punto se fue dando un proceso iterativo de refinamiento en cuanto a la forma del escudo hasta la versión final. Sin embargo, la idea de que el simbolismo de esta pieza estuviera relacionado con la distinción, nobleza, fuerza, lucha y pasión permaneció. Así, se conservaron el “yelmo”, los lambrequines y la bordura; todos bajo la interpretación descrita arriba.

bocetos del nuevo escudo de la UDLAP Universidad de las Américas Puebla por Omar Sosa Tzec Tzek

También teniendo como referencia el significado de los elmentos del blasón, en el proceso hubieron diferentes consideraciones sobre la o las formas que deberían ser incluidas. Para reafirmar la idea de pertenencia de la universidad con el entorno, era necesario manifestar en forma gráfica un símbolo de localidad. En este caso, dos son claramente identificables: el volcan Popocaltépetl y el Tlachihualtépetl.

Aunque el volcán Popolcatépetl es distintivo de Puebla, el Tlachihualtépetl o “cerro hecho a mano” es algo muy local y distintivo de la ciudad de Cholula, además de que resulta ser la pirámide con la mayor base del mundo y muy particular al tener a una iglesia en la parte superior (resultado de la mezcla de los “dos mundos”). Así, de pasar a ser el “acento” en forma de escusón, todo el blasón manifestó la forma de la llamada “Pirámide de Cholula”, el “cerro” evoca a una punta truncada (otra pieza honorable de los escudos y que simboliza rectitud) y que encima tiene la representación de un “calli” (casa en náhuatl), para así conformar en su todo a un Teocalli (es decir, la casa de Dios, lugar sagrado).

Un factor clave era la permanencia de los colores UDLAP; estos son un verde (evocando al jade) un terracota/naranja (simbolizando las razas prehispánicas). Tomando en cuenta esto y pensando en la representación del Atl-tlachinolli, se hicieron ajustes, replanteamiento de formas y aislamiento de elementos.

Ajustes gráficos del Atl-Tlachinolli del escudo de la UDLAP diseñado por Omar Sosa Tzec

La versión final involucra una envolvente circular alrededor del blasón, cuyo simbolismo se retoma del collar (nombrado “collar de las américas”) presentado en la primera propuesta y que significa la unión entre los paises del continente.

Dibujo de los elementos del escudo de la UDLAP.

Dibujo de los elementos del escudo de la UDLAP.

Escudo de la UDLAP a partir de octubre de 2009.

Escudo de la UDLAP a partir de octubre de 2009.

Entrada principal de la UDLAP.

Entrada principal de la UDLAP.

Rotonda de la entrada de la UDLAP.

Rotonda de la entrada de la UDLAP.

Bandera en el escenario del auditorio UDLAP.

Bandera en el escenario del auditorio UDLAP.

Atril de auditorio UDLAP.

Atril de auditorio UDLAP.

Presea de reconocimiento a personal UDLAP por su labor.

Presea de reconocimiento a personal UDLAP por su labor.

Presea UDLAP (de 10 años de servicio).

Presea UDLAP (de 10 años de servicio).

Con este proyecto tuve la oportunidad de descubrir y aprender algunas cosas. Entre ellas reafirmar la importancia de la heráldica y lo interesante que es, que los códices son un gran objeto de diseño de información visual y comunicación, y que los miembros de la comunidad UDLAP sí tienen asociaciones con los símbolos que se les ofrecen para definir su identidad. Confío en que una buena administración tanto de la universidad como de la nueva identidad visual (aprovechando que han sido separados el logo y el escudo) envuelvan a esta última de valores positivos y sentimientos de, valga la redundancia, común-unidad.

Referencias:

  • De Armengol y de Pereyra, Alejandro. (1933). “Heráldica”. Sección VI, Ciencias Históricas. España. Labor.
  • González-Hermosillo A., Francisco; Reyes G., Luis. (2002). “El códice de Cholula. La exaltación testimonial de un linaje indio”. México. INAH.
  • Kirchohoff, Paul; Odena G., Lina; Reyes G., Luis. (1976). “Historia tolteca chichimeca”. México. CISINAH.
  • Morales, Ma. Elvia Catalina. (2006). “Atl-Tlachinolli: agua-quemazón”. “Historia Prehispánica”, Apuntes de clase.
  • Olmedo, Julio; Díaz, Joaquín. ( 1997). “Heráldica”. Tomo I y II. España. Perea Ediciones.
  • Seler, Eduard. (1963). “Comentarios al códice Borgia”. Tomo I. Fondo de Cultura Económica.

Archivo visual de trabajos

Escrito por Tzek el 25/09/09
Clasificado en: Diseño Gráfico, Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Métodos y proceso de diseño, Profesión, Publicidad y MKT, Tertulias, tutoriales

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…