Tzek Blog de Diseño

Justo ahora me dejaron en stand by en el teléfono y lo típico: una melodía suave ochentera mientras esperas… Entonces si no mal recuerdo, en mi tierra natal, Yucatán, uno de los diarios locales (si no es que fue Teléfonos de México mismo) ofrecía “canales” de música en el teléfono… sí, ¡en el teléfono! Marcabas creo que 4141 y después una opción y entonces te ponías a escuchar música.

Quizá ahora parezca tonto. Mucho de esto último porque quién pensaría en escuchar música o noticias en tu teléfono si tienes un celular que podría estar conectado a Internet y que además tiene un player de mp3 o mp4 para que escuches mediante tus audífonos peeeerfectamente todas tus canciones favoritas.

Tonto, efectivamente… pensando que en los 80s y hasta mediados de los 90s, la gente, como suele pasar en algunas ocasiones, se la pasaba hoooooras pegada al teléfono, y no era raro recibir un regaño de algún adulto haciendo hincapié en la enorme cuenta. Es curioso como el paradigma de comunicación y entretenimiento en un sólo dispositivo ha cambiado. Ver una escena de llamada telefónica para “desahogar” el alma ya parece cuento viejo… si no pregúntele a dos niños de primaria con teléfono celular en la mano: ¿para qué quieren un celular? teniendo en cuenta que en su mayoría se envían mensajes de texto y que ya de por sí, se la pasan ahí en la Web navegando.

¿Tonto? O una forma que en su momento trató de innovar y que no sólo quizo explotar el medio, sino también enriquecer la experiencia de usuario con un dispositivo ya dado. No sé, quién sabe que aparezca nuevo con los iPhone, blackberries y otros aparatejos 3G fuera de lo que vemos actualmente.

Tendré en cuenta fijarme en lo que parece estúpido… quizá sea el principio de algo.

En el estado de Puebla, en la zona de Valsequillo, hay un parque zoológico que es un punto de visita obligado para algunos visitantes, donde lo llamativo es que los animales se encuentran “al aire libre”. Por mi parte, he ido un par de veces desde que vivo en Puebla y desde siempre me ha fascinado la atención en los detalles que buscan reafirmar la experiencia de “safari africano”.

Me pregunto cómo en un niño esos detalles influyen para “redondear” la experiencia. Por otro lado, como diseñador, la veces que he visitado el lugar me agrada mucho ir observando los acabados y texturas, el manejo tipográfico, las imágenes y colores empleados para este fin.

De lo que se puede observar “de diseño” ahí, la señalización me resulta muy atractiva y efectiva; no sólo juega su papel como apoyo en la navegación y comprensión del lugar, sino que es un reafirmante para vivir la experiencia.

Tanto la señalización, como la ambientación en general, pueden tomarse como un ejemplo de aplicación del diseño emocional para reafirmar el diseño de experiencia de usuario. El diseño emocional explica el por qué de esa conexión entre el usuario y un producto. Donald Norman lo descompone en tres niveles: el visceral, conductual y reflexivo. Cada uno de los anteriores involucra un estrés en ciertas características en el diseño.

La parte visceral tiene que ver con lo llamativo, lo que genera el deseo o la emoción cuando el producto es presentado ante el usuario.

Con respecto a este parque puede notarse que lo visceral no sólo implica el empleo de materiales con acabado rústico, sino que además hay que considerar una tipografía, colores y texturas ad hoc, y más aún, evidenciar el concepto con “índices” que nos evocarían a una experiencia de safari (como poner cráneos de animales “cazados”). La idea: envolver al visitante desde su llegada y ambientarlo para que en su mente conforme un concepto de lo que experimentará.

La parte conductual está relacionada con el uso. Es una vez pasada la “chispa”, determinar qué tan útil resulta el producto de diseño.

Con el fin de crear una experiencia en el usuario, la parte conductual no puede estar tan separada de la parte visceral: el concepto no se rompe, permanece coherente. Esto implica que hay que conservar esos “detallitos” que han puesto en “sintonía” al visitante durante su recorrido por el parque.

Sin embargo, el aspecto conductual implica que la señalización sí debe preocuparse por poseer unidades claras de información para la navegación, esto es, a través de un buen grado de legibilidad tipográfica y pictográfica (pictogramas, flechas y otros símbolos de apoyo).

La parte reflexiva, también atada a las dos anteriores, involucra tanto la imagen que proyecta el usuario a los demás, así como la imagen/sensación que “permanece” en él cuando pasa el tiempo. Entonces, un parque zoológico como éste debe dejar buenos recuerdos familiares, de diversión, de aprendizaje, de sensibilización a la naturaleza, entre otros. 

Para lograr dicho objetivo, además de la “forma”, se presentan en el parque además de textos informativos otros mensajes que buscan sensibilizar a los visitantes hacia la naturaleza. Resulta muy interesante considerar que siendo niños, cómo afecta una experiencia de este tipo nuestra actitud hacia los animales y el medio ambiente.

Para este parque zoológico, el diseño emocional es algo bien cuidado y reafirma no sólo la proyección del concepto o idea, sino que reafirma la experiencia en la visita. Por cierto, les dejo una foto del “logo” de firefox, que a pesar de ser tan famoso en la Web, sí que es complicado de fotografiar en vivo: demasiado tímido el muchacho.

Pues ya son 30… creo que todo ha pintado bien después de todo. 

So del Blog y Lana, escribió un post muy ameno pero concreto sobre la realidad de “Cómo cobrar bien cuando eres independiente”, casi enfocado a freelancers de diseño.

Nos comenta en el post:

Pero las cosas mas importantes que he aprendido para cobrar bien son:

1. Autestima. Uno debe saber lo que vale. Punto. No eres DaVinci, pero tampoco eres un escuincle de 6 años con su puesto de limonada.
2. Etica. Mientras mejor sea tu ética en el trabajo mejor te irá y mas te cotizarás. Se honesto, se derecho, acepta cuando te equivocas, cumple con tus fechas de entraga, se puntual y trata bien a tu cliente.
3. Servicio. Mientras mejor servicio des, mejor podrás cobrar. Las “divas” pueden ser muy buenas en lo que hacen, pero su futuro en la industria (la que sea) no es prometedor.
4. El trabajo NO es un favor. Estamos acostumbrados a “sentirnos mal” por cobrar. Alguna vez cuando trabajé de secretaria en un despacho de diseño, una de mis labores era perseguir cheques a las agencias de publicidad. Un día una loca en finanzas de una SUPER mega agencia me dijo descaradamente “ A ustedes los del despacho X ¡como les gusta cobrar! En la agencia ya los tenemos en la lista negra por cobrones”. ¿se imaginan? Estar en la lista negra por querer cobrar un trabajo que ya se hizo y se entregó????? ¡no se dejen intimidar! El pago es lo justo por lo que el cliente nos pidió. El trabajo es un intercambio, no un favor.

Saludos.

Reflexión estúpida:

¿No es curioso? Tu trabajo puede ser fácil de hacer desde la perspectiva de quien te comisiona. Pero si los dos ven el trabajo de otro diseñador y alguien externo comenta que es algo “laborioso” y “complicado”, tu comisionista no tiene “peros” como los tiene contigo. Aunque tu pienses algo “muy particular” sobre el trabajo de tu colega.

Mmmm… interesante. A veces estamos de un lado. A veces del otro.

Las revistas de chismes del espectáculo son popularmente adictivas. En México existe una gran circulación de este tipo magazines, siendo TV y Novelas una de las más representativas y con más trayectoria. Una característica distintiva de éstas es sin duda la portada, la cual tiene que gritar para llamar la atención de los lectores potenciales. Y que mejor manera de hacerlo con textos en caja alta, colores vibrantes, falta de aire en la composición y enunciados estridentes.

Portada de TV y Novelas

Lo importante tiene que aparecer en la portada. Pero, ¿qué es lo importante? ¿quién lo determina? Quizá a muchos nos cruza por la cabeza la palabra editor y más aún, podríamos determinar que “él decide, él dirige, y punto”.

Si hacemos la analogía con la Web, la portada vendría siendo la página de inicio. ¿Cuáles son las respuestas a las mismas preguntas? El editor o webmaster sería quien determina qué, en qué orden y dónde van las cosas ¿no? Sin embargo, la Web es una de las entidades donde el poder del usuario final tiene más peso para lograr el éxito ¿o no?

Supongamos que el webmaster es en sí el “diseñador web”: el que se encarga no sólo del mantenimiento sino que ha participado tiempo atrás, tanto en la estructura como en el layout. Este caso es fácilmente visible en freelancing o en trabajos donde un equipo pequeño (incluso de una o dos personas) se encarga de un sitio completo.

Pues bien, la premisa del “lado del diseñador” sería “poseo los conocimientos para determinar cómo indentificar la estructura del sitio y la interfaz de este”; ergo, “aquí está el sitio propuesto, úsese”. Sin embargo, existe una contraparte: los stakeholders o las personas interesadas (en el sitio). No estamos hablando del usuario final. Entre estas personas puede estar quien encarga el sitio (contratista), el jefe, un comité que determina qué información se estará presentando, etc. Lo “sabroso” se da cuando la mente (y el ego, por qué no) del diseñador se encuentra con la de los stakeholders para determinar, entre otras cosas, qué incluye y cómo debe ser la página de inicio, la “gran carta de presentación”.

En ese cruce de “aires”, cual formación de tornado, suele darse un “Síndrome de portada TV y Novelas” en el index o página de inicio, el cual corrompe terriblemente la posible propuesta óptima de interfaz web por parte del diseñador. Todo es importante y todo debe resaltar. Claro, las opiniones son muy sesgadas dependiendo del stakeholder en cuestión. Justo ahí es donde entra el grado de influencia de cada uno de ellos; sin embargo, todos quieren tener visible el nicho de información de su interés.

La “homepage TV y Novelas”, le pone al usuario todo a la mano, eso debe ser bueno. Se pueden encontrar banners animados en flash y muchos botones o imágenes por todas partes, textos de gran tamaño, menús desplegables con muchas pero muchas opciones, más de 5 logotipos (por eso de mostrar que el sitio es importante), etc. 

El ying-yang de este asunto puede describirse así: el diseñador web no preparó la estructura (navegacional y visual) del sitio “a prueba de balas” y tampoco se preocupó por sensibilizar a los stakeholders hacia una cultura de la usabilidad y fucionalidad (¿qué queremos con el sitio? ¿para qué servirá?); por otro lado, las personas interesadas sí quitan autoridad al diseñador (aunque se les explique), debido a que lo “importante” es lo importante y tiene que estar en el index, cuanto más opciones, mejor. No se trata de armar “pleito”, ni de ver quién tiene la razón, sino de darse cuenta que un sitio web va más allá de “presentar información”, porque en la mayoría de las veces están ahí para usarse.

¿Y a qué lleva el último punto? La respuesta es simple: cuando los usuarios usan el sitio (valga la redundancia), se topan con una página de inicio saturada, con demasiada información, muchas opciones para seguir navegando y que pobremente responde a sus necesidades. Después, cuando llega la retroalimentación, sobretodo en esas situaciones donde se apremia “la calidad en el servicio”, los stakeholders se dan cuenta que la página de inicio y todo el sitio, están mal.  Como parte de este síndrome entra su desesperación por no quedar mal y demostrar que sí hay aptitud, que se tiene un sitio web bueno, usable y relevante. Es posible que en este punto se recurra de nuevo al diseñador para que “corrija” tales desperfectos.

El síndrome puede evitarse, pero requiere de la participación de los stakeholders y que sepan hasta dónde llega su autoridad, dejando lo pertinente al diseñador web, que en teoría es el experto y sabe lo que conviene pensando en los usuarios del sitio. Lo complicado está que se involucran aspectos emocionales (en particular de egocentrismo) tanto en el diseñador como en las personas interesadas, por lo que “sanar” es más difícil de lo que parece.

El diseñador para ponerse frío, hay que reconocerlo, debe hacer su chamba, documentar en la medida de lo posible (wireframes y blueprints, esquemas y diagramas, todo lo válido para comunicar por qué se hacen las cosas) y ser claro ante los stakeholders sobre lo que se pensó, lo que se tiene, lo que puede ser y lo que se podría hacer. 

¿Complicado o díficil? Sí. Pero es parte del show ¿o no?

En Corel Draw!, desde sus primeras versiones, una función era la de combinar texto. Esto es muy útil en situaciones donde tienes un diploma base (el template) y en vez de cambiar el nombre una por una, jalas los datos de un archivo de texto plano (hecho en notepad o textedit).

Ahora bien, me han preguntado cómo hacer el equivalente en Illustrator. En la Adobe Creative Suite (CS), las cosas están un poco más separadas. No es como en Corel Draw! que es una medio combinación de Illustrator e InDesign). En CS lo de la combinación de texto se hace en InDesign. 

Dónde está la opción para jalar datos de un archivo

La ventana de Data Merge.
No olvides hacer clic en el menú de la “bolita-flecha” para acceder a las opciones.

Así que aprovecho este post para dejar un tutorial-interactivo en video de IconLogic, muy bueno, donde te explica como hacer el Data Merge (el nombre que tiene combinar texto en CS). La idea es la misma: tener el archivo con los datos, abrir la opción en InDesign, jalar el archivo, colocar los campos, rellenar los campos. Espero les sea de utilidad.

Tutorial: http://www.iconlogic.com/demos/InDesignCS2SampleDemos/DataMerge.htm

Hace un par de semanas, el buen Choper sacó un post titulado “Espíritu de Venado” en su blog personal. Este platicaba sobre una anécdota de darse tiempo para hacer cosas para uno mismo (diseño en general), sugiriendo dejar de pensar que si no nos pagan, no hacer algo.

Hacer algo ajeno al trabajo

Definitivamente yo no suelo hacer cosas personales de diseño, pero el post me dejó pensando: hacer cosas sólo de la chamba me pone en un estado no muy óptimo para diseñar, como enfadado o aburrido. Decidí entonces tomar un lápiz y dibujar antes de empezar algo del trabajo. Me dispuse a hacer un alebrije.

Alebrije (clic para ampliar).

Ponerme a dibujar es algo que solía hacer mucho y me ponía en un estado tranquilo. Contradictoriamente, me pongo a “garabatear” cuando supuestamente tengo que “poner atención”, como en una clase o mientras platico largo y tendido sobre algo relevante. Quizá por eso no me pongo a hacer cosas de diseño después de decirme “Hoy voy a hacerme algo de diseño”.

Ponerlo a colores

Me decidí a colorear mi alebrije, en fotochop… la neta, no me quedó como esperaba y eso de iluminar con el mouse requiere paciencia.

Alebrije a color (clic en imagen para ampliar).

Esta forma de iluminar simple (por favor ilustradores no se rían), va mas o menos así:

• Aplicar al dibujo escaneado la opción de Desaturar.
• Disponer de una capa encima del escaneado en modo Normal.
• Dar varios brochazos de color con un porcentaje menor al 100% de opacidad y con la brocha en modo Color.
  • Mezclar con el dedo, también con menor a un 100%. Esto para ir mezclando los brochazos.
  • Tomar diferentes porcentajes del borrardor y hacer borrones, para dar “luz”.
  • Repetir cuantas veces sea necesario.
• Cuando ya se haya terminado de iluminar la pieza, duplicar la capa que corresponde a los colores. Una de estas capaz ponerla en modo Color (queda como se hubiera hecho lápices de color) y la otra ponerla con una opacidad menor.
• Ajustar hasta obtener los trazos de lápiz en combinación con el color según como se desee.

En conclusión

Una parte definitivamente acepta que es un buen método para ponerse en blanco y luego concentrarse en el trabajo. Sin embargo, admito que resulta incómodo estar ahí bocetando para distraerte-despejarte sin levantar sospechas a quién pasa por tu escritorio.

Recién acabo de notar que existe una Maestría en el Diseño de la Información en la Universidad Anahuac, además de la Maestría en Diseño de Información de la Universidad de las Américas Puebla (UDLAP).

Según leo, en la versión de la Anahuac:

…Desde esta perspectiva, este programa propone el concepto diseño de la información en una acepción que contiene y es contenida por el concepto diseño editorial. Contiene al ámbito del diseño editorial porque su alcance es más amplio: toda la variedad de medios y códigos en los que se materializa la información. Por otro lado, el diseño de la información está implicado en el diseño editorial porque en él se resuelven los elementos básicos del espacio, el texto y la imagen a través de los cuales se reformulan los datos en información y en conocimiento.

Sobre esta base conceptual, este programa ofrece un renovado enfoque pragmático que propone como ejes de la acción del diseño el usuario, la tecnología y la diversidad de los contextos de lectura…

Lo cuál según entiendo va muy pegada con diseño editorial. Por otro lado, la UDLAP presenta su maestría como:

…La función principal del diseño de información consiste en reducir la complejidad cognoscitiva en la masa de informaciones producidas y distribuidas en la sociedad actual, sobre todo en el ámbito de los medios digitales.

Utilizando los recursos visuales y auditivos, el diseñador de información contribuye para transformar datos en información asimilable, comprensible e interpretable.

La tarea profesional del diseñador de información consiste en estructurar, organizar, jerarquizar datos transformándolos en la información visual y auditiva que permite la interactividad entre las personas…

Interesante en ambos casos. Lo bueno es que ahora hay dos opciones y enfoques de cómo tomar el diseño de información en un estudio de posgrado en la república mexicana.

En mi caso, como ya había comentado, me gusta un enfoque plural del diseño de información, que se enfoque en la construcción de mensajes usables y en particular, cuando existe un traslape con el diseño de interacción.

A principios de la década, a mi juicio, uno de los mejores recursos para los interesados en el diseño y desarrollo web era Webmonkey, gracias a sus buenos tutoriales y otros artículos. Entre los primeros se encuentra el “Tutorial de Arquitectura de Información Web“.

Si necesitas conocer qué es y cómo se aplica este concepto en un sitio web, te recomiendo echarle un vistazo a este tutorial; su contenido es presentado con claridad, cubriendo los puntos necesarios en forma concisa.

Liga:
http://www.webmonkey.com/tutorial/Information_Architecture_Tutorial

¡Qué bien que Webmonkey está de vuelta! Un portal dónde se aplicaba bien el concepto de que el contenido es el rey. Espero que en esta versión se repita la historia.