En los más de 10 años que llevo diseñando sitios web, la usabilidad ha sido un criterio aplicado a mis trabajos nada más de manera instintiva. Si vamos a analizar el por qué de mi falta de interés al abordar este proceso más formalmente, quizás la razón principal sea la preocupación que me produce verme obligado a replantear la forma en que trabajo y perder el componente experimental que cada proyecto de diseño representa. Prototipar en esqueletos y luego maquillar me parece aburrido y me entusiasma poco.

Pero es que este es un fantasma de esos que asustan y ahora como que le dió por perseguirme para ‘jalarme las patas’ o yo qué se. Por un lado los clientes que cada vez entienden más (o hacen como que entienden) y exigen tecnologías, estándares y, en el caso más reciente, hasta pruebas de usabilidad. Por el otro lado, la gente que trabaja, como yo, de este lado de la red, cada vez se interesa más por promover la usabilidad como algo que al final nos sirve a todos.

Un ejemplo puede ser la activista intenetera Natalia Vivas (a veces conocida como Molly Parker). El otro día pidió mi opinión acerca de la imagen de su nuevo proyecto, apenas en desarrollo por esos días. Discutimos alrededor del tema y concluímos que era mejorable. Le ayudé entonces con un loguito, un cabezote y un par de ajustes sobre la hoja de estilo.

El proyecto de Natalia se llama usarte.org y es la primera comunidad para la usabilidad en Colombia. Por ahora la cosa está apenas empezando pero tiene el potencial para convertirse en algo grande. Cada vez se unen más usuarios y hay que ver qué pasa.

Hoy me entero: Xerox ha rediseñado su logo y el resultado resulta hasta ofensivo. Primero porque a simple vista el nuevo logo es horrible. Para dar una justificación un poco menos subjetiva voy a decir que la tipografía es burda y suma más peso visual del que ya significaba el nuevo símbolo, que es nada más y nada menos un pegote. El ajuste que le hicieron al rojo es algo que entre rojo básico y rojo cereza se queda ahi en el medio: ni chicha ni limonada.

Es un caso interesante porque padece de varios síndromes que aquejan al diseño moderno. El primero es el frenesí por volver todas las marcas ‘web 2.0 compliant’ y ponerles un loguito con apariencia 3D, un poco de luz y un poco de sombra, con un feeling plástico. Aqui no sólo la intención es evidente sino que fracasa ruidosamente.

Eso y el abuso de la “X”. Con la invención de la generación X y la atribución de valores de ‘extremo’, ‘prohibido’, ‘desconocido’ y ‘techie’ esta pobre letra ha sido condenada a verse casi siempre engalanada a la fuerza en cualquier logotipo que la contenga. El de Xerox era una forma elegante: tenía dos X y ninguna decía “ey! mirenme!”. Ahora en el rediseño, si bien el uso de la X no es tan desacertado como podría ser, sí resulta forzado y hasta ingenuo, dejando como resultado un logosímbolo que podría ser de cualquier cosa.

Y para justificarlo, el comunicado de prensa contiene una dosis de palabrería de diseñador escrita con el fin de que uno piense que hubo realmente un proceso serio detrás de este trabajo: (las negrillas son mías, inserten ahi un par de risas de sitcom)

…an illustrative “X,” representing Xerox’s connections to its customers, partners, industry and innovation, and designed to be more effectively animated for use in multi-media platforms.

A Vladimir lo conocí a principio de este año cuando me invitó a participar en el rodaje de un comercial. Luego me invitó una segunda vez y me di el lujo de decirle que no. Mentira. Decir “no” fue una completa idiotez, cosa que confirmé luego al ver el resultado.

Vladimir es de apellido Durán y tiene con su hermano una productora que les gusta llamar Imaginaria Films y que ha sido premiada varias veces, incluyendo dos años seguidos como Mejor Productora y Mejor Director en los premios El Ojo de Iberoamérica.

En Imaginaria hacen comerciales como es debido y luego de un tiempito uno empieza a reconocer su estilo cuando los ve en tv asi de forma casual. El más reciente no lo he visto todavía en tv pero me lo encontré en el blog de Vladimir y me pareció tan bonito que dije “qué importa que Bancolombia sea una mierda. El comercial es tan bueno que se las arregla por sí solito”.

Ojo a la música y al estilo tan YellowSubmarine de los dibujos, sobretodo cuando arranca el submarino mariachi a pasear por Bogotá. Para saber quienes fueron los cómplices de Vladimir, pueden ver la ficha técnica completa.

Gacetilla es una iniciativa liderada por Sergio García, Javier Moreno y Fidel Ramírez y en palabras de ellos mismos se trata de “un proyecto que agrupa varios ríos de noticias, estilo Digg o Reddit, especializado en asuntos específicos (Colombia, Literatura, Cine,…). La idea detrás de Gacetilla es facilitar el acceso a notas interesantes sobre estos temas que usualmente se pierden entre la maraña informativa y la basura mediática, así como generar discusiones al respecto. También pretende visibilizar medios regionales y nuevos medios (blogs y e-revistas, por ejemplo) equiparándolos a los ya establecidos”. Lo interesante es que son los usuarios quienes destacan artículos encontrados en la web y Gacetilla se encarga de indexarlos y generar el espacio para la discusión alrededor del tema.

Esta semana tuve la oportunidad de participar temporalmente en el proyecto y pude hacer mi aporte diseñando un nuevo logo y creando un par de aplicaciones del mismo (favicon y banners). A decir verdad el trabajo fue poco y al final el cambio consistió simplemente en crear un logosímbolo y replantear la tipografía ajustando un poco el kerning y las ligaduras.

Espero que este no sea mi último aporte, pero sobretodo espero que les vaya bien. Me parece que la iniciativa es buena y sobretodo se siente bonito ver que se hagan cosas de este tipo (y sin intereses económicos) desde Colombia, donde para la mayoría de los usuarios de internet la web social no llega más allá de mandarse pescaditos en Facebook.

Desde la semana pasada está circulando el nuevo comercial de Sony Bravia, que ya nos había sorprendido un par de veces antes. Esta vez, bajo la dirección del argentino Juan Cabral cientos de personas trabajaron haciendo conejitos de plastilina y otros tantos en la producción filmada enteramente en stop-motion. La música de She’s a Rainbow de los Stones le queda de maravilla.

Un sólo defecto: los conejitos por la ciudad y hasta el tsunami, son una copia.

Via: gizmodo.es

Threadless fue hasta este mes una tienda de camisetas por internet abierta en el año 2000 que más tarde se estableció como un concurso permanente de diseño. La cosa funciona así: cualquiera puede participar enviando diseños que son votados por la comunidad. Luego de un tiempo se seleccionan las camisetas ganadoras y se mandan a producción, por supuesto premiando al autor. Con esta forma de trabajar, el nivel es inmejorable a tal punto que cada camiseta es una pequeña obra de arte.

Ahora, a pesar de que ya estaban distribuyendo sus camisetas a través de tiendas por todos lados, están orgullosos presentando su primera tienda oficial en Chicago. Tienen montones (literalmente hablando) de camisetas que se pueden buscar en iMacs que tienen instaladas por todo el lugar y, para no aburrir a los clientes, prometen diseños nuevos cada viernes.

La organización de la Copa Mundo de Fútbol Suráfrica 2010 hizo públicas tres opciones de diseño para lo que sería el poster oficial del mundial. El diseño ganador se decidirá por elección popular; pero para participar será necesario que usted esté en Suráfrica, donde puede votar via web o SMS.

Aunque ninguno de los diseños me parece increíble (mi favorito es el segundo), es perfectamente evidente que fueron hechos por profesionales. Como quiera que sea, no estoy de acuerdo con que los resultados de un concurso de diseño sean definidos directamente por gente ajena al medio. Mucho menos cuando se trata de mucha gente.

Este mediodía Apple presentó oficialmente la nueva línea de productos iPod/iPhone, lo que por supuesto da suficiente para hablar en cuanto a estrenos y mejoras. El lanzamiento obvio es el iPod Touch: un hermano menor del iPhone que es básicamente el mismo aparato pero sin las características de teléfono y cámara. Por lo demás, podemos decir que es más pequeño, que viene con capacidades de 8GB y 16GB y que cuenta con wi-fi, reproducción de video y pantalla táctil.

Los iPod que conocíamos hasta hoy se mantienen y avanzan una generación. El iPod Nano tiene el mismo grosor pero ahora es un poco más corto y más ancho, permitiendo ver videos e integrando el feature de CoverFlow y otros lujos a su interfaz, ahora renovada. Está disponible en dos versiones: 4GB y 8GB. En cuanto al iPod Video, ahora se llama iPod Classic y aparentemente lo único que lo pone por encima de los demás productos de la línea es la capacidad de almacenamiento, que va hasta unos impresionantes 160GB. Tanto su interfaz como su diseño (ahora metálico y más delgado) fueron renovados.

Todos los productos mencionados, a excepción del iPod Touch, ya están disponibles. Para ver la información completa sobre cada producto y sus precios, recomiendo darle una visita al site de Apple, que ya los promociona desde la mismísima página inicial.

Soundsnap es una plataforma donde los usuarios pueden compartir efectos de sonido grabados por ellos mismos y ceder los derechos para que otros usuarios de la red que estén buscando sonidos de ambulancias, impresoras de punto o bebés llorando, puedan descargarlos en diferentes formatos sin ningún costo. Por supuesto que el espíritu de la cosa sería que uno, en agradecimiento, grabara sonidos y los compartiera, aunque no todo el mundo tiene los recursos técnicos para hacerlo con una calidad decente.

Aparte de la gran cantidad de sonidos que se pueden descargar, tienen ventajas como un buscador para todo el catálogo y un reproductor embebido en la página para escuchar los sonidos antes de decidirse por uno u otro.

Los MovieClips son fundamentales en Flash para hacer muchas cosas, para manejar líneas de tiempo de forma paralela y de alguna forma para mantener todo separado y organizado. Véamos qué elemento puede llegar a funcionar aunque sea parecido a este concepto en Blend.

Read the rest of this entry »