Tzek Blog de Diseño

Leí que pronto se pagarán los servicios vía celular. Con la llegada del iPhone, se esperaría que el diseño móvil prolifere. Pero, si actualmente existen grandes huecos entre las disciplinas que intervienen en el diseño centrado en el usuario (UCD), ¿es sano que nos metamos sólo por ser el siguiente paso?

En charla con uno de mis mejores amigos, quien trabaja en una empresa internacional de desarrollo de software, de esas de “mucho caché”, saqué al tema el iPhone. Quería saber su perspectiva por su actividad laboral y porque desde la uni, le han interesado eso de las comunicaciones móviles (de hecho estudio su maestría en eso). No podía dejar pasar la oportunidad de conocer la perspectiva de un no diseñador.

Definitivamente me comentó algunos puntos que estoy seguro un diseñador no tomaría en cuenta. Me hizo recordar una charla con un profe de la uni, buenísimo en desarrollo y diseño web, cuando se estaba definiendo qué iban a hacer los computólogos y que iban a hacer los diseñadores…

Ok, Ok. Será de nuevo de tipografía, layout, emotion design y esas cosas… pero en “petit”. I don’t think so!!! Aún en fecha, no existe del todo en los diseñadores con una sensibilización real a un contexto de uso. Como dice en el extracto del libro Mobile Web Design, la frase Mobile Design, está compuesto de dos partes: móvil y diseño. Y como dice su autor, Cameron Moll, el móvil es el ser humano, no el dispositivo.

Los diseñadores que van a entrarle al rollo del móvil, van a replantearse la generación de contenido y los nuevos modos para emplear y manipular la información en dicha generación.

Más que HCI pura, veo gran intervención del diseño de interacción, del diseño de información y por supuesto, del diseño gráfico. Creo que, de hecho, en diseño de interfaces, no hay límites claros entre estas disciplinas.

• El diseño de interacción, con un pie en HCI y por ende, sensible a tecnologías de información, contribuirá en la proliferación de aplicaciones móviles, donde al estudiará la gente e irá detectando necesidades y nuevas formas de colaborar/socializar, de modo que ideas diseñísticas serán propuestas.
• Por su parte el diseño de información, se verá también involucrado con el diseño de interfaces gráficas y no gráficas, de modo que se aproveche la movilidad del humano y el acceso continuo a información multimediática.
• El diseño gráfico, en apoyo a las dos anteriores, jamás jugará parte como el esteta (que siempre se piensa que es), sino ayudará a concretar las convenciones visuales para este nuevo tipo de aplicaciones.

Considero muy importante abrir los ojos ante la futura sociedad de la información móvil como un primer paso a la realidad del cómputo ubicuo. Tu como diseñador, ¿cuál crees que deba ser la preparación actual y a futuro para explotar el diseño móvil que viene? O al final, ¿será sólo una moda que acabará con la migración de todas las ideas actuales?

Una vez, llegué a la Ibero Puebla y alguien me dijo algo como : “Tu oficina en la UDLA está en tal lugar, ¿verdad?”. Yo dije: ¿como supiste? Y la respuesta fue: “Pues nada más vi los post-it pegados en tu pared y pregunté que si efectivamente era tu oficina…”

Mas que estar pegando post-ti a lo bestia o estar ordenando tarjetas para luego ponerles una liga de hule como método de agrupamiento, el card sorting, a mi juicio, es un buen ejercicio para manifestar físicamente el proceso cognitivo de alguien.

El Card Sorting consiste en la agrupación de items o conceptos por parte de los usuarios. Es común encontrarlo dentro del proceso de arquitectura web para que los usuarios agrupen conceptos relacionados y así determinar la estructura navegacional del sitio. Pero ojo, este método no puede definir la estructura de un sitio por si sóla.

Bueno, el punto está, que creo que funciona bien cuando quieres tener algo presente y no estar divagando entre ideas. Similar a hacer una lista, pero el “pegar, despegar, poner y acomodar”, lo hacen un método de diseño muy eficiente para trabajo en grupo.

Ahora bien, el card sorting no debe limitarse a web y creer que sirve para definir estructuras navegacionales. Por ejemplo, esos papelitos que tengo pegados en la pared de mi oficina (cosa que no quito porque: 1) para tenerlo a la mano cuando lo ocupe y 2) porque se ven bonitos ), me sirvieron por primera vez para definir copies:

1. Haces un card sorting de los elementos que constituyen la marca. En mi caso, no hice mucho, porque en CIRIA la estructura se puede identificar claramente, pero ahí me ven pegando papelitos en la pared.

2. Te centras en un grupo y notas quiénes están.

3. Relaciones conceptos y enfoques (pensando en un gurpo meta, en este caso la comunidad UDLA) a partir de los elementos del grupo.

4. Redactas el copy.

Así, este método puede aplicarse, según yo, a casi todo, desde educación (en niños de primaria o kinder estaría genial), publicidad, identidad corporativa, comunicación, etc. Quizá lo veo así porque desde mi perspectiva, diseñar es un proceso cognitivo al fin y al cabo.

Aquí está una muy buena guía para aprender y aplicar el método:
http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide

Acabo de leer este post en Nudonation de la presentación en video de un método para escalar imágenes tomando en cuenta su contenido. Está genial…

El video está en:
http://www.faculty.idc.ac.il.nyud.net:8090/arik/IMRet-All.mov

Me ha dejado sumamente asombrado, y no sólo por la fuerza algorítmica que tiene, sino también por la visión que tuvieron para detectar una necesidad que tomará fuerza cuando se concrete la gestión de contenido móvil.

La idea es que al procesar la imagen, obtienes bordes, zonas cerradas y oclusiones. Después con estos resultados, se conectan pixeles vecinos para determinar “caminos” o “rios” de lo que podría ser la orilla de una zona “coherente”. Conforme “encoges” la imagen, estas zonas van desapareciendo, por lo que al final, queda una imagen que tu cerebro interpreta como bien. En duopixel hay un claro ejemplo de a qué me refiero.

Si “expandes” la imagen, entonces el algoritmo da una buena interpolación para los valores que tendrán los “nuevos” pixeles… de forma que son generados nuevos “caminos” o “rios” intermedios entre dos “originales”.

El método es como contraer y expander placas de la tierra. Chido. Aunque, claro, leí ahí en Nudonation un comentario de que no estaba “perfecto”, la verdad es que tienen muy bien formulado el método; créanme, no es trivial andar obteniendo información a partir de una imagen… nuestro cerebro es una maravilla.

Imagínense el potencial de esta aplicación. No duden que Mitsubishi implemente interfaces para GPS con esta habilidad a la hora de navegar o que Adobe ya haya puesto a sus investigadores en variantes de esta idea para una futura versión del creative suite.

PD. Perdón por verme tan nerd, pero no había visto algo de procesamiento de imágenes que me causara tanta emoción. Cosas así me motivaron a estudiar eso.

En Campeche, en un alto, se detiene una camioneta con una placa de metal bien atornillada. Observo, aprovechando el rojo. Por tu mente cruza: “que feo, yo lo puedo hacer mejor” Pero, ¿por qué preocuparse? ¿es el poder de la imagen?

Ahora, me temo que no es tanto el poder la imagen, sino como el poder de tener una identidad, la dichosa identidad corporativa.

El diseñador debe entender qué es la identidad y su importancia, más que simplemente pensar en branding neto.

La identidad, va mucho más allá de “loguito”. Si le entras al rollo de la identidad, tienes que ver casi casi a la empresa como un ente vivo: cómo se comporta (el comportamiento corporativo) + cómo dialogan los diferentes órganos en su cuerpo (la comunicación corporativa) + cómo lo ven los demás (el diseño corporativo).

Había en Mérida una pizzería llamada “Pizza Cheff”, la cual tomó “predilección” en la zona oriente. La marca se presentaba con un personaje tipo “Mario” o el chef de “la dama y el vagabundo”. Tiempo después, paso por otra zona y zaz!!! me encuentro otra pizzería con el personaje “gemelo”, o sea.. la versión pirata!!! Eso sí, el monito muy bien trazado y coloreado; nada chafa, pero pirata al fin al cabo.

Son los mismos empresarios que 1) tienen una necesidad de identificarse, por lo que recurren al “loguito” (copiado o chafa) pero nunca entienden la relevancia de una identidad formal, por lo que 2) de manera casi “inocente” no dejan de “imitar” a empresas establecidas creyendo que si con ellos “pegó” (cuando hay piratería de “imagen”), entonces deberá irles bien.

Entonces, el papel del diseñador es de apoyo y reafirmación de ideas en cuanto al potencial que tiene el negocio del cliente. Explicarles que la “imagen” es la percepción de la solidez que tendrá su empresa si llega a entender que van combinados el comportamiento corporativo + la comunicación corporativa + el diseño corporativo. No sólo el “logo” que me va a identificar visualmente, hay que entrarle en forma a toda una arquitectura de marca incluso… si no, ¿cuál es la diferencia entre alguien que maneja Corel Draw! pero no estudio una licenciatura en algo del diseño de lo visual y un “profesional”?

Entonces, tienes una página web para facturar en una llantera, por ejemplo y necesitas saber si “está bien”… hiciste cuanta investigación y contextualización de usuario. Hiciste la entrega, todo super. Pasa no más de una semana y ya te están diciendo que se necesitan “unos cambios”…

Tu mueres al ver que esos cambios es hacer todo de nuevo. Claro, te comprometiste “de pilón” a realizar dichas correcciones. El punto está en que tu cliente fue honesto e incluso aceptó este rollo del “diseño de información”. En momentos cómo este y con la oportunidad en tiempos (aunque no con mucha lana), tu solo te preguntas ¿por qué no hice pruebas con un prototipo?

Una de las grandes ventajas de hacer prototipos de páginas web o interactivos es la poca inversión en contraste al gran número de respuestas y comentarios obtenidos de probarlos con los usuarios.

Los prototipos, de baja fidelidad, pueden incluso hacerse con lápiz y papel. Casi casi producto final se puede ver en un prototipo de alta fidelidad. Pero si no hay lana, uno de baja puede ser buena opción y reafirma que se está chambeando arduo y serio en el diseño de la interfaz así como en el diseño de interacción.

Todo este choro fue porque encontré dos buenos artículos sobre hacer prototipos, uno con PDFs y otro con Power Point en Boxes & Arrows. Muy recomendables:
* Prototipeo con PDFs,
* prototipeo con Power Point y
* además está este artículo sobre cinco tips para prototipeo en papel.

Mi pregunta, es ¿crees que hacer prototipos funciona? ¿cuáles son las ventajas y desventajas de hacer prototipos en el diseño?

En el blog de Eduardo, encontré algo muy interesante y muuuy fuerte a mi juicio. Su definición de diseño. Esta vez, me incluyó en la lista para dar mi punto de vista sobre el diseño y como lo definiría…  

 He dejado mi contribución en su blog y les invito a checar que opinan los demás bloggers sobre este asunto (ojo con esto, porque es uno de los más leídos el suyo, además que aparecen otros personajes de la blógsfera también relevantes).La liga es:http://www.analisisgrafico.org/blog/articulo/define-disenoY lo que yo puse como respuesta ahí es:Wow…. hasta ahorita he visto el post y esta vez me has dejado impactado con tu definición. Sobretodo en la parte de “necesidades de consumo”.Bueno… medio vi las respuestas, pero luego las leo con calma para checar bien… y aunque suene a “escuelita” mi definición “oficial” es prácticamente la de IID…Mejor te cuento como diseñador no gráfico de licenciatura que pienso que es:1. Infodiseño. La disciplina que se encarga de la creación/ensamble/proyección de mensajes (informativos) en uno o varios medios tal que son útiles (y/o usables) dada una necesidad de usuario contextualizada.O sea, hay un usuario en un contexto, tiene un problema y tu llegas para DISEÑAR una solución de información que sirva… llámese alarma contra incendios, periódico, página web, kiosko interactivo, un conjunto de pictogramas o incluso una arquitectura interior basada en Braile.2. El diseño gráfico, para mi, a diferencia del infodiseño visual… ojo: VISUAL… se enfoca en la construcción de mensajes visuales considerando la semántica y la estética en gran mayoría pero que no necesariamente considera/estudia/analiza/contextualiza al usuario final como parte de su proceso cogntivo llamado diseñar…. y si lo hace, muchas veces está dado por un brief generado a parte. Es decir, centra su proceso en la construcción del mensaje per se.3. Diseñar es para mi, el proceso cognitivo. Dado un problema a resolver, el ir trabajando y “visualizando” la solución, es en sí diseñar… el resultado es el objeto diseñado y sea este, un sistema computacional, una presa, una nueva composición proteínica, el nuevo modelo de nutrición animal, el nuevo instrumento estadístico para recolectar información, el nuevo iPod, etc… etc.Por eso me chooooooooca cuando se abusa de la palabra “diseño” pero se refiere solo a “grafico” o “industrial”, incluso, pero no lo digas, me autoflagelo 100000 veces cuando yo lo hago… mal, muy mal.Saludos!!!

Este proyecto es para una boda tradicional yucateca… se imaginarán, trajes típicos (hipil, guayabera, alpargatas), ceremonia en maya, antojitos regionales y unos buenos tacos de cochinita pibil…

La idea era cómo presentar y/o representar este contexto en una invitación sencilla, simple (no más grande de media carta) pero original y acorde a la ocasión… en otras palabras, ese era el brief de diseño a cumplir.

La solución final fue tomar como motivo el bordado del terno yucateco (el traje de gala para las mujeres).

Entonces basándome en las flores de una imagen encontrada, hice de nuevo el trazo en Illustrator de tres flores por separado. Decidí que el acabado final lo daría en Photoshop, tomando en cuenta el efecto de “disolve”, el cual me gustó mucho al ver como fue aplicado en el ave fenix de N. Design Studio, donde se ve muy al “tatoo style” pero al mismo tiempo evoca a bordado o algo muy orgánico.

Al final, busqué un tutorial sobre fabric pattern para dar ese acabado de tela cruda de henequén (como se hacía en yucatán hace uuuuuh… y que se conoce vulgarmente como zozkil, si lo escribí bien, creo).

Para completar el diseño, los sobres fueron hechos de zozkil de verdád y cerrados con una cinta. Algo muy orgánico, autóctono y con mucho caracter yucateco.

Muchas felicidades a los novios…

Con la entrada de Germán Montalvo a la UDLA como jefe de diseño institucional, esta universidad fue albergando expresiones en Helvetica. Al principio traté de entender el carácter de la tipografía y saber dónde podría estar su magia…

Hoy, es de mis favoritas… Podrá llamársele fría y quizá aburrida, pero creo que es una de las tipografía atemporal y que servirá durante muchos años más para expresar solidez corporativa.

Pues de anunciarse meses atrás en blogs de diseño y tipografía, hoy estuve checando que ya salió el documental acerca de esta tipografía… querida u odiada, pero en boca de muchos diseñadores y por lo tanto, con vida desde 1957. Chistoso, no?

Ma’ o meno explican así en el portal del documental:
“Es un filme independiente acerca de tipografía, diseño gráfico y cultura visual global. Mira la proliferación de una tipografía (la cual celebra su 50 aniversario en 2007) como parte de una gran conversación acerca de cómo los tipos afectan nuestras vidas…”

Será interesante ver dicho documental. Creo que estará bien para contextualizar el valor de la comunicación visual por lo que será bueno echarle un ojo cuando llegue por aquí (al menos el DVD) y no solo dejarlo para tipófilos, tipógrafos y diseñadores de identidad.

Acceder al portal, e incluso al blog (no manches…) en:
http://www.helveticafilm.com

Si no metes tus cosas en la caja de seguridad, el hotel no se hace responsable de extravíos… Si estoy en un hotel cinco estrellas, que no hay cierto código de ética en el personal… ¿Por qué asustan así a los huéspedes?

• Esta caja, en cuanto a infodiseño, presenta el detalle de estar sólo pensada para angloparlantes. El esquemita te evoca a una tarjeta de crédito y a deslizarla, pero si no sabes inglés (estando en un país que habla castellano no es obligación), la máquina, de entrada, causa temor.
• Te ofrece dos modos de uso. Un párrafo menciona un código y el otro el empleo de una tarjeta de crédito. Supongo que el código te lo daban en recepción, pero al no ser así, ahí fue mala atención y servicio.
• El segundo modo de uso, con la “credit card” se ve influenciado por la barrera de idioma y el enfrentamiento a una interfaz nueva y fría. Pero bueno, uno se arriesga, pasa la tarjeta y le medio “pushea” a los botones según lo escrito y el display solo marcaba “error de código” (aparecía “err code”) o “mantener X” (aparecía “hold” más un número X).

Me pregunto cuán barata es esta caja de seguridad para un hotel no tan barato, de forma que la interfaz esté compuesta de leds.

En este caso sí hacía falta una buena presentación esquematizada sobre el cómo abrir dicha caja o mínimo lo que significan los avisos… claro, es trivial asociarlos a eventos, pero nunca supe cuáles; si era: “se está cerrando”, “está registrando tu clave”, “espera a que verifique clave y luego abrir”…

En fin, un desastre. Como era de suponerse, nadie se robó mi camara, celular (de dos pesos), mi libro o mi lap. Mi ropa sucia, menos. Pero la caja ahí estaba.