Experiencia del usuario al utilizar los principales periódicos en línea mexicanos

  • 96 views
Uploaded on

Estudio de Usabilidad en los principales Periódicos en línea Mexicanos

Estudio de Usabilidad en los principales Periódicos en línea Mexicanos

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
96
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Mencionar lineamientos de multimedialidad, hiertextualidad y interactividad, entre otros. Checar capitulo 3
  • Explicar porque esos ? Google rank, Alexa
  • Portabilidad Tecnológica Universal se determina con el uso de herramientas como Browsershots y emuladores de dispositivos móviles. Estándares de publicidad interactiva se revisa con estándares de duración (tiempo), tamaño (pixeles) y peso (KB). Posicionamiento en buscadores, se checa la sección Meta en el código y se busca en Google, yahoo y altavista con criterios de b búsqueda en particular .
  • Portabilidad Tecnológica Universal se determina con el uso de herramientas como Browsershots y emuladores de dispositivos móviles. Estándares de publicidad interactiva se revisa con estándares de duración (tiempo), tamaño (pixeles) y peso (KB). Posicionamiento en buscadores, se checa la sección Meta en el código y se busca en Google, yahoo y altavista con criterios de b búsqueda en particular .
  • Portabilidad Tecnológica Universal se determina con el uso de herramientas como Browsershots y emuladores de dispositivos móviles. Estándares de publicidad interactiva se revisa con estándares de duración (tiempo), tamaño (pixeles) y peso (KB). Posicionamiento en buscadores, se checa la sección Meta en el código y se busca en Google, yahoo y altavista con criterios de b búsqueda en particular .
  • Eficiencia buscador interno se determina mediante pruebas con usuarios (Tarea buscar noticia en particular). Se presenta comparando tiempos promedio. resultados de una búsqueda se evalúa con practicas de usabilidad (numero total de resultados, que buscó y donde buscó). comunicación entre el usuario y el portal se evalúa tanto por expertos como por usuarios, dependiendo del número de errores de Interacción. estándares del WCAG 1.0 se determina con la herramienta TAW la cual se basa en las WCAG 1.0 de la WAI
  • Eficiencia buscador interno se determina mediante pruebas con usuarios (Tarea buscar noticia en particular). Se presenta comparando tiempos promedio. resultados de una búsqueda se evalúa con practicas de usabilidad (numero total de resultados, que buscó y donde buscó). comunicación entre el usuario y el portal se evalúa tanto por expertos como por usuarios, dependiendo del número de errores de Interacción. estándares del WCAG 1.0 se determina con la herramienta TAW la cual se basa en las WCAG 1.0 de la WAI
  • Eficiencia buscador interno se determina mediante pruebas con usuarios (Tarea buscar noticia en particular). Se presenta comparando tiempos promedio. resultados de una búsqueda se evalúa con practicas de usabilidad (numero total de resultados, que buscó y donde buscó). comunicación entre el usuario y el portal se evalúa tanto por expertos como por usuarios, dependiendo del número de errores de Interacción. estándares del WCAG 1.0 se determina con la herramienta TAW la cual se basa en las WCAG 1.0 de la WAI
  • Eficiencia buscador interno se determina mediante pruebas con usuarios (Tarea buscar noticia en particular). Se presenta comparando tiempos promedio. resultados de una búsqueda se evalúa con practicas de usabilidad (numero total de resultados, que buscó y donde buscó). comunicación entre el usuario y el portal se evalúa tanto por expertos como por usuarios, dependiendo del número de errores de Interacción. estándares del WCAG 1.0 se determina con la herramienta TAW la cual se basa en las WCAG 1.0 de la WAI
  • El diseño visual atractivo se determina con las encuestas. Diseño visual alineado a la versión impresa. Es con las encuestas o con expertos? Elementos gráficos correctamente utilizados se revisa con estándares o prácticas comunes, correctamente utilizados puede caer en varias de las áreas (interacción, diseño visual…) Organización de la información adecuada, se determina con practicas comunes, si tiene una retícula, si utiliza jerarquización de información.
  • El diseño visual atractivo se determina con las encuestas. Diseño visual alineado a la versión impresa. Es con las encuestas o con expertos? Elementos gráficos correctamente utilizados se revisa con estándares o prácticas comunes, correctamente utilizados puede caer en varias de las áreas (interacción, diseño visual…) Organización de la información adecuada, se determina con practicas comunes, si tiene una retícula, si utiliza jerarquización de información.
  • El diseño visual atractivo se determina con las encuestas. Diseño visual alineado a la versión impresa. Es con las encuestas o con expertos? Elementos gráficos correctamente utilizados se revisa con estándares o prácticas comunes, correctamente utilizados puede caer en varias de las áreas (interacción, diseño visual…) Organización de la información adecuada, se determina con practicas comunes, si tiene una retícula, si utiliza jerarquización de información.
  • El diseño visual atractivo se determina con las encuestas. Diseño visual alineado a la versión impresa. Es con las encuestas o con expertos? Elementos gráficos correctamente utilizados se revisa con estándares o prácticas comunes, correctamente utilizados puede caer en varias de las áreas (interacción, diseño visual…) Organización de la información adecuada, se determina con practicas comunes, si tiene una retícula, si utiliza jerarquización de información.
  • correctamente construido- markup valiadator Facil/dificil se determina con encuesta (cual tarea considera fue la más difícil-fácil ?) principales problemas detectados por usuarios, por ejemplo: 80% de lo usuarios piensan que es difícil buscar información.
  • correctamente construido- markup valiadator Facil/dificil se determina con encuesta (cual tarea considera fue la más difícil-fácil ?) principales problemas detectados por usuarios, por ejemplo: 80% de lo usuarios piensan que es difícil buscar información.
  • correctamente construido- markup valiadator Facil/dificil se determina con encuesta (cual tarea considera fue la más difícil-fácil ?) principales problemas detectados por usuarios, por ejemplo: 80% de lo usuarios piensan que es difícil buscar información.
  • Tarea fácil/difícil con eye tracking Rutas de navegación y determinar patrón de lectura, se determinan con la herramienta de eye tracking
  • El anuncio cumple con los estándares de tamaño y peso, pero no el estándar de tiempo
  • En previas , lo de preparación de laborotorio de pruebas, diseño de pruebas, reclutamiento de usarios…platicadito rápido.
  • Cabe señalar que las cuantificables, también arrojan resultados cualitativos, ya que es en el thinking aloud , y el usuario expresa lo que siente/piensa del sitio. Además de medir el tiempo, % exitos, etc
  • En durante, dejar claro que se utiliza la técnica thinking aloud, y explicar brevemente la técnica. , mencionar la participación activa del evaluador (tomar notas, aunque se esté grabando) En después explicar que se trata de la recolección y análisis, y consolidar resultados tanto cualitativos como cuantitativos.
  • Dejar claro que es THINKING ALOUD y no focus group, NO ES LO MISMO En durante, dejar claro que se utiliza la técnica thinking aloud, y explicar brevemente la técnica. , mencionar la participación activa del evaluador (tomar notas, aunque se esté grabando) En después explicar que se trata de la recolección y análisis, y consolidar resultados tanto cualitativos como cuantitativos.
  • En después explicar que se trata de la recolección y análisis, y consolidar resultados tanto cualitativos como cuantitativos. Explicar que en resultados cualitativos son los que salen de la encuesta y del thinking aloud .
  • En durante, dejar claro que se utiliza la técnica thinking aloud, y explicar brevemente la técnica. , mencionar la participación activa del evaluador (tomar notas, aunque se esté grabando) En después explicar que se trata de la recolección y análisis, y consolidar resultados tanto cualitativos como cuantitativos.
  • Mencionar que las ganancias no solo son monetarias, ya que con éste tipo de estudios también se gana prestigio

Transcript

  • 1. Experiencia del usuario al utilizar los principales periódicos en línea mexicanos José Argüello 185237 Nelson Riojas 145816 Roberto Sánchez 137905 Asesor: Ing. Luis C. Aceves Gutiérrez San Pedro, Garza García, Nuevo León a 25 de Mayo de 2008
  • 2. Agenda  Presentación del proyecto y planteamiento del problema  Metodologías, técnicas y herramientas utilizadas  Objetivo general y objetivos particulares  Resultados  Costo y beneficios del proyecto  Conclusiones  Dificultades encontradas en el desarrollo del proyecto
  • 3. Presentación del proyecto y área de oportunidad
  • 4. Cliente
  • 5. Área de Oportunidad  Los periódicos mexicanos en línea no aprovechan todas las posibilidades del Internet.  No se apegan a los lineamientos de usabilidad Web, es decir no toman en cuenta la experiencia del usuario.  No existen investigaciones como esta en México
  • 6. Solución Propuesta Realizar un diagnóstico y un análisis comparativo de la usabilidad con la que cuentan los principales periódicos en línea mexicanos mediante la aplicación de pruebas de usabilidad utilizando:  pruebas con expertos  pruebas con usuarios  pruebas automatizadas
  • 7. Solución Propuesta Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores ¿Qué hicimos?
  • 8. Solución Propuesta ¿Dónde lo aplicamos?
  • 9. Metodologías, técnicas y herramientas utilizadas
  • 10.  Web Usability  Nielsen Metodologías ¿Cómo lo hicimos?
  • 11. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking
  • 12. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking
  • 13. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking
  • 14. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking Pruebas con expertos
  • 15. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking
  • 16. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking
  • 17. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking Pruebas con usuarios
  • 18. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking
  • 19. Técnicas ¿Cómo lo hicimos?  Heurísticas de Nielsen  Paseo cognitivo  Inspecciones de estándares  Thinking aloud  Encuestas  Eye tracking Pruebas automatizadas
  • 20. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 21. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 22. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 23. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 24. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 25. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 26. Herramientas ¿Cómo lo hicimos?  Validadores W3C  Validador WAI: Accesibilidad  Web Site Optimization  Browsershots  SurveyMonkey  Tobii Eye Tracker
  • 27. Objetivo general y objetivos particulares
  • 28. Objetivo General Evaluar la experiencia del usuario en los periódicos mexicanos en línea con mayor participación de mercado para generar un análisis comparativo mediante la aplicación de pruebas de usabilidad utilizando las técnicas de pruebas con expertos, pruebas con usuarios y pruebas automatizadas con tecnología eye tracking.
  • 29.  Determinar la Accesibilidad Tecnológica Universal de cada periódico (uso en diferentes navegadores, resolución de monitor, sistemas operativos, versión móvil, etc.).  Revisar el cumplimiento de estándares de publicidad interactiva en cada uno de los periódicos.  Evaluar si se siguen estándares Web para el posicionamiento en buscadores. Objetivos particulares
  • 30.  Determinar la Accesibilidad Tecnológica Universal de cada periódico (uso en diferentes navegadores, resolución de monitor, sistemas operativos, versión móvil, etc.).  Revisar el cumplimiento de estándares de publicidad interactiva en cada uno de los periódicos.  Evaluar si se siguen estándares Web para el posicionamiento en buscadores. Objetivos particulares
  • 31.  Determinar la Accesibilidad Tecnológica Universal de cada periódico (uso en diferentes navegadores, resolución de monitor, sistemas operativos, versión móvil, etc.).  Revisar el cumplimiento de estándares de publicidad interactiva en cada uno de los periódicos.  Evaluar si se siguen estándares Web para el posicionamiento en buscadores. Objetivos particulares
  • 32.  Presentar que tan eficiente es el buscador interno de cada periódico.  Evaluar si los resultados de una búsqueda son presentados de forma que el usuario los pueda interpretar.  Evaluar que tan eficiente es la comunicación entre el usuario y el portal de cada periódico.  Determinar si el sitio Web de cada periódico cumple con los estándares del WCAG 1.0 nivel A. Objetivos particulares
  • 33.  Presentar que tan eficiente es el buscador interno de cada periódico.  Evaluar si los resultados de una búsqueda son presentados de forma que el usuario los pueda interpretar.  Evaluar que tan eficiente es la comunicación entre el usuario y el portal de cada periódico.  Determinar si el sitio Web de cada periódico cumple con los estándares del WCAG 1.0 nivel A. Objetivos particulares
  • 34.  Presentar que tan eficiente es el buscador interno de cada periódico.  Evaluar si los resultados de una búsqueda son presentados de forma que el usuario los pueda interpretar.  Evaluar que tan eficiente es la comunicación entre el usuario y el portal de cada periódico.  Determinar si el sitio Web de cada periódico cumple con los estándares del WCAG 1.0 nivel A. Objetivos particulares
  • 35.  Presentar que tan eficiente es el buscador interno de cada periódico.  Evaluar si los resultados de una búsqueda son presentados de forma que el usuario los pueda interpretar.  Evaluar que tan eficiente es la comunicación entre el usuario y el portal de cada periódico.  Determinar si el sitio Web de cada periódico cumple con los estándares del WCAG 1.0 nivel A. Objetivos particulares
  • 36.  Determinar si el diseño visual de cada uno de los periódicos es atractivo para el usuario.  Determinar si el diseño visual del periódico en línea está alineado con la versión impresa.  Revisar si los elementos gráficos son correctamente utilizados (iconografía, tipografía, videos, retícula, color).  Determinar si la organización de la información y contenidos es la adecuada para que el usuario pueda entender la oferta del periódico. Objetivos particulares
  • 37.  Determinar si el diseño visual de cada uno de los periódicos es atractivo para el usuario.  Determinar si el diseño visual del periódico en línea está alineado con la versión impresa.  Revisar si los elementos gráficos son correctamente utilizados (iconografía, tipografía, videos, retícula, color).  Determinar si la organización de la información y contenidos es la adecuada para que el usuario pueda entender la oferta del periódico. Objetivos particulares
  • 38.  Determinar si el diseño visual de cada uno de los periódicos es atractivo para el usuario.  Determinar si el diseño visual del periódico en línea está alineado con la versión impresa.  Revisar si los elementos gráficos son correctamente utilizados (iconografía, tipografía, videos, retícula, color).  Determinar si la organización de la información y contenidos es la adecuada para que el usuario pueda entender la oferta del periódico. Objetivos particulares
  • 39.  Determinar si el diseño visual de cada uno de los periódicos es atractivo para el usuario.  Determinar si el diseño visual del periódico en línea está alineado con la versión impresa.  Revisar si los elementos gráficos son correctamente utilizados (iconografía, tipografía, videos, retícula, color).  Determinar si la organización de la información y contenidos es la adecuada para que el usuario pueda entender la oferta del periódico. Objetivos particulares
  • 40.  Evaluar si el sitio Web de cada periódico está correctamente construido de acuerdo a los estándares establecidos por el W3C.  Establecer y comparar cuales tareas fueron más fáciles y cuales más difíciles para los usuarios de cada periódico.  Identificar los principales problemas detectados por los usuarios utilizando la técnica de thinking aloud. Objetivos particulares
  • 41.  Evaluar si el sitio Web de cada periódico está correctamente construido de acuerdo a los estándares establecidos por el W3C.  Establecer y comparar cuales tareas fueron más fáciles y cuales más difíciles para los usuarios de cada periódico.  Identificar los principales problemas detectados por los usuarios utilizando la técnica de thinking aloud. Objetivos particulares
  • 42.  Evaluar si el sitio Web de cada periódico está correctamente construido de acuerdo a los estándares establecidos por el W3C.  Establecer y comparar cuales tareas fueron más fáciles y cuales más difíciles para los usuarios de cada periódico.  Identificar los principales problemas detectados por los usuarios utilizando la técnica de thinking aloud. Objetivos particulares
  • 43.  Localizar los elementos más vistos dentro de la página de inicio de cada periódico utilizando eye tracking. Objetivos particulares
  • 44. PRUEBAS CON EXPERTOS
  • 45. Pruebas con Expertos ¿Qué evaluamos? Diseño visual: Look and feel Sistema visual y retícula Identidad corporativa Tipografía Color Imágenes Aplicación de CSS
  • 46. Pruebas con Expertos ¿Qué evaluamos? Navegación: Claridad del estado del usuario dentro del sitio Eficiencia y simplicidad para encontrar información Navegación dentro del sitio Rotulado
  • 47. Pruebas con Expertos ¿Qué evaluamos? Diseño de Interacción: Comunicación entre el usuario y el portal Prevención y manejo de errores Manejo de Enlaces
  • 48. Pruebas con Expertos ¿Qué evaluamos? Accesibilidad Pautas de Accesibilidad WCAG 1.0 Portabilidad Tiempo de descarga
  • 49. Pruebas con Expertos ¿Qué evaluamos? Estándares Web Validación de estructura Validación de presentación
  • 50. Pruebas con Expertos ¿Qué evaluamos? E-Marketing Estándares IAB Posicionamiento en buscadores
  • 51. PRUEBAS CON EXPERTOS -Resultados
  • 52. Benchmark No se encontraron problemas Área de oportunidad Problema moderado Problema grave
  • 53. Uso de color Jerarquía de los elementos visuales Consistencia en los elementos visuales Alineación y organización visual de información Diseño visual Benchmark
  • 54. Eficiencia y simplicidad para encontrar información Claridad del estado del usuario dentro del sitio Navegación Benchmark Buscador Interno Navegación dentro del sitio Nombres de los rótulos
  • 55. Prevención y manejo de errores Manejo de Enlaces Comunicación entre el usuario y el portal Diseño de interacción Benchmark
  • 56. Prevención y manejo de errores Manejo de Enlaces Comunicación entre el usuario y el portal Accesibilidad Benchmark
  • 57. Validación de presentación Estándares Web Benchmark Validación de estructura Cumplimiento de estándares del IAB Posicionamiento en buscadores (Sección Meta) E-Marketing
  • 58. Resultados Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 59. Diseño visual Alineación y organización visual de información
  • 60. Diseño visual Alineación y organización visual de información.
  • 61. Resultados Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 62. Navegación Claridad del estado del usuario dentro del sitio
  • 63. Navegación Claridad del estado del usuario dentro del sitio
  • 64. Resultados Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 65. Diseño de Interacción Comunicación entre el usuario y el portal
  • 66. Diseño de interacción Comunicación entre el usuario y el portal
  • 67. Resultados Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 68. Accesibilidad Portabilidad BlackBerry Pearl iPhone
  • 69. Accesibilidad BlackBerry Pearl iPhone Portabilidad
  • 70. Accesibilidad Internet Explorer 7 Windows XP Firefox 3.0 Linux Ubuntu
  • 71. Resultados Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 72. Estándares Web Validación de presentación
  • 73. Estándares Web Validación de presentación
  • 74. Resultados Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 75. E-Marketing Criterio de Búsqueda Google Yahoo Altavista El Universal 1 1 1 Periódicos Mexicanos 7 76 80 Noticias de México 3 5 3 Posicionamiento en buscadores
  • 76. E-Marketing Criterio de Búsqueda Google Yahoo Altavista La Prensa 4 4 No aparece en los primeros 500 Periódicos Mexicanos No aparece en los primeros 500 No aparece en los primeros 500 No aparece en los primeros 500 Noticias de México No aparece en los primeros 500 No aparece en los primeros 500 No aparece en los primeros 500 Posicionamiento en buscadores
  • 77. PRUEBAS CON USUARIOS
  • 78. ¿Cómo lo hicimos?  Actividades previas  Actividades durante  Actividades posteriores Pruebas con usuarios
  • 79. Pruebas con usuarios Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 80.  Preparación de laboratorio para pruebas  Diseño de tareas  Reclutamiento de usuarios  Diseño de encuesta Actividades previas
  • 81. Diseño de tareas • Tareas enfocadas a la percepción (resultados cualitativos) – Tarea 1 y 9 • Tareas cuantificables – Tarea 2 a la 8
  • 82. Tarea 1. Navegación libre Descripción de la tarea Objetivo a evaluar Imaginen que se encuentran en su trabajo, en su tiempo libre, por lo cual deciden entrar a la página de un periódico en línea para distraerse. Entren al sitio www.periodicoenlinea.com.mx y naveguen durante 1 minuto en la página de inicio. Con esta tarea se pretende encontrar información sobre la percepción del sitio, aspectos que suelen identificarse durante la primera navegación en el sitio Web y para los cuales no es necesario que realicen algo en específico. Algunos ejemplos de dichos aspectos: hay demasiadas imágenes, está bien organizado, es una página muy seria, se enfocan más a negocios, etc.
  • 83. Tarea 1. Navegación libre Descripción de la tarea Objetivo a evaluar Imaginen que se encuentran en su trabajo, en su tiempo libre, por lo cual deciden entrar a la página de un periódico en línea para distraerse. Entren al sitio www.periodicoenlinea.com.mx y naveguen durante 1 minuto en la página de inicio. Con esta tarea se pretende encontrar información sobre la percepción del sitio, aspectos que suelen identificarse durante la primera navegación en el sitio Web y para los cuales no es necesario que realicen algo en específico. Algunos ejemplos de dichos aspectos: hay demasiadas imágenes, está bien organizado, es una página muy seria, se enfocan más a negocios, etc.
  • 84. Tarea 2. Fotografía Descripción de la tarea Objetivo a evaluar Sigue en su tiempo libre, y sigue navegando en www.periodicoenlinea.com.mx, decide entrar a ver algunas fotografías para pasar el tiempo. Busque una fotografía de “X” (donde X= Foto que NO esté en la página principal). Con esta tarea se pretende obtener información respecto a tres puntos básicamente: qué tan fácil es encontrar una fotografía en particular, qué tan fácil es interactuar con el sitio (específicamente en las fotogalerías) y si la forma en las que se muestran las fotografías es del agrado del usuario.
  • 85. Tarea 2. Fotografía Descripción de la tarea Objetivo a evaluar Sigue en su tiempo libre, y sigue navegando en www.periodicoenlinea.com.mx, decide entrar a ver algunas fotografías para pasar el tiempo. Busque una fotografía de “X” (donde X= Foto que NO esté en la página principal). Con esta tarea se pretende obtener información respecto a tres puntos básicamente: qué tan fácil es encontrar una fotografía en particular, qué tan fácil es interactuar con el sitio (específicamente en las fotogalerías) y si la forma en las que se muestran las fotografías es del agrado del usuario.
  • 86. Tarea 3. Noticia antigua Descripción de la tarea Objetivo a evaluar Imaginen que se encuentran realizando una investigación sobre personajes destacados en las Olimpiadas que han incurrido en el uso de drogas. Encuentren el artículo donde se dice que encontraron al famoso nadador Michael Phelps fumando marihuana. En esta tarea se pretende evaluar la facilidad de encontrar información que aunque no es nueva sigue siendo relevante para los usuarios del sitio. La principal forma de encontrar información que no está a la vista, es el buscador, por lo cual ésta tarea evalúa el buscador principalmente.
  • 87. Tarea 3. Noticia antigua Descripción de la tarea Objetivo a evaluar Imaginen que se encuentran realizando una investigación sobre personajes destacados en las Olimpiadas que han incurrido en el uso de drogas. Encuentren el artículo donde se dice que encontraron al famoso nadador Michael Phelps fumando marihuana. En esta tarea se pretende evaluar la facilidad de encontrar información que aunque no es nueva sigue siendo relevante para los usuarios del sitio. La principal forma de encontrar información que no está a la vista, es el buscador, por lo cual ésta tarea evalúa el buscador principalmente.
  • 88. Tarea 4. Noticia actual Descripción de la tarea Objetivo a evaluar Usted se encuentra en una reunión con sus amigos, uno de sus amigos le comenta que “evento X”, sin embargo, usted se queda un poco intrigado y decide obtener más información al respecto. Encuentre la noticia que habla de “evento X” y lea los dos primeros párrafos. (Donde “evento X”= noticia del día de aplicación de pruebas y que no esté en la página principal) En ésta tarea se pretende evaluar la navegación dentro del sitio, al decir navegación se refiere a los sistemas de navegación embebidos principalmente, ya que se pidió a los participantes que dejaran el buscador como último recurso. Por otro lado se evalúa que tan bien es presentada la información de las noticias de acuerdo a la opinión de los participantes (tamaño de la letra, herramientas que se ofrecen, etc.).
  • 89. Tarea 4. Noticia actual Descripción de la tarea Objetivo a evaluar Usted se encuentra en una reunión con sus amigos, uno de sus amigos le comenta que “evento X”, sin embargo, usted se queda un poco intrigado y decide obtener más información al respecto. Encuentre la noticia que habla de “evento X” y lea los dos primeros párrafos. (Donde “evento X”= noticia del día de aplicación de pruebas y que no esté en la página principal) En ésta tarea se pretende evaluar la navegación dentro del sitio, al decir navegación se refiere a los sistemas de navegación embebidos principalmente, ya que se pidió a los participantes que dejaran el buscador como último recurso. Por otro lado se evalúa que tan bien es presentada la información de las noticias de acuerdo a la opinión de los participantes (tamaño de la letra, herramientas que se ofrecen, etc.).
  • 90. Tarea 5. RSS Descripción de la tarea Objetivo a evaluar Imaginen que ustedes son apasionados del deporte, por lo cual están muy interesados en recibir las últimas noticias de dicha sección. Un amigo les comentó que recibe información actualizada de sus secciones favoritas por medio de algo llamado RSS, sin embargo, ustedes no saben que es ni cómo funciona un RSS. Entren a la sección que habla sobre el RSS de www.periodicoenlinea.com.mx para informarse sobre cómo funciona este servicio. Dado que actualmente los RSS se han convertido en una fuente de distribución de contenidos electrónicos, en esta tarea se pretende obtener información sobre la comunicación del sitio con el usuario en este formato, es decir, si las opciones con las que cuenta el sitio se presentan en un lenguaje entendible para el usuario, además de la facilidad de evaluar la facilidad para encontrar una funcionalidad del sitio Web. En general, se busca conocer si finalmente el usuario logra entender qué es RSS.
  • 91. Tarea 5. RSS Descripción de la tarea Objetivo a evaluar Imaginen que ustedes son apasionados del deporte, por lo cual están muy interesados en recibir las últimas noticias de dicha sección. Un amigo les comentó que recibe información actualizada de sus secciones favoritas por medio de algo llamado RSS, sin embargo, ustedes no saben que es ni cómo funciona un RSS. Entren a la sección que habla sobre el RSS de www.periodicoenlinea.com.mx para informarse sobre cómo funciona este servicio. Dado que actualmente los RSS se han convertido en una fuente de distribución de contenidos electrónicos, en esta tarea se pretende obtener información sobre la comunicación del sitio con el usuario en este formato, es decir, si las opciones con las que cuenta el sitio se presentan en un lenguaje entendible para el usuario, además de la facilidad de evaluar la facilidad para encontrar una funcionalidad del sitio Web. En general, se busca conocer si finalmente el usuario logra entender qué es RSS.
  • 92. Tarea 6. Contacto Descripción de la tarea Objetivo a evaluar Imaginen que acaban de leer un artículo dentro del sitio en el que se menciona información que no es verídica, ustedes cuentan con pruebas al respecto, por lo cual están muy molestos y desean contactar a personal del periódico para hacer una queja. Encuentren una opción dentro del sitio que les permita contactar a personal del periódico para dar su opinión al respecto. Con esta tarea se evaluar varios aspectos, por un lado se pretende evaluar la interacción, ya que las formas de contacto suelen presentarse con elementos de interacción (como formularios), además se evalúan si las formas de comunicación que se ofrecen son del agrado del usuario (e- mail, mensaje al Director General, Teléfonos del periódico, datos del autor, etc.).
  • 93. Tarea 6. Contacto Descripción de la tarea Objetivo a evaluar Imaginen que acaban de leer un artículo dentro del sitio en el que se menciona información que no es verídica, ustedes cuentan con pruebas al respecto, por lo cual están muy molestos y desean contactar a personal del periódico para hacer una queja. Encuentren una opción dentro del sitio que les permita contactar a personal del periódico para dar su opinión al respecto. Con esta tarea se evaluar varios aspectos, por un lado se pretende evaluar la interacción, ya que las formas de contacto suelen presentarse con elementos de interacción (como formularios), además se evalúan si las formas de comunicación que se ofrecen son del agrado del usuario (e- mail, mensaje al Director General, Teléfonos del periódico, datos del autor, etc.).
  • 94. Tarea 7. Editorial Descripción de la tarea Objetivo a evaluar Usted acaba de leer una editorial de “autor X” y le gustó mucho su punto de vista respecto al tema tratado, por lo cual, decide buscar más editoriales del mismo autor. Encuentre una editorial de “autor X”, una vez que la encuentre busque otra editorial del mismo autor. La tarea será concluida si encuentra las dos editoriales del mismo autor. (Donde “autor X”= autor del periódico en cuestión) Por un lado se evalúa si la información puede ser encontrada de acuerdo a cierta clasificación, además se evalúa si la información cuenta con herramientas que hagan más fácil la navegación (por ejemplo: artículos relacionados).
  • 95. Tarea 7. Editorial Descripción de la tarea Objetivo a evaluar Usted acaba de leer una editorial de “autor X” y le gustó mucho su punto de vista respecto al tema tratado, por lo cual, decide buscar más editoriales del mismo autor. Encuentre una editorial de “autor X”, una vez que la encuentre busque otra editorial del mismo autor. La tarea será concluida si encuentra las dos editoriales del mismo autor. (Donde “autor X”= autor del periódico en cuestión) Por un lado se evalúa si la información puede ser encontrada de acuerdo a cierta clasificación, además se evalúa si la información cuenta con herramientas que hagan más fácil la navegación (por ejemplo: artículos relacionados).
  • 96. Tarea 8. Caricatura Descripción de la tarea Objetivo a evaluar A usted le gusta ver la sección con dibujos/caricaturas de los periódicos impresos en los que se hace parodia de temas de política o de actualidad. Recientemente acaba de enterarse de la versión en línea de “periódico X” por lo cual decide entrar al periódico en línea a buscar algo similar. Encuentren y vean tres dibujos/caricaturas de algún tema de actualidad. Los dibujos/caricaturas pueden ser de cualquier autor. La tarea será completada cuando se hayan visto los tres dibujos. (Donde “periódico X”= periódico en cuestión) Con esta tarea se pretende evaluar si manejan los elementos típicos de una versión impresa de una manera adecuada a la versión en línea. Así mismo se evalúa si cuentan con herramientas que faciliten la interacción y navegación con el sitio (agrupamiento por autor, tema, fecha etc.)
  • 97. Tarea 8. Caricatura Descripción de la tarea Objetivo a evaluar A usted le gusta ver la sección con dibujos/caricaturas de los periódicos impresos en los que se hace parodia de temas de política o de actualidad. Recientemente acaba de enterarse de la versión en línea de “periódico X” por lo cual decide entrar al periódico en línea a buscar algo similar. Encuentren y vean tres dibujos/caricaturas de algún tema de actualidad. Los dibujos/caricaturas pueden ser de cualquier autor. La tarea será completada cuando se hayan visto los tres dibujos. (Donde “periódico X”= periódico en cuestión) Con esta tarea se pretende evaluar si manejan los elementos típicos de una versión impresa de una manera adecuada a la versión en línea. Así mismo se evalúa si cuentan con herramientas que faciliten la interacción y navegación con el sitio (agrupamiento por autor, tema, fecha etc.)
  • 98. Tarea 9. Buscador Descripción de la tarea Objetivo a evaluar Imaginen que viven en el extranjero y van a visitar México por primera vez, ustedes desean estar informados de noticias de México, pero no conocen el nombre de ningún periódico Mexicano. Entren a algún buscador como Google, Yahoo o Altavista y busquen el sitio Web de “periódico” sin utilizar la palabra periódico. La tarea será concluida, cuando encuentren el sitio Web de periódico, únicamente de los resultados del buscador (no debe ser por medio de otras páginas) y sin utilizar la palabra periódico. (Donde “periódico”= periódico en cuestión, por ejemplo: buscar “El Universal”, sin utilizar la palabra universal). Con esta tarea se evalúa el posicionamiento orgánico en buscadores, un buen posicionamiento orgánico implica encontrarse en los primeros resultados de búsqueda, para que el usuario no tenga que navegar entre las páginas de resultados. Si un sitio se encuentra bien posicionado será fácil de encontrar con múltiples criterios de búsqueda, aún y cuando no se ponga el nombre del periódico específicamente.
  • 99. Tarea 9. Buscador Descripción de la tarea Objetivo a evaluar Imaginen que viven en el extranjero y van a visitar México por primera vez, ustedes desean estar informados de noticias de México, pero no conocen el nombre de ningún periódico Mexicano. Entren a algún buscador como Google, Yahoo o Altavista y busquen el sitio Web de “periódico” sin utilizar la palabra periódico. La tarea será concluida, cuando encuentren el sitio Web de periódico, únicamente de los resultados del buscador (no debe ser por medio de otras páginas) y sin utilizar la palabra periódico. (Donde “periódico”= periódico en cuestión, por ejemplo: buscar “El Universal”, sin utilizar la palabra universal). Con esta tarea se evalúa el posicionamiento orgánico en buscadores, un buen posicionamiento orgánico implica encontrarse en los primeros resultados de búsqueda, para que el usuario no tenga que navegar entre las páginas de resultados. Si un sitio se encuentra bien posicionado será fácil de encontrar con múltiples criterios de búsqueda, aún y cuando no se ponga el nombre del periódico específicamente.
  • 100. Pruebas con usuarios Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 101. Actividades durante  Medir tiempos de ejecución por tarea  Thinking Aloud  Encuesta Estaba buscando y de repente me sacó del periódico
  • 102. Actividades durante  Medir tiempos de ejecución por tarea  Thinking Aloud  Encuesta
  • 103. Pruebas con usuarios Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 104. Actividades posteriores  Recolección y análisis de datos  Análisis comparativo
  • 105. PRUEBAS CON USUARIOS -Resultados
  • 106. 41.7 % 25 % 16.7 % 8.3 % 8.3 % 7.2 Calificación 11.1 % 11.1 % 22.2 % 55.6 % 7.6 ¿Cómo calif 1 2 3 4 5 6 7 8 9 10
  • 107. 12.5% 12.5% 25% 25% 25% 7 6.2 1 (uno 2 (dos 3 (tres 4 (cua 5 (cinc 6 (seis 7 (siet 8 (och 9 (nue 10 (di 20 % 10 % 10 % 10 % 50 % Calificación ¿Cómo calif 1 2 3 4 5 6 7 8 9 10
  • 108. 33.3 % 8.3 % 8.3 % 50 % 5.9 12.5 % 12.5 % 12.5 % 25 % 37.5 % 5.2 Calificación ¿Cómo calif 1 2 3 4 5 6 7 8 9 10
  • 109. 1 (u n o 10% 10% 10% 10% 30% 20% 10% 4.7 33.3% 33.3% 22.2% 11.1% 3.5 Calificación ¿Cómo calif 1 2 3 4 5 6 7 8 9 10
  • 110. Fotografía Mejor tiempo 1:31 00:50 00:32 00:23 00:55 00:08 00:32 00:38 Peor tiempo 02:07 02:23 02:44 01:41 01:26 00:56 02:14 02:49 Porcentaje de éxitos 33.3% 58% 80% 89% 78% 87.5% 63% 50% Tiempo promedio 01:46 01:24 01:29 00:56 01:10 00:31 01:16 1:26 Benchmark
  • 111. Noticia antigua Mejor tiempo 00:14 01:12 00:51 02:24 00:37 00:14 00:14 00:50 Peor tiempo 00:48 03:04 02:27 - 02:42 02:16 02:01 02:12 Porcentaje de éxitos 88.9% 58% 50% 11% 89% 100% 100% 50% Tiempo promedio 00:27 02:13 01:26 02:24 01:53 00:46 00:56 1:32 Benchmark
  • 112. Noticia actual Mejor tiempo 00:14 00:35 01:07 00:30 - 01:09 00:44 00:04 Peor tiempo 00:35 02:32 02:28 01:29 - 01:28 01:58 2:23 Porcentaje de éxitos 100% 50% 40% 100% 0% 25% 75% 50% Tiempo promedio 00:24 00:59 01:52 00:48 - 01:18 01:21 01:05 Benchmark
  • 113. RSS Mejor tiempo 00:15 00:16 00:11 00:13 00:29 00:47 00:05 00:05 Peor tiempo 00:29 02:09 02:20 02:36 01:23 01:56 02:17 01:22 Porcentaje de éxitos 88.9% 58% 100% 89% 56% 75% 100% 64.3% Tiempo promedio 00:22 01:03 01:07 00:57 01:11 1:20 00:44 00:26 Benchmark
  • 114. Contacto Mejor tiempo 00:08 01:27 00:05 00:02 00:12 00:07 00:03 00:12 Peor tiempo 00:33 02:27 02:05 00:20 00:25 01:02 00:15 01:08 Porcentaje de éxitos 100% 17% 90% 100% 100% 100% 100% 92.9% Tiempo promedio 00:17 01:57 00:38 00:05 00:16 00:33 00:09 00:29 Benchmark
  • 115. Editorial Mejor tiempo 00:25 02:38 00:54 - 02:58 02:26 00:17 00:46 Peor tiempo 02:16 04:20 02:33 - - 02:40 02:02 02:10 Porcentaje de éxitos 77.8% 17% 60% 0% 11% 50% 88% 42.9% Tiempo promedio 01:19 03:29 01:17 - 02:58 02:30 01:16 01:24 Benchmark
  • 116. Caricatura Mejor tiempo 00:36 00:10 00:06 00:22 00:11 00:58 00:18 00:44 Peor tiempo 03:16 02:01 01:56 01:33 01:12 02:27 02:17 01:08 Porcentaje de éxitos 55.6% 75% 60% 100% 89% 62.5% 63% 28.6% Tiempo promedio 2:01 00:43 01:14 00:47 00:43 01:29 00:54 00:58 Benchmark
  • 117. Primera impresión  Se encuentra rápido las noticias más importantes y los editorialistas.  No quedan claros los títulos de las secciones.  Al entrar a la sección “Mundo 52” no se sabe si se encuentra en el mismo periódico o es otro periódico.  No están tan claros los nombres del menú.  El portal cuenta con muchos menús de navegación.  Hay muchas cosas en la portada.  Esperaba más secciones, más detallado.  La publicidad de arriba no es atractiva.
  • 118. Tarea 2. Fotografía  El buscador principal no arroja resultados.  Está mal que no te arroje el resultado en la página principal, siempre dice que no hay resultados.  Entré a la noticia y de la noticia brinqué a la fotogalería, ya sabiendo que era una fotogalería la encontré.  Yo busqué por galerías pero no encontré nada.  Yo estuve buscando en el menú pero no encontré ninguna opción en donde pudiera venir.
  • 119. Tarea 3. Noticia antigua  Busqué con las palabras claves “Michael Phelps marihuana” pero en la sección de "Deportes" y si apareció.  En la noticia a la que llegué dice que es de “Otros deportes”.  Yo puse “Michael marihuana” y me apareció en el cuarto lugar.  Yo esperaba que me saliera de las primeras noticias y tuve que leer hacia abajo, para encontrar.
  • 120. Tarea 4. Noticia actual  Son pocas las noticias que se muestran, alrededor de 6 ó menos.  Yo me cansé de buscarla navegando y mejor utilicé el buscador.  Yo encontré unos letreros que se empalman en los menús, en la sección “Internacional”, la opción que dice “Siguiente” se empalma con los números de navegación.  El color de texto no ayuda a la lectura, yo creo que si lo pusieran un poco más negro y un poco más grande la letra estaría mejor.
  • 121. Tarea 5. RSS  A mí me apareció una ventanita de ayuda del Explorer, pero no me viene en la página del periódico, creo que sería lo correcto.  No me quedó claro.  Dice que es pero no viene una guía de cómo utilizarlo, no le entendí.  No entendí que es ni cómo funciona RSS.  No me queda claro como suscribirme a este servicio.
  • 122. Tarea 6. Contacto  Tienen todos los departamentos a donde les puedes escribir alguna queja.  Me fui directamente hacia abajo haber si estaba y ahí estaba.  Yo me fui hasta abajo de la página porque siempre vienen esas opciones de contáctanos.  Yo no reconocí “Voz del lector” como una forma de opinión.
  • 123. Tarea 7. Editorial  Encontré la misma editorial pero por diferentes lados sin poder encontrar 2 editoriales.  Me tuve que ir a la edición impresa, y en donde dice buscar ediciones anteriores me fui buscando.  Yo estaba buscando algo que dijera editorial, y después de leer todas las opciones me fui a opinión.  Yo pienso que es difícil llegar a las columnas y más si buscas a alguien en específico.
  • 124. Tarea 8. Caricatura  Entré directamente a la sección “Cartones”.  Yo me fui directamente a edición impresa y ahí encontré muchos.  Utilicé el buscador, le puse caricaturas/dibujos, y no salía nada relevante.  Me fui por todas las secciones para ver si encontraba algo al azar.
  • 125. Posicionamiento en buscadores  En el buscador de Google de Estados Unidos nunca apareció.  Yo me quedé en la primera página de los resultados.  No aparece en los primeros resultados.  Me aparecen otros periódicos de México, como el Universal.  Yo hubiera entrado a El Universal  Tal vez si aparezca en los resultados, pero se me hace que hay que seguir buscando en los resultados.  Yo utilicé el buscador de Google.  Yo utilicé el buscador de Yahoo.
  • 126. Frecuencia con la que lee el periódico Sólo cuando es necesario 0% Sólo el fin de semana 0% 1 vez por semana 11.1% 2 a 3 veces por semana 44.4% Sólo en días hábiles 0% Toda la semana 44.4% Frecuencia con la que lee el periódico Sólo cuando es necesario 0% Sólo el fin de semana 0% 1 vez por semana 11.1% 2 a 3 veces por semana 44.4% Sólo en días hábiles 0% Toda la semana 44.4% 44.4 % 11.1 % 44.4 % 33.3 % 66.7 % 11.1 % 77.8 % 11.1 % 18-22 23-26 27-30 31-34 35 o más 22.2 % 44.4 % 33.3 % Perfil La Crónica de Hoy Edad 18-22 años 44.4% 23-26 años 33.3% 27-30 años 0% 31-34 años 0% 35 años o más 22.2% Edad 18-22 años 44.4% 23-26 años 33.3% 27-30 años 0% 31-34 años 0% 35 años o más 22.2% Grado máximo de estudios Secundaria 0% Preparatoria 0% Profesional (trunco/pasante) 77.8% Profesional (titulado) 11.1% Maestría o especialidad 11.1% Doctorado 0% Grado máximo de estudios Secundaria 0% Preparatoria 0% Profesional (trunco/pasante) 77.8% Profesional (titulado) 11.1% Maestría o especialidad 11.1% Doctorado 0% Formato del periódico que lee Impreso 0% En línea 66.7% Ambas 33.3% Formato del periódico que lee Impreso 0% En línea 66.7% Ambas 33.3%
  • 127. 50 % 33.3% 16.7 % P r e p a r a t o ri 25 % 41.7 % 33.3 % 41.7 % 25 % 25 % 8.3 % 44.4 % 11.1 % 44.4 % 41.7 % 16.7 % 8.3 % 33.3 % El Universal Perfil Edad 18-22 años 41.7% 23-26 años 25% 27-30 años 8.3% 31-34 años 25% 35 años o más 0% Edad 18-22 años 41.7% 23-26 años 25% 27-30 años 8.3% 31-34 años 25% 35 años o más 0% Formato del periódico que lee Impreso 0% En línea 66.7% Ambas 33.3% Formato del periódico que lee Impreso 0% En línea 66.7% Ambas 33.3% Frecuencia con la que lee el periódico Sólo cuando es necesario 0% Sólo el fin de semana 0% 1 vez por semana 11.1% 2 a 3 veces por semana 44.4% Sólo en días hábiles 0% Toda la semana 44.4% Frecuencia con la que lee el periódico Sólo cuando es necesario 0% Sólo el fin de semana 0% 1 vez por semana 11.1% 2 a 3 veces por semana 44.4% Sólo en días hábiles 0% Toda la semana 44.4% Grado máximo de estudios Preparatoria 0% Profesional (trunco/pasante) 41.7% Profesional (titulado) 25% Maestría o especialidad 33.3% Doctorado 0% Grado máximo de estudios Preparatoria 0% Profesional (trunco/pasante) 41.7% Profesional (titulado) 25% Maestría o especialidad 33.3% Doctorado 0%
  • 128. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 88.9% Es fácil encontrar información 44.4% Se puede navegar fácilmente dentro del periódico 22.2% La información está bien organizada en secciones 77.8% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 44.4% Hay publicidad interesante 0% Los contenidos son entendibles y fáciles de Comprender 33.3% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 11.1% Percepción 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% La Crónica de Hoy
  • 129. ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 11.1% Es difícil encontrar información 33.3% Es difícil navegar dentro del periódico 33.3% La información no está organizada en las secciones que esperaba 0% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 22.2% Hay mucha publicidad 22.2% Los contenidos son muy densos y difíciles de entender 0% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 11.1% 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% La Crónica de Hoy Percepción
  • 130. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 66.7 Es fácil encontrar información 0% Se puede navegar fácilmente dentro del periódico 16.7% La información está bien organizada en secciones 8.3% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 25% Hay publicidad interesante 16.7% Los contenidos son entendibles y fáciles de Comprender 33.3% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 0% 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% El Economista Percepción
  • 131. ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 0% Es difícil encontrar información 100% Es difícil navegar dentro del periódico 50% La información no está organizada en las secciones que esperaba 50% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 16.7% Hay mucha publicidad 25% Los contenidos son muy densos y difíciles de entender 0% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 66.7% Percepción El Economista 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 132. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 20% Es fácil encontrar información 0% Se puede navegar fácilmente dentro del periódico 10% La información está bien organizada en secciones 20% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 50% Hay publicidad interesante 10% Los contenidos son entendibles y fáciles de Comprender 50% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 20% 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% Percepción Excélsior
  • 133. ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 30% Es difícil encontrar información 90% Es difícil navegar dentro del periódico 20% La información no está organizada en las secciones que esperaba 40% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 0% Hay mucha publicidad 10% Los contenidos son muy densos y difíciles de entender 10% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 0% 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% Percepción Excélsior
  • 134. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 11.1% Es fácil encontrar información 0% Se puede navegar fácilmente dentro del periódico 0% La información está bien organizada en secciones 0% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 0% Hay publicidad interesante 0% Los contenidos son entendibles y fáciles de Comprender 11.1% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 77.8% 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% Percepción El Financiero
  • 135. ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 55.6% Es difícil encontrar información 88.9% Es difícil navegar dentro del periódico 66.7% La información no está organizada en las secciones que esperaba 77.8% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 77.8% Hay mucha publicidad 55.6% Los contenidos son muy densos y difíciles de entender 33.3% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 11.1% Percepción El Financiero 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 136. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 10% Es fácil encontrar información 0% Se puede navegar fácilmente dentro del periódico 10% La información está bien organizada en secciones 0% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 20% Hay publicidad interesante 0% Los contenidos son entendibles y fáciles de Comprender 30% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 90% Percepción La Jornada 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 137. ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 50% Es difícil encontrar información 100% Es difícil navegar dentro del periódico 80% La información no está organizada en las secciones que esperaba 50% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 50% Hay mucha publicidad 10% Los contenidos son muy densos y difíciles de entender 10% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 0% Percepción La Jornada 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 138. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 75% Es fácil encontrar información 12.5% Se puede navegar fácilmente dentro del periódico 0% La información está bien organizada en secciones 0% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 62.5% Hay publicidad interesante 12.5% Los contenidos son entendibles y fáciles de Comprender 50% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 25% Percepción Milenio 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 139. 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 12.5% Es difícil encontrar información 87.5% Es difícil navegar dentro del periódico 37.5% La información no está organizada en las secciones que esperaba 75% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 12.5% Hay mucha publicidad 12.5% Los contenidos son muy densos y difíciles de entender 12.5% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 12.5% Percepción Milenio
  • 140. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 0% Es fácil encontrar información 12.5% Se puede navegar fácilmente dentro del periódico 12.5% La información está bien organizada en secciones 25% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 0% Hay publicidad interesante 37.5% Los contenidos son entendibles y fáciles de Comprender 0% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 37.5% Percepción La Prensa 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 141. ¿Qué es lo que menos le gustó del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 75% Es difícil encontrar información 50% Es difícil navegar dentro del periódico 12.5% La información no está organizada en las secciones que esperaba 12.5% Hay pocos elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 25% Hay mucha publicidad 37.5% Los contenidos son muy densos y difíciles de entender 50% Es difícil contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 0% Percepción La Prensa 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0%
  • 142. ¿Qué es lo que más le gusto del periódico? La apariencia visual (colores, tamaño y tipo de letra, imágenes, etc.) 16.7 Es fácil encontrar información 0% Se puede navegar fácilmente dentro del periódico 16.7% La información está bien organizada en secciones 25% Que tiene elementos interactivos (videos, noticias en audio, foros de discusión, chats, blogs, etc.) 41.7% Hay publicidad interesante 25% Los contenidos son entendibles y fáciles de Comprender 16.7% Puedo contactar al personal del periódico para quejas, sugerencias y comentarios sobre alguna noticia 66.7% Percepción 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 80.0% 90.0% 100.0% El Universal
  • 143. PRUEBAS AUTOMATIZADAS
  • 144. ¿Cómo lo hicimos?  Actividades previas  Actividades durante  Actividades posteriores Pruebas automatizadas
  • 145. Pruebas automatizadas Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 146.  Preparación de laboratorio para pruebas  Adaptación de tareas  Reclutamiento de usuarios Actividades Previas
  • 147. Pruebas automatizadas Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 148. Actividades durante  Eye Tracking – Tobii Eye Tracker T60
  • 149. Pruebas automatizadas Diagnóstico y análisis de Usabilidad Pruebas con expertos Pruebas con usuarios Pruebas automatizadas Diseño visual Navegación Diseño de Interacción Accesibilidad Estándares Web E-marketing Actividades previas Actividades durante Actividades posteriores Actividades previas Actividades durante Actividades posteriores
  • 150. Actividades Posteriores • Mapas de calor (Heatmaps)
  • 151. • Secuencia de fijación (Gazeplots) Actividades Posteriores
  • 152. PRUEBAS AUTOMATIZADAS -Resultados
  • 153. Elementos más vistos
  • 154. Elementos más vistos
  • 155. Secuencias de fijación
  • 156. Secuencia de fijación
  • 157. Costos y Beneficios del proyecto
  • 158. Beneficios del proyecto  El presente estudio incrementará la oferta de un Centro de Usabilidad en la Universidad de Monterrey.  Ganancias para los clientes del proyecto con la comercialización del estudio  Concientizar a los periódicos mexicanos sobre la experiencia que brindan a sus usuarios.
  • 159.  Promover en México la usabilidad y cuestiones relacionadas.  Brindar una experiencia positiva hacia los usuarios de periódicos en línea mexicanos. Beneficios del proyecto
  • 160. Costos y Beneficios del proyecto Costos Beneficios Website del estudio $25,000 Venta de estudio completo $ 65,000 Impresión del estudio $3,000 Venta por periódico $10,000 Fuente: Dirección de posgrado UDEM Lanzamiento: Octubre 2009
  • 161. Conclusiones
  • 162. Conclusiones  De los ocho periódicos seis mostraron problemas de alineación y organización visual:  No hay retícula  Estos problemas fueron detectados en pruebas con expertos y se corroboró en las pruebas con usuarios  La falta de alineación y organización visual hace más complicado para el usuario encontrar información dentro de la página.
  • 163. Conclusiones  Los ocho periódicos presentan errores en cuanto a consistencia de los elementos visuales, lo cual provoca que el usuario tenga que preocuparse por aprender diferentes significados de palabras, situaciones o acciones, haciendo más compleja la navegación.
  • 164. Conclusiones  En siete de los ocho periódicos, no se encontraron problemas en cuanto a la jerarquía de los elementos visuales y en los ocho siempre se destaca cual es la noticia principal. De lo cual, se puede concluir que los principales periódicos en línea mexicanos utilizan correctamente la jerarquía tanto de información como de elementos Web. Lo cual permite al usuario identificar clara y fácilmente que elementos son los más importantes, priorizando el contenido de su información.
  • 165. Conclusiones  En los ocho periódicos se encontraron problemas moderados y graves relacionados con el uso del color. El uso del color puede tener impacto en varios aspectos, sin embargo, se encontró que el hacer cambios drásticos en los colores de las diferentes secciones, suele ser el más relevante, ya que se pierde la identidad visual y se hace pensar al usuario que ha abandonado el sitio.
  • 166. Conclusiones  En las pruebas con usuarios había una tarea directamente enfocada a evaluar el uso del buscador interno. Milenio y La Prensa fueron los periódicos con mayor porcentaje de éxitos (ambos 100%) en dicha tarea, así mismo obtuvieron la mejor calificación en las pruebas con expertos respecto a los demás periódicos (ambos calificación 1). Por lo cual, se puede concluir que en cuanto a prevención de errores, evidencia de donde se realizó la búsqueda y cantidad de resultados, los periódicos con el mejor buscador interno son Milenio y La Prensa.
  • 167. Conclusiones  Los ocho periódicos cuentan con problemas de navegación dentro del sitio, ya sean problemas graves, problemas moderados o áreas de oportunidad, con lo cual se complica al usuario llegar a determinada información.
  • 168. Conclusiones  De los ocho periódicos, siete no cumplen con las pautas de accesibilidad al contenido (WCAG 1.0), de lo cual se concluye que los periódicos en línea mexicanos no son accesibles, discriminando así a un segmento de la población.
  • 169. Conclusiones  Seis de los ocho periódicos presentaron problemas de prevención y manejo de errores, incluyendo problemas graves, problemas moderados y áreas de oportunidad. Al no prevenir y manejar adecuadamente los errores, se facilita el cometer errores y no poder hacer nada al respecto cuando ocurre uno, y por ende se brinda una mala experiencia.
  • 170. Conclusiones  Se puede generalizar que los periódicos en línea mexicanos no tienen portabilidad en cuanto a dispositivos móviles, ya que seis de los ocho periódicos no cuentan con una versión móvil.  Los ocho periódicos exceden el estándar de 20 segundos para descargar la página principal de un sitio Web, por lo cual se puede concluir que se está discriminando a las personas que utilizan las 392,000 cuentas dial-up (56 K) que existen en México.
  • 171. Conclusiones  En las pruebas con expertos el periódico mejor evaluado en la sección de posicionamiento en buscadores fue El Universal, así mismo en las pruebas con usuarios se obtuvieron resultados que corroboran que es el periódico en línea con mejor posicionamiento en buscadores. Se concluye que el sitio con el mejor posicionamiento en buscadores es El Universal.
  • 172. Conclusiones  De acuerdo al análisis con eye tracking, las secuencias de fijación (gaze plots) muestran que los usuarios ven la publicidad en algunas tareas de manera esporádica, sin embargo, los heat maps muestran que la publicidad no se encuentra entre los elementos más vistos en la página principal en ninguno de los ocho periódicos, es decir, la publicidad es vista, pero en menor tiempo respecto a los demás elementos de la página, por lo cual se concluye que el usuario realmente está prestando más atención al contenido que forma parte del periódico en línea, como noticias, fotos, buscador, entre otros.
  • 173. Conclusiones  En las pruebas con usuarios se determinó que los usuarios se sienten familiarizados con la sección de contacto en la parte superior de la página. Así mismo, en las pruebas automatizadas se corroboro dicha conclusión, ya que en siete de los ocho periódicos los usuarios vieron más en la parte superior al buscar una forma de contactar al personal, a pesar de que en algunos sitios evaluados se encontraba en la parte inferior o en ambas partes.
  • 174. Conclusión General  En los ocho periódicos se encontraron problemas en varios de los aspectos evaluados. Las pruebas con expertos, las pruebas con usuarios y las pruebas automatizadas respaldan que en los principales periódicos en línea mexicanos existen factores que pueden ocasionar una mala experiencia del usuario.
  • 175. Dificultades encontradas
  • 176. Dificultades encontradas  Dependencia de personas ajenas al proyecto.  Aprender habilidades de otras disciplinas, (diseño grafico, comunicación, psicología, etc. ) y aplicarlo al ambiente Web.  La Influenza  Disponibilidad del equipo de pruebas  Reducción del tiempo del proyecto
  • 177.  ¡Gracias!