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

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

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 [email protected] si te interesa realizar este taller.

Continuum

June 15, 2016
Tweet

More Decks by Continuum

Other Decks in Design

Transcript

  1. 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
  2. LeanUX: Obtén aprendizajes antes de construir el producto. ¿En que

    consiste? 2 3 1 4 Construir Aprender Lanzar Idear
  3. 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?
  4. ! 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
  5. 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.
  6. 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.
  7. ! Comprender Vamos a descubrir quienes son nuestros usuarios y

    comprender el contexto en el cual se desarrolla esta problemática, necesidad u oportunidad.
  8. 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
  9. 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
  10. ! 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
  11. 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
  12. ! 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
  13. 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
  14. ! 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
  15. Buscaremos una solución que resuelva la necesidad o problema del

    usuario. Considerando contexto de uso, oportunidades y motivadores para utilizarla. " Idear
  16. 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
  17. " 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
  18. 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
  19. " 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
  20. 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
  21. Vamos a testear nuestro prototipo con usuarios identificando errores de

    navegación y oportunidades de mejora. $ Validar
  22. 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
  23. $ 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
  24. 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
  25. & 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