Diseño de Apps en 60' - De la idea al prototipo

Presentación de taller "Diseño de Apps en 60' - De la idea al prototipo." Versión 1.4 - Junio 2016 .

Descargar materiales: https://goo.gl/uNyc1u

Conoce las etapas clave del diseño e ideación de una app. Mediante pequeños sprints podrás identificar a tus usuarios, definir una solución, diseñar un prototipo y validar tu producto.

Escríbenos a info@continuumhq.com si te interesa realizar este taller.

Transcript

1. De la idea al prototipo Diseño de apps en 60’ V 1.4 Junio - 2016
3. @ContinuumHQ
4. Conoce las etapas clave del diseño e ideación de una app. Mediante pequeños sprints podrás identificar a tus usuarios, definir una solución, diseñar un prototipo y validar tu producto. De la idea al prototipo Diseño de apps en 60’ V 1.3
5. V.1.1 Noviembre, 2015 - Santiago Chile
6. V.1.2 Diciembre, 2015 - Santiago Chile
7. V.1.3 Junio, 2016 - Lima, Perú
8. V.1.4 Junio, 2016 - Lima, Perú
9. ! Comprender " Idear # Prototipar $ Validar 60’ para llegar de la idea al prototipo
11. LeanUX: Obtén aprendizajes antes de construir el producto. ¿En que consiste? 2 3 1 4 Construir Aprender Lanzar Idear
12. 1 fase por día Actúa rápido Identifica un problema Junta a tu equipo Define tus plazos Investiga a tus usuarios Idea una solución Crea un prototipo Ponlo a prueba ¿En que consiste?
13. ! Comprender " Idear # Prototipar $ Validar • Observar • Entrevistar • User Persona • El Porqué • User Story • Arquitectura de información • Wireframes y bosquéjos • Probar • Mejorar Las tareas en 4 fases
14. Reglas del juego 1. Trabajar en pares de grupos (no personas). 2. Levanta tu mano para preguntas y ayuda. 3. Realizar cada tarea en el tiempo asignado. 4. Usa el tiempo de forma inteligente.
15. Elige tu proyecto Proyecto A Crear una experiencia móvil para un delivery de comida de distintos restaurantes hacia un mismo destino y en un mismo pedido. Proyecto B Crear una experiencia móvil para estimar gastos de viaje con diferentes presupuestos y a múltiples destinos.
16. % Comencemos!
17. ! Comprender Vamos a descubrir quienes son nuestros usuarios y comprender el contexto en el cual se desarrolla esta problemática, necesidad u oportunidad.
18. Scope Canvas(.com) es una herramienta que creamos y usamos en Continuum como punto de partida para todos nuestros proyectos de User Experience. Te permitirá identificar necesidades y usuarios hipotéticos de tu producto, así como posibles motivadores o beneficios directos para los usuarios. ¿Conoces el Scope Canvas? scopecanvas.com ! Comprender - Investigando a nuestros usuarios
19. OBJETIVO DE ESTA FASE Conocer y comprender las características de tu usuario, identificando el contexto, problemas, necesidades y oportunidades.
 > Esto te permitirá refinar tu producto/idea en base a las necesidades y problemas reales de tus usuarios. MATERIALES • Hoja de Apuntes Entrevista. • Opcionales: grabadora de video, voz, fotos, cuaderno de notas. 1. Entrevistas a Usuarios (3 min) ! Comprender - Investigando a nuestros usuarios
20. ! Comprender - Investigando a nuestros usuarios Entrevista a tu usuario para conocer su contexto de vida/trabajo, problemas, necesidades y oportunidades relacionadas al producto que crearás. Actividades principales: Conoce en qué trabaja, cuál es su rol, qué procesos realiza, cuáles son sus rutinas, objetivos personales y laborales. Entornos laborales, personales y de esparcimiento: Identifica en qué lugares se mueve, dónde trabaja, pasea, o en qué áreas dentro de su empresa se mueve. ! Comprender - Investigando a nuestros usuarios Apuntes Entrevista
22. “A” entrevista a “B”
23. “A” entrevista a “B”
24. “B” entrevista a “A”
25. “B” entrevista a “A”
26. OBJETIVO DE ESTA FASE Analizar la entrevista y definir las características clave de tu usuario, determinando la problemática, puntos de dolor y la solución más relevante a cada una de ellos. > Esto te permitirá comunicar claramente las características de los distintos perfiles de usuarios que identificaste en la investigación. MATERIALES • Hoja de User Persona 2. Creación de User Persona (5 min) ! Comprender - Investigando a nuestros usuarios
27. ! Comprender - Investigando a nuestros usuarios Asesora de venta de seguros, trabaja visitando clientes y en su oficina. Coordina con distintas áreas de soporte para tramitar pólizas y resolver problemas de los clientes. “No entiendo cómo los alumnos tienen el último celular, pero no un seguro de salud”. Claudia Pérez ROL EN SU TRABAJO Y ÁREAS DONDE SE MUEVE CON MAYOR FRECUENCIA NOMBRE Y FRASE Analiza tu entrevista y define las características clave de tu usuario en relación al producto que crearás, determinando problemas y necesidades. ! Comprender - Investigando a nuestros usuarios User Persona
28. Crea tu User Persona
29. Crea tu User Persona
30. OBJETIVO DE ESTA FASE Identifica la necesidad o problemática principal de los usuarios y define una solución para este problema. MATERIALES • Hoja del Porqué 3. El Porqué (1 min) ! Comprender - Investigando a nuestros usuarios
31. ! Comprender - Investigando a nuestros usuarios necesita una manera de… porque… Define la necesidad o problemática principal de los usuarios, la cual pretendes resolver con tu proyecto. ! Comprender - Investigando a nuestros usuarios El porqué TU USUARIO SITUACIÓN/NECESIDAD QUE QUIERES RESOLVER IMPORTANCIA DE LA SITUACIÓN QUE QUIERES RESOLVER
32. Define el Porqué
33. Define el Porqué
34. Buscaremos una solución que resuelva la necesidad o problema del usuario. Considerando contexto de uso, oportunidades y motivadores para utilizarla. " Idear
35. OBJETIVO DE ESTA FASE Identificar la mejor solución y crear una caricatura simple de como esta solucionaría el problema. Considera el contexto de uso de esta app. MATERIALES • Storyboard template • Sharpie 1. User Story (5 min) " Idear - Identificando una solución
37. " Idear - Identificando una solución 1: CONTEXTO 2: PROBLEMA Identifica la mejor solución y dibuja una caricatura simple de como esta solucionaría el problema en el entorno donde se mueve tu usuario. ! Idear - Identificando y creando una solución Story Board
38. Crea el User Story
39. Crea el User Story
40. OBJETIVO DE ESTA FASE Identificar las secciones y elementos principales que tendría tu proyecto (app, web, platform…) MATERIALES • Ficha de Arquitectura de información 2. Definir Arquitectura de información (5 min) " Idear - Identificando una solución
41. " Idear - Identificando una solución Ejemplo: Inicio Trámites Cobranzas Clientes Ayuda Datos personales Productos Identifica las secciones y funciones principales que tendría tu aplicación o sistema, considera un diagrama que conecte las distinas secciones. ! Idear - Identificando y creando una solución Arquitectura de Información
42. Define tu AI
43. Define tu AI
44. Crearemos un bosquejo de la aplicación, proponiendo soluciones de interacción y navegación. # Prototipo
45. OBJETIVO DE ESTA FASE Crear un bosquejo simple de la aplicación, incorporando solo los elementos más relevantes para la interacción que se tendrá con la app. MATERIALES • Hoja de Wireframes • Hojas en blanco • Sharpie 1. Wireframes (5 min) # Prototipar - Diseñando una solución
47. # Prototipar - Diseñando una solución ! Prototipar - Diseñando una solución Wireframes
48. Diseña un prototipo
49. Diseña un prototipo
50. Vamos a testear nuestro prototipo con usuarios identificando errores de navegación y oportunidades de mejora. $ Validar
51. OBJETIVO DE ESTA FASE Probar la navegación en base a la función principal de la app, identificando problemas y oportunidades de mejora en el diseño. - Determinar tarea o tareas principales y probar como el usuario navega para completarla. MATERIALES • Hoja de pruebas • Sharpie 1. Prueba con usuarios (3 min) $ Validar - Poniendo a prueba nuestro producto
53. $ Validar - Poniendo a prueba nuestro producto ! QUE FUNCIONÓ " QUE NO FUNCIONA Y DEBE MEJORAR Evalúa si tu usuario entiende y recorre el flujo principal de tu app. Recopila información para mejorar su diseño, contenido y estructura. $ Validar - Poniendo a prueba nuestro producto Hoja de Pruebas
54. “B” prueba el prototipo de “A”
55. “B” prueba el prototipo de “A”
56. “A” prueba el prototipo de “B”
57. “A” prueba el prototipo de “B”
58. OBJETIVO DE ESTA FASE Realiza las mejoras a tu prototipo en base a lo que identificaste en el testeo de usuarios. MATERIALES • Plantilla de prototipo • Hojas en blanco • Sharpie 2. Mejora tu prototipo (3 min) $ Validar - Poniendo a prueba nuestro producto
59. Implementa las mejoras
60. Implementa las mejoras
61. & Scope Canvas: http://scopecanvas.com/ & Continuum Blog: http://blog.continuum.cl/ & Google design sprint: http://www.gv.com/sprint/ & Design Thinking: https://dschool.stanford.edu/ Quiero aprender más
62. ¡Gracias! www.continuumhq.com