Archivo para la categoría ‘tutoriales’

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

Propuesta de header para NFG! blog de diseño

Escrito por Tzek el 10/11/09
Clasificado en: Desde la web, Diseño Gráfico, Tertulias, tutoriales

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

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

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

escaner-cama

folio

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

estrellas-olas

roca-pajaro

nfg

dragon-marino

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

nfg-banner

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

Semana de Arte y Diseño 2009 en la Unarte

Escrito por Tzek el 16/10/09
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, tutoriales

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

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

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

Unarte

Salones para diseño de moda y arquitectura

Cafetería de la Unarte

Interior de la cafetería de la Unarte

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

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

Germán Montalvo en la Unarte

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

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

Libro sobre Warhol

Libro sobre Warhol.

Plato de talavera.

Plato de talavera.

Portada de la revista Design Issues.

Portada de la revista Design Issues.

Agenda.

Agenda.

Ilustración de pájaros antropomorfos.

Ilustración de pájaros antropomorfos.

Broche con las mismas ilustraciones del libro.

Broche con las mismas ilustraciones del libro.

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

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

* refiriéndose a proyectos de diseño.

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

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

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

Escrito por Tzek el 10/10/09
Clasificado en: Desde la web, Diseño y Sociedad, Métodos y proceso de diseño, Publicidad y MKT, Tecnología, Tertulias, tutoriales

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

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

Archivo visual de trabajos

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…

Notas del Congreso Internacional de Diseño de Información 2009

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

Este congreso bianual llamado también CIDI (por sus siglas en portugués) y organizado por la Sociedad Brasileña de Diseño de Información (SBDI), se celebró del 9 al 10 de septiembre con sede en la Pontificia Universidad Católica de Rio de Janeiro (PUC-Rio).

cidi006

La experiencia fue muy gratificante; en las charlas se trataron temas como visualización de información, tipografía, cartografía, diseño de instrucciones, diseño de interfaces, entre otras. Estas son algunas imágenes y anotaciones de un par de charlas del evento.

Visualización de Información con el Dr. Yuri Engelhardt.

En esta conferencia de apertura, el Dr. Engelhardt comenzó comentando que existen dos puntos de enfoque o estudio con respecto a las gráficas:

  1. La gramática de las gráficas – relacionada con la creación de las mismas. Lo importante es determinar y entender cuáles son los “bloques” con os que se construyen las gráficas.
  2. El conocimiento de las gráficas – relacionada con el uso de las gráficas. Darnos cuenta dónde, cómo y cuándo son efectivas las gráficas para generar conocimiento o tomar decisiones.
¿Cómo es la gramática de las gráficas?

¿Cómo es la gramática de las gráficas?

El Dr. Yuri explicando la importancia del Mind Gap.

El Dr. Yuri explicando la importancia del Gapminder.

El explicó que la visualización y el manejo de gráficas es importante porque:

  • Estamos limitados por nuestra memoria a corto plazo,
  • son una extensión de nuestro espacio mental de trabajo y
  • nos permiten utilizar la visión para pensar.
Gráfica que explica el consumo de carne en comparación con la tala de árboles.

Gráfica que explica el consumo de carne en comparación con la tala de árboles.

Y que también las gráficas son mejores que el texto en el sentido que:

  • Nos permiten hacer “búsquedas” visuales,
  • hacer comparaciones visuales,
  • notar visualmente cambios o desviaciones (en los datos) y
  • nos permiten encontrar patrones visuales.
Cita de Brinton, proveniente de un libro de visualización que ha influido en el trabajo del Dr. Yuri.

Cita de Brinton, proveniente de un libro de visualización que ha influido en el trabajo del Dr. Yuri.

Desde su perspectiva social, la educación visual es importante, y debe procurarse desde la infancia. Comentó que cree que los datos que nos permiten generar información visual a través de las gráficas permite a la sociedad a mejorarse a si misma debido a que puede asimilar mucha información (sobre lo que sucede en su contexto) de forma que va dándose cuenta de qué está sucediendo en su “historia” durante el tiempo.

CIDI 2009

Diseño de información en transición por Karen Shriver.

La plática de la Dra. Shriver estuvo muy interesante porque nos platicó de qué significa ser un experto en el diseño de información; es decir, al ser esta una disciplina transitoria de la comunicación gráfica y escritura técnica, qué habilidades debería generar un profesional en el medio para lograr un expertise.

karen01

Comenzó comentando que un factor importante, que a su vez es un reto en la disciplina, es que no existen teorías, modelos o un perspectiva de cómo uno se vuelve un experto en el diseño de información.

Recursos relacionados con la tradición artesanal.

Recursos relacionados con la tradición artesanal.

Recursos relacionados con la tradición retórica.

Recursos relacionados con la tradición retórica.

De ahí, nos mencionó que existen prácticamente tres tradiciones que influyen en el diseño de información:

  • La artesanal – en donde se nos indican guías y reglas que debemos seguir, y en la que también suele darse mucho peso a las habilidades técnicas (sobretodo en cuántos paquetes de software sabemos para ser llamados un “diseñadores”). Indicó que esto deriva en que muchas personas tengan una visión corta acerca de la disciplina.
  • La romántica – cuando consideramos que hay gente que nace con el talento. Mencionó que en salones de clase, esto induce a que el educador (en diseño) tome un papel pasivo enfocándose en tan sólo proveer del ambiente o contexto adecuado para estas personas talentosas. Ante este hecho, comentó que esta perspectiva no es satisfactoria, porque la formación (enseñar, corregir, contrastar y aprender) es importante para volverse un experto.
  • La retórica – donde se piensa en términos de la audiencia. Explicó cuál ha sido la evolución (es decir, las consideraciones que determinan la manera de diseñar) de esta tradición y que en la actualidad seguimos enfocados en la experiencia del usuario que es el resultado de la suma de emoción y cognición.
Explicación de la Dra. Shriver de cómo han evolucionado los modelos de la audiencia según la tradición retórica.

Explicación de la Dra. Shriver de cómo han evolucionado los modelos de la audiencia según la tradición retórica.

Convertirse en un experto depende del contexto, pero mencionó que existen ciertas formas de alcanzar esta meta, tales como:

  • Auto-estudio.
  • Trabajando con mentores.
  • Interactuando con grupos.
  • Retroalimentación del mundo real.
Definición de qué significa ser un experto en diseño de información según la Dra. Shriver.

Definición de qué significa ser un experto en diseño de información según la Dra. Shriver.

También nos indicó que los expertos atacan los problemas de una forma novedosa; por lo que no es lo mismo ser un experto que tener experiencia, lo cual podría implicar la repetición de las mismas fórmulas aunque sea en forma eficiente. Además, nos explicó que los diseñadores de información expertos, como cualquier experto en general, busca patrones para evaluar la calidad de un trabajo. Dichos patrones son variados e incluyen aspectos

  • lingüísticos,
  • estructurales,
  • patrones de género,
  • espaciales,
  • patrones gráficos y
  • patrones tipográficos.
Ejemplo de diseño de información que brindó la Dra. Shriver. Este es el texto informativo original para solicitar un permiso al municipio.

Ejemplo de diseño de información que brindó la Dra. Shriver. Este es el texto informativo original para solicitar un permiso al municipio.

Este es el texto resuelto en cuanto a diseño: no sólo se consideró el layout y jerarquías, sino también la escritura técnica. (D.R. Shriver, 2009).

Este es el texto resuelto en cuanto a diseño: no sólo se consideró el layout y jerarquías, sino también la escritura técnica. (D.R. Shriver, 2009).

La Dra. Shriver es autora de un libro llamado “Dynamics in Document Design“; que por cierto, he tenido alguna vez la oportunidad de hojear durante la maestría, y que me pareció muy buena referencia para un diseñador de información. Disfruté mucho haber tenido la oportunidad de escucharla en vivo.

Cierre de la conferencia magistral por Karen Shriver en el CIDI 09.

Cierre de la conferencia magistral por Karen Shriver en el CIDI 09.

Cómo la tecnología ha afectado la práctica de la visualización de datos según Isabel Meirelles.

Esta fue una charla muy descriptiva e interesante. La Mtra. Meirelles presentó, analizó y discutió la relación entre la visualización y la tecnología a través de diversos casos que podemos encontrar actualmente. Entre ellas:

La Mtra. Isabel Meirelles explicando las tendencias actuales para la visualización.

La Mtra. Isabel Meirelles explicando las tendencias actuales para la visualización.

Una visualización de Minard que desconocía y que me pareció muy ilustrativa.

Una visualización de Minard que desconocía y que me pareció muy ilustrativa.

Sistemas de información ambientales por Mauro Pinheiro.

Mauro, colega y buen amigo, nos platicó sobre el cómputo ubicuo o penetrante (pervasive computing como se le conoce en inglés), idea en la que cualquier artefacto tiene capacidades para procesar datos y transmitir información de forma que la tecnología sea parte de nuestro entorno. Nos explicó como este enfoque es consecuencia del paradigma de diseño llamado Calm Technology propuesto por Mark Weiser y presentó diversas aplicaciones tecnológicas con motivo de reflexionar sobre cómo explorar áreas de oportunidad en este campo.

mauro01

Ejemplo de ubicuidad de la información - caso globo.com de Brasil.

Ejemplo de ubicuidad de la información - caso globo.com de Brasil.

Explicación sobre el paradigma de Calm Technology conformado por el "centro" y la "periferia".

Explicación sobre el paradigma de Calm Technology conformado por el "centro" y la "periferia".

Cuestiones relacionadas con el diseño de información con respecto al cómputo ubicuo de acuerdo con Mauro Pinheiro.

Cuestiones relacionadas con el diseño de información con respecto al cómputo ubicuo de acuerdo con Mauro Pinheiro.

CONGIC: Congreso de iniciación científica en el diseño de información.

Paralelo al CIDI se llevo a cabo un congreso estudiantil de diseño de información llamado CONGIC. A mi parecer, esta actividad se me hace bastante loable ya que da la oportunidad a los estudiantes no sólo de explorar el diseño de información a través de la investigación, sino que brinda un foro para ellos, donde pueden tomar experiencias para presentar y discutir sus ideas ante colegas y público de otras disciplinas. Tuve la oportunidad de escuchar tres de estas charlas estudiantiles.

Una de ellas trató sobre un modelo analítico con consideraciones semióticas aplicado a proyectos tipográficos.

CONGIC 09

CONGIC 09

También estuve presente en otra donde se explicó (aunque entendí muy poco por el acento del portugués de la ponente) cómo se involucró a usuarios reales de un material educativo para aprender geometría descriptiva.

CONGIC 09

Y por último, una charla sobre cómo diseñar materiales de instrucciones, en este caso para el ensamblaje de un ventilador. Un proyecto de diseño de información aplicado a la vida real, donde se evaluó la usabilidad del producto de diseño.

CONGIC 09

CONGIC 09

En conclusión…

Esta versión del CIDI fue interesante porque su eje fue “el campo de acción del diseño de información” lo cual derivó que participara gente que no provenía solamente del área de “diseño”. A mi juicio, este congreso es una manifestación de la madurez del diseño de información en Brasil y reconoce la importancia de la investigación/gestión de proyectos relacionados con la disciplina.

cidi011

Identidad e imagen de Rio 2016

Escrito por Tzek el 14/09/09
Clasificado en: Diseño Gráfico, Diseño de Información, Diseño y Sociedad, Profesión, Publicidad y MKT, Reflexión, Tertulias, tutoriales

Rio de Janeiro es una de las ciudades candidatas a ser sede de los juegos olímpicos del 2016. La identidad tiene un símbolo que evoca a un corazón y/o mariposa y que es en sí el famoso “Pan de Azúcar“. El tagline que acompaña a esta identidad es “Eu quero” (yo quiero).

Logo de Rio de Janeiro, ciudad candidata de los olímpicos del 2016

Logo de Rio de Janeiro, ciudad candidata de los olímpicos del 2016

Los cariocas se ha preocupado de dejar “pequeños recordatorios” de que son una ciudad ideal para los juegos olímpicos. De alguna forma esto crea una imagen fuerte y que te reafirma que uno se encuentra en la “Cidade Maravilhosa”, llena de naturaleza.

Bienvenida al aeropuerto de Rio de Janeiro.

Bienvenida al aeropuerto de Rio de Janeiro.

Desde el aeropuerto uno comienza a ser bombardeado con la identidad visual de esta ciudad candidata.

Frase que identifica la campaña de Rio como ciudad candidata.

Frase que identifica la campaña de Rio como ciudad candidata.

Entrada a una de las terminales aeropuertarias.

Entrada a una de las terminales aeropuertarias.

Lo que me ha causado demasiada emoción en este proyecto es justamente su magnitud. Uno puede presenciar “en la realidad” el impacto de una identidad corporativa. Además, las aplicaciones son ejemplos claros de cómo el diseño y la comunicación corporativa funcionan: que no basta con el “logo”, sino de cómo se integran ideas a través de frases y se amalgaman con elementos visuales congruentes.

En la calle, los MUPIs tienen fotografías con imágenes de lugares (por ejemplo, la playa de Copacabana) donde en blanco sólido tienen el pictograma “clásico” olímpico (por ejemplo de “volley ball playero”) y frases del estilo “Ciudad olímpica por naturaleza”. En otros lugares que ya se encuentran construidos, el diseño es más de información, indicando los posibles usos del lugar.

Lona que explica la posible función del Maracaná para el 2016

Lona que explica la posible función del Maracaná para el 2016.

Marquesina en el mini-museo del Maracaná.

Marquesina en el mini-museo del Maracaná.

Otro tagline manejado es “Viva su pasión”. Demasiado intenso, pero efectivo.

Y por supuesto, también dentro del estadio sigue el “bombardeo”…

Palcos del Maracaná.

Palcos del Maracaná.

En el metro de Rio, no se deja escapar la oportunidad de reforzar la imagen de ciudad candidata.

Pasillo del metro decorado con la identidad de los juegos

Pasillo del metro decorado con la identidad de los juegos

Poste de luz en el interior del metro de Rio.

Poste en el interior del metro de Rio.

Vagones del metro decorados.

Vagones del metro decorados.

En mi caso, siendo un apasionado de la identidad y el diseño corporativo, ver plasmadas tantas aplicaciones en diferentes puntos de la ciudad se me figuró uno de esos proyectos apasionantes en los que uno sueña con participar. :)

A ver que tal les va a Rio… Sucesso!

Typ09: el video promocional

Escrito por Tzek el 21/08/09
Clasificado en: Desde la web, Diseño Gráfico, Diseño de Información, Profesión, Tertulias, tutoriales

Ya a punto de entrar en septiembre, dejo un video que desde siempre me ha gustado mucho: el video promocional del Congreso de la Asociación Internacional de Tipografía Typ09.

Dicho congreso de tipografía se llevará a cabo en la Ciudad de México del 26 al 30 de octubre de este año.

“The heart of letter”: presentación hecha por Ricardo Salas Moreno y el concepto visual desarrollado por Isaías Loaiza Ramírez, Gabriel Martínez Meave y Alfredo Lezama Osorio.

Señalización en Guanajuato

Escrito por Tzek el 28/07/09
Clasificado en: Diseño de Información, Diseño de Interfaces, Diseño y Sociedad, Métodos y proceso de diseño, Profesión, Reflexión, tutoriales

Guanajuato es una ciudad mexicana patrimonio de la humanidad, la cual es muy particular debido a su topografía. A grandes rasgos la ciudad parece estar asentada en un bol, por lo que quedan casas prácticamente unas encima de otras, lo cual deriva en muchos callejones y aún más, existen túneles para movilizarse en carro.

Guanajuato Capital desde el funicular y Pípila

Ciudad de Guanajuato México

Vistas de la ciudad de Guanajuato.

Aunque los sitios turísticos son fáciles de encontrar, el municipio dispuso de un conjunto de páneles a lo largo de ciudad para orientar a sus visitantes. Me interesó y gustó mucho como está presentada la información, ya que de primera mano, al existir tanto recoveco, los turistas podrían pensar que es muy complicado caminar en la ciudad.

Señalización de Guanajuato Capital.

Señal turística en Guanajuato.

La primera característica que se me hizo muy acertada fue el contraste. Las señales tienen un color terracota (chedrón o copper redad hoc a la ciudad pero que además hace un buen contraste cromático con los textos, los cuales se presentan en color blanco y usando una fuente tipográfica de palo seco, muy limpia y legible. Los demás colores empleados (en el mapa y esquemas) también facilitan la lectura de la señal.

Cada panel está divido en cuatro partes claramente identificables. La primera corresponde al nombre del lugar donde se encuentra la persona. La alineación a la izquierda,  jerarquía tipográfica y el aire alrededor ayudan determinar que “ese texto” (el título) corresponde al nombre del lugar.

Señal en Guanajuato Capital

Lista de lugares importantes cercanos al sitio actual.

Debajo del texto correspondiente al nombre del lugar, se encuentra una lista de los lugares más cercanos. Su alineación a la izquierda resulta más conveniente que emplear una alineación centrada, ya que se arma una línea vertical imaginaria que agiliza la lectura de dicha lista. Esta lista ocupa una columna central en el panel, de forma que quedan dos pequeñas columnas, una a la izquierda y otra a la derecha. Dependiendo si se tiene que caminar hacia la izquierda o hacia la derecha, se coloca en la columna correspondiente una flecha de dirección (←,→,↑ ,↓) para cada elemento de la lista.

Se que suena bastante intuitivo, pero este tipo de detalles simples reafirman el sentido de orientación espacial.

Mapa topográfico en la señalización de Guanajuato Capital

Mapa de tipo topográfico en la señalización en Guanajuato.

Ya debajo se presenta un mapa, cuya intención es situar al usuario en el espacio físico. En español, francés e inglés, se le indica con etiquetas como “Frente a ti” y “Detrás de ti” la relación entre lo que observa en el mapa y el entorno que lo rodea. El camino principal se resalta con color amarillo, dando evidencia a las formas de éste; muy útil para entender “cuando dar la vuelta”. También se muestran, mediante contraste cromático, los sitios importantes en el área incluyendo los de la lista. Además se marca el norte como símbolo estándar de orientación.

Tube map o Pipe map tipo Beck's London en Guanajuato Capital

Mapa tipo Beck's London Underground

Mapa esquemático a la Henry Beck de un recorrido en la ciudad de Guanajuato.

La cuarta y última sección de cada panel corresponde a un esquema conocido también como mapa de tubo,  idea formidable presentada por Henry Beck en los 30s. En éste también el usuario se orienta en cuatro direcciones (←,→,↑ ,↓), pero le brinda la ventaja de identificar rápidamente que lugares se encuentran conectados con respecto al camino principal y mediante qué calles. La legibilidad para ir del punto A al punto B sin duda se incrementa con este tipo de mapas. De nuevo, lo importante se contrasta mediante el color, tanto para el camino principal como los lugares importantes. Los textos tienen su mayor contraste en este sentido con la aplicación del color blanco.

Este tipo de iniciativas me gusta mucho en los casos en los que uno no desea tomar recorridos y la ciudad, como Guanajuato, es adecuada para caminarse. Así vas tomando en cuenta qué lugares vas vistando y cuáles han llamado tu atención, previa investigación en la red o bien con una guía en mano. Sólo espero que no acaben destruidos o bien, que no se les de mantenimiento y acaben siendo un elemento deteriorado y visualmente desagradable al paso de los visitantes de esta colonial y especial ciudad.

Escenarios en video

Escrito por Tzek el 24/06/09
Clasificado en: Desde la 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, tutoriales

Los escenarios son muy útiles en el diseño de interacción. Aunque tradicionalmente son escritos, tomar la opción de presentarlos en video o a través de bosquejos también puede ser muy conveniente ya que se explota el factor visual-narrativo. Como muestra, tenemos estos videos del canal en Vimeo que tiene el Mobile Experience Lab, parte del Design Lab del MIT.