SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
King-eClient
 
Sistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directaSistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directa
Kike Salsalazar
 
Programación MySQL-Ejercicios
Programación MySQL-EjerciciosProgramación MySQL-Ejercicios
Programación MySQL-Ejercicios
testgrupocomex
 

La actualidad más candente (20)

Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 
2. Casos de uso y diagramas de casos de uso
2. Casos de uso y diagramas de casos de uso2. Casos de uso y diagramas de casos de uso
2. Casos de uso y diagramas de casos de uso
 
Estructura secuencial
Estructura secuencialEstructura secuencial
Estructura secuencial
 
Diagrama de casos de usos
Diagrama de casos de usosDiagrama de casos de usos
Diagrama de casos de usos
 
Pruebas de software
Pruebas de softwarePruebas de software
Pruebas de 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
 
Estilos y Paradigmas de Interacción
Estilos y Paradigmas de InteracciónEstilos y Paradigmas de Interacción
Estilos y Paradigmas de Interacción
 
Metodología para la solución de problemas con el uso de algoritmos
Metodología para la solución de problemas con el uso de algoritmosMetodología para la solución de problemas con el uso de algoritmos
Metodología para la solución de problemas con el uso de algoritmos
 
Sistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directaSistemas con interfaces a manipulación directa
Sistemas con interfaces a manipulación directa
 
Metodologia xp cortesserranoeliud
Metodologia xp cortesserranoeliudMetodologia xp cortesserranoeliud
Metodologia xp cortesserranoeliud
 
Tema N° 14 Especificación de Requisitos del Software
Tema N° 14 Especificación de Requisitos del SoftwareTema N° 14 Especificación de Requisitos del Software
Tema N° 14 Especificación de Requisitos del Software
 
Tecnicas de busqueda en inteligencia artificial
Tecnicas de busqueda en inteligencia artificialTecnicas de busqueda en inteligencia artificial
Tecnicas de busqueda en inteligencia artificial
 
Pruebas de software
Pruebas de softwarePruebas de software
Pruebas de software
 
Yourdon
YourdonYourdon
Yourdon
 
Diagramas de flujo
Diagramas de flujoDiagramas de flujo
Diagramas de flujo
 
Rúbrica para evaluar los ejercicios de programacion
Rúbrica para evaluar los ejercicios de programacionRúbrica para evaluar los ejercicios de programacion
Rúbrica para evaluar los ejercicios de programacion
 
Programación MySQL-Ejercicios
Programación MySQL-EjerciciosProgramación MySQL-Ejercicios
Programación MySQL-Ejercicios
 
3.5 Nessus
3.5 Nessus3.5 Nessus
3.5 Nessus
 
Diapositivas xp
Diapositivas xpDiapositivas xp
Diapositivas xp
 
Modelo evolutivo
Modelo evolutivoModelo evolutivo
Modelo evolutivo
 

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

RMyA - workshop testing - v1.1
RMyA - workshop testing - v1.1RMyA - workshop testing - v1.1
RMyA - workshop testing - v1.1
Pilar Barrio
 
Agile 101: La Germinación
Agile 101: La GerminaciónAgile 101: La Germinación
Agile 101: La Germinación
marueu
 
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
 
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
diadelausabilidad
 

Similar a 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
 

Más de Percy Negrete

Más de 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
 
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
 
¿Cómo leen nuestros usuarios? - Percepción del texto en la web
¿Cómo leen nuestros usuarios? - Percepción del texto en la web¿Cómo leen nuestros usuarios? - Percepción del texto en la web
¿Cómo leen nuestros usuarios? - Percepción del texto en la web
 

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