SlideShare a Scribd company logo
1 of 24
Download to read offline
Storyboards como
herramienta de validación
Gustavo Soto Mino
@gusoto
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
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”.
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.
¿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).
CASO
DE
USO
UCL - BBC R&D
EL
FRAMEWORK
Definición del
escenario de uso
01 Definición de
los usuarios
02 Definición de
los dispositivos
03 Definición de los
pasos críticos
04
Definir hipótesis a
validar
05 Generación de herramientas
de moderación
06 Etapa
de test
07 Etapa de
Análisis
08
Definición del
escenario de uso
01 Definición de
los usuarios
02 Definición de
los dispositivos
03 Definición de los
pasos críticos
04
Definir hipótesis a
validar
05 Generación de herramientas
de moderación
06 Etapa
de test
07 Etapa de
Análisis
08
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).
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).
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)
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 los
pasos 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”.
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 a
validar
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 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 herramientas
de 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
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.
Análisis
Se extraen los datos y se entregan conclusiones acerca de la validación
de las hipótesis formuladas.
Etapa de
Análisis
08
Se generan conclusiones respecto a las hipótesis.
Se hace un listado de nuevas oportunidades / dolores
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 los
pasos 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 a
validar
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 herramientas
de 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 de
Análisis
08
Se generan conclusiones respecto a las hipótesis.
Se hace un listado de nuevas oportunidades / dolores
01 02 03 04
05 06 07 08
http://gusoto.me/ISA15/sb.pdf
FRAMEWORK
http://www.gusoto.me
WEBSITE
MUCHAS
GRACIAS

More Related Content

Viewers also liked

Modelo para gestión de equipos UX
Modelo para gestión de equipos UXModelo para gestión de equipos UX
Modelo para gestión de equipos UXGustavo Soto Miño
 
Eventual.ly Presentation #HackTheVisual
Eventual.ly Presentation #HackTheVisualEventual.ly Presentation #HackTheVisual
Eventual.ly Presentation #HackTheVisualGustavo Soto Miño
 
Taller "Entendiendo a los Usuarios"
Taller "Entendiendo a los Usuarios"Taller "Entendiendo a los Usuarios"
Taller "Entendiendo a los Usuarios"Gustavo Soto Miño
 
Recomendaciones para el diseño de interfaces para la tercera edad
Recomendaciones para el diseño de interfaces para la tercera edadRecomendaciones para el diseño de interfaces para la tercera edad
Recomendaciones para el diseño de interfaces para la tercera edadGustavo Soto Miño
 
Personas e investigación de usuarios
Personas e investigación de usuariosPersonas e investigación de usuarios
Personas e investigación de usuariosGustavo Soto Miño
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsGustavo Soto Miño
 
Design practice Project - MSc HCI
Design practice Project - MSc HCIDesign practice Project - MSc HCI
Design practice Project - MSc HCIGustavo Soto Miño
 
Commas & Semicolons
Commas & SemicolonsCommas & Semicolons
Commas & Semicolonseardales
 
Resumen del modulo universidad y buen vivir
Resumen del modulo universidad y buen vivirResumen del modulo universidad y buen vivir
Resumen del modulo universidad y buen vivirKatheryn Viviss
 

Viewers also liked (20)

Modelo para gestión de equipos UX
Modelo para gestión de equipos UXModelo para gestión de equipos UX
Modelo para gestión de equipos UX
 
Eventual.ly Presentation #HackTheVisual
Eventual.ly Presentation #HackTheVisualEventual.ly Presentation #HackTheVisual
Eventual.ly Presentation #HackTheVisual
 
¿Como se trabaja hoy en ux?
¿Como se trabaja hoy en ux?¿Como se trabaja hoy en ux?
¿Como se trabaja hoy en ux?
 
Caso sanemos.cl
Caso sanemos.clCaso sanemos.cl
Caso sanemos.cl
 
Portafolio ux
Portafolio uxPortafolio ux
Portafolio ux
 
Clase UX - Diplomado de AI
Clase UX - Diplomado de AI Clase UX - Diplomado de AI
Clase UX - Diplomado de AI
 
Usabilidad Open D
Usabilidad Open DUsabilidad Open D
Usabilidad Open D
 
Nuevas tendencias en UX
Nuevas tendencias en UXNuevas tendencias en UX
Nuevas tendencias en UX
 
Parents
ParentsParents
Parents
 
Taller "Entendiendo a los Usuarios"
Taller "Entendiendo a los Usuarios"Taller "Entendiendo a los Usuarios"
Taller "Entendiendo a los Usuarios"
 
Frame en Chile
Frame en ChileFrame en Chile
Frame en Chile
 
Introducción a la Usabilidad
Introducción a la UsabilidadIntroducción a la Usabilidad
Introducción a la Usabilidad
 
Recomendaciones para el diseño de interfaces para la tercera edad
Recomendaciones para el diseño de interfaces para la tercera edadRecomendaciones para el diseño de interfaces para la tercera edad
Recomendaciones para el diseño de interfaces para la tercera edad
 
Personas e investigación de usuarios
Personas e investigación de usuariosPersonas e investigación de usuarios
Personas e investigación de usuarios
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en Startups
 
Diseño de servicios ATM
Diseño de servicios ATMDiseño de servicios ATM
Diseño de servicios ATM
 
Design practice Project - MSc HCI
Design practice Project - MSc HCIDesign practice Project - MSc HCI
Design practice Project - MSc HCI
 
Como hacer un story board
Como hacer un story boardComo hacer un story board
Como hacer un story board
 
Commas & Semicolons
Commas & SemicolonsCommas & Semicolons
Commas & Semicolons
 
Resumen del modulo universidad y buen vivir
Resumen del modulo universidad y buen vivirResumen del modulo universidad y buen vivir
Resumen del modulo universidad y buen vivir
 

Similar to Storyboards como herramienta de validación

Similar to Storyboards como herramienta de validación (20)

QUE ES UML
QUE ES UMLQUE ES UML
QUE ES UML
 
Diseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptDiseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).ppt
 
Manejo de prototipos
Manejo de prototiposManejo de prototipos
Manejo de prototipos
 
Manejo de prototipos
Manejo de prototiposManejo de prototipos
Manejo de prototipos
 
Manejo de prototipos
Manejo de prototiposManejo de prototipos
Manejo de prototipos
 
Manejo de prototipos
Manejo de prototiposManejo de prototipos
Manejo de prototipos
 
Manejodeprototipos 111015092536-phpapp02
Manejodeprototipos 111015092536-phpapp02Manejodeprototipos 111015092536-phpapp02
Manejodeprototipos 111015092536-phpapp02
 
INGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZINGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZ
 
Alcides diaz
Alcides diazAlcides diaz
Alcides diaz
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfaces
 
Expoicioningenieria del software eddy
Expoicioningenieria del software eddyExpoicioningenieria del software eddy
Expoicioningenieria del software eddy
 
Formacion UCD -2-
Formacion UCD -2-Formacion UCD -2-
Formacion UCD -2-
 
Expoicioningenieria del software eddy
Expoicioningenieria del software eddyExpoicioningenieria del software eddy
Expoicioningenieria del software eddy
 
Elizabeth guevararoa ciim2010
Elizabeth guevararoa ciim2010Elizabeth guevararoa ciim2010
Elizabeth guevararoa ciim2010
 
Sistemas
SistemasSistemas
Sistemas
 
Taller requisitos
Taller requisitosTaller requisitos
Taller requisitos
 
Taller requisitos
Taller requisitosTaller requisitos
Taller requisitos
 
Taller Usabilidad en MexIHC 2010
Taller Usabilidad en MexIHC 2010Taller Usabilidad en MexIHC 2010
Taller Usabilidad en MexIHC 2010
 
DESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSDESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOS
 
DESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSDESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOS
 

More from Gustavo Soto Miño

UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.Gustavo Soto Miño
 
Modelo sistemático para testeo con usuarios en Startups
Modelo sistemático para testeo con usuarios en StartupsModelo sistemático para testeo con usuarios en Startups
Modelo sistemático para testeo con usuarios en StartupsGustavo Soto Miño
 
Clase Diseño para la interacción
Clase Diseño para la interacciónClase Diseño para la interacción
Clase Diseño para la interacciónGustavo Soto Miño
 
Componente de asistencia postural para cirugías de alta complejidad
Componente de asistencia postural  para cirugías de alta complejidadComponente de asistencia postural  para cirugías de alta complejidad
Componente de asistencia postural para cirugías de alta complejidadGustavo Soto Miño
 

More from Gustavo Soto Miño (12)

UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.
 
Modelo sistemático para testeo con usuarios en Startups
Modelo sistemático para testeo con usuarios en StartupsModelo sistemático para testeo con usuarios en Startups
Modelo sistemático para testeo con usuarios en Startups
 
Clase Diseño para la interacción
Clase Diseño para la interacciónClase Diseño para la interacción
Clase Diseño para la interacción
 
Dimensiones antropometricas
Dimensiones antropometricasDimensiones antropometricas
Dimensiones antropometricas
 
Percepción y ergonomía
Percepción y ergonomíaPercepción y ergonomía
Percepción y ergonomía
 
Introducción a la Ergonomía
Introducción a la ErgonomíaIntroducción a la Ergonomía
Introducción a la Ergonomía
 
Reel gusoto 3D/Arte
Reel gusoto 3D/ArteReel gusoto 3D/Arte
Reel gusoto 3D/Arte
 
Metainfluenciadores
MetainfluenciadoresMetainfluenciadores
Metainfluenciadores
 
Angulos De Confort Vision
Angulos De Confort VisionAngulos De Confort Vision
Angulos De Confort Vision
 
Marcas (gratis) que pagan?
Marcas (gratis) que pagan? Marcas (gratis) que pagan?
Marcas (gratis) que pagan?
 
Componente de asistencia postural para cirugías de alta complejidad
Componente de asistencia postural  para cirugías de alta complejidadComponente de asistencia postural  para cirugías de alta complejidad
Componente de asistencia postural para cirugías de alta complejidad
 
Hapticidad
HapticidadHapticidad
Hapticidad
 

Recently uploaded

plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 

Recently uploaded (20)

plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 

Storyboards como herramienta de validación

  • 1. Storyboards como herramienta de validación Gustavo Soto Mino @gusoto
  • 2. 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
  • 3. 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”.
  • 4. 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.
  • 5. ¿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).
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. EL FRAMEWORK Definición del escenario de uso 01 Definición de los usuarios 02 Definición de los dispositivos 03 Definición de los pasos críticos 04 Definir hipótesis a validar 05 Generación de herramientas de moderación 06 Etapa de test 07 Etapa de Análisis 08
  • 13. Definición del escenario de uso 01 Definición de los usuarios 02 Definición de los dispositivos 03 Definición de los pasos críticos 04 Definir hipótesis a validar 05 Generación de herramientas de moderación 06 Etapa de test 07 Etapa de Análisis 08
  • 14. 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).
  • 15. 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).
  • 16. 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)
  • 17. 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 los pasos 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”.
  • 18. 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 a validar 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
  • 19. 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 herramientas de 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
  • 20. 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.
  • 21. Análisis Se extraen los datos y se entregan conclusiones acerca de la validación de las hipótesis formuladas. Etapa de Análisis 08 Se generan conclusiones respecto a las hipótesis. Se hace un listado de nuevas oportunidades / dolores
  • 22. 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 los pasos 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 a validar 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 herramientas de 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 de Análisis 08 Se generan conclusiones respecto a las hipótesis. Se hace un listado de nuevas oportunidades / dolores
  • 23. 01 02 03 04 05 06 07 08