Técnicas de Diseño Web centradas en el Usuario

3,355 views
2,972 views

Published on

El webinar tiene por objetivo hacer un recorrido introductorio a través de diferentes metodologías de diseño centrado en el usuario, las cuales tanto clientes como personas relacionadas al desarrollo de un producto digital debieran conocer.
Revisaremos cómo al estudiar y considerar necesidades y aspectos específicos de nuestros usuarios podemos construir diseños, productos y servicios digitales -desde la estrategia hasta la forma- con resultados exitosos.

Published in: Design
1 Comment
13 Likes
Statistics
Notes
  • Saludos,
    En el Slide 44 invertiría el orden del Producto mínimo viable y el producto completo.
    ¿La razón? Mas complejo y con mas características no es la solución, por el contrario, simple y ajustado a 'la fuerza real' del cliente es lo más acertado.

    Muy buena presentación, la he compartido en nuestro blog http://blog.idealistica.co/2014/01/disene-su-website-pensando-en-los.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,355
On SlideShare
0
From Embeds
0
Number of Embeds
1,260
Actions
Shares
0
Downloads
116
Comments
1
Likes
13
Embeds 0
No embeds

No notes for slide

Técnicas de Diseño Web centradas en el Usuario

  1. 1. METODOLOGÍAS DE DISEÑO CENTRADAS EN EL USUARIO ESTEFANÍA TRISOTTI #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  2. 2. ESTE WEBINAR ES REALIZADO GRACIAS A TU NUEVO CANAL DE NEGOCIOS EN INTERNET. #FormaciónEBusiness
  3. 3. COMPARTE Y DEBATE #WEBINARSINTERLAT #CXREDLeague #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  4. 4. CUENTA DEL DOCENTE @TRI_ #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  5. 5. “La experiencia del consumidor al usar un producto es lo que realmente marca la diferencia.” ― Steve Jobs #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  6. 6. DISEÑO CENTRADO EN EL USUARIO EMPATÍA • necesidades • pensamientos • frustraciones • deseos • sentimientos SISTEMA • objetivos • interacciones • capacidades • tareas específicas #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  7. 7. DISEÑAR PARA PERSONAS ESPECÍFICAS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  8. 8. DISEÑO CENTRADO EN EL USUARIO OBJETIVOS PROBLEMAS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  9. 9. DISEÑO CENTRADO EN EL USUARIO #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  10. 10. DISEÑO CENTRADO EN EL USUARIO Usuarios productivos y satisfechos #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  11. 11. ELEMENTOS DE LA EXPERIENCIA DE USUARIO (UX) CONSIDERACIONES CLAVE QUE FORMAN EL DESARROLLO DE LA EXPERIENCIA DE USUARIO. Jesse James Garret (2002) #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  12. 12. ¿POR QUÉ TRABAJAMOS EN BASE A PERSONAS? Porque nos otorgan información base para trabajar en el diseño Podemos crear descripciones detalladas acerca de nuestros usuarios Nos permiten enfocarnos en los atributos específicos de nuestros usuarios objetivos Involucra y sincroniza a todas las personas que trabajan en el equipo #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  13. 13. ANALIZAR DATA #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  14. 14. ANALIZAR DATA CUANTITATIVO CUALITATIVO Estadísticas Observación ¿Qué? ¿Por qué? #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  15. 15. ANALIZAR DATA YO USUARIOS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  16. 16. ANALIZAR DATA #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  17. 17. NO OLVIDAR QUE... Las metodologías que usemos y cómo las usemos, dependen de las características del proyecto que estemos desarrollando. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  18. 18. Entre más complejo es un sistema, más planificación y diseño centrado en el usuario necesitaremos. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  19. 19. CREAR PERSONAS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  20. 20. Al crear personas construimos perfiles representativos de nuestros usuarios claves, transparentando sus necesidades y entornos. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  21. 21. http://adpearance.com/blog/using-personas-in-web-design #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  22. 22. CONSIDERACIONES PARA CREAR PERSONAS • Objetivos (motivaciones, etc) ? • Actitudes (modelos mentales, etc.) • Conocimientos técnicos (relacionado a lo digital u otros) • Trabajo • Entorno • Frustaciones (obstáculos) • Otros #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  23. 23. EJEMPLO Padres Universitarios Alumnos enseñanza básica Profesores Alumnos enseñanza media Posibles compradores (anónimo) #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  24. 24. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  25. 25. CREAR PERSONAS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  26. 26. SABER IDEAR #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  27. 27. SABER IDEAR Solucionar problemas con necesidades humanas en el centro Analítico Creativo Lógico Imaginario Preciso Repetitivo Organizado Detallado Científico Literal Secuencial Pensamiento Analítico Design Thinking General Pensamiento Intuitivo Intuitivo Conceptual Empático Figurativo Irregular #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  28. 28. SABER IDEAR Desarrollo de ideas y conceptos Abrir posibilidades Formular preguntas Crear hipótesis Realizar representaciones gráficas de los conceptos #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  29. 29. PROTOTIPOS DE PAPEL Ilustración por Claire Murray http://www.flickr.com/photos/flat61/ #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  30. 30. PROTOTIPOS DE PAPEL Ilustración por Claire Murray http://www.flickr.com/photos/flat61/ #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  31. 31. PROTOTIPOS DE PAPEL Aunque existen numerosas aplicaciones que sirven de herramientas para el trabajo del diseñador de experiencia de usuario, el papel y el lápiz han sido y siguen siendo las más usadas. Ilustración por Claire Murray http://www.flickr.com/photos/flat61/ #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  32. 32. ESCENARIOS Y STORYBOARDS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  33. 33. ESCENARIOS Y STORYBOARDS Se define un equipo de personajes que usarán el producto o servicio que estamos desarrollando Considera detalles personales de cada personaje Se identifican momentos claves en que los usuarios interactuan con nuestro producto o servicio Puede realizarse como storyboard, y ser corroborado por todo el equipo #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  34. 34. ESCENARIOS Y STORYBOARDS #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  35. 35. BENCHMARK #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  36. 36. BENCHMARK Un benchmark es un análisis comparativo de productos o de servicios de la competencia, que se revisan para estudiar sus características en contraste a lo que uno está desarrollando. Se evalúa cómo funcionan y vemos qué beneficios de ello podríamos obtener, además de ubicarnos en un contexto del negocio. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  37. 37. EJEMPLO ? #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  38. 38. CARDSORTING #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  39. 39. CARDSORTING Perfil Equipo Cambiar Contraseña Invitar amigos Enviar Mensaje Subir una imagen Es una técnica de categorización de contenidos centrados en el usuario Permite establecer patrones sobre cómo los usuarios esperan encontrar un contenido o una funcionalidad Mis imágenes Eventos Otros... #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  40. 40. MARCA Y ESTILOS Ejemplo de usuario #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  41. 41. ENTREVISTAS Y ENCUESTAS Se puede obtener tanto información cualitativa como cuantitativa Relación directa con usuarios tipo Para la búsqueda de información, también se utilizan técnicas como focus group. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  42. 42. PLANIFICAR LA IMPLEMENTACIÓN Ilustración por Claire Murray http://www.flickr.com/photos/flat61/ #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  43. 43. “Una meta sin un plan es solo un deseo” ― Antoine de Saint-Exupéry #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  44. 44. ¿CUÁL ES EL BALANCE ADECUADO? Producto inútil Producto mínimo viable Producto completo (apreciado pero limitado) (costo es mayor) #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  45. 45. EJEMPLO PLANIFICACIÓN SPOTIFY #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  46. 46. CONCLUSIÓN OBJETIVOS PROBLEMAS AL REALIZAR DISEÑO CENTRADO EN EL USUARIO, LOGRAMOS DESARROLLAR EXPERIENCIAS DIGITALES QUE SON VALIOSAS PARA NUESTROS USUARIOS. #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  47. 47. CONCLUSIÓN ADEMÁS... OBJETIVOS PROBLEMAS Nos permite realizar diseños de forma colaborativa, involucrando a diferentes personas que aportan a partir de diferentes puntos de vista Podemos resolver los problemas reales de los usuarios Optimizamos tiempos de trabajo #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  48. 48. PRONTO EN EL DIPLOMADO Estrategia de Diseño Definir Diseño de interacción Idear Diseño de Interfaz Realizar Prototipos Estrategia de Diseño Construir Analizar Iteraciones #FormaciónEBusiness #WebinarsINTERLAT  #CXREDLeague
  49. 49. GRACIAS. ESTEFANÍA TRISOTTI @TRI_ #FormaciónEBusiness
  50. 50. SINTONIZA INTERLAT.TV PARA PRÓXIMAS EMISIONES… #FormaciónEBusiness

×