Tzek Blog de Diseño

Uno de los primeros blogs que seguí fue el de los Alquimistas de Diseño. Recientemente, Seth acaba de publicar un post de por qué ya no escribe o escribía con tanta frecuencia. Es claro que, al menos dentro de mis colegas y amigos conocidos, la escritura de posts disminuyó bastante.

Podría afirmar que en un par de ellos de pasar de estudiante a profesional de diseño (con sus implicaciones de tiempo, carga de trabajo y salir de la rutina) tuvo que ver con que dejaran de escribir post poco a poco. También creo que la proliferación de redes sociales como flickr y facebook han influido, porque realmente son muchos los gustos y aficiones de la gente que se conecta a la red todos los días, y las formas en las que desean consumir información sobre dichos gustos y aficiones no necesariamente se ven reflejadas en formato de posts de un blog.

Es verdad que cada cosa con su cada cual. Por ejemplo, en el facebook he podido contactar no sólo a mis colegas/amigos de maestría y/o universidad, sino que también he podido reconectarme con amigos de la escuela secundaria que tiene más de una década que no se de ellos. Entre los pensamientos, fotos y chismes de muro, ligas a videos y canciones, se que “ahí están” y voy notando en qué andan en estos días. Esta “cosa del diablo” como le dije alguna vez a mis alumnos,  me deja mandar correos y notas tanto personales como de pendientes con compañeros de trabajo y mis becarios, compartir rápidamente ligas de interés común con ciertas personas, ir armando archivos visuales tanto de cosas del trabajo como momentos con amigos, cosas y lugares especiales, etc. Fue así como acabé siendo víctima del facebook. La rapidez y el acceso múltiples fuentes de información (generada por mis contactos) en un sólo canal hizo que en parte me fuera alejando de escribir posts.

Luego vino el Twitter, “otro objeto del mal”, que empecé a usar tiempo después del facebook. Me decía que para qué quería otra cosa si ya tenía el face: breve, sin complicaciones, sin poses o cuidado en lo que se dice, etc. Sin embargo, cuando el facebook fue mejorando (que parece que coincidió cuando me di de alta), vino una ola de aplicaciones y juegos, y al menos en mi caso, la información de mis contactos se empezó a llenar de trivias, quien hizo el mayor puntuación, horóscopos y otro tipo de predicciones, las clásicas “frases célebres” de alguien y muchos avisos de FarmVille y Mafia Wars. En cambio, el Twitter, no pasa de ser simple; aunque puedes “compartir” imágenes y videos, todo al final sigue siendo texto escrito en no más de 140 caracteres, lo cual hace que se muy práctico y rápido de hojear. Además de que me ha sido útil para informarme de cosas banales o relevantes, como noticias de último momento, como en el caso de sismos o sucesos en mi ciudad.

Al igual que Seth, no creo que los blogs hayan muerto. Lo que sucede es que llegaron diferentes formas para compartir información y/o conocimiento. Lo que originalmente se pensó como un lugar para poner bookmarks de sitios web, ahora ha cedido su lugar a otras plataformas rápidas. Y justo como sucede en este post, el blog aún es buen lugar para expresar ideas con “más forma” y justo por esto último, aún creo que puede ser una herramienta para la gestión del conocimiento tanto para individuos como para empresas; es decir, un lugar donde dejar por sentado cosas más extensas que un “buenos días” ya sea en Twitter o Facebook.

En febrero, este blog “cumplirá” 3 años de “vida”. Recuerdo que lo abrí con la idea de que al igual que mis colegas (en aquel entonces estudiantes universitarios y de los cuales yo soy “fan” como se diría ahora en facebook), se me hizo súper tener un lugar dónde poder expresarme sobre diseño. Quizá he sido un poco academicista (como diría un amigo), pero también he aprendido que es parte de mi visión sobre la disciplina. Quizá los post de este blog no son tanto de portafolio o casos de uso (como quisiera), pero es verdad son testimonio escrito de situaciones donde una charla, una clase, un objeto o una duda, han sido el motor de querer compartir algo diseñístico con alguien. Así que, si has llegado hasta estas líneas, pues gracias por este momento.

Saludos.

El asunto relacionado con diseño, sobre todo esto de los blogs, twitter, facebook y demás, tiene que ver con lo que un colega me preguntó en estos días: ¿qué es lo que sigue? Ah, eso es muy interesante: yo creo que dado el vaivén de tamaños en los dispositivos (muy concreto ahora con las netbooks y próximamente con las tablets) y al parecer, haber alcanzado el límite conceptual de la web 2.0 caracterizada por las redes sociales, quizá lo que venga sea la gestión de significado en diferentes soportes. Pero eso… eso sería otro post.

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.

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.

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.

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

Libro sobre Warhol.

Plato de talavera.

Portada de la revista Design Issues.

Agenda.

Ilustración de pájaros antropomorfos.

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.

¿Qué se celebra realmente cuando uno cumple años? ¿Que se ha vivido o que se espera vivir al menos un año más?

La mente y el espíritu evolucionan, el cuerpo evoluciona, las circunstancias cambian, los anhelos cambian, el tiempo pasa y parece que es importante conocer/encontrar la forma de vivir.

Con uno más, ya contando “y uno”, pues han pasado cosas buenas, malas, chistosas, interesantes, banales, vulgares, espirituales, entre otras. Por todo doy gracias.

¡Ah! Y mi deseo este año es…

He visto en la televisión un nuevo comercial para laptops HP (motivo de este post, pero desafortunadamente no lo pude encontrar). El tagline del comercial “Cargar bytes no kilos” remarca la idea de tener una computadora poderosa pero pequeña y sobretodo liviana. Esto me deja pensando en cómo ha cambiado el valor simbólico de una laptop o notebook.

Quienes crecimos en los ochentas quizá vimos las caricaturas del Inspector Gadget. Recodarán que este inspector, con un montón de aparatejos bajo el sombrero, no daba una y gracias a su sobrina Penny, salía victorioso en los casos.

Yo era lo que ahora se puede declarar como “fan”* del libro de Penny. Este dispositivo que aparentaba ser un libro común y corriente, en realidad era una computadora portátil donde Penny obtenía toda la información para ayudar a su despistado tío. ¡Qué maravilloso tener algo con mucha información, que quepa en tu mochila y que tenga una pantalla! Tal vez suene tonto en la actualidad, pero en los 80s era muy raro saber o ver “en vivo” una laptop o notebook.

* Muy a la facebook

La mejor sensación que generaba en mi el concepto de un aparato así era  justo la posibilidad de tocar y manipular un dispositivo computacional pero en forma de “cuaderno”. Ver una lap me daba evidencia del “avance tecnológico”. Aunque a principios de los 90s, al menos en México, las PC no eran tan baratas como hoy en día (que hasta en el supermercado las encuentras) y era muy tentador tener un lap y llevarla a todas partes, ¿No era genial eso?

Para todos los que nacieron pasados la mitad de los 80s, la laptop es algo común y financieramente más asequible. Tener una laptop de pasó de ser algo “especial” a algo que podría considerarse incluso como “necesario”. ¿No han escuchado de niños que ya para entrar a secundaria “necesitan” una laptop? Claro, con “conexión a Internet”. ¿Si no cómo harían sus tareas? ¡Obvio! (para sus padres y abuelos, lo anterior se cuestiona).

¿Necesitamos realmente una laptop sofisticada? Los que estudian diseño y comunicación quizá sí, por la cantidad de datos almacenados y la cantidad de memoria RAM que consumen los programas de edición gráfica y de video. Claro, un estudiante regular, prácticamente sobrevive con una lap que tenga Office y una conexión decente para conectarse a Facebook y así ver las múltiples fotos de las últimas fiestas.

Entonces la laptop toma un nuevo sentido, se vuelve un símbolo de personalidad. La lap intenta reflejar “mis gustos”, “lo que estudio”, “que tan conocedor de la tecnología soy”, etc. Ahora bien, igual que ha sucedido con el celular, lo importante es vender ese “reflejo de la personalidad”: ¿Quién soy? ¿Qué hago? ¿Cómo soy?. Como ejemplo, los videos de HP que se apoyaron en personalidades de diferentes ámbitos.

Para mi resulta curioso analizar “qué se vende” y como el diseño industrial, los componentes del aparato y las posibilidades de los sistemas operativos se ven influenciados por lo que la gente “podría demostrar”. Ya no se venden las laptops netamente como un dispositivo de procesamiento. Se vende: actitud, diversión, status, glamour, ligereza, moda, masculinidad, ritmo de vida, conciencia social y ecológica, etc.

¿Qué haría Penny con una Mac Book Air o con una Vaio Mobile Type P? Sin duda, ya hubieran atrapado al Dr. Garra desde hace mucho gracias a la banda ancha móvil y la wikipedia. ¡Ah! Y creo que también hubiera puesto muchas fotos tagueadas en el flickr  de todos los lugares que ha conocido al socorrer al Inspector Gadget.  :)

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.

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ñ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 red) ad 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.

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

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.

En 2007, mi primer post en este blog trató sobre cómo la tecnología, en particular la telefonía móvil, había modificado la forma en la que se recolectaban y compartían recuerdos. Hoy, 202 posts después, veo pasar el recorrido de un grupo de primaria dentro de las instalaciones de la biblioteca de la universidad. De nuevo hubo algo que me pareció genial: una niña con un celular en la mano estaba filmando todo el recorrido.

Lo primero que comenté con una colega al ver la escena fue lo siguiente: “En mis tiempos dibujábamos para hacer un recuerdo”. De ahí, mi colega también me había comentado  sobre una situación similar que presenció a nivel universitario, donde una forma práctica de no olvidar que se estaba haciendo en el aula era tomarle una foto al ejercicio (aunque no era de teléfono celular).

Lo que me dejó pensando está situación de alguna forma está relacionado con el post de los escenarios: cambiar de algo escrito a video. En su momento, me cuestioné sobre los dichos recurrentes de la lectura y la imaginación. Ya saben, que leer implica desarrollar la imaginación.

El caso de esta niña podría confirmarme que quizá no es necesario “esforzar” o “sobrecargar” la mente si basta con apretar un par de botones para volver a “ver” el recorrido con casi los mismos colores que percibirían sus ojos (y digo percibirían porque ella estaba más atenta al display del celular) y la descripción de los espacios con la voz del mismo guía.

Claro, esto es algo que viene desde la proliferación de las cámaras de video portátiles. Sin embargo, con el avance tecnológico y la reducción de los componentes en los aparatos de telefonía móvil, grabar video ha sido más asequible.

Lo que me dejó pensando esta escena, y con temor a sonar algo old fashion, es si ella se dará cuenta que efectivamente los colores registrados por su cámara no son los colores reales de las cosas, si entiende cómo se siente la tela de los muebles o la textura de las paredes, si habrá notado como el tragaluz va dando matices en el techo o si habrá puesto atención en el olor a madera de los estantes con libros.

Aunque estoy de acuerdo con la tecnología para extender las actividades de generaciones pasadas o proponer nuevas formas de hacer las cosas, me preocupa también que al parecer lo único relevante es producir y compartir el recuerdo en un medio (en este caso video), dejando a un lado la impregnación del entorno al vivir la experiencia.

Muchos videos en youtube, muchas formas de repetir ese instante; pero algo me dice que cuando sonreímos es por “el todo” y no sólo por lo que entró a través de la vista.

Actualización:

a) Wow. Gracias por sacarme de mi ignorancia, muchas gracias por explicarme la verdadera razón Que bueno que escribí este post o hubiera muerto engañado; mejor evidenciar que uno se equivoca a vivir en la ignorancia. ¡¡¡Gracias por los comentarios!!!

b) Mi colega Omar V. me manda una liga donde parece estar la información pertinente: http://en.wikipedia.org/wiki/TOSLINK

Post original:

Primero, quisiera compartir tres puntos:

1. A los que estamos involucrados en diseño, hemos escuchado alguna vez la frase “Un buen diseño es aquel que es invisible ante sus usuarios”.
2. Por otro lado, está el enfoque de Mark Weiser y su Calm Technology, del cual he comentado, y creo que muy importante: tu diseño debe disponer de todo al usuario, pero sólo lo necesario para realizar una tarea debe estar en el centro de su atencion y lo demás en la periferia.
3. El diseño de información se encuentra en muchos objetos de todos los días, en su mayoría con instrucciones o etiquetas (textuales, verbales o visuales), y es un hecho que estamos bien adaptados a códigos cromáticos, como sucede con los semáforos o señales de peligro.

Recientemente me topé con una situación que parece conjuntar los tres puntos: el desajuste de los speakers en la lap. Tenía enchufado los audífonos; parece que al sacar el conector, moví algo por dentro y la lap se quedó como si tuviera los audífonos aún conectados; por lo tanto, los speakers no se oían.

Es primera vez que me sucede esto, pero parece que es un problema más común en las Mac de lo que pensaba. Para solucionarlo, enchufas  los audífonos de nuevo y vas girando suavemente el conector, luego los desenchufas y ¡voilá!, tus speakers suenan de nuevo. Lo comento por si alguien ocupa esta info algún día.

Para indicarme que algo iba mal y dónde estaba el problema, el hueco para enchufar los speakers se puso rojo. Realmente me sorprendió y encantó este hecho, porque no tenía ni idea de que ese orificio se podría iluminar en ese color. Además fue un warning que me señalaba el lugar y no hacía tanto alarde en la pantalla o se ponía en un lugar de ésta que a lo mejor ni veía. Además, está la simple idea de manejar el color rojo para decir que algo está mal empleando una convención occidental.

Me causó el mismo impacto que cuando ví “dormir” a mi iBook G4 por primera vez: la luz se prendía y apagaba lentamente como si estuviera respirando y lo mejor aún, no pensé que hubiera una luz en la orilla de mi laptop.

Una duda que me surge con este tipo de detalles, que van más con lo funcional que con caprichos decorativos, es: si a la gente de Apple se le ocurre incorporar este tipo de características, ¿por qué en otras compañías no se toman decisiones similares? ¿será realmente algo diseñístico o cuestiones de mercadotecnia según delimitan segmentos de mercado y ofrecen lo que creen ad hoc a los diferentes nichos?

En fin…

De acuerdo con D. Norman:

“… the term affordance refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used… Affordances provide strong cues to the operation of things.”

Esto es, que veamos y entendamos rápidamente con qué y cómo operar el objeto (como herramienta) para cumplir una tarea.

Cuando una affordance es buena, hace que pasemos de ser usuarios novatos a usuarios expertos con una transición suave. ¿Por qué podría ser esto? La respuesta, aunque parece tonta, tiene que ver con el hecho de que las cosas funcionen como esperamos.

Recuerdo que mi primer celular, un LG muy sencillo y bastante compacto, tenía su teclado alfanumérico distribuido en 4 filas de 3 botones cada una (como la mayoría de los celulares). La forma de los botones es tal que si lo pones de lado se ve “adentado”, lo cual ayuda a identificar cada fila y visualmente brinda la sensación de que los botones son apretables. Llegó un momento después de tanto uso que ya podía escribir mensajes de texto si ver las teclas. Esta característica generó un aspecto emocional positivo con este aparato.

Justo con este ejemplo, tuve una breve pero interesante discusión con un colega de sistemas computacionales sobre los pros y contras de un teclado equivalente en una interfaz táctil, como en el iPhone. Sin duda otro tipo de affordances son necesarias.

Celuar LG jubilado después de múltiples caídas.

Un ejemplo típico sobre las affordances corresponde a la puerta giratoria, donde empujamos hacia la izquierda o derecha un panel dependiendo de qué nos “dice” la puerta; es decir, si notamos algo “para empujar” o no. Es simple, pero a mi ha resultado chistoso comprobarlo. En el lugar donde trabajo hay una puerta de vidrio cuya manija es igual en ambos lados. Cuando la gente llega, tiende a “empujar” la puerta, similarmente cuando sale. El problema está en que el techo está desnivelado: cuando la gente entra no hay problema, pero cuando sale, la parte superior de la puerta “raspa” el techo, terminando la puerta “colgada” y a punto de caerse completamente. La pobre, ya va en su tercera reparación. Con frecuencia, a la gente que nos visita hay que comentarle “hacia adentro, por favor”.

El diseño da la oportunidad de jalar la puerta, pero su forma triangular (colocar tu mano en un vértice no es muy agradable) influye en que las personas prefieran empujarla.

Así, en una affordance, la forma influye y está supeditada a la función u operación a realizar, más que a un capricho estilístico. En la imagen de abajo hay un dispensador de papel y otro de jabón. El primero, aunque estilizado, no muestra con claridad cómo hacer que salga mas papel, sobretodo si lo vemos de frente (es practicamente un rectángulo). En el segundo, se ve un componente que resalta y demuestra su caracter de “apretable”. Podemos pensar entonces que el contraste de forma es un factor de diseño importante entre los diferentes elementos de un objeto, especialmente en aquellos que son necesarios para la interacción con éste.

Los usuarios no son tontos, sólo desean hacer lo que quieren hacer casi de forma instantánea e intuitivamente.

Ejemplo de contraste para evidenciar con qué se puede interactuar.

Las hendiduras bien marcadas permiten identificar cuántos componentes hay antes de intentar manipularlos.

En los objetos físicos (derivados del diseño industrial), la affordance también se vincula con la ergonomía. Por ejemplo, cuando identificamos algo apretable, podemos saber si es factible la acción con la llema del dedo, con dos dedos o incluso con la palma de la mano. Esto además, nos brinda información subyacente sobre la accesibilidad de esa función: si podemos apretar es porque está permitido y la consecuencia no será perjudicial. Cuando no se piensa en términos de “medidas humanas” quizá no sólo es por el tamaño del producto mismo, sino porque resulta inconveniente que accedamos a esa función tan fácilmente: por ejemplo, cuando tenemos que “resetear” algo metiendo un alambre o una ajuga porque el botón es prácticamente minúsculo y se encuentra hacia dentro.

Sin importar si somos diestros o zurdos, se pueden colocar los dedos cómodamente.

El tamaño del hueco evidencía que es una asa para jalar la puerta.

Las affordances están presentes tanto en objetos de diseño físcos como intangibles (como son las páginas web). Pensar que los elementos interactivos de interfaz son intuitivos/evidentes para los usaurios es una buena práctica de diseño, la cual a veces se pasa por alto y sin embargo, no sólo conlleva un resolución diseñística centrada en el usuario, sino afecta también la experiencia de uso misma y los factores emocionales asociados al objeto.

Saludos.

Gracias a los Alquimistas del Diseño, me econtré con esta tira cómica directa desde el Show de Juanelo.

(clic en la imagen para ver la tira original).

Como parte de la serie están:

• El Diseñador – Juanelo 869.
• El Diseñador II (la tira publicada por los Alquimistas) – Juanelo 892.
• El Diseñador III – Juanelo 898.
• Campaña Solidaria – Juanelo 916.

Sin duda, esta tira me hizo el día. Está genial. 

Me encantó.

[clic en la imagen para agrandar]