User-Centered Design Process

1,514 views

Published on

User-Centered Design, Innovation Process, Web Design.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,514
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

User-Centered Design Process

  1. 1. User-Centered Design Process Diseño de productos digitales centrado en las personas Lucho Domínguez Barcelona, Junio del 2010
  2. 2. ¿Por qué diseño centrado en las personas?
  3. 3. Porque nuestro producto será usado por personas. Tenemos que saber como es nuestro usuario, que características tiene, que le motiva y en que contexto usará el producto.
  4. 4. Debemos escuchar lo que dicen Tenemos que observar lo que hacen Tenemos que comprender lo que piensan Tenemos que ser empáticos para comprender lo que sienten Sólo cuando nos ponemos en sus zapatos podemos comprender lo que necesitan y desean. Y sólo entonces podemos diseñar soluciones adecuadas para ellos.
  5. 5. Una vista general del proceso
  6. 6. Descubrir y comprender Visualizar la solución Diseñar la interacción y el lenguaje visual Vista general del proceso Investigar y comprender como son las personas para las que vamos a diseñar. Comprender y definir los objetivos del proyecto. Ponerse en los zapatos del usuario Idear y visualizar soluciones. Probar y ajustar. Diseñar la interacción, el aspecto visual y especificar la solución Dar soporte al equipo de desarrollo durante la implementación. Asegurar la calidad del producto.
  7. 7. ¿Cuáles son las principales actividades?
  8. 8. <ul><li>Entrevistas con los stakeholders </li></ul><ul><li>Entrevista con expertos </li></ul><ul><li>Entrevistas con los usuarios </li></ul><ul><li>Observación de usuarios. </li></ul><ul><li>Investigación etnográfica digital. </li></ul><ul><li>Análisis del producto y la competencia </li></ul><ul><li>Revisión de literatura existente. </li></ul><ul><li>c </li></ul><ul><li>Personas </li></ul><ul><li>Escenarios / Storyboard </li></ul><ul><li>Inventario de requisitos </li></ul><ul><li>Priorización de requisitos </li></ul><ul><li>Arquitectura de la Información / Análisis de tareas </li></ul><ul><li>Sketching /prototipo papel </li></ul><ul><li>Validación (User Testing) </li></ul><ul><li>Diseño de interacción </li></ul><ul><li>Diseño Visual </li></ul><ul><li>Especificación de la interacción </li></ul><ul><li>Soporte a la implementación </li></ul><ul><li>Pruebas a nivel usuario </li></ul>Proceso de Diseño Centrado en las Personas Principales actividades Descubrir y comprender Visualizar la solución Diseñar la interacción y el lenguaje visual
  9. 9. Es un proceso divergente, convergente e iterativo
  10. 10. Descubrir y comprender Visualizar la solución síntesis ideación Diseño visual y especificar probar definir Es un procesos divergente, convergente e iterativo Inmersión Descubrimiento Diseñar la interacción y el lenguaje visual
  11. 11. Briefing de Proyecto Entrevistas stakeholders y expertos Entrevistas con consumidores y usuarios Observaci ón de usuarios Etnográfica digital Auditor ia del producto y competencia Revisar la literatura existente <ul><li>Objetivos de la aplicación </li></ul><ul><li>Principales usuarios y perfil </li></ul><ul><li>Principales tareas </li></ul><ul><li>Restricciones técnicas </li></ul><ul><li>Objetivos de marketing/ branding </li></ul><ul><li>Factores críticos de éxito </li></ul>Diseño Estratégico <ul><li>Objetivos de la aplicación y el negocio. </li></ul><ul><li>Principales usuarios y perfiles. </li></ul><ul><li>Principales tareas de los usuarios. </li></ul><ul><li>Restricciones técnicas. </li></ul><ul><li>Objetivos de marketing y branding. </li></ul><ul><li>Factores críticos de éxito. </li></ul>Descubrir y comprender Inmersión
  12. 12. Visualizar la solución Síntesis Crear Personas Definir los escenarios o Storyboards Identificar los Requerimientos funcionales y de contenido Priorizar los requerimientos Arquitectura de la información Sketching / Prototipo Probar y ajustar Visualización de la solución Brainstorming
  13. 13. Diseñar la Interacción, documentar, entregar y dar soporte Prototipo Validado Diseño interacción (Wireframe) Especificación funcional o de interacción Diseño de las páginas principales Visual Guideline Diseño Visual Especificación del sistemas de gestión (CMS) Soporte a desarrollo: ajuste a la documentación y resolución de casos Pruebas a nivel usuario. Control de calidad <ul><li>Objetivos de la aplicación </li></ul><ul><li>Principales usuarios y perfil </li></ul><ul><li>Principales tareas </li></ul><ul><li>Restricciones técnicas </li></ul><ul><li>Objetivos de marketing/ branding </li></ul><ul><li>Factores críticos de éxito </li></ul>Especificación funcional Diseño de Interacción <ul><li>Objetivos de la aplicación </li></ul><ul><li>Principales usuarios y perfil </li></ul><ul><li>Principales tareas </li></ul><ul><li>Restricciones técnicas </li></ul><ul><li>Objetivos de marketing/ branding </li></ul><ul><li>Factores críticos de éxito </li></ul>Especificación del sistema de gestión CMS de la aplicación Seguimiento del proyecto
  14. 14. Gracias! Diseñamos para las personas, ellas da sentido a nuestro trabajo. Lucho Domínguez

×