Metodologia Diseño Centrado en el Usuario @IDAchile

2,223 views

Published on

La metodología de Diseño Centrado en el Usuario aborda las etapas en que se deben enfrentar proyectos digitales de manera exitosa.
- Estrategia y Planificación
- Estudio de Usuarios
- Arquitectura de Información
- Diseño de interfaz
- Diseño Front y Desarrollo

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,223
On SlideShare
0
From Embeds
0
Number of Embeds
420
Actions
Shares
0
Downloads
29
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Metodologia Diseño Centrado en el Usuario @IDAchile

  1. 1. www.ida.cl METODOLOGÍA DCU DISEÑO CENTRADO EN EL USUARIO 1
  2. 2. IDA METODOLOGÍA DCU DESCRIPCIÓN Involucra activamente a usuarios reales y potenciales dentro de los procesos de Investigación y Desarrollo. Determinan científicamente las necesidades, características y limitaciones de un sistema. www.ida.cl 2
  3. 3. Estrategia Estudio de Usuarios Arquitectura de Información Diseño Visual Producción y Desarrollo Pro&Des IDA METODOLOGÍA DCU ETAPASwww.ida.cl 3
  4. 4. IDA METODOLOGÍA DCU ETAPAS Pro&DesDiseño VisualArquitecturaEstudio UsuariosEstrategia www.ida.cl Evaluación, cotización y desarrollo 4
  5. 5. IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl - Establece una orientación a cierto fin y fija un objetivo concreto y medible. - Define procedimientos a utilizar. - Planificación global pero real (implicancias técnicas). Objetivo medible Procedimiento Planificación Es el proceso mediante el cual se espera lograr un estado en un plazo determinado 5
  6. 6. IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl Gantt Quick Review ClienteYo Brief ¿Estamos hablando de lo mismo? Durante un plazo específico ¿Cierto? 6
  7. 7. IDA METODOLOGÍA DCU ESTRATEGIAwww.ida.cl ? $? ? ? ? $$$ Detecta Minimiza Cuantifica 7
  8. 8. IDA METODOLOGÍA DCU ESTUDIO DE USUARIOSwww.ida.cl Estratégico Entrevistas Lorem ipsum cu pri dolor officiis consulatu, ad s e a f a c e r m u n e r e scriptorem, an h i s a c c u s a m Operativo General Datos duros 35% 29% 11% 10% 8%7% 0 50 100 150 200 2007 2009 Encuestas / Entrevistas / Estadísticas 8
  9. 9. IDA METODOLOGÍA DCU ESTUDIOS DE USUARIOSwww.ida.cl Encuestas / Entrevistas / Estadísticas Materializa usuarios y propone casos de uso • Juan de 34 años casado 2 hijos. • Navega: • En la oficina cuando tiene tiempo libre • En la casa cuando los niños duermen • Su señora está viendo un película • Ya navegó noticias, facebook, revisó mails. • Multi Task: Todo esto entre comerciales de las noticias Busca definir ✓ Frecuencias de Uso ✓ Nivel del usuario ✓ Costumbres ✓ Nivel de actividad ✓ Otros 9
  10. 10. IDA METODOLOGÍA DCU ESTUDIOS DE USUARIOSwww.ida.cl Principales Herramientas Benchmark Test Heurísticos Evaluación comparativa del mercado actual según parámetros puntuales Evaluación sobre un producto (Sitio) existente Cuanti/Cuali Encuestas/Entrevistas Proceso de identificación de los usuarios reales e identificación de sus distintos perfiles Estadísticas/Métricas Análisis sobre el comportamiento de los usuarios 10
  11. 11. Estructura Navegación División Visual IDA METODOLOGÍA DCU ARQUITECTURA DE INFORMACIÓNwww.ida.cl Disciplina que estudia y analiza la organización, disposición y estructuración de la información. - Categoriza y establece estructuras mediante mapas de contenidos. - Define flujos de navegación e interacción. - Propone divisiones visuales en pantalla. 11
  12. 12. IDA METODOLOGÍA DCU ARQUITECTURA DE INFORMACIÓNwww.ida.cl Principales Herramientas Mapas de contenido Mapas de interacción Diagramación relacional de la información bajo una estructura que facilite su encontrabilidad Diagramas de flujos alternativos que determinan acciones/ reacciones de procesos Wireframes Traducción de diagrama de contenidos a divisiones de pantalla 12
  13. 13. IDA METODOLOGÍA DCU DISEÑO VISUALwww.ida.cl Comunica Facilita la lectura Jerarquiza Conjunto de elementos de pantalla que permiten al usuario realizar acciones - Expresa la experiencia (de uso) que se quiere construir para el usuario - Potencia la lecturabilidad y encontrabiliad del mensaje - Enfatiza la estructura (WireFrame) mediante color y jerarquías tipográficas. 13
  14. 14. IDA METODOLOGÍA DCU DISEÑO VISUALwww.ida.cl Principales Herramientas Familias iconográficas Paletas de colores Conversión de datos en formas claras directas e inequívocas Traduce o interpreta los colores corporativos a pantalla Elementos de Navegación Define elementos que invitan a la acción Tipografías Ordena y jerarquiza la lectura 14
  15. 15. IDA METODOLOGÍA DCU DISEÑO VISUALwww.ida.cl - Coordina, gestiona y administra sistemas de información visual. - Categoriza las variables visuales. - Investiga los procesos cognitivos. - Evalúa las metodologías del diseño . 15
  16. 16. IDA METODOLOGÍA DCU PRODUCCIÓN Y DESARROLLOwww.ida.cl HTML CSS CMS Diseño Front como traducción de imagen a lenguajes HTML y CSS. Desarrollo como programación e integración. - Interpretación semántica de la información diseñada - Individualización del diseño y el contenido - Desarrollo sobre un administrador de contenidos como WordPress - Integración y creación de inteligencias Web. 16
  17. 17. www.ida.cl Aplicada en distintos tipos de clientes 17
  18. 18. ✓El que sabe, exige y tienes la oportunidad de innovar ✓El que no no sabe tanto pero entiende y valora ✓El mando medio que tiene que validarse internamente ✓El que dirige y toma las decisiones (favorito) Aplicada en distintos tipos de clientes El no sabe y no valora no es cliente 18
  19. 19. Aplicada en distintos tipos de clientes 19
  20. 20. Aplicada en distintos tipos de clientes 20
  21. 21. Aplicada en distintos tipos de clientes 21
  22. 22. www.ida.cl Aplicada en distintos tipos de proyectos 22
  23. 23. 23
  24. 24. 24
  25. 25. www.ida.cl 25
  26. 26. www.ida.cl 26
  27. 27. IDA NUESTRO TRABAJOwww.ida.cl 27
  28. 28. IDA NUESTRO TRABAJOwww.ida.cl 28
  29. 29. www.ida.cl 29
  30. 30. www.ida.cl 30
  31. 31. www.ida.cl 31
  32. 32. Esto tampoco lo vieron IDA NUESTRO TRABAJOwww.ida.cl 32
  33. 33. IDA NUESTRO TRABAJOwww.ida.cl 33
  34. 34. www.ida.cl 34
  35. 35. www.ida.cl 35
  36. 36. IDA NUESTRO TRABAJOwww.ida.cl 36
  37. 37. IDA NUESTRO TRABAJOwww.ida.cl 37
  38. 38. IDA NUESTRO TRABAJOwww.ida.cl 38
  39. 39. IDA NUESTRO TEAMwww.ida.cl Inquietos, experimentados, digitales, absolutamente profesionales... Donde estemos, siempre conectados. Maximiliano Villegas Santiago Katherine Exss Viña del Mar Fernando Silva Santiago Jorge Codina Santiago Maximiliano Martin Viña del Mar Juan Ortega Santiago Juan Pablo Santiago Paulo Saavedra Santiago 39
  40. 40. www.ida.cl GRACIAS ¿Quieres éxito para tu negocio digital? Toma el camino de IDA. Conoce más en www.ida.cl 40

×