Tag Archives: puebla

Concurso de Diseño de Interacción en CLIHC 2011

Desde que participé como estudiante voluntario en 2005, el Congreso Latinoamericano de Interacción Humano-Computadora —conocido como CLIHC— me ha permitido conocer sobre el trabajo académico y profesional relacionado con el área. Pero este año he tenido una oportunidad interesante: ser coach en el Concurso de Diseño de Interacción apoyando al equipo de la UDLAP, quien resultó ganador del primer lugar a nivel licenciatura este 28 de octubre en Porto de Galinhas, Brasil. El equipo lo conformó  Alan Andrade , Thaís Corona, Beatriz Martínez , Jorge D. López y Rafael de la Rosa, estudiantes de la Lic. en Tecnologías de Información y de Ing. en Sistemas.

 Alan Andrade , Thaís Corona, Beatriz Martínez , Jorge D. López y Rafael de la Rosa

El reto del concurso era diseñar una aplicación turística para ciudades donde ocurrirá un mega-evento, pero que al final pueda seguir siendo útil y provechosa para los locales y nuevos turistas. Fue así como presentaron InTour: una aplicación que no sólo es pensada para el turista individual, sino que fomenta la integración familiar y generacional a través de una vacaciones bien planificadas, tanto en presupuesto como en actividades. Dichas actividades son "manifestadas" por la ciudad misma —gobierno, empresas u ONGs, para demostrarle a los visitantes del mega-evento lo "viva que está la ciudad"— con opciones para armar un plan flexible dependiendo de la distancia, transporte, tópico, clima o dinero asignado para el día.

InTour: Aplicación móvil diseñada por el equipo UDLAP para el  Concurso de Diseño de Interacción en CLIHC 2011

El proceso de diseño involucró investigación secundaria y entrevistas a usuarios con el perfil de usuario potencial. Se diseñaron Personas, se hizo lluvia de ideas y se elaboraron bocetos —parte que a mi siempre me parece muy entretenida. Cuando se pulieron los detalles, verificando cómo se cumplían las metas de las Personas, se elaboró el prototipo cuya usabilidad fue evaluada.

Algo que disfrute mucho y que fue parte del proceso, fue cuestionar a los muchachos sobre cómo se presenta la información, qué comunica de un solo golpe en cada pantalla, cómo sí influye la visualización en la interacción y temas similares. Espero haber dejado en ellos que el diseño visual para IHC no es solamente que se vea bonito, sino que es parte "del show".

Extiendo mis felicitaciones al equipo UDLAP: se decidieron, lo intentaron y completaron la misión. Y es que en México desde el 2010 se ha fomentado este tipo de concurso y por si no saben, México, y en particular el equipo de la UTM de Oaxaca, se ha llevado el primer lugar en foros importantes. Así que el hecho de que la UDLAP se una a este conjunto de jóvenes entusiastas y ganadores, no solo me da mucho gusto por el triunfo, sino que señala que en el ámbito universitario hay un mayor interés por desarrollar el Diseño de Interacción y la Interacción Humano-Computadora. Si la academia se pone en paralelo con lo que está sucediendo a nivel profesional desde hace un par de años —como la creación de startups y grupos de interés, entonces algo bueno sucederá o dirá de nuestro país, ¿no creen?

Más información en la nota del concurso en el Blog de la UDLAP.

Gracias a Thaís, Jorge, Rafa, Alan y Betty por haber estado dispuestos a idear, charlar, discutir, criticar y diseñar juntos. ¡Felicidades! :)

De la Educación en Diseño de Interacción

Hace un par de post ya, escribí algunos pensamientos sobre el diseño de interacción; sobre cuál era mi percepción sobre la disciplina en aquel entonces. Creo que este hecho no ha cambiado mucho en el sentido que no se reconoce el valor del diseño como disciplina (su madurez, aportación en el conocimiento colectivo y la posibilidad de conseguir una buena capitalización del mismo); aún más, no se reconoce como el diseño per se puede tomarse como un eje disciplinar natural en algunas formaciones académicas (me refiero a títulos en ingeniería y ciencias, no sólo a títulos en las "disciplinas proyectuales").

Lo anterior podemos tomarlo como una metáfora de un cono, recorriéndolo de dentro hacia afuera, donde las lineas que van del interior a una de las orillas –donde están "paradas" las disciplinas y su conocimiento construido– muestran el "camino del diseño" (algo así como un design-driven approach). Aunque también podemos tomar una visión contraria: en forma de embudo. Esto es, caminar de fuera hacia dentro, donde lo que queda hasta abajo –y saldría por el embudo– es el diseño derivado de una formación académica especializada.

Con respecto a este último enfoque, considero que esta visión de embudo aplica muy bien para la formación a nivel licenciatura de un Diseñador de Interacción. Don Norman en su artículo ¿Por qué la educación en diseño de cambiar? comenta que:

"Las nuevas áreas (refiriéndose a la formación en diseño) son más como ciencias sociales y del comportamiento aplicadas, y que requieren un entendimiento de la cognición y emoción humana, sistemas sensoriales y de motricidad, y el suficiente conocimiento del método científico, estadística y diseño experimental en la medida que los diseñadores puedan validar, legitimar las pruebas de sus ideas antes de liberarlas…"

Justo este artículo me recordó un correo electrónico que había compartido con un par de colegas en junio de 2010 sobre ¿qué materias podrían ser útiles en un plan de estudios de licenciatura para Diseño de Interacción? – bajo esta visión de embudo– y que quisiera compartir ahora con ustedes (al final del post).De antemano, ofrezco una disculpa por algún error de redacción u ortografía; no quise cambiar nada del correo para no tergiversarlo. Dado el artículo de Norman, considero que faltó de la lista materias como las siguientes: Metodología de la Investigación, Probabilidad, Inferencia Estadística, Diseño de Experimentos, Modelos Probabilísticos, Psicología Cognitiva, Psicología y Emociones, entre otras.

De cualquier forma, el asunto fuerte en este caso es la formación del diseñador de interacción. Es decir, podríamos preguntarnos: ¿cómo en las escuelas se está pensando formar adecuadamente a un diseñador de interacción?, ¿cómo formar a un estudiante con las herramientas para solucionar problemas de interacción en diferentes contextos de uso y con una ejecución adecuada, limpia, profesional?, ¿cómo lograr la integración de este tipo de diseñadores en equipos de trabajo multidisciplinarios? y por último, ¿cómo esa formación derivará en los futuros profesionales y teóricos que concreticen los pilares del conocimiento en Diseño de Interacción?

----- Materias descritas en el correo original – O.S.T. Junio 2010 -------

Fundamentos ==========================================
* Algoritmia.
Teoría: programación estructurada, condicionales, ciclos, recursividad, etc.
Práctica: Diseñar y programar ejercicios relacionados.
Objetivo: Saber pensar en forma algorítimica y tener fundamentos de programación estructurada.
* Dibujo
Teoría: Línea, forma, proporción, etc.
Práctica: Representaciones del mundo real.
Objetivo: Adquirir un estándar de calidad en representación visual.
* Introducción al Diseño de Interacción
Teoría: Qué es Diseño de Interacción, Interfaz, Tarea, Usuario, Contexto de Uso, Relación con otras disciplinas, objetivos de un producto de diseño.
Práctica: Elaboración de maquetas físicas, carteles académicos, intervención en espacio (todo análogo, nada electrónico).
Objetivo: Conceptualizar soluciones para resolver problemas del entorno.
* Taller de Diseño Industrial.
Teoría: Volumen, materiales, forma, ergonomía, sustentabilidad, etc.
Práctica: Diseñar y realizar prototipos físicos de herramientas y aparatos como controles de videojuegos, palancas de carro, páneles de control. Evaluación de las propuestas con usuarios.
Objetivo: Entender sobre usuarios y sus necesidades de uso.
* Creatividad
Teoría: Introducción al proceso creativo.
Práctica: Maquetar ideas creativas de problemas de diseño espurios.
Objetivo: Que el alumno tenga inteligencia emocional, un pensamiento creativo y romper paradigmas.
* Investigación Cuantitativa.
Teoría: Metodología de la investigación, estadística.
Práctica: Armar un proyecto de investigación sencillo con recopilación y análisis de datos cuatitativos.
Objetivo: Aprender y aplicar metodología de investigación en la elaboración de proyectos de diseño.
* Investigación Cualitativa.
Teoría: Métodos y procesos de investigación en las ciencias sociales.
Práctica: Trabajo de campo, elaboración de etnografías, observación, entrevistas, etc.
Objetivo: Aprender a cómo levantar requerimientos y necesidades de los usuarios a partir de una investigación cualitativa.
* Diseño visual.
Teoría: Forma, color, composición.
Práctica: Elaboración de mensajes visuales.
Objetivo: Adquirir un pensamiento visual y saber comunicarlo.
* Tipografía y Texto.
Teoría: Fuentes, famila tipográfica, kerning, tracking, composición de textos.
Objetivo: Saber componer un texto adecuadamente para medios impresos.
* Diseño para pantalla.
Teoría: Tipografía para pantalla, color para pantalla, composición en pantalla.
Objetivo: Realizar composiciones de texto e imágenes del estilo de interfaces gráficas de usuario y para lectura en pantalla.
Formación ==========================================
* Programación Orientada a Objetos.
Teoría: clase, objeto, métodos, funciones, etc.
Práctica: Diseñar y programar ejercicios relacionados
Objetivo: Saber pensar en forma algorítimica y tener fundamentos de programación OO.
* Diseño de Información.
Teoría: Comunicación, mensaje, introducción a la visualización, introducción a la usabildiad, esquemática, legilidad de mensajes visuales, etc.
Práctica: Diseñar mensajes que muestren la relación enter las variables de un fenómeno, códigos sonoros, diseño instruccional.
Objetivo: Saber cómo diseñar visual, física y auditivamente con fines utilitarios.
* Arquitectura de Información
Teoría: Qué es arquitectura, ejemplos de arquitectura en diseño impreso, arquitectura para medios digitales, sistemas de navegación, sistemas de búsqueda, sistemas de etiquetado, análisis de contenido, tesauros, introducción al modelo entidad-relación y XML para bases de datos, etc.
Práctica: Elaboración de Personas, Card-Sorting, Free listing, Mapas y modelos mentales, Elaboración de Wireframes, Elaboración de escenarios.
Objetivo: Estructurar el pensamiento de una aplicación más allá de pensar visualmente.
* Diseño de Interacción Humano Computadora
Teoría: Qué es HCI, sketching e ideación (Bill Buxton), paradigmas de interacción, estilos de interacción e interfaces (gráficas, tangible, móvil, robótica, táctil, agentes inteligentes, etc), ergonomía de interfaces.
Práctica: bocetaje de interfaces, elaboración de interfaces y escenarios animados.
Objetivo: Qué el alumnos conozca sobre interacción y adquiera la capacidad de imaginar y luego bocetar y aprender a presentar y vender sus ideas.
* Diseño de Interacción Humano Computadora II
Teoría: Continuar con los temas de estilos de interacción en intefaces (visualización de datos, interfaces hápticas, etc).
Práctica: bocetaje de interfaces, elaboración de interfaces y escenarios animados.
Objetivo: Qué el alumnos conozca sobre interacción y adquiera la capacidad de imaginar y luego bocetar y aprender a presentar y vender sus ideas.
* Evaluación de Interfaces
Teoría: Pruebas de usabilidad, Ingeniería Semiótica, Grupos Focales.
Práctica: Aplicar una prueba de usabilidad, protocolos y métodos para aplicarse en pruebas de usabilidad, pruebas de comunicabilidad (de la Ingeniería Semiótica), realizar un focus group.
Objetivo: Saber llevar a cabo una evaluación, cómo podría ser documentada, cómo recopilar datos y analizarlos, hacer reporte para propuestas de mejoras.
Web ==========================================
* Diseño web
Teoría: Aprender conceptos de Internet, entender qué es web semántica, qué es separar contenido de presentación, usabilidad para web, prototipeo en papel de sitios web, arquitectura de inforamción para web, etc.
Práctica: XHTML y CSS.
Objetivo: Crear un sitio web estático con buena retícula y arquitectura de información.
* Aplicaciones Web I
Teoría: Interacción en web, diseño de formas/formularios.
Práctica: JavaScript, AJAX y librerías para web interactiva (JQuery, Mootools, etc).
Objetivo: Crear sitios interactivos y con validaciones en formularios, menúes, etc.
* Aplicaciones Web II
Teoría: Conceptos de Base de Datos, Scripting en servidores, servicos web, etc.
Práctica: PHP, MySQL, desarrollo en .net.
Objetivo: Crear un sitio web dinámico.
* Aplicaciones Móviles
Teoría: Diseño de interacción para móviles.
Práctica: XHTML, CSS, JavaScript, AJAX, JQuery, PHP, MySQL, e introdución a plataformas de desarrollo para móviles como Java ME y Objective-C.
Objetivo: Realizar una aplicación web para móviles de forma que se den cuenta que no es lo mismo para pantalla.
Videojuegos ==========================================
* Diseño Videojuegos para la Red
Teoría: Diseño de videojuegos, aplicación de los videojuegos en entretenimiento, capacitación, investigación y ciencia, industria.
Práctica: Aplicar animación, diseño de interacción humano computadora y programación orientada a objetos en el proyecto.
Objetivo: Elaborar un juego de video basado en un browser.
* Diseño de Videojuegos para Consola
Teoría: Lenguaje de programación para una consola.
Práctica: Conocer y aprender lo básico de un lenguaje nativo de una consola.
Objetivo: Lograr ejecutar (quizá mendiante un emulador) lo que se vería en un juego de consola de cierta marca.
* Diseño de Videojuegos para Móviles
Teoría: Repaso de un lenguaje de programación nativo para un móvil (Java ME u Objective-C).
Práctica: Programar y diseñar para una plataforma móvil.
Objetivo:Poner en práctica lo aprendido de programación y elaborar un prototipo de juego para móvil no basado en browser.
Interacción física ==========================================
* Elaboración de prototipos electrónicos.
Teoría: Introducción al cómputo físico.
Práctica: Elaborar prototipos físicos (con Arduino o alguna plataforma similar).
Objetivo: Fomentar el pensamiento creativo a través de la elaboración de prototipos físicos interactivos.
* Interacción física.
Teoría: Complentar conceptos de cómputo físico e interacción tangible.
Práctica:  Elaborar prototipos físicos y aplicar diseño industrial.
Objetivo: Elaborar un prototipo de cómputo que resuelva un problema del mundo real.

Fundamentos ==========================================

* Algoritmia

Teoría: programación estructurada, condicionales, ciclos, recursividad, etc.

Práctica: Diseñar y programar ejercicios relacionados.

Objetivo: Saber pensar en forma algorítimica y tener fundamentos de programación estructurada.

________________________________________________

* Dibujo

Teoría: Línea, forma, proporción, etc.

Práctica: Representaciones del mundo real.

Objetivo: Adquirir un estándar de calidad en representación visual.

________________________________________________

* Introducción al Diseño de Interacción

Teoría: Qué es Diseño de Interacción, Interfaz, Tarea, Usuario, Contexto de Uso, Relación con otras disciplinas, objetivos de un producto de diseño.

Práctica: Elaboración de maquetas físicas, carteles académicos, intervención en espacio (todo análogo, nada electrónico).

Objetivo: Conceptualizar soluciones para resolver problemas del entorno.

________________________________________________

* Taller de Diseño Industrial

Teoría: Volumen, materiales, forma, ergonomía, sustentabilidad, etc.

Práctica: Diseñar y realizar prototipos físicos de herramientas y aparatos como controles de videojuegos, palancas de carro, páneles de control. Evaluación de las propuestas con usuarios.

Objetivo: Entender sobre usuarios y sus necesidades de uso.

________________________________________________

* Creatividad

Teoría: Introducción al proceso creativo.

Práctica: Maquetar ideas creativas de problemas de diseño espurios.

Objetivo: Que el alumno tenga inteligencia emocional, un pensamiento creativo y romper paradigmas.

________________________________________________

* Investigación Cuantitativa

Teoría: Metodología de la investigación, estadística.

Práctica: Armar un proyecto de investigación sencillo con recopilación y análisis de datos cuatitativos.

Objetivo: Aprender y aplicar metodología de investigación en la elaboración de proyectos de diseño.

________________________________________________

* Investigación Cualitativa.

Teoría: Métodos y procesos de investigación en las ciencias sociales.

Práctica: Trabajo de campo, elaboración de etnografías, observación, entrevistas, etc.

Objetivo: Aprender a cómo levantar requerimientos y necesidades de los usuarios a partir de una investigación cualitativa.

________________________________________________

* Diseño visual

Teoría: Forma, color, composición.

Práctica: Elaboración de mensajes visuales.

Objetivo: Adquirir un pensamiento visual y saber comunicarlo.

________________________________________________

* Tipografía y Texto

Teoría: Fuentes, famila tipográfica, kerning, tracking, composición de textos.

Objetivo: Saber componer un texto adecuadamente para medios impresos.

________________________________________________

* Diseño para pantalla.

Teoría: Tipografía para pantalla, color para pantalla, composición en pantalla.

Objetivo: Realizar composiciones de texto e imágenes del estilo de interfaces gráficas de usuario y para lectura en pantalla.

Formación ==========================================

* Programación Orientada a Objetos

Teoría: clase, objeto, métodos, funciones, etc.

Práctica: Diseñar y programar ejercicios relacionados

Objetivo: Saber pensar en forma algorítimica y tener fundamentos de programación OO.

________________________________________________

* Diseño de Información

Teoría: Comunicación, mensaje, introducción a la visualización, introducción a la usabildiad, esquemática, legilidad de mensajes visuales, etc.

Práctica: Diseñar mensajes que muestren la relación enter las variables de un fenómeno, códigos sonoros, diseño instruccional.

Objetivo: Saber cómo diseñar visual, física y auditivamente con fines utilitarios.

________________________________________________

* Arquitectura de Información

Teoría: Qué es arquitectura, ejemplos de arquitectura en diseño impreso, arquitectura para medios digitales, sistemas de navegación, sistemas de búsqueda, sistemas de etiquetado, análisis de contenido, tesauros, introducción al modelo entidad-relación y XML para bases de datos, etc.

Práctica: Elaboración de Personas, Card-Sorting, Free listing, Mapas y modelos mentales, Elaboración de Wireframes, Elaboración de escenarios.

Objetivo: Estructurar el pensamiento de una aplicación más allá de pensar visualmente.

________________________________________________

* Diseño de Interacción Humano Computadora

Teoría: Qué es HCI, sketching e ideación (Bill Buxton), paradigmas de interacción, estilos de interacción e interfaces (gráficas, tangible, móvil, robótica, táctil, agentes inteligentes, etc), ergonomía de interfaces.

Práctica: bocetaje de interfaces, elaboración de interfaces y escenarios animados.

Objetivo: Qué el alumnos conozca sobre interacción y adquiera la capacidad de imaginar y luego bocetar y aprender a presentar y vender sus ideas.

________________________________________________

* Diseño de Interacción Humano Computadora II

Teoría: Continuar con los temas de estilos de interacción en intefaces (visualización de datos, interfaces hápticas, etc).

Práctica: bocetaje de interfaces, elaboración de interfaces y escenarios animados.

Objetivo: Qué el alumnos conozca sobre interacción y adquiera la capacidad de imaginar y luego bocetar y aprender a presentar y vender sus ideas.

________________________________________________

* Evaluación de Interfaces

Teoría: Pruebas de usabilidad, Ingeniería Semiótica, Grupos Focales.

Práctica: Aplicar una prueba de usabilidad, protocolos y métodos para aplicarse en pruebas de usabilidad, pruebas de comunicabilidad (de la Ingeniería Semiótica), realizar un focus group.

Objetivo: Saber llevar a cabo una evaluación, cómo podría ser documentada, cómo recopilar datos y analizarlos, hacer reporte para propuestas de mejoras.

Web ==========================================

* Diseño web

Teoría: Aprender conceptos de Internet, entender qué es web semántica, qué es separar contenido de presentación, usabilidad para web, prototipeo en papel de sitios web, arquitectura de inforamción para web, etc.

Práctica: XHTML y CSS.

Objetivo: Crear un sitio web estático con buena retícula y arquitectura de información.

________________________________________________

* Aplicaciones Web I

Teoría: Interacción en web, diseño de formas/formularios.

Práctica: JavaScript, AJAX y librerías para web interactiva (JQuery, Mootools, etc).

Objetivo: Crear sitios interactivos y con validaciones en formularios, menúes, etc.

________________________________________________

* Aplicaciones Web II

Teoría: Conceptos de Base de Datos, Scripting en servidores, servicos web, etc.

Práctica: PHP, MySQL, desarrollo en .net.

Objetivo: Crear un sitio web dinámico.

________________________________________________

* Aplicaciones Móviles

Teoría: Diseño de interacción para móviles.

Práctica: XHTML, CSS, JavaScript, AJAX, JQuery, PHP, MySQL, e introdución a plataformas de desarrollo para móviles como Java ME y Objective-C.

Objetivo: Realizar una aplicación web para móviles de forma que se den cuenta que no es lo mismo para pantalla.

Videojuegos ==========================================

* Diseño Videojuegos para la Red

Teoría: Diseño de videojuegos, aplicación de los videojuegos en entretenimiento, capacitación, investigación y ciencia, industria.

Práctica: Aplicar animación, diseño de interacción humano computadora y programación orientada a objetos en el proyecto.

Objetivo: Elaborar un juego de video basado en un browser.

________________________________________________

* Diseño de Videojuegos para Consola

Teoría: Lenguaje de programación para una consola.

Práctica: Conocer y aprender lo básico de un lenguaje nativo de una consola.

Objetivo: Lograr ejecutar (quizá mendiante un emulador) lo que se vería en un juego de consola de cierta marca.

________________________________________________

* Diseño de Videojuegos para Móviles

Teoría: Repaso de un lenguaje de programación nativo para un móvil (Java ME u Objective-C).

Práctica: Programar y diseñar para una plataforma móvil.

Objetivo:Poner en práctica lo aprendido de programación y elaborar un prototipo de juego para móvil no basado en browser.

Interacción física ==========================================

* Elaboración de prototipos electrónicos

Teoría: Introducción al cómputo físico.

Práctica: Elaborar prototipos físicos (con Arduino o alguna plataforma similar).

Objetivo: Fomentar el pensamiento creativo a través de la elaboración de prototipos físicos interactivos.

________________________________________________

* Interacción física

Teoría: Complentar conceptos de cómputo físico e interacción tangible.

Práctica:  Elaborar prototipos físicos y aplicar diseño industrial.

Objetivo: Elaborar un prototipo de cómputo que resuelva un problema del mundo real.


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

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?

Diseño del escudo institucional UDLAP

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

  • 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

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…

Códice 8: Congreso Internacional de Diseño de Información Visual en la UDLAP

Con este post tengo el placer de invitarlos al congreso internacional de diseño de la Universidad de las Américas Puebla (UDLAP), el cual se celebrará del 26 al 28 de marzo del presente.

Códice 8 UDLAP

Tal como se explica en el sitio:

Entorno al diseño es la temática de la octava edición de Códice, Debido a que el diseñador retoma elementos que observa a su alrededor para producir soluciones a problemas específicos y que a su vez estas mismas se ven reflejadas de regreso al entorno, con la finalidad de comunicar información más práctica e interactiva.

Estudiantes de diseño de información visual, diseño gráfico, diseño industrial, arquitectura, comunicación, sistemas, entre otros, profesores y profesionistas de estas áreas, encontrarán enCódice 8 - Entorno al díseño un espacio único para intercambiar ideas y cuestionar la situación actual del diseño en México desde un panorama internacional y multidisciplinario.

Pues ya serán un par de semanas para ir a disfrutar de las charlas de este año. Mucho éxito a la mesa estudiantil de diseño Crea, quienes han estado con las pilas bien puestas para que este evento sea todo un éxito. 

La dirección para mayor información es http://codice8.udla-diseno.com.

¡Ahí nos vemos!

Ciclo de Conferencias: Web 2.0 para Ingenieros y Diseñadores en Puebla, México

Veo en la Vecindad Gráfica y BoxByte que la gira de conferencias sobre web 2.0, que a su vez promocionan el evento de "México Web 2.0", tendrán su conclusión en Puebla, Puebla. Vendrán Armando Sosa y Adán Avelar de Vecindad Gráfica.

¡Excelente! Para los que no podremos ir a Cancún es un buen chance para conocer y escuchar a practicantes de los estándares y construcción de herramientas sociales en la Web. ¡Ahí nos vemos!

Por cierto, antes de que se me pase... Por si no los han visto, les recomiendo dar un vistazo a la serie de post del buen Sosa sobre cómo ser freelancer, los cuales se llaman "Lanzándose al vacío".

Comenta Adán:

Como sitio final de la gira para dar a conocer el evento de México Web 2.0, que se llevará a cabo el 3 y 4 de Noviembre en Cancún, ahora visitamos Puebla:

Ciclo de Conferencias: Web 2.0 para Ingenieros y Diseñadores
Fecha:16 de Octubre
Hora: 13:00 horas
Lugar: Conexsoft 2008, Centro de Convenciones Puebla

Ponente: Adán Avelar
Hora: 13:00 hrs. | Duración: 30 minutos
* El impacto del Web 2.0 en el México de hoy

Ponente: Armando Sosa
Hora: 13:30 hrs. | Duración: 30 minutos
* Construyendo una nueva Web

Mesa Redonda con los ponentes
Hora: 14 hrs.

Apresúrate a registrarte para el gran evento el 3 y 4 de Noviembre en Cancún.
México Web 2.0