SlideShare ist ein Scribd-Unternehmen logo
1 von 162
Downloaden Sie, um offline zu lesen
Estrategia web -
investigación de usuario
      VIERNES 18 DE MARZO
INVESTIGACIÓN DE USUARIOS



   Recolección de
    información
                            TESTEOS DE USABILIDAD


                  Organización de la
                   información (AI)
                Jerarquía-contenidos 1
                                                    TESTEOS DE USABILIDAD


                                      Estructuración de
                                         wireframes
                                   Jerarquía contenidos 2
                                                                            TESTEOS DE USABILIDAD



                                                                 Diseño visual
                                                                Jerarquía visual
INVESTIGACIÓN DE USUARIOS



   Recolección de
    información
                            TESTEOS DE USABILIDAD


                  Organización de la
                   información (AI)
                Jerarquía-contenidos 1
                                                    TESTEOS DE USABILIDAD


                                      Estructuración de
                                         wireframes
                                   Jerarquía contenidos 2
                                                                            TESTEOS DE USABILIDAD



                                                                 Diseño visual
                                                                Jerarquía visual
INVESTIGACIÓN DE USUARIOS



   Recolección de
    información
                            TESTEOS DE USABILIDAD


                  Organización de la
                   información (AI)
                Jerarquía-contenidos 1
                                                    TESTEOS DE USABILIDAD


                                      Estructuración de
                                         wireframes
                                   Jerarquía contenidos 2
                                                                            TESTEOS DE USABILIDAD



                                                                 Diseño visual
                                                                Jerarquía visual
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 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
INVESTIGACIÓN
 DE USUARIOS
De qué manera le escribimos a él
diferentes tipos de usuarios
diferentes
contextos
diferentes




             entornos
diferentes tiempos
Investigación de
        usuarios

• Antes del proceso de diseño
• Durante el proceso de diseño
• Al término del proceso de diseño
Técnicas paralela


• Modelos mentales
• Escenarios y casos
Técnicas paralelas


• Modelos mentales
• Escenarios y casos
De qué manera le escribimos a él
diferentes tipos de usuarios
De qué manera le escribimos a él
diferentes tipos de usuarios
Antes del proceso de
         diseño
• Indagaciones
• Entrevistas
• Encuestas
• Hablar con las personas que hablan con las
  personas
• Heurísticos (cuando se trata de un
  rediseño)
Antes del proceso de
         diseño

• Palabras claves
• Buscador interno
• Google analytics o similar
• Benchamarking
Durante el proceso de
        diseño


• Observación: testeos y eyetrackig
• Google analytics o similar
Al término del proceso
       de diseño

• Observación: testeos y eyetrackig
• Palabras claves
• Buscador interno
• Google analytics o similar
Antes del proceso de
         diseño
• Indagaciones
• Entrevistas
• Encuestas
• Hablar con las personas que hablan con las
  personas
• Heurísticos
indagaciones
               AyerViernes
Indagaciones
El objetivo es saber TODO sobre el usuario y la organización




          Indagaciones
El objetivo es saber TODO sobre el usuario y la organización

Conocer en “campo” como trabajan los usuarios finales




          Indagaciones
El objetivo es saber TODO sobre el usuario y la organización

Conocer en “campo” como trabajan los usuarios finales

Saber desde la observación, cómo los usuarios se relacionan con el sistema




           Indagaciones
El objetivo es saber TODO sobre el usuario y la organización

Conocer en “campo” como trabajan los usuarios finales

Saber desde la observación, cómo los usuarios se relacionan con el sistema


Ejemplo:

Ir un par de días completos a ver cómo las ejecutivas trabajan con
el sistema call center

Acompañar a una cajera toda la jornada laboral para determinar su
interacción con la pantalla.




           Indagaciones
Indagaciones
¿Qué debemos obtener de esto?




         Indagaciones
¿Qué debemos obtener de esto?

- Datos relacionados sólo a la observación




          Indagaciones
¿Qué debemos obtener de esto?

- Datos relacionados sólo a la observación

- Qué distracciones tiene




           Indagaciones
¿Qué debemos obtener de esto?

- Datos relacionados sólo a la observación

- Qué distracciones tiene

- A cuántas cosas debe atender además de su trabajo con el sistema




           Indagaciones
¿Qué debemos obtener de esto?

- Datos relacionados sólo a la observación

- Qué distracciones tiene

- A cuántas cosas debe atender además de su trabajo con el sistema

- Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el
momento más tenso del día?)




           Indagaciones
¿Qué debemos obtener de esto?

- Datos relacionados sólo a la observación

- Qué distracciones tiene

 - A cuántas cosas debe atender además de su trabajo con el sistema

- Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el
momento más tenso del día?)

- Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de acciones
nuevas; etc.) ---> Determinar la RUTINA




            Indagaciones
¿Qué debemos obtener de esto?

 - Datos relacionados sólo a la observación

 - Qué distracciones tiene

 - A cuántas cosas debe atender además de su trabajo con el sistema

 - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el
 momento más tenso del día?)

- Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de acciones
nuevas; etc.) ---> Determinar la RUTINA
- Qué funcionalidad no entiende




            Indagaciones
¿Qué debemos obtener de esto?

 - Datos relacionados sólo a la observación

 - Qué distracciones tiene

 - A cuántas cosas debe atender además de su trabajo con el sistema

 - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el
 momento más tenso del día?)

- Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de acciones
nuevas; etc.) ---> Determinar la RUTINA
- Qué funcionalidad no entiende

- Qué funcionalidad no usa




            Indagaciones
Antes del proceso de
         diseño

• Indagaciones
• Entrevistas- encuestas
• Hablar con las personas que hablan con las
  personas
• Heurísticos
Entrevistas - Encuestas
Uno de los métodos más eficientes para descubrir las
características, necesidades, problemas y dificultades de los
usuarios.




           Entrevistas - Encuestas
Uno de los métodos más eficientes para descubrir las
características, necesidades, problemas y dificultades de los
usuarios.

Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema
analizado.




           Entrevistas - Encuestas
Uno de los métodos más eficientes para descubrir las
características, necesidades, problemas y dificultades de los
usuarios.

Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema
analizado.

Se fomenta el intercambio de ideas y la discusión.




            Entrevistas - Encuestas
Uno de los métodos más eficientes para descubrir las
características, necesidades, problemas y dificultades de los
usuarios.

Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema
analizado.

Se fomenta el intercambio de ideas y la discusión.

Sirve para contrastar la observación.




            Entrevistas - Encuestas
Uno de los métodos más eficientes para descubrir las
características, necesidades, problemas y dificultades de los
usuarios.

Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema
analizado.

Se fomenta el intercambio de ideas y la discusión.

Sirve para contrastar la observación.

Se extraen conclusiones.




            Entrevistas - Encuestas
Entrevistas
Entrevistas




              Entrevistas
Entrevistas




- Otras más elaboradas que
fomenten la discusión,
originen diálogo y
controversia.




              Entrevistas
Entrevistas

- Preguntas ordinarias
acerca de la opinión o el
impacto en el usuario.

- Otras más elaboradas que
fomenten la discusión,
originen diálogo y
controversia.




               Entrevistas
Entrevistas

- Preguntas ordinarias
acerca de la opinión o el
impacto en el usuario.

- Otras más elaboradas que
fomenten la discusión,
originen diálogo y
controversia.

- Que provoquen la
comunicación de
sensaciones y sentimientos
personales al respecto.




               Entrevistas
Encuestas
Encuestas




Encuestas
Encuestas

            - Preguntas destinadas a conocer
            al usuario




Encuestas
Encuestas

            - Preguntas destinadas a conocer
            al usuario


            - Características exclusivas de
            su personalidad y contexto




Encuestas
Encuestas

            - Preguntas destinadas a conocer
            al usuario


            - Características exclusivas de
            su personalidad y contexto


            - Utilidad de lo que estamos
            haciendo en su contexto de
            navegación




Encuestas
Las preguntas se elaborarán de manera que
   permitan obtener la información que
 precisemos sobre el sistema, la inmediatez
en la interacción de los usuarios con el mismo y la
percepción subjetiva de estos sobre la experiencia
                   de su manejo.




       Entrevistas
Antes del proceso de
         diseño

• Indagaciones
• Entrevistas- encuestas
• Hablar con las personas que hablan con las
  personas
• Heurísticos (cuando es resideño)
Heurísticos
¿Qué es?




           Heurísticos
¿Qué es?

Evaluación de una lista de principios heurísticos estándares




              Heurísticos
¿Qué es?

Evaluación de una lista de principios heurísticos estándares


Equipo de expertos en usabilidad que analizan el interfaz de usuario




              Heurísticos
¿Qué es?

Evaluación de una lista de principios heurísticos estándares


Equipo de expertos en usabilidad que analizan el interfaz de usuario



Tiene la ventaja de ahorrar tiempo y dinero sobre las técnicas que implican tests de
usuarios




              Heurísticos
¿Qué es?

Evaluación de una lista de principios heurísticos estándares


Equipo de expertos en usabilidad que analizan el interfaz de usuario



Tiene la ventaja de ahorrar tiempo y dinero sobre las técnicas que implican tests de
usuarios

El más barato




                Heurísticos
Heurísticos
Cómo se hace:




          Heurísticos
Cómo se hace:

    - 5 a 10 consultores o profesionales del diseño, comunicaciones,
    información, relacionados a estas disciplinas.




           Heurísticos
Cómo se hace:

    - 5 a 10 consultores o profesionales del diseño, comunicaciones,
    información, relacionados a estas disciplinas.


   - Se establecen las categorías de problemas de usabilidad para
   clasificar los problemas encontrados durante la evaluación
   (graves, medios, leves).




           Heurísticos
Cómo se hace:

    - 5 a 10 consultores o profesionales del diseño, comunicaciones,
    información, relacionados a estas disciplinas.


   - Se establecen las categorías de problemas de usabilidad para
   clasificar los problemas encontrados durante la evaluación
   (graves, medios, leves).


   - Los evaluadores deben analizar de forma aislada sin
   intercambio de feedback con el resto durante las pruebas.




           Heurísticos
Cómo se hace:

    - 5 a 10 consultores o profesionales del diseño, comunicaciones,
    información, relacionados a estas disciplinas.


   - Se establecen las categorías de problemas de usabilidad para
   clasificar los problemas encontrados durante la evaluación
   (graves, medios, leves).


   - Los evaluadores deben analizar de forma aislada sin
   intercambio de feedback con el resto durante las pruebas.

   - Analizarán cada elemento contra la Lista de Heurísticos




           Heurísticos
Heurísticos
Nielsen




          Heurísticos
Nielsen




          Heurísticos
Nielsen




          Heurísticos
Heurísticos
Mi recomendación




       Heurísticos
Mi recomendación



            Plantilla de @torresburriel




       Heurísticos
Mi recomendación



               Plantilla de @torresburriel

http://www.torresburriel.com/weblog/2008/11/28/plantilla-
        para-hacer-analisis-heuristicos-de-usabilidad/




          Heurísticos
Mi recomendación



               Plantilla de @torresburriel

http://www.torresburriel.com/weblog/2008/11/28/plantilla-
        para-hacer-analisis-heuristicos-de-usabilidad/

   https://www.coloriuris.net/panel-www/aceptacion.jsp?
        hash=dc123878c3ceb4b521c7531ecaa93b53




          Heurísticos
INVESTIGACIÓN DE USUARIOS



   Recolección de
    información
                            TESTEOS DE USABILIDAD


                  Organización de la
                   información (AI)
                Jerarquía-contenidos 1
                                                    TESTEOS DE USABILIDAD


                                      Estructuración de
                                         wireframes
                                   Jerarquía contenidos 2
                                                                            TESTEOS DE USABILIDAD



                                                                 Diseño visual
                                                                Jerarquía visual
INVESTIGACIÓN DE USUARIOS



   Recolección de
    información
                            TESTEOS DE USABILIDAD


                  Organización de la
                   información (AI)
                Jerarquía-contenidos 1
                                                    TESTEOS DE USABILIDAD


                                      Estructuración de
                                         wireframes
                                   Jerarquía contenidos 2
                                                                            TESTEOS DE USABILIDAD



                                                                 Diseño visual
                                                                Jerarquía visual
Modelos mentales
Mental models
                       Indi Young




Modelos mentales
¿Qué son?




                               Mental models
                                   Indi Young




            Modelos mentales
¿Qué son?

Enmarcan el comportamiento del usuario




                                         Mental models
                                             Indi Young




             Modelos mentales
¿Qué son?

Enmarcan el comportamiento del usuario

Debe interpretar los deseos de los usuarios




                                              Mental models
                                                  Indi Young




             Modelos mentales
¿Qué son?

Enmarcan el comportamiento del usuario

Debe interpretar los deseos de los usuarios

Manera profunda de conocer a los usuarios a través de la
empatía



                                                           Mental models
                                                               Indi Young




             Modelos mentales
¿Qué son?

Enmarcan el comportamiento del usuario

Debe interpretar los deseos de los usuarios

Manera profunda de conocer a los usuarios a través de la
empatía

Es diferente al estudio de cómo una persona usa algo (un
sitio en este caso)
                                                           Mental models
                                                               Indi Young




             Modelos mentales
¿Qué son?

Enmarcan el comportamiento del usuario

Debe interpretar los deseos de los usuarios

Manera profunda de conocer a los usuarios a través de la
empatía

Es diferente al estudio de cómo una persona usa algo (un
sitio en este caso)
                                                           Mental models
                                                               Indi Young
Qué quieren lograr las personas ---> OBJETIVOS




             Modelos mentales
Mental models
                       Indi Young




Modelos mentales
¿Qué son?




                               Mental models
                                   Indi Young




            Modelos mentales
¿Qué son?

Diagramas de afinidad de comportamientos realizados a partir
de datos etnográficos recogidos desde audiencias
representativas




                                                              Mental models
                                                                  Indi Young




             Modelos mentales
¿Qué son?

Diagramas de afinidad de comportamientos realizados a partir
de datos etnográficos recogidos desde audiencias
representativas




¿Para qué sirve?
                                                              Mental models
                                                                  Indi Young




             Modelos mentales
¿Qué son?

Diagramas de afinidad de comportamientos realizados a partir
de datos etnográficos recogidos desde audiencias
representativas




¿Para qué sirve?
                                                              Mental models
                                                                  Indi Young
Para conocer mejor a los usuarios y de esta manera, lograr
desarrollar mejores productos para ellos.




             Modelos mentales
Resultado
Ejemplo




          Resultado
Ejemplo




          Resultado
Ejemplo

                      SITIO DE TURISMO




          Resultado
Ejemplo

                      SITIO DE TURISMO

30 años




          Resultado
Ejemplo

                         SITIO DE TURISMO

30 años
Vacaciones




             Resultado
Ejemplo

                         SITIO DE TURISMO

30 años
Vacaciones

$




             Resultado
Ejemplo

                            SITIO DE TURISMO

30 años
Vacaciones

$
Tienen todo el tiempo del
mundo




             Resultado
Ejemplo

                               SITIO DE TURISMO

30 años
Vacaciones

$
Tienen todo el tiempo del
mundo
No saben donde quieren ir ni
por cuanto tiempo




             Resultado
Resultado
Ejemplo




          Resultado
Ejemplo               SITIO DE TURISMO




          Resultado
Ejemplo               SITIO DE TURISMO



45 años




          Resultado
Ejemplo               SITIO DE TURISMO



45 años
Trabajo




          Resultado
Ejemplo               SITIO DE TURISMO



45 años
Trabajo

$-




          Resultado
Ejemplo                SITIO DE TURISMO



45 años
Trabajo

$-

No tiene tiempo




           Resultado
Ejemplo                     SITIO DE TURISMO



45 años
Trabajo

$-

No tiene tiempo

Sabe perfectamente lo que
quiere




           Resultado
HAGAMOS UN MAPA
MENTAL
QUÉ TENEMOS HASTA AHORA
Información de la organización
Información de la organización



Información del usuario
Información de la organización



Información del usuario

    objetivos del sitio
Información de la organización



Información del usuario

    objetivos del sitio
     qué información
Información de la organización



Información del usuario

    objetivos del sitio
     qué información
   qué funcionalidades
Definir el objetivo,
   propósito y fines del
sistema de información o
        sitio Web
Definir público objetivo,
  tareas y tecnología
¿Qué falta?
Realizar análisis
   comparativos y
competitivos con otros
        sitios
AHORA QUÉ VIENE
ARQUITECTURA DE LA
   INFORMACIÓN
Hacer el diseño de
     interacción

 Hacer el diseño de
    navegación

Etiquetar (buscadores)
Documentar el proceso,
analizar los resultados y
    los procesos de
       reingeniería
Planificación, gestión y
    desarrollo de los
       contenidos
    Definir sistemas y la
   interfaz de búsqueda

Conocer y aplicar criterios
     de usabilidad
Representar cómo el sitio se va a
acomodar al cambio y crecimiento
        del en el tiempo
Representar cómo el sitio se va a
acomodar al cambio y crecimiento
        del en el tiempo
Representar cómo el sitio se va a
acomodar al cambio y crecimiento
        del en el tiempo




        http://www.havenworks.com/
resultados de las investigaciones...

             técnicas


      índices de contenido
           card sorting
        definir jerarquías
¿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.
(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.
índices de contenido
     card sorting
   definir jerarquías
í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...
Capa superior - interfaz
Capa intermedia - contenido - interacciones
             Capa inferior - base de datos
Capa superior - interfaz
Capa intermedia - contenido - interacciones
             Capa inferior - base de datos

Weitere ähnliche Inhalte

Ähnlich wie Clases U. del Pacífico 1 abril

Ciclo de vida del software
Ciclo de vida del softwareCiclo de vida del software
Ciclo de vida del softwarenancyespe21
 
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...Interlat
 
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...Luis Chaquea
 
Teoría ps6116 ciclo de vida
Teoría ps6116 ciclo de vidaTeoría ps6116 ciclo de vida
Teoría ps6116 ciclo de vidaluismiher
 
Tipos de ciclo de vida
Tipos de ciclo de vidaTipos de ciclo de vida
Tipos de ciclo de vidaFabian Alvarez
 
Ingeniería del Software de Gestión. Tema 3
Ingeniería del Software de Gestión. Tema 3Ingeniería del Software de Gestión. Tema 3
Ingeniería del Software de Gestión. Tema 3Enrique Barreiro
 
Tm06 diseño bd
Tm06 diseño bdTm06 diseño bd
Tm06 diseño bdJulio Pari
 
Ux-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-fUx-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-fJuan Manuel Carraro
 
Credenciales Atomo Interactive
Credenciales Atomo InteractiveCredenciales Atomo Interactive
Credenciales Atomo InteractiveRogelio Romero
 
Documentación
DocumentaciónDocumentación
DocumentaciónFSILSCA
 
Analisis
AnalisisAnalisis
AnalisisFSILSCA
 
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
 
Syllabo utm arquitectura_software
Syllabo utm arquitectura_softwareSyllabo utm arquitectura_software
Syllabo utm arquitectura_softwareLuis Garcia
 

Ähnlich wie Clases U. del Pacífico 1 abril (20)

Calidad de software
Calidad de softwareCalidad de software
Calidad de software
 
Calidad de software
Calidad de softwareCalidad de software
Calidad de software
 
Ciclo de vida del software
Ciclo de vida del softwareCiclo de vida del software
Ciclo de vida del software
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
 
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...Diseño  web  y_usabilidad_  arquitectura_ de_ la_ información_interlat_darcy_...
Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_...
 
Exposicion taller
Exposicion tallerExposicion taller
Exposicion taller
 
Teoría ps6116 ciclo de vida
Teoría ps6116 ciclo de vidaTeoría ps6116 ciclo de vida
Teoría ps6116 ciclo de vida
 
Tipos de ciclo de vida
Tipos de ciclo de vidaTipos de ciclo de vida
Tipos de ciclo de vida
 
Arquitecturas de software
Arquitecturas de softwareArquitecturas de software
Arquitecturas de software
 
Edgararredondotarea1
Edgararredondotarea1Edgararredondotarea1
Edgararredondotarea1
 
Ingeniería del Software de Gestión. Tema 3
Ingeniería del Software de Gestión. Tema 3Ingeniería del Software de Gestión. Tema 3
Ingeniería del Software de Gestión. Tema 3
 
Tm06 diseño bd
Tm06 diseño bdTm06 diseño bd
Tm06 diseño bd
 
Ux-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-fUx-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-f
 
Credenciales Atomo Interactive
Credenciales Atomo InteractiveCredenciales Atomo Interactive
Credenciales Atomo Interactive
 
Documentación
DocumentaciónDocumentación
Documentación
 
Analisis
AnalisisAnalisis
Analisis
 
La importancia del_modelado_en_la_producción_de_sw_vf
La importancia del_modelado_en_la_producción_de_sw_vfLa importancia del_modelado_en_la_producción_de_sw_vf
La importancia del_modelado_en_la_producción_de_sw_vf
 
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.
 
Syllabo utm arquitectura_software
Syllabo utm arquitectura_softwareSyllabo utm arquitectura_software
Syllabo utm arquitectura_software
 

Kürzlich hochgeladen

COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdfCOLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdfxiliri6779
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxYasmilia
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfPOLALAGUNADANIELA
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 

Kürzlich hochgeladen (20)

COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdfCOLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptx
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 

Clases U. del Pacífico 1 abril

  • 1. Estrategia web - investigación de usuario VIERNES 18 DE MARZO
  • 2.
  • 3. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual
  • 4. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual
  • 5. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual
  • 6.
  • 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
  • 13. Diseño centrado en las personas El valor de la investigación en los procesos de diseño en medios digitales
  • 14. Diseño centrado en las personas El valor de la investigación en los procesos de diseño en medios digitales
  • 16. 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.
  • 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. ¿Cómo funciona?
  • 18. 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
  • 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 la interacción... Arhippainen, Tähti, 2003
  • 22. De qué manera le escribimos a él diferentes tipos de usuarios
  • 24. diferentes entornos
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 31. Investigación de usuarios • Antes del proceso de diseño • Durante el proceso de diseño • Al término del proceso de diseño
  • 32. Técnicas paralela • Modelos mentales • Escenarios y casos
  • 33. Técnicas paralelas • Modelos mentales • Escenarios y casos
  • 34. De qué manera le escribimos a él diferentes tipos de usuarios
  • 35. De qué manera le escribimos a él diferentes tipos de usuarios
  • 36. Antes del proceso de diseño • Indagaciones • Entrevistas • Encuestas • Hablar con las personas que hablan con las personas • Heurísticos (cuando se trata de un rediseño)
  • 37. Antes del proceso de diseño • Palabras claves • Buscador interno • Google analytics o similar • Benchamarking
  • 38. Durante el proceso de diseño • Observación: testeos y eyetrackig • Google analytics o similar
  • 39. Al término del proceso de diseño • Observación: testeos y eyetrackig • Palabras claves • Buscador interno • Google analytics o similar
  • 40. Antes del proceso de diseño • Indagaciones • Entrevistas • Encuestas • Hablar con las personas que hablan con las personas • Heurísticos
  • 41. indagaciones AyerViernes
  • 43. El objetivo es saber TODO sobre el usuario y la organización Indagaciones
  • 44. El objetivo es saber TODO sobre el usuario y la organización Conocer en “campo” como trabajan los usuarios finales Indagaciones
  • 45. El objetivo es saber TODO sobre el usuario y la organización Conocer en “campo” como trabajan los usuarios finales Saber desde la observación, cómo los usuarios se relacionan con el sistema Indagaciones
  • 46. El objetivo es saber TODO sobre el usuario y la organización Conocer en “campo” como trabajan los usuarios finales Saber desde la observación, cómo los usuarios se relacionan con el sistema Ejemplo: Ir un par de días completos a ver cómo las ejecutivas trabajan con el sistema call center Acompañar a una cajera toda la jornada laboral para determinar su interacción con la pantalla. Indagaciones
  • 48. ¿Qué debemos obtener de esto? Indagaciones
  • 49. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación Indagaciones
  • 50. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene Indagaciones
  • 51. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema Indagaciones
  • 52. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el momento más tenso del día?) Indagaciones
  • 53. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el momento más tenso del día?) - Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de acciones nuevas; etc.) ---> Determinar la RUTINA Indagaciones
  • 54. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el momento más tenso del día?) - Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de acciones nuevas; etc.) ---> Determinar la RUTINA - Qué funcionalidad no entiende Indagaciones
  • 55. ¿Qué debemos obtener de esto? - Datos relacionados sólo a la observación - Qué distracciones tiene - A cuántas cosas debe atender además de su trabajo con el sistema - Qué funcionalidad es la más usada y en qué contexto (Ejemplo: ¿en el momento más tenso del día?) - Definición de las tareas diarias (ejemplo: 1. revisión mail; 2. revisión de acciones nuevas; etc.) ---> Determinar la RUTINA - Qué funcionalidad no entiende - Qué funcionalidad no usa Indagaciones
  • 56. Antes del proceso de diseño • Indagaciones • Entrevistas- encuestas • Hablar con las personas que hablan con las personas • Heurísticos
  • 58. Uno de los métodos más eficientes para descubrir las características, necesidades, problemas y dificultades de los usuarios. Entrevistas - Encuestas
  • 59. Uno de los métodos más eficientes para descubrir las características, necesidades, problemas y dificultades de los usuarios. Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema analizado. Entrevistas - Encuestas
  • 60. Uno de los métodos más eficientes para descubrir las características, necesidades, problemas y dificultades de los usuarios. Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema analizado. Se fomenta el intercambio de ideas y la discusión. Entrevistas - Encuestas
  • 61. Uno de los métodos más eficientes para descubrir las características, necesidades, problemas y dificultades de los usuarios. Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema analizado. Se fomenta el intercambio de ideas y la discusión. Sirve para contrastar la observación. Entrevistas - Encuestas
  • 62. Uno de los métodos más eficientes para descubrir las características, necesidades, problemas y dificultades de los usuarios. Se plantean cuestiones sobre aspectos concretos que nos preocupen del sistema analizado. Se fomenta el intercambio de ideas y la discusión. Sirve para contrastar la observación. Se extraen conclusiones. Entrevistas - Encuestas
  • 64. Entrevistas Entrevistas
  • 65. Entrevistas - Otras más elaboradas que fomenten la discusión, originen diálogo y controversia. Entrevistas
  • 66. Entrevistas - Preguntas ordinarias acerca de la opinión o el impacto en el usuario. - Otras más elaboradas que fomenten la discusión, originen diálogo y controversia. Entrevistas
  • 67. Entrevistas - Preguntas ordinarias acerca de la opinión o el impacto en el usuario. - Otras más elaboradas que fomenten la discusión, originen diálogo y controversia. - Que provoquen la comunicación de sensaciones y sentimientos personales al respecto. Entrevistas
  • 70. Encuestas - Preguntas destinadas a conocer al usuario Encuestas
  • 71. Encuestas - Preguntas destinadas a conocer al usuario - Características exclusivas de su personalidad y contexto Encuestas
  • 72. Encuestas - Preguntas destinadas a conocer al usuario - Características exclusivas de su personalidad y contexto - Utilidad de lo que estamos haciendo en su contexto de navegación Encuestas
  • 73. Las preguntas se elaborarán de manera que permitan obtener la información que precisemos sobre el sistema, la inmediatez en la interacción de los usuarios con el mismo y la percepción subjetiva de estos sobre la experiencia de su manejo. Entrevistas
  • 74. Antes del proceso de diseño • Indagaciones • Entrevistas- encuestas • Hablar con las personas que hablan con las personas • Heurísticos (cuando es resideño)
  • 76. ¿Qué es? Heurísticos
  • 77. ¿Qué es? Evaluación de una lista de principios heurísticos estándares Heurísticos
  • 78. ¿Qué es? Evaluación de una lista de principios heurísticos estándares Equipo de expertos en usabilidad que analizan el interfaz de usuario Heurísticos
  • 79. ¿Qué es? Evaluación de una lista de principios heurísticos estándares Equipo de expertos en usabilidad que analizan el interfaz de usuario Tiene la ventaja de ahorrar tiempo y dinero sobre las técnicas que implican tests de usuarios Heurísticos
  • 80. ¿Qué es? Evaluación de una lista de principios heurísticos estándares Equipo de expertos en usabilidad que analizan el interfaz de usuario Tiene la ventaja de ahorrar tiempo y dinero sobre las técnicas que implican tests de usuarios El más barato Heurísticos
  • 82. Cómo se hace: Heurísticos
  • 83. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. Heurísticos
  • 84. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. - Se establecen las categorías de problemas de usabilidad para clasificar los problemas encontrados durante la evaluación (graves, medios, leves). Heurísticos
  • 85. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. - Se establecen las categorías de problemas de usabilidad para clasificar los problemas encontrados durante la evaluación (graves, medios, leves). - Los evaluadores deben analizar de forma aislada sin intercambio de feedback con el resto durante las pruebas. Heurísticos
  • 86. Cómo se hace: - 5 a 10 consultores o profesionales del diseño, comunicaciones, información, relacionados a estas disciplinas. - Se establecen las categorías de problemas de usabilidad para clasificar los problemas encontrados durante la evaluación (graves, medios, leves). - Los evaluadores deben analizar de forma aislada sin intercambio de feedback con el resto durante las pruebas. - Analizarán cada elemento contra la Lista de Heurísticos Heurísticos
  • 88. Nielsen Heurísticos
  • 89. Nielsen Heurísticos
  • 90. Nielsen Heurísticos
  • 92. Mi recomendación Heurísticos
  • 93. Mi recomendación Plantilla de @torresburriel Heurísticos
  • 94. Mi recomendación Plantilla de @torresburriel http://www.torresburriel.com/weblog/2008/11/28/plantilla- para-hacer-analisis-heuristicos-de-usabilidad/ Heurísticos
  • 95. Mi recomendación Plantilla de @torresburriel http://www.torresburriel.com/weblog/2008/11/28/plantilla- para-hacer-analisis-heuristicos-de-usabilidad/ https://www.coloriuris.net/panel-www/aceptacion.jsp? hash=dc123878c3ceb4b521c7531ecaa93b53 Heurísticos
  • 96. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual
  • 97. INVESTIGACIÓN DE USUARIOS Recolección de información TESTEOS DE USABILIDAD Organización de la información (AI) Jerarquía-contenidos 1 TESTEOS DE USABILIDAD Estructuración de wireframes Jerarquía contenidos 2 TESTEOS DE USABILIDAD Diseño visual Jerarquía visual
  • 99. Mental models Indi Young Modelos mentales
  • 100. ¿Qué son? Mental models Indi Young Modelos mentales
  • 101. ¿Qué son? Enmarcan el comportamiento del usuario Mental models Indi Young Modelos mentales
  • 102. ¿Qué son? Enmarcan el comportamiento del usuario Debe interpretar los deseos de los usuarios Mental models Indi Young Modelos mentales
  • 103. ¿Qué son? Enmarcan el comportamiento del usuario Debe interpretar los deseos de los usuarios Manera profunda de conocer a los usuarios a través de la empatía Mental models Indi Young Modelos mentales
  • 104. ¿Qué son? Enmarcan el comportamiento del usuario Debe interpretar los deseos de los usuarios Manera profunda de conocer a los usuarios a través de la empatía Es diferente al estudio de cómo una persona usa algo (un sitio en este caso) Mental models Indi Young Modelos mentales
  • 105. ¿Qué son? Enmarcan el comportamiento del usuario Debe interpretar los deseos de los usuarios Manera profunda de conocer a los usuarios a través de la empatía Es diferente al estudio de cómo una persona usa algo (un sitio en este caso) Mental models Indi Young Qué quieren lograr las personas ---> OBJETIVOS Modelos mentales
  • 106. Mental models Indi Young Modelos mentales
  • 107. ¿Qué son? Mental models Indi Young Modelos mentales
  • 108. ¿Qué son? Diagramas de afinidad de comportamientos realizados a partir de datos etnográficos recogidos desde audiencias representativas Mental models Indi Young Modelos mentales
  • 109. ¿Qué son? Diagramas de afinidad de comportamientos realizados a partir de datos etnográficos recogidos desde audiencias representativas ¿Para qué sirve? Mental models Indi Young Modelos mentales
  • 110. ¿Qué son? Diagramas de afinidad de comportamientos realizados a partir de datos etnográficos recogidos desde audiencias representativas ¿Para qué sirve? Mental models Indi Young Para conocer mejor a los usuarios y de esta manera, lograr desarrollar mejores productos para ellos. Modelos mentales
  • 112. Ejemplo Resultado
  • 113. Ejemplo Resultado
  • 114. Ejemplo SITIO DE TURISMO Resultado
  • 115. Ejemplo SITIO DE TURISMO 30 años Resultado
  • 116. Ejemplo SITIO DE TURISMO 30 años Vacaciones Resultado
  • 117. Ejemplo SITIO DE TURISMO 30 años Vacaciones $ Resultado
  • 118. Ejemplo SITIO DE TURISMO 30 años Vacaciones $ Tienen todo el tiempo del mundo Resultado
  • 119. Ejemplo SITIO DE TURISMO 30 años Vacaciones $ Tienen todo el tiempo del mundo No saben donde quieren ir ni por cuanto tiempo Resultado
  • 121. Ejemplo Resultado
  • 122. Ejemplo SITIO DE TURISMO Resultado
  • 123. Ejemplo SITIO DE TURISMO 45 años Resultado
  • 124. Ejemplo SITIO DE TURISMO 45 años Trabajo Resultado
  • 125. Ejemplo SITIO DE TURISMO 45 años Trabajo $- Resultado
  • 126. Ejemplo SITIO DE TURISMO 45 años Trabajo $- No tiene tiempo Resultado
  • 127. Ejemplo SITIO DE TURISMO 45 años Trabajo $- No tiene tiempo Sabe perfectamente lo que quiere Resultado
  • 129.
  • 131.
  • 132. Información de la organización
  • 133. Información de la organización Información del usuario
  • 134. Información de la organización Información del usuario objetivos del sitio
  • 135. Información de la organización Información del usuario objetivos del sitio qué información
  • 136. Información de la organización Información del usuario objetivos del sitio qué información qué funcionalidades
  • 137. Definir el objetivo, propósito y fines del sistema de información o sitio Web
  • 138. Definir público objetivo, tareas y tecnología
  • 139.
  • 141. Realizar análisis comparativos y competitivos con otros sitios
  • 143. ARQUITECTURA DE LA INFORMACIÓN
  • 144. Hacer el diseño de interacción Hacer el diseño de navegación Etiquetar (buscadores)
  • 145. Documentar el proceso, analizar los resultados y los procesos de reingeniería
  • 146. Planificación, gestión y desarrollo de los contenidos Definir sistemas y la interfaz de búsqueda Conocer y aplicar criterios de usabilidad
  • 147. Representar cómo el sitio se va a acomodar al cambio y crecimiento del en el tiempo
  • 148. Representar cómo el sitio se va a acomodar al cambio y crecimiento del en el tiempo
  • 149. Representar cómo el sitio se va a acomodar al cambio y crecimiento del en el tiempo http://www.havenworks.com/
  • 150.
  • 151. resultados de las investigaciones... técnicas índices de contenido card sorting definir jerarquías
  • 152. ¿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.
  • 153. (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.
  • 154. índices de contenido card sorting definir jerarquías
  • 155. índices de contenido card sorting definir jerarquías
  • 156. índices de contenido card sorting definir jerarquías Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos
  • 157. 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
  • 160.
  • 161. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos
  • 162. Capa superior - interfaz Capa intermedia - contenido - interacciones Capa inferior - base de datos