Storyboards y Narrativa para Wireframes Guiados

Hace cerca de 12 años comencé a trabajar en multimedia usando Director. Los productos típicos eran presentaciones interactivas, kioskos, y CD-ROMs interactivos. En este tipo de aplicaciones el concepto de página era tan flexible como el de las actuales RIA o aplicaciones ricas para internet. Una pantalla normalmente tenía más de un estado y los contenidos se cargaban directamente modificando sólo una zona sin necesidad de cambiar a otra página. Este es el mismo concepto de interacción de las RIA. Claro, para efectos de interacción es irrelevante que estés realizando solicitudes asincrónicas al servidor (AJAX), o cargando contenido desde un lector de CD-ROM.

En esa época utilizábamos una herramienta prestada del mundo audiovisual para representar estas interacciones, estados y elementos dinámicos: el storyboard. El storyboard representa las pantallas, y se comentan los aspectos más relevantes, incluso las zonas interactivas o los diferentes estados. Si es necesario, se pueden representar estados especiales en hojas adicionales. En suma, todo se parece mucho a lo que Andrés Zapata presenta en The Guided Wireframe Narrative for Rich Internet Applications.

Andrés muestra una serie de wireframes con comentarios de diversos estados, la idea es flexibilizar los wireframes para adaptarse a los requerimientos de este nuevo contexto, las aplicaciones ricas usando AJAX o Flash. Pues bien, esto es prácticamente un storyboard y no es algo nuevo. De hecho, Andrés menciona en una oportunidad los storyboards, aunque tengo la impresión de que se refiere a su uso en animación.

Explorando con Google, encontré algunos recursos interesantes:

• Storyboarding Multimedia, de 1995
• Detalle de un storyboard simple
• Ejemplo de un storyboard para multimedia

Volveré más adelante sobre esto con algunos ejemplos prácticos, porque creo que será útil reflotar esta herramienta en tiempos de las RIA.