Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

E4627b20a4e5743033b762185fd55cc9?s=47 Continuum
June 15, 2016

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.

E4627b20a4e5743033b762185fd55cc9?s=128

Continuum

June 15, 2016
Tweet

Transcript

  1. De la idea al prototipo Diseño de apps en 60’

    V 1.4 Junio - 2016
  2. None
  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
  10. None
  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
  21. None
  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
  36. None
  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
  46. None
  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
  52. None
  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

  63. None