Presentación para #ISA15 en Córdoba

1. Interaction South America 2015

2. ¿Qué
probaremos?
Probaremos los elementos de
interacción, la lógica general de la
navegación y la comprensión
general del modelo de interacción.
Sketch Prototype
Preguntas
¿Dónde lo
probaremos?
¿Quién lo
probará?
¿Cómo lo
probaremos?
¿Qué haremos con
los resultados?
Interactive Visual Design Producto
¿Se entiende la app en general?
¿Se percibe su valor? ¿Es esta es la
secuencia de las pantallas
adecuada para ejecutar esta tarea?
¿Estos son los contenidos que
debería tener esta pantalla?
Sobre un prototipo dibujado en
papel que luego se podría pasar a
una app como POP para colocar
links entre las pantallas.
Usuarios que no conocen la
plataforma, pero tienen cierta
cercanía al proceso de diseño
usando sketches. El objetivo es
eliminar cuanto sea posible la
confusión generada por maquetas
en estado tan inicial.
Sesión informal de testeo con un
prototipo funcional general de la
lógica de la plataforma, se
requieren 5 usuarios y rondas
iterativas hasta llegar a una versión
estable. Se tendrán sesiones de
debriefieng al terminar cada ronda
de testing.
Se crearán nuevos sketches de
manera rápida y se testeará cuanto
antes con nuevos usuarios hasta
validar los objetivos principales de
esta etapa y poder continuar a la
siguiente.
Interactive Wireframes
Probaremos las jerarquías relativas
de los elementos, la lógica
detallada de los patrones de
interacción propuestos y la
comprensión detallada de la
arquitectura de información.
¿La secuencia en que se consumen
los elementos de la pantalla es la
adecuada? ¿Los contenidos de la
pantalla han sido correctamente
diseñados? ¿La efectividad con que
se usa esta página es la adecuada?
Lo probaremos sobre un prototipo
( creado por ejemplo en axure) que
permite navegar entre las
pantallas. Haciendo posible que los
usuarios recorran las diferentes las
pantallas.
Usuarios potenciales de la
plataforma que han tenido la
oportunidad de interactuar con
wireframes entendiéndolos como
parte de un proceso de diseño de
aumento de fidelidad.
Sesión de testeo con un prototipo
funcional detallado de la lógica de la
plataforma, se requieren 5 usuarios y
rondas iterativas hasta llegar a una
versión estable. Es posible que ciertas
interacciones regresen a estados
previos. Se tendrán sesiones de
debriefieng al terminar cada ronda.
Se decidirá si la lógica actual soporta
mejoras o requiere de volver a etapas
de diseño anteriores. Se procede a
ejecutar las mejoras (o a retroceder)
para volver a testear con nuevos
usuarios para eventualmente
proceder al siguiente estado.
Los colores, las imágenes, la
tipografía, las formas, la gráfica de
los elementos de la interfaz, la
persuasión que provoca, las
emociones que evoca, la personali-
dad de la plataforma, su diferencia-
ción visual con otras, su usabilidad
percibida
¿El diseño es atractivo para mis
usuarios? ¿Contribuye el diseño a
mejorar la usabilidad de la
plataforma? ¿Evoca las emociones
proyectadas? ¿Se diferencia
visualmente de otras plataformas?
¿Convence al usuario de ejecutar la
tarea proyectada?
Sobre el diseño visual navegable
generado con las imágenes y
contenidos más actualizados
(Invision, Marvel, etc.). Debe ser
probado sobre el dispositivo que
los usuarios usan ( smartphone /
Laptop)
Usuarios potenciales de la
plataforma que sean capaces de
imaginarse la plataforma en su
estado final al ver representaciones
menos acabadas de la plataforma.
Sesión de testeo con un prototipo
funcional de la definición visual de la
plataforma, 5 usuarios y rondas
iterativas hasta llegar a una versión
que cumpla con los requerimientos
expuestos en etapas anteriores más
los propios de esta. Sesiones de
debriefieng al terminar la ronda.
Se seleccionarán y aislarán los
elementos de interfaz que no
aporten al objetivo planteado y se
iterarán hasta conseguir los
resultados esperados.
La solución final, el despliegue real
de información, el performance de
uso, la pulcritud de la interacción,
los detalles de interfaz de la
solución final.
¿Está el producto en su estado de
publicación requerido? ¿Funciona a
la velocidad adecuada? ¿Está
alineado con la propuesta
diseñada? ¿las microinteracciones
aportan a la experiencia general?
Sobre la versión final de la
plataforma, ya programada, ya sea
en estado beta o release público.
Usuarios potenciales de la
plataforma.
Sesión de testeo con la versión
programada funcional de la
plataforma, se requieren 5 usuarios
y rondas iterativas hasta eliminar los
principales errores y aprovechar las
oportunidades de mejora. Se
tendrán sesiones de debriefieng al
terminar la ronda de testing.
Se identificarán los principales
problemas y se decidirá la mejor
manera de atacarlo ( ¿es necesario
volver a etapas tempranas o se
puede iterar directamente sobre
esta interacción?)
www.uxd.cl Versión 1.0 2015 Interaction South America Juan Paulo Madriaza @mad_uxd - Gustavo Soto Miño @gusoto

3. Estoy considerando distintos escenarios
Estoy complementando el estudio con métricas
Tengo el guión para el testeo
Tengo al menos una hipótesis por tarea que validar
Planificación
Tengo los incentivos listos para los usuarios
Tengo 5 usuarios confirmados para testear
Confío en que los testers representan al target
No estoy repitiendo los testers
Reclutamiento
Ordena los hallazgos por relevancia e impacto para
poder comunicarlos de manera eficiente al equipo
Transmite los hallazgos lo antes posible a tu equipo
Recuerda analizar el origen del hallazgo (culpa de los
usuarios, del prototipo, de conexión, etc)
Conversa los hallazgos con todos en la mesa
(CEO, Diseñador y desarrollador)
Hallazgos
Deja que los usuarios usen sus
propios dispositivos
No muestres la app mientras
entregues la instrucciones
Prueba el micrófono y
luz de la sala
Desactiva las notificaciones del
dispositivo y recuerda eliminar el
caché
¡Recuerda ser atento, curioso,
amable y claro!
Recuerda medir la satisfacción
luego de cada tarea
Recuerda cambiar el orden de las
tareas que harán los usuarios (si es
necesario)
Recuerda que el tiempo y la
atención son limitados, ¡se consiso!
Aplicación
¿Listo para testear? Recuerda!
www.uxd.cl Versión 1.0 2015 Interaction South America Juan Paulo Madriaza @mad_uxd - Gustavo Soto Miño @gusoto