SlideShare una empresa de Scribd logo
1 de 77
Descargar para leer sin conexión
Metodología de Diseño Centrado en el Usuario




                 Darcy Vergara P.
                  www.darcy.cl




                  Noviembre - 2008
Diseño centrado en el Usuario - Darcy Vergara
Usabilidad
Usabilidad
Arquitectura de la
  Información
Usabilidad
Arquitectura de la
  Información

  Accesibilidad
Diseño centrado en el Usuario - Darcy Vergara
Sicólogos
Sicólogos   Periodistas
Sicólogos   Periodistas
  Comunicadores
Sicólogos    Periodistas
    Comunicadores
Diseñadores
Sicólogos     Periodistas
    Comunicadores
Diseñadores


   Ingenieros informáticos
Sicólogos     Periodistas
    Comunicadores
Diseñadores
               ¿...?

   Ingenieros informáticos
Diseño centrado en el Usuario - Darcy Vergara
Diseño centrado en las personas
El valor de la investigación en los procesos de diseño en medios digitales
Diseño centrado en las personas
El valor de la investigación en los procesos de diseño en medios digitales
Investigación aplicada al diseño
Investigación aplicada al diseño




No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la
                   investigación de usuarios y en dinámicas colaborativas
De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y
                    permita no salirse de este marco referencial.
Investigación aplicada al diseño




No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la
                   investigación de usuarios y en dinámicas colaborativas
De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y
                    permita no salirse de este marco referencial.


                            ¿Cómo funciona?
Entender y
                                                              especificar el
   Identificar la                                              contexto de
   necesidad de                                                   uso
     un DCU


                                                                El diseño
                                                               satisface las       Especificar los
                                                          especificaciones de la   requerimientos
                                                            organización y de     de los usuarios
                                                              los usuarios             y de la
                     Evaluar diseño
                                                                                    organización
                      a partir de los
                     requerimientos




                                                                Producir
                                                               soluciones
The interdependence of human-centered design activities
                                                               de diseño
                                                                                      Prototyping Social Action
                                                                                           Esko Kurvinen
Entender y
                                                              especificar el
   Identificar la                                              contexto de
   necesidad de                                                   uso
     un DCU


                                                                El diseño
                                                               satisface las       Especificar los
                                                          especificaciones de la   requerimientos
                                                            organización y de     de los usuarios
                                                              los usuarios             y de la
                     Evaluar diseño
                                                                                    organización
                      a partir de los
                     requerimientos




                                                                Producir
                                                               soluciones
The interdependence of human-centered design activities
                                                               de diseño
                                                                                      Prototyping Social Action
                                                                                           Esko Kurvinen
Entender la interacción...




                             Arhippainen, Tähti, 2003
¿Cuál es el valor de integrar a personas (usuarios) dentro
                de los procesos de diseño?
El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
              detectan fallos... en fin, usan los sistemas
El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
              detectan fallos... en fin, usan los sistemas



             ¿Pero, cómo sacarles provecho?
El valor del codiseño con los usuarios en etapas tempranas del
proyecto, radica en que ellos son los que introducen innovaciones,
              detectan fallos... en fin, usan los sistemas



             ¿Pero, cómo sacarles provecho?


                        Stand By
¿Con cuántos usuarios testar?
¿Cómo nos aproximamos a ellos?
(av)                                                      AyerViernes




                           ¿Cuantitativo o Cualitativo?




®2008 Ayerviernes S.A.
Triangular las fuentes




Integración metodología cuanti y cuali
¿Qué triangular?
(av)
                         •Observación   •Palabras clave       •Escucha                AyerViernes

  •                      •Eyetracking   •Buscador interno     •Entrevistas
                         •Encuestas     •Hablar con las personas que hablan con las
                                        personas




®2008 Ayerviernes S.A.
(av)                             AyerViernes




¿Pero, cómo sacarles provecho?


®2008 Ayerviernes S.A.
no hay que
   Por el contrario de lo que se pueda creer,
escucharlos, sino que hay que observarlos...




               Los focus groups, NO son pruebas de usabilidad
       Los usuarios no son diseñadores ni los diseñadores no son usuarios
Entonces...




•Aprovecharnos de todo lo que nos puedan decir y mostrar los usuarios, no sólo
verbalmente, sino que que también no verbalmente; gestos, actitudes,
frustraciones y sus ojos (integración cuali-cuanti).
Diseño centrado en el Usuario - Darcy Vergara
Oportunidad:
Oportunidad:
•Entender el comportamiento del usuario digital
Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
•Innovar
Oportunidad:
•Entender el comportamiento del usuario digital
•Crear nuevas fuentes de conocimiento
•Innovar
•Liderar y no estar supeditado a los Alertbox de Nielsen
Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
                                          !   sólo casos extremos
Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
                                                   !   sólo casos extremos




      Agudizar el sentido común y tomar un genérico...
Pero...
¿qué hacer si no tengo laboratorio, ni usuarios?
                                                      !   sólo casos extremos




           Casi nunca tomo
                               no leo, hojeo
          decisiones óptimas




                                     Me las arreglo
          Odio los banners           como puedo
Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies



            Aprovecharnos de las convenciones
Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies



            Aprovecharnos de las convenciones


         No hay nada más claro y efectivo que un
                  link azul subrayado
Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies



            Aprovecharnos de las convenciones


         No hay nada más claro y efectivo que un
                  link azul subrayado


              No tratar de reinventar la rueda
                                         Al menos, no sin usuarios
Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies



            Aprovecharnos de las convenciones


         No hay nada más claro y efectivo que un
                  link azul subrayado


              No tratar de reinventar la rueda
                                         Al menos, no sin usuarios



        NO sacar conclusiones fuera de contexto
Diseño centrado en el Usuario - Darcy Vergara
Diseño centrado en el Usuario - Darcy Vergara
Diseño centrado en el Usuario - Darcy Vergara
(av)


  ¿Qué y cuando probar con usuarios?
                                       • Indagaciones estratégicas
                                       • Card Sorting
                                       • Prueba de Wireframes

                                       • Testeo de Maquetas

                                       • Producto final




®2008 Ayerviernes S.A.
(av)


  ¿Qué y cuando probar con usuarios?
                                       • Indagaciones estratégicas

                                       • Card Sorting
                                       • Prueba de Wireframes

                                       • Testeo de Maquetas

                                       • Producto final




®2008 Ayerviernes S.A.
(av)


  ¿Qué y cuando probar con usuarios?
                                       • Indagaciones estratégicas

                                       • Card Sorting

                                       • Prueba de Wireframes
                                       • Testeo de Maquetas

                                       • Producto final




®2008 Ayerviernes S.A.
(av)


  ¿Qué y cuando probar con usuarios?
                                       • Indagaciones estratégicas

                                       • Card Sorting

                                       • Prueba de Wireframes

                                       • Testeo de Maquetas
                                       • Producto final




®2008 Ayerviernes S.A.
(av)


  ¿Qué y cuando probar con usuarios?
                                       • Indagaciones estratégicas

                                       • Card Sorting

                                       • Prueba de Wireframes

                                       • Testeo de Maquetas

                                       • Producto final




®2008 Ayerviernes S.A.
Arquitectura de la Información




®2008 Ayerviernes S.A.
Proceso vs Producto
¿Arquitectura de la
Información?




 Orden de la información

 Beneficio para los usuarios

 Encontrabilidad de los contenidos

 Calidad de los contenidos

 Convertir datos en contenidos digitales.
Pero...


          Conjugar muchas y
          diferentes visiones
Pero...


          Conjugar muchas y
          diferentes visiones
(av)


                         ¿Cómo?
                         Funcionalidad y contenido.

                         Necesidades de la organización.

                         Necesidades del público (usuarios).

                         Sistemas de organización.

                         Navegación.

                         Rotulado.

                         Búsqueda.




®2008 Ayerviernes S.A.
investigar la organización
(cuáles son los objetivos de la organización)
investigación de usuarios
  empatía = modelos mentales




®2008 Ayerviernes S.A.
resultados de las investigaciones...

                                      técnicas


                               índices de contenido
                                    card sorting
                                 definir jerarquías




®2008 Ayerviernes S.A.
índices de contenido
                              card sorting
                            definir jerarquías




®2008 Ayerviernes S.A.
índices de contenido
     card sorting
   definir jerarquías
índices de contenido
                                 card sorting
                               definir jerarquías




Capa superior - interfaz
Capa intermedia - contenido - interacciones
Capa inferior - base de datos
Capa superior - interfaz
                       Capa intermedia - contenido - interacciones
                                    Capa inferior - base de datos




Agrupación                      Contenido fundamental
   por tema
  por función                     Opciones necesarias
 por jerarquía




         Etiquetado o rotulaciones
Resultado...
Resultado...
®2008 Ayerviernes S.A.
Capa superior - interfaz
                         Capa intermedia - contenido - interacciones
                                      Capa inferior - base de datos




®2008 Ayerviernes S.A.
Capa superior - interfaz
                         Capa intermedia - contenido - interacciones
                                      Capa inferior - base de datos




®2008 Ayerviernes S.A.
®2008 Ayerviernes S.A.
Capa superior - interfaz
                         Capa intermedia - contenido - interacciones
                                      Capa inferior - base de datos




®2008 Ayerviernes S.A.
Capa superior - interfaz
                         Capa intermedia - contenido - interacciones
                                      Capa inferior - base de datos




®2008 Ayerviernes S.A.
recursos

La biblia de la AI, Information Architecture for the World Wide Web

Information Architecture Glossary (Whitepaper) de Kat Hagedorn.

Information Architecture: Blueprints for the Web (Paperback) de
Christina Wodtke.

The Elements of User Experience: User-Centered Design for the Web
de Jesse James Garrett.

No me hagas pensar de Steve Krug.

Designing Web Usability: The Practice of Simplicity de Jakob Nielsen.
Gracias ;)
Darcy Vergara P.
   darcy.cl

Más contenido relacionado

La actualidad más candente

Usabilidad: más allá del cálculo económico
Usabilidad: más allá del cálculo económicoUsabilidad: más allá del cálculo económico
Usabilidad: más allá del cálculo económicoJuan Manuel Carraro
 
Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...
Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...
Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...enriquestanz
 
ASD (Adaptive Software Development)
ASD (Adaptive Software Development)ASD (Adaptive Software Development)
ASD (Adaptive Software Development)urumisama
 
Propuestas de análisis de usabilidad para sedes web
Propuestas de análisis de usabilidad para sedes webPropuestas de análisis de usabilidad para sedes web
Propuestas de análisis de usabilidad para sedes webJesús Tramullas
 
13. Desarrollo de un reporte de usabilidad (HCI 1)
13. Desarrollo de un reporte de usabilidad (HCI 1)13. Desarrollo de un reporte de usabilidad (HCI 1)
13. Desarrollo de un reporte de usabilidad (HCI 1)Mario A Moreno Rocha
 
Métodos ágiles de programación
Métodos ágiles de programaciónMétodos ágiles de programación
Métodos ágiles de programaciónAngel Medina
 
Presentacion ASD GSI
Presentacion ASD GSIPresentacion ASD GSI
Presentacion ASD GSIAlex Torres
 
Métodos Ágiles de Desarrollo de Software
Métodos Ágiles de Desarrollo de SoftwareMétodos Ágiles de Desarrollo de Software
Métodos Ágiles de Desarrollo de SoftwareAbraham Meza
 
Crystal clear Sebasky Analisis
Crystal clear Sebasky AnalisisCrystal clear Sebasky Analisis
Crystal clear Sebasky AnalisisSebastian Ordoñez
 
Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1
Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1
Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1Francisco Mansilla
 
Presentacion Metodos de software
Presentacion Metodos de softwarePresentacion Metodos de software
Presentacion Metodos de softwareBrandon Betto
 

La actualidad más candente (20)

Cuantificación de UX y ROI
Cuantificación de UX y ROICuantificación de UX y ROI
Cuantificación de UX y ROI
 
Usabilidad: más allá del cálculo económico
Usabilidad: más allá del cálculo económicoUsabilidad: más allá del cálculo económico
Usabilidad: más allá del cálculo económico
 
4.aspectos humanos de sistemas
4.aspectos humanos de sistemas4.aspectos humanos de sistemas
4.aspectos humanos de sistemas
 
Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...
Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...
Cómo planificar y desarrollar pruebas de usabilidad con usuarios. Juan Manuel...
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Proceso
Proceso Proceso
Proceso
 
ASD (Adaptive Software Development)
ASD (Adaptive Software Development)ASD (Adaptive Software Development)
ASD (Adaptive Software Development)
 
Propuestas de análisis de usabilidad para sedes web
Propuestas de análisis de usabilidad para sedes webPropuestas de análisis de usabilidad para sedes web
Propuestas de análisis de usabilidad para sedes web
 
13. Desarrollo de un reporte de usabilidad (HCI 1)
13. Desarrollo de un reporte de usabilidad (HCI 1)13. Desarrollo de un reporte de usabilidad (HCI 1)
13. Desarrollo de un reporte de usabilidad (HCI 1)
 
Métodos ágiles de programación
Métodos ágiles de programaciónMétodos ágiles de programación
Métodos ágiles de programación
 
Presentacion ASD GSI
Presentacion ASD GSIPresentacion ASD GSI
Presentacion ASD GSI
 
Fase de análisis
Fase de análisisFase de análisis
Fase de análisis
 
Métodos Ágiles de Desarrollo de Software
Métodos Ágiles de Desarrollo de SoftwareMétodos Ágiles de Desarrollo de Software
Métodos Ágiles de Desarrollo de Software
 
Crystal clear
Crystal clearCrystal clear
Crystal clear
 
Crystal clear Sebasky Analisis
Crystal clear Sebasky AnalisisCrystal clear Sebasky Analisis
Crystal clear Sebasky Analisis
 
Flisol2009 Floss
Flisol2009 FlossFlisol2009 Floss
Flisol2009 Floss
 
Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1
Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1
Wordpress 1 - Arquitectura De Tecnología Empresarial Tarea Nª 1
 
Crystal Clear
Crystal ClearCrystal Clear
Crystal Clear
 
Presentacion Metodos de software
Presentacion Metodos de softwarePresentacion Metodos de software
Presentacion Metodos de software
 
Metodologia dsdm
Metodologia dsdmMetodologia dsdm
Metodologia dsdm
 

Similar a Diseño centrado en el Usuario - Darcy Vergara

Clases U. del Pacífico 1 abril
Clases U. del Pacífico 1 abrilClases U. del Pacífico 1 abril
Clases U. del Pacífico 1 abrilDarcy Vergara
 
C:\fakepath\maya 2
C:\fakepath\maya 2C:\fakepath\maya 2
C:\fakepath\maya 2gueste59705
 
Integración de Lean UX en Scrum
Integración de Lean UX en ScrumIntegración de Lean UX en Scrum
Integración de Lean UX en ScrumSoftware Guru
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXEmiliano Horcada
 
Tecnicas de recoleccion_de_informacion
Tecnicas de recoleccion_de_informacionTecnicas de recoleccion_de_informacion
Tecnicas de recoleccion_de_informacionJose Luis Buenaño
 
Comunidades de Práctica en el entorno sanitario
Comunidades de Práctica en el entorno sanitarioComunidades de Práctica en el entorno sanitario
Comunidades de Práctica en el entorno sanitarioFrancesca Cañas
 
Ingeniería del Software de Gestión. Tema 2.
Ingeniería del Software de Gestión. Tema 2.Ingeniería del Software de Gestión. Tema 2.
Ingeniería del Software de Gestión. Tema 2.Enrique Barreiro
 
Real UX Whitepaper
Real UX WhitepaperReal UX Whitepaper
Real UX WhitepaperRaona
 
Real UX Raona Whitepaper
Real UX Raona WhitepaperReal UX Raona Whitepaper
Real UX Raona WhitepaperOscar Oto
 

Similar a Diseño centrado en el Usuario - Darcy Vergara (20)

Clases U. del Pacífico 1 abril
Clases U. del Pacífico 1 abrilClases U. del Pacífico 1 abril
Clases U. del Pacífico 1 abril
 
Maya 2
Maya 2Maya 2
Maya 2
 
Maya 2
Maya 2Maya 2
Maya 2
 
C:\fakepath\maya 2
C:\fakepath\maya 2C:\fakepath\maya 2
C:\fakepath\maya 2
 
Integración de Lean UX en Scrum
Integración de Lean UX en ScrumIntegración de Lean UX en Scrum
Integración de Lean UX en Scrum
 
Integración de Lean UX en Scrum
Integración de Lean UX en ScrumIntegración de Lean UX en Scrum
Integración de Lean UX en Scrum
 
Maya 2
Maya 2Maya 2
Maya 2
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
De la Usabilidad al Diseño de Servicios, o cómo el usuario se ha ido incluyen...
De la Usabilidad al Diseño de Servicios, o cómo el usuario se ha ido incluyen...De la Usabilidad al Diseño de Servicios, o cómo el usuario se ha ido incluyen...
De la Usabilidad al Diseño de Servicios, o cómo el usuario se ha ido incluyen...
 
Fundamentos de User Experience
Fundamentos de User ExperienceFundamentos de User Experience
Fundamentos de User Experience
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UX
 
Digitalycia Plan De Acción 2.0
Digitalycia   Plan De Acción 2.0Digitalycia   Plan De Acción 2.0
Digitalycia Plan De Acción 2.0
 
Tecnicasdedesarrollo
TecnicasdedesarrolloTecnicasdedesarrollo
Tecnicasdedesarrollo
 
Tecnicas de recoleccion_de_informacion
Tecnicas de recoleccion_de_informacionTecnicas de recoleccion_de_informacion
Tecnicas de recoleccion_de_informacion
 
Patrones de diseño
Patrones de  diseñoPatrones de  diseño
Patrones de diseño
 
Comunidades de Práctica en el entorno sanitario
Comunidades de Práctica en el entorno sanitarioComunidades de Práctica en el entorno sanitario
Comunidades de Práctica en el entorno sanitario
 
Metodologías de desarrollo orientado a objetos
Metodologías de desarrollo orientado a objetosMetodologías de desarrollo orientado a objetos
Metodologías de desarrollo orientado a objetos
 
Ingeniería del Software de Gestión. Tema 2.
Ingeniería del Software de Gestión. Tema 2.Ingeniería del Software de Gestión. Tema 2.
Ingeniería del Software de Gestión. Tema 2.
 
Real UX Whitepaper
Real UX WhitepaperReal UX Whitepaper
Real UX Whitepaper
 
Real UX Raona Whitepaper
Real UX Raona WhitepaperReal UX Raona Whitepaper
Real UX Raona Whitepaper
 

Último

Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosErickOv
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevantesantiagovelez61
 
diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxlou lou
 
Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfjpgaraglia03
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfacoellob
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxlou lou
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...ORIETTA POLIFRONI
 

Último (7)

Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito Electronicos
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevante
 
diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptx
 
Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdf
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdf
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptx
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
 

Diseño centrado en el Usuario - Darcy Vergara

  • 1. Metodología de Diseño Centrado en el Usuario Darcy Vergara P. www.darcy.cl Noviembre - 2008
  • 5. Usabilidad Arquitectura de la Información Accesibilidad
  • 8. Sicólogos Periodistas
  • 9. Sicólogos Periodistas Comunicadores
  • 10. Sicólogos Periodistas Comunicadores Diseñadores
  • 11. Sicólogos Periodistas Comunicadores Diseñadores Ingenieros informáticos
  • 12. Sicólogos Periodistas Comunicadores Diseñadores ¿...? Ingenieros informáticos
  • 14. Diseño centrado en las personas El valor de la investigación en los procesos de diseño en medios digitales
  • 15. Diseño centrado en las personas El valor de la investigación en los procesos de diseño en medios digitales
  • 17. Investigación aplicada al diseño No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la investigación de usuarios y en dinámicas colaborativas De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y permita no salirse de este marco referencial.
  • 18. Investigación aplicada al diseño No se trata de “cientificar” el diseño sino establecer guías estratégicas, fundadas en la investigación de usuarios y en dinámicas colaborativas De manera de tener un encuadre metodológico que delimite los objetivos del proyecto y permita no salirse de este marco referencial. ¿Cómo funciona?
  • 19. Entender y especificar el Identificar la contexto de necesidad de uso un DCU El diseño satisface las Especificar los especificaciones de la requerimientos organización y de de los usuarios los usuarios y de la Evaluar diseño organización a partir de los requerimientos Producir soluciones The interdependence of human-centered design activities de diseño Prototyping Social Action Esko Kurvinen
  • 20. Entender y especificar el Identificar la contexto de necesidad de uso un DCU El diseño satisface las Especificar los especificaciones de la requerimientos organización y de de los usuarios los usuarios y de la Evaluar diseño organización a partir de los requerimientos Producir soluciones The interdependence of human-centered design activities de diseño Prototyping Social Action Esko Kurvinen
  • 21. Entender la interacción... Arhippainen, Tähti, 2003
  • 22. ¿Cuál es el valor de integrar a personas (usuarios) dentro de los procesos de diseño?
  • 23. El valor del codiseño con los usuarios en etapas tempranas del proyecto, radica en que ellos son los que introducen innovaciones, detectan fallos... en fin, usan los sistemas
  • 24. El valor del codiseño con los usuarios en etapas tempranas del proyecto, radica en que ellos son los que introducen innovaciones, detectan fallos... en fin, usan los sistemas ¿Pero, cómo sacarles provecho?
  • 25. El valor del codiseño con los usuarios en etapas tempranas del proyecto, radica en que ellos son los que introducen innovaciones, detectan fallos... en fin, usan los sistemas ¿Pero, cómo sacarles provecho? Stand By
  • 27. ¿Cómo nos aproximamos a ellos? (av) AyerViernes ¿Cuantitativo o Cualitativo? ®2008 Ayerviernes S.A.
  • 28. Triangular las fuentes Integración metodología cuanti y cuali
  • 29. ¿Qué triangular? (av) •Observación •Palabras clave •Escucha AyerViernes • •Eyetracking •Buscador interno •Entrevistas •Encuestas •Hablar con las personas que hablan con las personas ®2008 Ayerviernes S.A.
  • 30. (av) AyerViernes ¿Pero, cómo sacarles provecho? ®2008 Ayerviernes S.A.
  • 31. no hay que Por el contrario de lo que se pueda creer, escucharlos, sino que hay que observarlos... Los focus groups, NO son pruebas de usabilidad Los usuarios no son diseñadores ni los diseñadores no son usuarios
  • 32. Entonces... •Aprovecharnos de todo lo que nos puedan decir y mostrar los usuarios, no sólo verbalmente, sino que que también no verbalmente; gestos, actitudes, frustraciones y sus ojos (integración cuali-cuanti).
  • 36. Oportunidad: •Entender el comportamiento del usuario digital •Crear nuevas fuentes de conocimiento
  • 37. Oportunidad: •Entender el comportamiento del usuario digital •Crear nuevas fuentes de conocimiento •Innovar
  • 38. Oportunidad: •Entender el comportamiento del usuario digital •Crear nuevas fuentes de conocimiento •Innovar •Liderar y no estar supeditado a los Alertbox de Nielsen
  • 39. Pero... ¿qué hacer si no tengo laboratorio, ni usuarios? ! sólo casos extremos
  • 40. Pero... ¿qué hacer si no tengo laboratorio, ni usuarios? ! sólo casos extremos Agudizar el sentido común y tomar un genérico...
  • 41. Pero... ¿qué hacer si no tengo laboratorio, ni usuarios? ! sólo casos extremos Casi nunca tomo no leo, hojeo decisiones óptimas Me las arreglo Odio los banners como puedo
  • 42. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies
  • 43. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies Aprovecharnos de las convenciones
  • 44. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies Aprovecharnos de las convenciones No hay nada más claro y efectivo que un link azul subrayado
  • 45. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies Aprovecharnos de las convenciones No hay nada más claro y efectivo que un link azul subrayado No tratar de reinventar la rueda Al menos, no sin usuarios
  • 46. Scientific Web Design: 23 Actionable Lessons from Eye-Tracking Studies Aprovecharnos de las convenciones No hay nada más claro y efectivo que un link azul subrayado No tratar de reinventar la rueda Al menos, no sin usuarios NO sacar conclusiones fuera de contexto
  • 50. (av) ¿Qué y cuando probar con usuarios? • Indagaciones estratégicas • Card Sorting • Prueba de Wireframes • Testeo de Maquetas • Producto final ®2008 Ayerviernes S.A.
  • 51. (av) ¿Qué y cuando probar con usuarios? • Indagaciones estratégicas • Card Sorting • Prueba de Wireframes • Testeo de Maquetas • Producto final ®2008 Ayerviernes S.A.
  • 52. (av) ¿Qué y cuando probar con usuarios? • Indagaciones estratégicas • Card Sorting • Prueba de Wireframes • Testeo de Maquetas • Producto final ®2008 Ayerviernes S.A.
  • 53. (av) ¿Qué y cuando probar con usuarios? • Indagaciones estratégicas • Card Sorting • Prueba de Wireframes • Testeo de Maquetas • Producto final ®2008 Ayerviernes S.A.
  • 54. (av) ¿Qué y cuando probar con usuarios? • Indagaciones estratégicas • Card Sorting • Prueba de Wireframes • Testeo de Maquetas • Producto final ®2008 Ayerviernes S.A.
  • 55. Arquitectura de la Información ®2008 Ayerviernes S.A.
  • 57. ¿Arquitectura de la Información? Orden de la información Beneficio para los usuarios Encontrabilidad de los contenidos Calidad de los contenidos Convertir datos en contenidos digitales.
  • 58. Pero... Conjugar muchas y diferentes visiones
  • 59. Pero... Conjugar muchas y diferentes visiones
  • 60. (av) ¿Cómo? Funcionalidad y contenido. Necesidades de la organización. Necesidades del público (usuarios). Sistemas de organización. Navegación. Rotulado. Búsqueda. ®2008 Ayerviernes S.A.
  • 61. investigar la organización (cuáles son los objetivos de la organización)
  • 62. investigación de usuarios empatía = modelos mentales ®2008 Ayerviernes S.A.
  • 63. resultados de las investigaciones... técnicas índices de contenido card sorting definir jerarquías ®2008 Ayerviernes S.A.
  • 64. índices de contenido card sorting definir jerarquías ®2008 Ayerviernes S.A.
  • 65. índices de contenido card sorting definir jerarquías
  • 66. índices de contenido card sorting definir jerarquías Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos
  • 67. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos Agrupación Contenido fundamental por tema por función Opciones necesarias por jerarquía Etiquetado o rotulaciones
  • 71. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos ®2008 Ayerviernes S.A.
  • 72. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos ®2008 Ayerviernes S.A.
  • 74. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos ®2008 Ayerviernes S.A.
  • 75. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos ®2008 Ayerviernes S.A.
  • 76. recursos La biblia de la AI, Information Architecture for the World Wide Web Information Architecture Glossary (Whitepaper) de Kat Hagedorn. Information Architecture: Blueprints for the Web (Paperback) de Christina Wodtke. The Elements of User Experience: User-Centered Design for the Web de Jesse James Garrett. No me hagas pensar de Steve Krug. Designing Web Usability: The Practice of Simplicity de Jakob Nielsen.

Notas del editor