El diseño está en todos lados, y como diseñador suelo ser muy crítico cuando lo veo aplicado en web. Aunque ya no ejerzco mi profesión hace muchos años, sí puedo opinar y hacer valer mi experiencia cuando trabajo con un diseñador y cuando tengo que trabajar con un diseño ajeno. Por ello, me gustaría compartir lo que le exijo en su trabajo:

Interfaz:⌗

Diseñen pensando en el sustrato: dispositivo y sus capacidades/limitaciones, resolución de pantalla, tamaño del browser (incluyan las barritas esas que se agregan como add-on de Yahoo, Google, Facebook, Hotmail, Favoritos, etc.) e incluso orientación (si es [mobile][1], involucra rotación de la pantalla). Hoy en día ya no consideramos la cantidad de colores, pero sí en el formato de la pantalla.

Accesibilidad:⌗

La [accesibilidad][2] no sólo se refiere a la discapacidad del usuario (ceguera, dislexia, daltonismo) sino que se incluye a su incapacidad tecnológica (computador antiguo/lento, browser anticuado e incapaz de ser actualizado, etc). Para esto, el diseñador debe considerar el fallback (o [graceful degradation][3]) para que este usuario pueda realizar la tarea que está destinado en tu sitio web, pero claro no con la misma experiencia por la cual fue diseñada.

Funcionalidad:⌗

¿Va a ser en Flash o en HTML? ¿Utilizaremos Javascript (no es necesario que sepas programar, pero sí cómo funciona y bajo qué límites)? ¿Estará bajo algún CMS (para sacarle más provecho a sus funcionalidades)? Es bueno tener esto claro desde antes mismo de poner manos a la obra. Una buena conversa con el desarrollador ayuda mucho, y seguro aprenderás algo nuevo.

Experiencia:⌗

Al contrario del diseño impreso, en web el diseño no es plano sino que tiene profundidad. No me refiero al burdo 3D, sino que a la [interacción que existe de tu interfaz con el usuario][4]. Es vital considerar [la experiencia con la cual el usuario interactuará][4], y esto va muy ligado con la interfaz y funcionalidad. Es imperativo -y veo a diario una gran falta- tener claro el diseño de los elementos clickeables: enlaces, botones, mouseovers y si aparecen con fadeInOut o con slideInOut, etc.

Flujo:⌗

Si trabajas con un arquitecto de información éste te deberá proveer de todo el flujo a ser diseñado y construído, pero sino debes tomarte un tiempo más de lo habitual para planificar antes el flujo completo que existirá en tu sitio y diseñarlo. Aquí incluyo el diseño de los preloaders, de las validaciones de los campos de formularios, de los mensajes de error, de éxito, si hay envío de correos de confirmación se deben diseñar también etc; se deben considerar todas las pantallas existentes en la navegación.

Orden:⌗

Trabajar en equipo es trabajar en sincronía: así como en el atletismo, en web trabajamos en posta y ésta debe pasarse [de la manera más ordenada posible][5] para que todos podamos llegar a la meta a tiempo. Si vas a entregar un PSD/PNG en capas, que éstas estén ordenadas con su nombre descriptivo y ojalá en carpetas. Si entregas 1 archivo con todo el proyecto, que esté en un peso considerable (acoplando/combinando capas que sepas que no se van a utilizar separadas), entregando la tipografía si ésta no es web-safe, y ordenando las diferentes pantallas del proyecto en sus respectivas carpetas. Se agradece mucho, pero mucho esta consideración.

Palabras finales: profesionalícense. Vayan más allá de lo que hacen actualmente, y que creen que deben hacer. Siento que el mercado ve a los diseñadores como burdos ‘dibujantes‘, pero en actitudes veo que son los mismos diseñadores quienes hacen esa imagen, no toman en serio y no son serios con su trabajo; por supuesto no generalizo pero hay una gran masa que actúa como lo lleva la corriente, y no son los generadores de esa energía. Puedes incluso llegar a pensar “pero si no me pagan para eso”, pero lograrás un punto donde puedes negociar mejor tu valor en la empresa o por el trabajo realizado.

Espero haya aportado mi grano de arena, para una mejor profesión.

[1]: http://www.csslab.cl/category/mobile/ “Enlace en CSSLab a “Artículos con categoría Mobile”” [2]: http://www.csslab.cl/2009/06/10/mejor-accesibilidad/ “Enlace en CSSLab a “Mejor accesibilidad”” [3]: http://www.csslab.cl/2009/09/10/como-superar-ie6-ie7-ie8-y-no-morir-en-el-intento/ “Enlace en CSSLab a “Cómo superar IE6-IE7-IE8 (y no morir en el intento)”” [4]: http://www.csslab.cl/2010/01/16/disenando-experiencias/ “Enlace en CSSLab a “Diseñando experiencias”” [5]: http://www.csslab.cl/2007/11/08/el-orden-ante-todo/ “Enlace en CSSLab a “El orden ante todo””