UX Panama

Cada uno ha elaborado su propio proceso de trabajo para proyectos web a partir de la experiencia personal.  Muchos comienzan un proyecto nuevo diseñando en Photoshop, mientras otros elaboran wireframes detallados en Omnigraffle.  Los desarrolladores incluso arrancan de inmediato a programar bajo su plataforma favorita.

Luego de escuchar la seisión impartida por Todd Zaki Warfel y Leah Buley en el pasado IA Summit, les propongo algo: demos un paso hacia atrás, apartémonos de la computadora por un momento para sacar ideas sin las restricciones que nos impone  ese medio.  Usemos lápiz y papel para plasmar la mayor cantidad de ideas en el menor tiempo posible, bosquejo tras bosquejo de propuestas para resolver el problema que enfrentamos.

Sharpies y papel, la plataforma perfecta para la creatividad

Entre más ideas podamos plasmar, mejor.  Inclusive, no tienen que estar dibujadas a detalle, podemos hacer pequeños bosquejos de distintas funcionalidades que proponemos para nuestro sitio o aplicación web, todas en una misma hoja.   En contraste, al trabajar el diseño inicial bajo una aplicación de diseño, tendemos a detallar una sóla solución, la cuál defenderemos a capa y espada en todo el proyecto debido a la cantidad de tiempo que le hemos invertido.  Estar abiertos a poder ofrecer múltiples posibilidades, sin el peso del trabajo extra en la computadora, es un gran beneficio.

Sólo hay que tener en cuenta que nuestro bosquejo no es  ni tiene que ser una obra de arte.  Todos podemos dibujar un cuadraro, una línea y una flecha.  Esto es todo lo que necesitamos para comenzar a bosquejear.

La presentación de las distintas alternativas de diseño

Al no tener que preocuparnos por la mejor forma de diseñar el elemento en Photoshop, o el mejor framework que usar para programar el comportamiento de un elemento, estamos libres a poder pensar en cualquier solución sin restricciones.  Seguro que sacaremos algunas ideas descabezadas, o inclusive en contra de algunas convenciones de la usabilidad, pero el fin de este ejercicio es generar ideas, que sean el punto de partida para la conversación y discusión con el resto del equipo, encontrando una solución óptima para el problema.

La presentación de las distintas alternativas de diseño

Los bosquejos son excelentes para trabajar conjunto al cliente: puedes llevar tu set creado previamente e iniciar una sesión de brainstorming con él, o puedes ir creando los bosquejos sobre la marcha mientras escuchas sus necesidades.

Al tener un grupo de bosquejos, podemos reunir al resto del equipo, sin importar su rol, e inclusive, invitar al cliente, y presentarles los distintos diseños.  Esta es la otra mitad de este proceso: la colaboración en equipo.  La presentación de diseño se transforma en un proceso de colaboración, dónde cualquier miembro de la audiencia puede pararse, tomar un marcador y rallar una sugerencia sobre el papel.  Gracias a esto, todos están involucrados en el proceso de diseño, ofreciendo su “input”.

Una alternativa para presentar los bosquejos, es conseguir una cartulina o tramo de papel de manila y pegarlo a la pared del cuarto de reuniones.  En él, pegaremos las distintas propuestas, capturas de pantalla de aplicación actual, o elementos que pueden ser inspiración para lo que buscamos.  Podemos ir más allá y marcar los objetivos del proyecto a un lado, para no olvidar la meta que buscamos.

La presentación de las distintas alternativas de diseño

El papel es una plataforma que no deberíamos dejar a un lado al trabajar cualquier proyecto web.  Nos permite diseñar varias opciones en poco tiempo, explorar nuevas alternativas, colaborar con el resto del equipo en el diseño de la experiencia e involucrar al cliente en el proceso de diseño.  Todo lo que necesitas para comenzar a aprovecha esta técnica ya lo tienes a la mano, sólo es cuestión de empezar a rallar y dibujar.

Acerca del Autor

Este artículo lo escribió Harold Maduro, quien administra proyectos en Bootstudio y toma fotos de vez en cuando. Si tiene el celular apagado, es que está de camping en alguna montaña.