storyboards como herramienta de validación

24
Storyboards como herramienta de validación Gustavo Soto Mino @gusoto

Upload: gustavo-soto-mino

Post on 14-Apr-2017

2.517 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Storyboards como herramienta de validación

Storyboards como herramienta de validación

Gustavo Soto Mino @gusoto

Page 2: Storyboards como herramienta de validación

MSc in Human Computer Interaction. UCL, London UK. 2015 MA in communications UDD, Santiago, Chile. 2013 Management of technological innovation.Oxford University, UK 2015 Digital marketing UDD, Santiago, Chile. 2009 Ergonomics UDEC. Concepción, Chile. 2007

Head of online channels, WOM

Graduate Research Assistant, SONY CEEE 2015 Digital Marketing for Latin America Interface. Inc. USA 2014

www.gusoto.me / www.uxd.cl / @gusoto

Page 3: Storyboards como herramienta de validación

Se pueden observar la inclusión de elementos como el storyboard dentro de procesos de testeo, pero no hay una mención metodológica sobre cómo se deben hacer.

El storyboard se ha utilizado hace años en el diseño centrado en el usuario como una herramienta para modelar experiencias.

Para darle forma a la interacción y contar una historia a través del ella.

(Cooper, Reimann, & Cronin, 2007) (Ritter, Baxter, & Churchill, 2014).

Menciona la utilización de esta herramienta en la etapa de diseño. Luego de haber sorteado las etapas de “research”, “modelado” y “definición de requerimientos”.

Page 4: Storyboards como herramienta de validación

Samir Dash / Usability & User Experience - Strategy Creative Design at IBM

Design M.ag

El objetivo de la charla es presentar de manera breve un framework que permite la elaboración de un Storyboard para ser usado en el proceso de User research.

Esta estructura permite validar primeras ideas sobre modelos de interacción de manera fácil y económica, pero también validar nuevas funcionalidades.

Page 5: Storyboards como herramienta de validación

¿PARA QUÉ SIRVE?

1. Generar validaciones de bajo costo pero de alta eficacia y eficiencia.

2. Explorar ideas y oportunidades desde los usuarios.

3. Poner el foco en la interacción a testear, no en los elementos mismos (wireframes, diseño visual, etc).

Page 6: Storyboards como herramienta de validación

CASO DE USO

UCL - BBC R&D

Page 7: Storyboards como herramienta de validación
Page 8: Storyboards como herramienta de validación
Page 9: Storyboards como herramienta de validación
Page 10: Storyboards como herramienta de validación
Page 11: Storyboards como herramienta de validación
Page 12: Storyboards como herramienta de validación

EL FRAMEWORK Definición del

escenario de uso

01Definición de los usuarios

02Definición de los dispositivos

03Definición de lospasos críticos

04

Definir hipótesis avalidar

05Generación de herramientasde moderación

06Etapa de test

07Etapa deAnálisis

08

Page 13: Storyboards como herramienta de validación

Definición del escenario de uso

01Definición de los usuarios

02Definición de los dispositivos

03Definición de lospasos críticos

04

Definir hipótesis avalidar

05Generación de herramientasde moderación

06Etapa de test

07Etapa deAnálisis

08

Page 14: Storyboards como herramienta de validación

Definición del escenario de uso

01 Motivaciones desde Personas / Proto-personas

Espacio físico donde esto ocurre

Definición del escenario de uso y objetivos

En donde se definen las motivaciones generales de los usuarios (proto-personas ) y se definen los pasos de la interacción. Además, de dónde sucede (espacio físico).

Page 15: Storyboards como herramienta de validación

Definición de los usuarios

02 Participantes / Rol de cada uno

Permanencia

Definición de los usuarios

En donde se definen los participantes de la interacción y su rol durante toda la historia. (Su permanencia y relevancia en la interacción).

Page 16: Storyboards como herramienta de validación

Definición de los dispositivos

Acá se definen los dispositivos con los que los usuarios interactúan, se definen los más importantes para la interacción tomando en cuenta la lugaridad y escenario.

Definición de los dispositivos

03 Listado de dispositivos con los que los usuarios interactúan

Sistemas asociados a los dispositivos (Accesos, servidores, etc)

Page 17: Storyboards como herramienta de validación

Definición de los pasos críticos

Se definen los elementos críticos de la interacción. Los pasos donde puedan producirse quiebres emocionales ( por ejemplo un proceso de pago donde existe una transacción).

Definición de lospasos críticos

04 Listado de pasos críticos ( por ejemplo, una transacción, enviar información privada, etc)

Listado de posibles emociones que los usuarios pueden vivir ( revisar Storm C. and Storm T., “A taxonomic study of the vocabulary of emotions”.

Page 18: Storyboards como herramienta de validación

Estructuración de la hipótesis a validar

Se genera una o varias hipótesis que se van a validar. Por ejemplo: ¿Será sensato que en ese instante el usuario tenga el teléfono en la mano?. Esta parte es la más relevante pues es la que permitirá extraer la mayor cantidad de elementos desde la experiencia y percepción de los usuarios.

Definir hipótesis avalidar

05 Hipótesis a validar. ( Comúnmente es más de una y aparecen en orden cronológico)

Preguntas al usuario para cada hipótesis

Page 19: Storyboards como herramienta de validación

Generación de herramientas de moderación

Una vez generadas las hipótesis, se debe tomar cada una de ellas y generar preguntas (dentro de un contexto de tiempo narrativo) que serán realizadas a los usuarios. Estas preguntas, deben ser idénticas para cada usuario si se quiere después, comparar la data extraída.

Generación de herramientasde moderación

06 Se debe definir el “script”. Este debe contener y considerar los siguientes elementos:

1. Protocolo de presentación. Definir qué se les va a decir a los usuarios antes del test.2. Contarles a los usuarios qué tipo de comentarios te gustaría recibir.3. Indicarles qué va a pasar con la información almacenada y cual es el fin del test.

Una vez definida la estructura. Se debe generar el storyboard. (Usar plantilla adjunta).En la plantilla debiesen incluirse:

- Escenario y participantes definidos- Dispositivos que participan de la interacción- Pasos críticos

Page 20: Storyboards como herramienta de validación

Testeo

En esta etapa se realiza el testeo. Se escogen personas que sean relevantes para la idea. En lo posible que sigan patrones sugeridos en la generación de los proto-personas o usuarios finales.

Etapa de test

07 Es hora de ir a testear con los perfiles y personas definidas anteriormente.Registra comentarios, prguntas, opiniones. ¡No interrumpas! Aprovecha el espacio para escuchar.

Page 21: Storyboards como herramienta de validación

Análisis

Se extraen los datos y se entregan conclusiones acerca de la validación de las hipótesis formuladas.

Etapa deAnálisis

08 Se generan conclusiones respecto a las hipótesis.

Se hace un listado de nuevas oportunidades / dolores

Page 22: Storyboards como herramienta de validación

Definición del escenario de uso

01 Motivaciones desde Personas / Proto-personas

Espacio físico donde esto ocurre

Definición de los usuarios

02 Participantes / Rol de cada uno

Permanencia

Definición de los dispositivos

03 Listado de dispositivos con los que los usuarios interactúan

Sistemas asociados a los dispositivos (Accesos, servidores, etc)

Definición de lospasos críticos

04 Listado de pasos críticos ( por ejemplo, una transacción, enviar información privada, etc)

Listado de posibles emociones que los usuarios pueden vivir ( revisar Storm C. and Storm T., “A taxonomic study of the vocabulary of emotions”.

Definir hipótesis avalidar

05 Hipótesis a validar. ( Comúnmente es más de una y aparecen en orden cronológico)

Preguntas al usuario para cada hipótesis

Generación de herramientasde moderación

06 Se debe definir el “script”. Este debe contener y considerar los siguientes elementos:

1. Protocolo de presentación. Definir qué se les va a decir a los usuarios antes del test.2. Contarles a los usuarios qué tipo de comentarios te gustaría recibir.3. Indicarles qué va a pasar con la información almacenada y cual es el fin del test.

Una vez definida la estructura. Se debe generar el storyboard. (Usar plantilla adjunta).En la plantilla debiesen incluirse:

- Escenario y participantes definidos- Dispositivos que participan de la interacción- Pasos críticos

Etapa de test

07 Es hora de ir a testear con los perfiles y personas definidas anteriormente.Registra comentarios, prguntas, opiniones. ¡No interrumpas! Aprovecha el espacio para escuchar.

Etapa deAnálisis

08 Se generan conclusiones respecto a las hipótesis.

Se hace un listado de nuevas oportunidades / dolores

Page 23: Storyboards como herramienta de validación

01 02 03 04

05 06 07 08

Page 24: Storyboards como herramienta de validación

http://gusoto.me/ISA15/sb.pdfFRAMEWORK

http://www.gusoto.meWEBSITE

MUCHAS GRACIAS