SlideShare a Scribd company logo
1 of 82
Evaluación
 a interfaces



Test de usuarios
Evaluación heurística
Eye-tracking
¿Por qué la mayoría de los
 argumentos del equipo de diseño
web acerca de la usabilidad son una
pérdida de tiempo y como evitarlos?
Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
Debemos hacer que usuarios
reales usen nuestras interfaces
Observarlos con el objetivo
 de identificar problemas
Mediante metodologías que
nos permitan evaluar si un
   sitio web es usable
Evaluación Heurística
Evaluación Heurística

¿En que consiste?
Es una evaluación tipo checklist
realizada por un experto de
usabilidad o arquitectura de
información. Con el se comprueba
el cumplimiento de las directrices
de usabilidad en el sitio web.




                                     Plantilla para evaluación heurística de Torres Buriel




                                                                                 Álex Castellote
Evaluación Heurística

¿Cómo se hace?
Se resuelve el test, calificando cada
criterio si cumple no.

Una vez identificados los problemas
se pueden medir 3 factores
Frecuencia (si se repite durante todo
el sitio), Impacto (es fácil o difícil de
mejorar) y Persistencia




                                            Plantilla para evaluación heurística de Torres Buriel




                                                                                        Álex Castellote
Evaluación Heurística


Criterios básicos a
analizar
 Generales
 Identidad e información
 Lenguaje y redacción
 Rotulado
 Estructura de navegación
 Layout de la página
 Elementos multimedia
Accesibilidad
                             Plantilla de un posible de cuadro de conclusiones por categorías
Eye-tracking
Eye-tracking

¿En que consiste?
Es la prueba que permite hacer
seguimiento y registrar el recorrido
visual de una persona sobre una
interface en un tiempo determinado por
la tarea a realizarse.

Hay dos tipos de eye-traking, los de los
lentes que o cascos y los de la cámara en
el monitor que registran el movimiento
ocular y suelen ser menos intrusivos

Con este tipo de prueba se puede
conseguir mapas de calor y recorridos
visuales o gazeplot

Es el test más costoso de todos.
Eye-tracking
Mapa de calor de InfOhio - Eye-tracking




                                                designbeep.com
Eye-tracking
Gazeplot de Marks & Spencer - Eye-tracking




                                                   designbeep.com
¿Para qué sirve el
  eyetracking?
Para obtener información
objetiva sobre atención visual
Sirve para responder a
 preguntas concretas
… como


 ¿Entienden los usuarios la
   arquitectura del sitio?
Para buscar una galleta                                    rellenas
de chocolate,                                              no rellenas
                                                           saladas
                                                                                1



¿qué arquitectura es                                       chocolate
                                                           dulces
                                                           vainilla
mejor?
                      2                                    3


 saladas                              saladas

 dulces    rellenas       chocolate   dulces    vainilla          rellenas
                          vainilla                                no rellenas

           no rellenas    chocolate             Chocolate         rellenas
                          vainilla                                no rellenas
¿Y para buscar
financiación para un
   departamento?



                 Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
¿Se ve la publicidad
  en esta página?




                 Caso de estudio por Francisco García y Daniel
El diseñador del sitio ve esto…




                         Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Los usuarios ven esto…




                   Caso de estudio por Francisco García y Daniel
Caso de estudio por Francisco García y Daniel
Miran lo que creen útil




                   Caso de estudio por Francisco García y Daniel
Sirve para responder a
más preguntas concretas




                  Caso de estudio por Francisco García y Daniel
… como


¿La publicidad animada se ve
más que la estática?

¿Dónde miran inicialmente?

¿Cómo leen los menús?


                        Caso de estudio por Francisco García y Daniel
Test de usuarios
Test de usuarios


¿En que consiste?
Representa la mejor forma de
evaluar la usabilidad de un
diseño y se basa en la
observación de un grupo de
usuarios potenciales realizando
tareas específicas y reales ,
siendo observado por uno o más
evaluadores que analizan los
problemas de usabilidad que se
encuentre.
Test de usuarios


              ¿Cuándo se realiza el test?

Recordemos que el DCU es una filosofía de diseño
iterativa, es recomendable hacer el test de usuario en
la etapa de prototipeado (test Explorativo), en la etapa
de diseño (test evaluativo) y finalmente en la etapa de
lanzamiento del sitio web (de validación), con el fin de
ser afinaciones finales.
Test de usuarios

                     Tipos de test de usuarios
     Explorativo               Evaluativo             De Validación

Se realiza en faces       Se realiza en la etapa   Se realiza después del
iniciales, arquitectura   de diseño o desarrollo   lanzamiento del sitio

Sobre prototipos en       Encontrar problemas      Ver si se cumple las
papel o bocetos en pc     de usabilidad            expectativas de
                                                   usabilidad
Se observa                Devuelve información
comportamiento para       cualitativa y            Devuelve información
definir la estructura     cuantitativa             cuantitativa

Devuelve información                               Se recomienda
cualitativa                                        ejecutar después de
                                                   una evaluación
                                                   heurística
Test de usuarios




                                       Problemas de usabilidad encontrados
5 participantes nos ofrecerá
suficiente información para
mejorar la solución de diseño,
aun cuando no nos permita
detectar el 100% de los
problemas de usabilidad”

                 Jackob Nielsen 2002




                                                                             Número de participantes para el test




                                                                                                                    Álex Castellote
Test de usuarios




¿Cómo se lleva a cabo?
Test de usuarios

1. Reclutamiento de participantes

Determinar qué tipo de usuarios necesitamos reclutar.


Localizar por lo menos 5 participantes que representen a los usuarios potenciales.


Invitara los usuarios a participar, motivándoles con una recompensa por su
colaboración al final del test.


Acordar la hora, el lugar y el tiempo de duración de las tareas a realizar




                                                                                     Álex Castellote
Test de usuarios

2. Definición de las tareas

Dependerán de lo que queramos testear (el proceso de compra, cierta interacción, el
registro en la web, etc.).


Cada tarea no debe durar más de 5 minutos.


Debe ser tareas típicas que el usuario lleve a cabo, no deben ser genéricas, deben ser
factibles a realizar en el tiempo estimado.
Test de usuarios

3. Preparación del ambiente

Sala en ambiente laboratorio con 1 computador con conexión rápida a internet en caso
de testear producto online.


Reclutamiento previo de 5 usuarios por test, seleccionado de acuerdo con perfil
predefinido.


Ejecución idealmente en un mismo día.
Test de usuarios

4. Definición de los evaluadores

La persona que conduce el test no debe realizar anotaciones, debe tomar los tiempos,
guiar al usuario ante alguna consulta, dar inicio y fin a la evaluación, formular la
encuesta final.


Puede haber uno o más observadores de la sesión quienes deben hacer las
anotaciones


De preferencia filmar la pantalla y el rostro del usuario.
Test de usuarios



5. Llenado de ficha del participante
Breve encuesta con preguntas directas y de opción múltiple con la
intención de caracterizar al sujeto de estudio en tanto usuario de Internet,
y dentro del perfil reclutado.
Cabecera de la ficha del participante antes de
participar en el test




                                             Álex Castellote
Test de usuarios


6. Evaluación

El moderador o facilitador dará una breve explicación del test. Tener en cuenta que se
evalúa el sitio web no al usuario.


Ejecución del Protocolo Think Aloud o test de pensamiento manifesto

   - Permite entender el modelo mental
   - Focaliza y concentra la usuario
   - Puede cansar
Test de usuarios

                Test de pensamiento manifiesto
                             (Protocolo Think Aloud)



           Concurrente                                  Retrospectivos




Único usuario       Varios usuarios             Después del test     Con eyetraking
                                                   con video
Test de usuarios



Moderador   Usuario




               Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Usability Test Moderation: The Comic http://www.userfocus.co.uk
Test de usuarios


7. Elaboración del informe: observaciones y mejoras

Consiste en un conjunto de recomendaciones que persiguen determinar los
problemas y los aspectos de mejora a partir de cada una de las tareas programadas
en el test.


Obtener conclusiones generales respecto de la situación del sitio web o aplicación
testeada en materia de Experiencia de Uso.
Cabecera de la encuesta final al participante,
luego de haber culminado las tareas asignadas




                                                 Álex Castellote
Test de usuarios




Otros test de usuarios
Test de usuarios

                          Test de los 5 segundos

La primera impresión del diseño supone una
información muy valiosa sobre su usabilidad


Consiste en ponerle al participante en un
contexto con un objetivo específico, a
continuación mostrarle la página por solo 5
segundo y luego solicitarle que mencione
todo lo que recuerda de la página que ha
visto.


Fivesecondtest.com comunidad que revisa
tu sitio gratuitamente
Test de usuarios


                       Test de Guerrilla

Sin dinero
Sin tiempo
Sin expertos
Sin grabar
Sin entregas de informes
Con un solo usuario
Encontrar problema críticos




  “Es mejor testear con una persona que con ninguna”
Test de usuarios

                                  Test Blur
Test individual

Entornar los ojos o poner efecto blur al diseño

Identifica lo primero que se ve
Test de usuarios

                           Test Greeked test
Poner el texto al latín o algo que no tenga sentido.

Preguntar a los usuarios ¿De qué se trata la pagina? ¿Marcar el titulo de la
pagina? ¿Cuál es el contenido de la pagina?.
Test de usuarios

                          Test del Maletero
                             (Prueba de navegación)

Seleccione al azar una pagina cualquiera del sitio e imprímala.

Sujetarla a la mayor distancia que pueda con las manos.

Rodear con un círculo lo más rápido que pueda todas las respuestas a las
siguientes preguntas.

     ¿Qué sitio es éste? Respuesta: Identificador de sitio
     ¿En qué página estoy? Respuesta: Nombre de la página
     ¿Cuáles son las principales secciones del sitio? Respuesta: Secciones
     ¿Qué opciones tengo en este nivel? Respuesta: Navegación local
     ¿Dónde estoy en el esquema? Respuesta: "Usted está aquí"
     ¿Cómo busco algo? Respuesta: Búsqueda
Test de usuarios




  No.me.hagas.pensar.2ed.Steve.Krug
Debemos prestar
atención en lo que el
usuario hace más de
lo que dice
                (Jackob Nielsen)
Esta presentación tiene una licencia
               Creative Commons de:

                             Atribución

                             No comercial

                             Compartir igual



                                               Percy Negrete
                                               @percynegrete
percy.negrete@pucp.edu.pe

More Related Content

What's hot

Software caja negra y caja blanca
Software caja negra y caja blancaSoftware caja negra y caja blanca
Software caja negra y caja blancaStudentPc
 
Tipos de Requerimientos en Ingeniería de Software
Tipos de Requerimientos en Ingeniería de SoftwareTipos de Requerimientos en Ingeniería de Software
Tipos de Requerimientos en Ingeniería de SoftwareLeo Ruelas Rojas
 
Introduccion a la Ingeniería de Software
Introduccion a la Ingeniería de SoftwareIntroduccion a la Ingeniería de Software
Introduccion a la Ingeniería de SoftwareLia IS
 
Ventajas y desventajas de moprosoft
Ventajas y desventajas de moprosoftVentajas y desventajas de moprosoft
Ventajas y desventajas de moprosoftChuyito Alvarado
 
Prototipos en el proceso de diseño
Prototipos en el proceso de diseñoPrototipos en el proceso de diseño
Prototipos en el proceso de diseñoSantiago Bustelo
 
54714841 ejemplo-propuesta-de-desarrollo-de-software
54714841 ejemplo-propuesta-de-desarrollo-de-software54714841 ejemplo-propuesta-de-desarrollo-de-software
54714841 ejemplo-propuesta-de-desarrollo-de-softwarecristina_devargas
 
IHM Unidad 1: Introducción a la Interacción Hombre-Máquina
IHM Unidad 1: Introducción a la Interacción Hombre-MáquinaIHM Unidad 1: Introducción a la Interacción Hombre-Máquina
IHM Unidad 1: Introducción a la Interacción Hombre-MáquinaFranklin Parrales Bravo
 
Requerimientos no funcionales
Requerimientos no funcionalesRequerimientos no funcionales
Requerimientos no funcionalesAngel Minga
 
Gestión de riesgos de software
Gestión de riesgos de softwareGestión de riesgos de software
Gestión de riesgos de softwareOmar S. Gomez
 

What's hot (20)

Software caja negra y caja blanca
Software caja negra y caja blancaSoftware caja negra y caja blanca
Software caja negra y caja blanca
 
Tipos de Requerimientos en Ingeniería de Software
Tipos de Requerimientos en Ingeniería de SoftwareTipos de Requerimientos en Ingeniería de Software
Tipos de Requerimientos en Ingeniería de Software
 
Presentación Metodologia Agil
Presentación Metodologia AgilPresentación Metodologia Agil
Presentación Metodologia Agil
 
Iso 9000 3
Iso 9000 3Iso 9000 3
Iso 9000 3
 
Introduccion a la Ingeniería de Software
Introduccion a la Ingeniería de SoftwareIntroduccion a la Ingeniería de Software
Introduccion a la Ingeniería de Software
 
Diseño y elaboración de algoritmos
Diseño y elaboración de algoritmosDiseño y elaboración de algoritmos
Diseño y elaboración de algoritmos
 
Roles desarrollo del software
Roles desarrollo del softwareRoles desarrollo del software
Roles desarrollo del software
 
Factibilidad Técnica y Económica
Factibilidad Técnica y EconómicaFactibilidad Técnica y Económica
Factibilidad Técnica y Económica
 
Casos de uso
Casos de usoCasos de uso
Casos de uso
 
tecnicas de revisión del software
tecnicas de revisión del softwaretecnicas de revisión del software
tecnicas de revisión del software
 
Estimación Software por Puntos de Función
Estimación Software por Puntos de FunciónEstimación Software por Puntos de Función
Estimación Software por Puntos de Función
 
Ventajas y desventajas de moprosoft
Ventajas y desventajas de moprosoftVentajas y desventajas de moprosoft
Ventajas y desventajas de moprosoft
 
Prototipos en el proceso de diseño
Prototipos en el proceso de diseñoPrototipos en el proceso de diseño
Prototipos en el proceso de diseño
 
Modelo en cascada pemo
Modelo en cascada pemoModelo en cascada pemo
Modelo en cascada pemo
 
Programacion Extrema
Programacion ExtremaProgramacion Extrema
Programacion Extrema
 
54714841 ejemplo-propuesta-de-desarrollo-de-software
54714841 ejemplo-propuesta-de-desarrollo-de-software54714841 ejemplo-propuesta-de-desarrollo-de-software
54714841 ejemplo-propuesta-de-desarrollo-de-software
 
IHM Unidad 1: Introducción a la Interacción Hombre-Máquina
IHM Unidad 1: Introducción a la Interacción Hombre-MáquinaIHM Unidad 1: Introducción a la Interacción Hombre-Máquina
IHM Unidad 1: Introducción a la Interacción Hombre-Máquina
 
8.realizacion de pruebas
8.realizacion de pruebas8.realizacion de pruebas
8.realizacion de pruebas
 
Requerimientos no funcionales
Requerimientos no funcionalesRequerimientos no funcionales
Requerimientos no funcionales
 
Gestión de riesgos de software
Gestión de riesgos de softwareGestión de riesgos de software
Gestión de riesgos de software
 

Similar to Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking

UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoJulian Camacho
 
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...VWO
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsGustavo Soto Miño
 
Modelo sistemático de testeo con usuarios para startups
Modelo sistemático de testeo con usuarios para startupsModelo sistemático de testeo con usuarios para startups
Modelo sistemático de testeo con usuarios para startupsJuan Paulo Madriaza
 
MetodologíA Para El Estudio De Usabilidad En NiñOs
MetodologíA Para El Estudio De Usabilidad En NiñOsMetodologíA Para El Estudio De Usabilidad En NiñOs
MetodologíA Para El Estudio De Usabilidad En NiñOscmn46
 
Diseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CRODiseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CROFani Sánchez
 
RMyA - workshop testing - v1.1
RMyA - workshop testing - v1.1RMyA - workshop testing - v1.1
RMyA - workshop testing - v1.1Pilar Barrio
 
User Experience Research: los métodos más usados en Mercado Libre
User Experience Research: los métodos más usados en Mercado LibreUser Experience Research: los métodos más usados en Mercado Libre
User Experience Research: los métodos más usados en Mercado LibreSol Velazquez
 
Estudio de usabilidad con niños
Estudio de usabilidad con niñosEstudio de usabilidad con niños
Estudio de usabilidad con niñoscmn46
 
Pruebas De Usabilidad
Pruebas De UsabilidadPruebas De Usabilidad
Pruebas De Usabilidadguest041f5db
 
Agile 101: La Germinación
Agile 101: La GerminaciónAgile 101: La Germinación
Agile 101: La Germinaciónmarueu
 
Pruebas de Usabilidad - IHCLab
Pruebas de Usabilidad - IHCLabPruebas de Usabilidad - IHCLab
Pruebas de Usabilidad - IHCLabIHCLab UCOL
 
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...Omar Corona
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidadIxDA Mendoza
 
Pruebas con usuario dmu lp 10. Enrique Stanziola
Pruebas con usuario   dmu lp 10. Enrique StanziolaPruebas con usuario   dmu lp 10. Enrique Stanziola
Pruebas con usuario dmu lp 10. Enrique Stanzioladiadelausabilidad
 

Similar to Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking (20)

UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de Producto
 
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en Startups
 
Modelo sistemático de testeo con usuarios para startups
Modelo sistemático de testeo con usuarios para startupsModelo sistemático de testeo con usuarios para startups
Modelo sistemático de testeo con usuarios para startups
 
MetodologíA Para El Estudio De Usabilidad En NiñOs
MetodologíA Para El Estudio De Usabilidad En NiñOsMetodologíA Para El Estudio De Usabilidad En NiñOs
MetodologíA Para El Estudio De Usabilidad En NiñOs
 
Diseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CRODiseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CRO
 
RMyA - workshop testing - v1.1
RMyA - workshop testing - v1.1RMyA - workshop testing - v1.1
RMyA - workshop testing - v1.1
 
User Experience Research: los métodos más usados en Mercado Libre
User Experience Research: los métodos más usados en Mercado LibreUser Experience Research: los métodos más usados en Mercado Libre
User Experience Research: los métodos más usados en Mercado Libre
 
Estudio de usabilidad con niños
Estudio de usabilidad con niñosEstudio de usabilidad con niños
Estudio de usabilidad con niños
 
Pruebas De Usabilidad
Pruebas De UsabilidadPruebas De Usabilidad
Pruebas De Usabilidad
 
Agile 101: La Germinación
Agile 101: La GerminaciónAgile 101: La Germinación
Agile 101: La Germinación
 
Seis en 75 - Víctor Gómez Adán
Seis en 75 - Víctor Gómez AdánSeis en 75 - Víctor Gómez Adán
Seis en 75 - Víctor Gómez Adán
 
Pruebas de Usabilidad - IHCLab
Pruebas de Usabilidad - IHCLabPruebas de Usabilidad - IHCLab
Pruebas de Usabilidad - IHCLab
 
Pruebas de usabilidad con usuarios
Pruebas de usabilidad con usuariosPruebas de usabilidad con usuarios
Pruebas de usabilidad con usuarios
 
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
Escenarios y Storyboards en el proceso UCD con Roberto Hernández (Sr UX/UI De...
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidad
 
Duoc ai - usabilidad - metodologias
Duoc   ai - usabilidad - metodologiasDuoc   ai - usabilidad - metodologias
Duoc ai - usabilidad - metodologias
 
Usabilidad 101
Usabilidad 101 Usabilidad 101
Usabilidad 101
 
Pruebas con usuario dmu lp 10. Enrique Stanziola
Pruebas con usuario   dmu lp 10. Enrique StanziolaPruebas con usuario   dmu lp 10. Enrique Stanziola
Pruebas con usuario dmu lp 10. Enrique Stanziola
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

More from Percy Negrete

Movilidad y su contexto de uso
Movilidad y su contexto de usoMovilidad y su contexto de uso
Movilidad y su contexto de usoPercy Negrete
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño webPercy Negrete
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorPercy Negrete
 
Neurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaNeurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaPercy Negrete
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoPercy Negrete
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerPercy Negrete
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensiblePercy Negrete
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoPercy Negrete
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPercy Negrete
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegaciónPercy Negrete
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercy Negrete
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Percy Negrete
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - ConceptosPercy Negrete
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioPercy Negrete
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfacesPercy Negrete
 
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webInvestigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webPercy Negrete
 
Importancia del color en la experiencia de uso
Importancia del color en la experiencia de usoImportancia del color en la experiencia de uso
Importancia del color en la experiencia de usoPercy Negrete
 
Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Percy Negrete
 

More from Percy Negrete (20)

Movilidad y su contexto de uso
Movilidad y su contexto de usoMovilidad y su contexto de uso
Movilidad y su contexto de uso
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-Computador
 
Neurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experienciaNeurodiseño, una tendencia en el diseño de experiencia
Neurodiseño, una tendencia en el diseño de experiencia
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensible
 
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxitoUsabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
Usabilidad mas allá de la facilidad de uso. - Beneficios, ROI, casos de éxito
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Sistemas de navegación
Sistemas de navegaciónSistemas de navegación
Sistemas de navegación
 
Percepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentalesPercepcion visual - Principios fundamentales
Percepcion visual - Principios fundamentales
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
 
Simplicidad, utilidad y Persuabilidad - Conceptos
Simplicidad, utilidad y Persuabilidad  - ConceptosSimplicidad, utilidad y Persuabilidad  - Conceptos
Simplicidad, utilidad y Persuabilidad - Conceptos
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
 
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica webInvestigación a usuarios - Contextual, entrevistas, card sorting y analítica web
Investigación a usuarios - Contextual, entrevistas, card sorting y analítica web
 
Importancia del color en la experiencia de uso
Importancia del color en la experiencia de usoImportancia del color en la experiencia de uso
Importancia del color en la experiencia de uso
 
Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios Arquetipos - Personas y escenarios
Arquetipos - Personas y escenarios
 

Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking

  • 1. Evaluación a interfaces Test de usuarios Evaluación heurística Eye-tracking
  • 2. ¿Por qué la mayoría de los argumentos del equipo de diseño web acerca de la usabilidad son una pérdida de tiempo y como evitarlos?
  • 3. Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
  • 4. Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
  • 5. Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
  • 6. Debemos hacer que usuarios reales usen nuestras interfaces
  • 7. Observarlos con el objetivo de identificar problemas
  • 8. Mediante metodologías que nos permitan evaluar si un sitio web es usable
  • 10. Evaluación Heurística ¿En que consiste? Es una evaluación tipo checklist realizada por un experto de usabilidad o arquitectura de información. Con el se comprueba el cumplimiento de las directrices de usabilidad en el sitio web. Plantilla para evaluación heurística de Torres Buriel Álex Castellote
  • 11. Evaluación Heurística ¿Cómo se hace? Se resuelve el test, calificando cada criterio si cumple no. Una vez identificados los problemas se pueden medir 3 factores Frecuencia (si se repite durante todo el sitio), Impacto (es fácil o difícil de mejorar) y Persistencia Plantilla para evaluación heurística de Torres Buriel Álex Castellote
  • 12. Evaluación Heurística Criterios básicos a analizar  Generales  Identidad e información  Lenguaje y redacción  Rotulado  Estructura de navegación  Layout de la página  Elementos multimedia Accesibilidad Plantilla de un posible de cuadro de conclusiones por categorías
  • 14. Eye-tracking ¿En que consiste? Es la prueba que permite hacer seguimiento y registrar el recorrido visual de una persona sobre una interface en un tiempo determinado por la tarea a realizarse. Hay dos tipos de eye-traking, los de los lentes que o cascos y los de la cámara en el monitor que registran el movimiento ocular y suelen ser menos intrusivos Con este tipo de prueba se puede conseguir mapas de calor y recorridos visuales o gazeplot Es el test más costoso de todos.
  • 15. Eye-tracking Mapa de calor de InfOhio - Eye-tracking designbeep.com
  • 16. Eye-tracking Gazeplot de Marks & Spencer - Eye-tracking designbeep.com
  • 17. ¿Para qué sirve el eyetracking?
  • 18. Para obtener información objetiva sobre atención visual
  • 19. Sirve para responder a preguntas concretas
  • 20. … como ¿Entienden los usuarios la arquitectura del sitio?
  • 21. Para buscar una galleta rellenas de chocolate, no rellenas saladas 1 ¿qué arquitectura es chocolate dulces vainilla mejor? 2 3 saladas saladas dulces rellenas chocolate dulces vainilla rellenas vainilla no rellenas no rellenas chocolate Chocolate rellenas vainilla no rellenas
  • 22. ¿Y para buscar financiación para un departamento? Caso de estudio por Francisco García y Daniel
  • 23. Caso de estudio por Francisco García y Daniel
  • 24. Caso de estudio por Francisco García y Daniel
  • 25. Caso de estudio por Francisco García y Daniel
  • 26. Caso de estudio por Francisco García y Daniel
  • 27. Caso de estudio por Francisco García y Daniel
  • 28. Caso de estudio por Francisco García y Daniel
  • 29. Caso de estudio por Francisco García y Daniel
  • 30. Caso de estudio por Francisco García y Daniel
  • 31. Caso de estudio por Francisco García y Daniel
  • 32. Caso de estudio por Francisco García y Daniel
  • 33. Caso de estudio por Francisco García y Daniel
  • 34. Caso de estudio por Francisco García y Daniel
  • 35. Caso de estudio por Francisco García y Daniel
  • 36. Caso de estudio por Francisco García y Daniel
  • 37. Caso de estudio por Francisco García y Daniel
  • 38. Caso de estudio por Francisco García y Daniel
  • 39. Caso de estudio por Francisco García y Daniel
  • 40. ¿Se ve la publicidad en esta página? Caso de estudio por Francisco García y Daniel
  • 41. El diseñador del sitio ve esto… Caso de estudio por Francisco García y Daniel
  • 42. Caso de estudio por Francisco García y Daniel
  • 43. Caso de estudio por Francisco García y Daniel
  • 44. Los usuarios ven esto… Caso de estudio por Francisco García y Daniel
  • 45. Caso de estudio por Francisco García y Daniel
  • 46. Miran lo que creen útil Caso de estudio por Francisco García y Daniel
  • 47. Sirve para responder a más preguntas concretas Caso de estudio por Francisco García y Daniel
  • 48. … como ¿La publicidad animada se ve más que la estática? ¿Dónde miran inicialmente? ¿Cómo leen los menús? Caso de estudio por Francisco García y Daniel
  • 50. Test de usuarios ¿En que consiste? Representa la mejor forma de evaluar la usabilidad de un diseño y se basa en la observación de un grupo de usuarios potenciales realizando tareas específicas y reales , siendo observado por uno o más evaluadores que analizan los problemas de usabilidad que se encuentre.
  • 51. Test de usuarios ¿Cuándo se realiza el test? Recordemos que el DCU es una filosofía de diseño iterativa, es recomendable hacer el test de usuario en la etapa de prototipeado (test Explorativo), en la etapa de diseño (test evaluativo) y finalmente en la etapa de lanzamiento del sitio web (de validación), con el fin de ser afinaciones finales.
  • 52. Test de usuarios Tipos de test de usuarios Explorativo Evaluativo De Validación Se realiza en faces Se realiza en la etapa Se realiza después del iniciales, arquitectura de diseño o desarrollo lanzamiento del sitio Sobre prototipos en Encontrar problemas Ver si se cumple las papel o bocetos en pc de usabilidad expectativas de usabilidad Se observa Devuelve información comportamiento para cualitativa y Devuelve información definir la estructura cuantitativa cuantitativa Devuelve información Se recomienda cualitativa ejecutar después de una evaluación heurística
  • 53. Test de usuarios Problemas de usabilidad encontrados 5 participantes nos ofrecerá suficiente información para mejorar la solución de diseño, aun cuando no nos permita detectar el 100% de los problemas de usabilidad” Jackob Nielsen 2002 Número de participantes para el test Álex Castellote
  • 54. Test de usuarios ¿Cómo se lleva a cabo?
  • 55. Test de usuarios 1. Reclutamiento de participantes Determinar qué tipo de usuarios necesitamos reclutar. Localizar por lo menos 5 participantes que representen a los usuarios potenciales. Invitara los usuarios a participar, motivándoles con una recompensa por su colaboración al final del test. Acordar la hora, el lugar y el tiempo de duración de las tareas a realizar Álex Castellote
  • 56. Test de usuarios 2. Definición de las tareas Dependerán de lo que queramos testear (el proceso de compra, cierta interacción, el registro en la web, etc.). Cada tarea no debe durar más de 5 minutos. Debe ser tareas típicas que el usuario lleve a cabo, no deben ser genéricas, deben ser factibles a realizar en el tiempo estimado.
  • 57. Test de usuarios 3. Preparación del ambiente Sala en ambiente laboratorio con 1 computador con conexión rápida a internet en caso de testear producto online. Reclutamiento previo de 5 usuarios por test, seleccionado de acuerdo con perfil predefinido. Ejecución idealmente en un mismo día.
  • 58. Test de usuarios 4. Definición de los evaluadores La persona que conduce el test no debe realizar anotaciones, debe tomar los tiempos, guiar al usuario ante alguna consulta, dar inicio y fin a la evaluación, formular la encuesta final. Puede haber uno o más observadores de la sesión quienes deben hacer las anotaciones De preferencia filmar la pantalla y el rostro del usuario.
  • 59. Test de usuarios 5. Llenado de ficha del participante Breve encuesta con preguntas directas y de opción múltiple con la intención de caracterizar al sujeto de estudio en tanto usuario de Internet, y dentro del perfil reclutado.
  • 60. Cabecera de la ficha del participante antes de participar en el test Álex Castellote
  • 61. Test de usuarios 6. Evaluación El moderador o facilitador dará una breve explicación del test. Tener en cuenta que se evalúa el sitio web no al usuario. Ejecución del Protocolo Think Aloud o test de pensamiento manifesto - Permite entender el modelo mental - Focaliza y concentra la usuario - Puede cansar
  • 62. Test de usuarios Test de pensamiento manifiesto (Protocolo Think Aloud) Concurrente Retrospectivos Único usuario Varios usuarios Después del test Con eyetraking con video
  • 63. Test de usuarios Moderador Usuario Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 64. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 65. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 66. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 67. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 68. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 69. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 70. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 71. Usability Test Moderation: The Comic http://www.userfocus.co.uk
  • 72. Test de usuarios 7. Elaboración del informe: observaciones y mejoras Consiste en un conjunto de recomendaciones que persiguen determinar los problemas y los aspectos de mejora a partir de cada una de las tareas programadas en el test. Obtener conclusiones generales respecto de la situación del sitio web o aplicación testeada en materia de Experiencia de Uso.
  • 73. Cabecera de la encuesta final al participante, luego de haber culminado las tareas asignadas Álex Castellote
  • 74. Test de usuarios Otros test de usuarios
  • 75. Test de usuarios Test de los 5 segundos La primera impresión del diseño supone una información muy valiosa sobre su usabilidad Consiste en ponerle al participante en un contexto con un objetivo específico, a continuación mostrarle la página por solo 5 segundo y luego solicitarle que mencione todo lo que recuerda de la página que ha visto. Fivesecondtest.com comunidad que revisa tu sitio gratuitamente
  • 76. Test de usuarios Test de Guerrilla Sin dinero Sin tiempo Sin expertos Sin grabar Sin entregas de informes Con un solo usuario Encontrar problema críticos “Es mejor testear con una persona que con ninguna”
  • 77. Test de usuarios Test Blur Test individual Entornar los ojos o poner efecto blur al diseño Identifica lo primero que se ve
  • 78. Test de usuarios Test Greeked test Poner el texto al latín o algo que no tenga sentido. Preguntar a los usuarios ¿De qué se trata la pagina? ¿Marcar el titulo de la pagina? ¿Cuál es el contenido de la pagina?.
  • 79. Test de usuarios Test del Maletero (Prueba de navegación) Seleccione al azar una pagina cualquiera del sitio e imprímala. Sujetarla a la mayor distancia que pueda con las manos. Rodear con un círculo lo más rápido que pueda todas las respuestas a las siguientes preguntas. ¿Qué sitio es éste? Respuesta: Identificador de sitio ¿En qué página estoy? Respuesta: Nombre de la página ¿Cuáles son las principales secciones del sitio? Respuesta: Secciones ¿Qué opciones tengo en este nivel? Respuesta: Navegación local ¿Dónde estoy en el esquema? Respuesta: "Usted está aquí" ¿Cómo busco algo? Respuesta: Búsqueda
  • 80. Test de usuarios No.me.hagas.pensar.2ed.Steve.Krug
  • 81. Debemos prestar atención en lo que el usuario hace más de lo que dice (Jackob Nielsen)
  • 82. Esta presentación tiene una licencia Creative Commons de: Atribución No comercial Compartir igual Percy Negrete @percynegrete percy.negrete@pucp.edu.pe