Antes de comenzar

Storyboard es un método que se inscribe, dentro de un proceso de diseño centrado en el usuario, en la fase de investigación. Por lo tanto, se suele realizar al inicio del proyecto, cuando se conocen sus objetivos y el contexto en el que se utilizará el producto o servicio. Por ende, ya se ha obtenido información sobre los usuarios con algún otro método, como por ejemplo la observación contextual.

El storyboard también trabaja la navegación en una app como un diagrama de flujo, pero normalmente con un único itinerario, reflejando pasos importantes y emociones y/o motivaciones de los usuarios. La narrativa de los escenarios también nos puede facilitar el trabajo para definir los storyboards añadiendo breves narrativas debajo de cada imagen.

El método del storyboard nos ayudará a:

  • Centrarnos en los altibajos emocionales de una experiencia específica.
  • Evaluar ideas y «debugarlas» conceptualmente.
  • Experimentar con diferentes secuencias de acción.
  • Representar el flujo de la experiencia antes de construir el prototipo.
  • Poner a las personas en acción, teniendo en cuenta diferentes requisitos y contextos.

El storyboard, por lo tanto, es un método sencillo que nos ayudará a ver si la solución de diseño propuesta ayuda a las personas a cumplir sus objetivos.

Preparación

Se tiene que preparar bien todo el material que haya sobre los usuarios o stakeholders relacionados con el producto o servicio para tener toda la información disponible. Si se conocen personas o se han hecho modelos de persona con anterioridad, se pueden tener como referencia o plantilla.

Es recomendable tener preparada una hoja en blanco con la plantilla para dibujar las escenas del storyboard. Del estilo:

Desarrollo / ejecución

Se recomienda seguir los siguientes pasos:

  1. Seleccionar la propuesta de diseño que se quiere trabajar con el objetivo que se quiere conseguir.
  2. Definir el curso de acción a seguir para definir los pasos que se tienen que dar para completar el objetivo. Es importante tener clara la línea de tiempo y el orden en el que suceden las acciones.
  3. Hacer una selección de los touchpoints, o puntos de contacto, entre el usuario y nuestro producto o sistema, así como de las interacciones principales.
  4. Una vez que tenemos la selección, estamos preparados para hacer una primera propuesta de bajo nivel de las viñetas dibujando los elementos principales. Es importante centrarse en la experiencia de usuario, las emociones y la resolución del problema.
  5. Compartir el storyboard con un compañero para ver si se entiende. También podemos aprovechar para añadir más detalles a las viñetas.
  6. Si se quiere, se puede realizar otra iteración con una mejor calidad de los dibujos.

Análisis / Resultados

Al acabar deberíamos tener un storyboard que refleje los pasos que tiene que seguir nuestro usuario para completar un objetivo. Storyboard es una herramienta sencilla e interesante que nos permite poner a personas en acción y probar de manera rápida y barata si nuestra idea podría funcionar.

Recordemos que esta herramienta, como otras, es una herramienta excelente para trabajar en equipo, puesto que permite definir líneas e ideas claras de trabajo. De este modo el equipo puede compartir un hilo conductor común a la hora de tomar decisiones de diseño.

Referencias

Caddick, R.; Cable, S. (2011). Communicating the user experience: A practical guide for creating useful UX documentation. John Wiley & Sons.

Cooper, A.; Reimann, R.; Cronin, D.; Noessel, C. (2014). About face: the essentials of interaction design. John Wiley & Sons.

Greenberg, S.; Carpendale, S.; Marquardt, N.; Buxton, B. (2012). «The narrative storyboard: telling a story about use and context over time». Interactions (vol. 19, núm. 1, págs. 64-69).

Hanington, B.; Martin, B. (2012). Universal methods of design: 100 ways to research complex problems, develop innovative ideas, and design effective solutions. Rockport Publishers.

Kalbach, J. (2016). Mapping experiences: A complete guide to creating value through journeys, blueprints, and diagrams. O’Reilly Media, Inc.

Vertelney, L.; Curtis, G. (1990). «Storyboards and Sketch Prototypes for Rapid Interface Visualization». CHI Tutorial, ACM Press.