SlideShare uma empresa Scribd logo
1 de 177
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
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
Presentación del proyecto
y área de oportunidad
Cliente
Á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
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
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?
Solución Propuesta
¿Dónde lo aplicamos?
Metodologías, técnicas y
herramientas utilizadas
 Web Usability
 Nielsen
Metodologías
¿Cómo lo hicimos?
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Pruebas con
expertos
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Pruebas con
usuarios
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking
Técnicas
¿Cómo lo hicimos?
 Heurísticas de Nielsen
 Paseo cognitivo
 Inspecciones de estándares
 Thinking aloud
 Encuestas
 Eye tracking Pruebas automatizadas
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Herramientas
¿Cómo lo hicimos?
 Validadores W3C
 Validador WAI: Accesibilidad
 Web Site Optimization
 Browsershots
 SurveyMonkey
 Tobii Eye Tracker
Objetivo general y objetivos
particulares
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.
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 Localizar los elementos más vistos dentro de la
página de inicio de cada periódico utilizando eye
tracking.
Objetivos particulares
PRUEBAS CON EXPERTOS
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
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
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
Pruebas con Expertos
¿Qué
evaluamos?
Accesibilidad
Pautas de Accesibilidad
WCAG 1.0
Portabilidad
Tiempo de descarga
Pruebas con Expertos
¿Qué
evaluamos?
Estándares Web
Validación de estructura
Validación de
presentación
Pruebas con Expertos
¿Qué evaluamos?
E-Marketing
Estándares IAB
Posicionamiento en
buscadores
PRUEBAS CON EXPERTOS
-Resultados
Benchmark
No se encontraron problemas
Área de oportunidad
Problema moderado
Problema grave
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
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
Prevención y manejo de errores
Manejo de Enlaces
Comunicación entre el usuario y el portal
Diseño de interacción
Benchmark
Prevención y manejo de errores
Manejo de Enlaces
Comunicación entre el usuario y el portal
Accesibilidad
Benchmark
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
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
Diseño visual
Alineación y organización visual de información
Diseño visual
Alineación y organización visual de información.
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
Navegación
Claridad del estado del usuario dentro del sitio
Navegación
Claridad del estado del usuario dentro del sitio
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
Diseño de Interacción
Comunicación entre el usuario y el portal
Diseño de interacción
Comunicación entre el usuario y el portal
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
Accesibilidad
Portabilidad
BlackBerry Pearl iPhone
Accesibilidad
BlackBerry Pearl iPhone
Portabilidad
Accesibilidad
Internet Explorer 7
Windows XP
Firefox 3.0
Linux Ubuntu
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
Estándares Web
Validación de presentación
Estándares Web
Validación de presentación
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
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
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
PRUEBAS CON USUARIOS
¿Cómo lo hicimos?
 Actividades previas
 Actividades durante
 Actividades posteriores
Pruebas con usuarios
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
 Preparación de laboratorio para pruebas
 Diseño de tareas
 Reclutamiento de usuarios
 Diseño de encuesta
Actividades previas
Diseño de tareas
• Tareas enfocadas a la percepción (resultados
cualitativos)
– Tarea 1 y 9
• Tareas cuantificables
– Tarea 2 a la 8
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.
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.
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.
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.
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.
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.
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.).
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.).
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.
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.
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.).
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.).
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).
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).
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.)
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.)
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.
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.
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
Actividades durante
 Medir tiempos de ejecución por tarea
 Thinking Aloud
 Encuesta Estaba buscando y
de repente me sacó
del periódico
Actividades durante
 Medir tiempos de ejecución por tarea
 Thinking Aloud
 Encuesta
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
Actividades posteriores
 Recolección y análisis de datos
 Análisis comparativo
PRUEBAS CON USUARIOS
-Resultados
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
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
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
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
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
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
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
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
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
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
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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%
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%
¿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
¿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
¿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
¿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%
¿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
¿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
¿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
¿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%
¿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%
¿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%
¿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%
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
¿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%
¿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%
¿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
PRUEBAS AUTOMATIZADAS
¿Cómo lo hicimos?
 Actividades previas
 Actividades durante
 Actividades posteriores
Pruebas automatizadas
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
 Preparación de laboratorio para pruebas
 Adaptación de tareas
 Reclutamiento de usuarios
Actividades Previas
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
Actividades durante
 Eye Tracking
– Tobii Eye Tracker T60
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
Actividades Posteriores
• Mapas de calor (Heatmaps)
• Secuencia de fijación (Gazeplots)
Actividades Posteriores
PRUEBAS AUTOMATIZADAS
-Resultados
Elementos más vistos
Elementos más vistos
Secuencias de fijación
Secuencia de fijación
Costos y Beneficios del
proyecto
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.
 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
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
Conclusiones
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Dificultades encontradas
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
 ¡Gracias!

Mais conteúdo relacionado

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

Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasBiblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasSocialBiblio
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Pruebas De Usabilidad
Pruebas De UsabilidadPruebas De Usabilidad
Pruebas De Usabilidadguest041f5db
 
Presentación SIMO Eye Tracking
Presentación SIMO Eye TrackingPresentación SIMO Eye Tracking
Presentación SIMO Eye TrackingRedbility
 
CUOMA.com | Presentación 2015
CUOMA.com | Presentación 2015 CUOMA.com | Presentación 2015
CUOMA.com | Presentación 2015 Adrian Ojeda
 
Analítica multicanal para marketing y negocio Digital
Analítica multicanal para marketing y negocio DigitalAnalítica multicanal para marketing y negocio Digital
Analítica multicanal para marketing y negocio DigitalIbermática.digital
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas webCesar Salazar
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.lorena_moreno
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.lorena_moreno
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.lorena_moreno
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1cepr08TAC
 
366822968 paso-5-examen-final
366822968 paso-5-examen-final366822968 paso-5-examen-final
366822968 paso-5-examen-finaldanny rios
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo WebCondo Consulting
 
Metodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoMetodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoCondo Consulting
 
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...
Métricas de usabilidad: entiende la experiencia de usuario en tu sitio web y ...VWO
 

Semelhante a Experiencia del usuario al utilizar los principales periódicos en línea mexicanos (20)

Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasBiblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Humming
HummingHumming
Humming
 
Pruebas De Usabilidad
Pruebas De UsabilidadPruebas De Usabilidad
Pruebas De Usabilidad
 
UX metodología y acciones
UX metodología y accionesUX metodología y acciones
UX metodología y acciones
 
Presentación SIMO Eye Tracking
Presentación SIMO Eye TrackingPresentación SIMO Eye Tracking
Presentación SIMO Eye Tracking
 
CUOMA.com | Presentación 2015
CUOMA.com | Presentación 2015 CUOMA.com | Presentación 2015
CUOMA.com | Presentación 2015
 
Analítica multicanal para marketing y negocio Digital
Analítica multicanal para marketing y negocio DigitalAnalítica multicanal para marketing y negocio Digital
Analítica multicanal para marketing y negocio Digital
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas web
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.
 
Heuristic evaluations.
Heuristic evaluations.Heuristic evaluations.
Heuristic evaluations.
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
 
Actividad 4 - Grupo 1
Actividad 4 - Grupo 1Actividad 4 - Grupo 1
Actividad 4 - Grupo 1
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 
366822968 paso-5-examen-final
366822968 paso-5-examen-final366822968 paso-5-examen-final
366822968 paso-5-examen-final
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo Web
 
Metodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web EfectivoMetodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web Efectivo
 
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 ...
 

Último

INFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdf
INFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdfINFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdf
INFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdfFlorMezones
 
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...collagedesign18
 
Cartilla coloreable de evangelismo - Versión Niñas (1).pdf
Cartilla coloreable de evangelismo - Versión Niñas (1).pdfCartilla coloreable de evangelismo - Versión Niñas (1).pdf
Cartilla coloreable de evangelismo - Versión Niñas (1).pdfelidisacosta1003
 
PORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdf
PORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdfPORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdf
PORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdfCristobalHeraud
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfYesiRoh
 
sesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesantesesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesanteDilmiaZorayaVasquezR
 
afiche energia solar Cristian Cortes Villalon.pptx
afiche energia solar Cristian Cortes Villalon.pptxafiche energia solar Cristian Cortes Villalon.pptx
afiche energia solar Cristian Cortes Villalon.pptxClaudiaVillalnOlivar
 
Bandera Diaguita emblema de la union.pptx
Bandera Diaguita emblema de la union.pptxBandera Diaguita emblema de la union.pptx
Bandera Diaguita emblema de la union.pptxDanielChoquis
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdfcpachecot
 
PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................RebecaVera12
 
abecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorearabecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorearNoemiCARABAJAL
 
PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024
PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024
PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024CristobalHeraud
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 20242024 GCA
 

Último (14)

INFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdf
INFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdfINFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdf
INFORME SOBRE EVALUACIÓN DIAGNÓSTICA MARZO 2024 TERCERO.pdf
 
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
Partes-de-la-noticia como aspecto de gran importancia en el Diseño Editorial ...
 
Cartilla coloreable de evangelismo - Versión Niñas (1).pdf
Cartilla coloreable de evangelismo - Versión Niñas (1).pdfCartilla coloreable de evangelismo - Versión Niñas (1).pdf
Cartilla coloreable de evangelismo - Versión Niñas (1).pdf
 
PORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdf
PORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdfPORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdf
PORTAFOLIO ACADÉMICO CRISTOBAL HERAUD -2024.pdf
 
Duvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdfDuvalin día del niño para negociosss.pdf
Duvalin día del niño para negociosss.pdf
 
sesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesantesesión 3 de abril.docx documento interesante
sesión 3 de abril.docx documento interesante
 
afiche energia solar Cristian Cortes Villalon.pptx
afiche energia solar Cristian Cortes Villalon.pptxafiche energia solar Cristian Cortes Villalon.pptx
afiche energia solar Cristian Cortes Villalon.pptx
 
Bandera Diaguita emblema de la union.pptx
Bandera Diaguita emblema de la union.pptxBandera Diaguita emblema de la union.pptx
Bandera Diaguita emblema de la union.pptx
 
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdftrabajo de Texto Escrito y Cómo Aplicarlas.pdf
trabajo de Texto Escrito y Cómo Aplicarlas.pdf
 
PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................PPT - EFECTO NETFLIX.pptx ..........................
PPT - EFECTO NETFLIX.pptx ..........................
 
abecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorearabecedario cursiva para imprimir y colorear
abecedario cursiva para imprimir y colorear
 
PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024
PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024
PORTAFOLIO DE ARQUITECTURA - CRISTOBAL HERAUD 2024
 
Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024Hitos de la Historia de la universidad de Cartagena 2024
Hitos de la Historia de la universidad de Cartagena 2024
 

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

  • 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
  • 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?
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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.
  • 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

Notas do Editor

  1. Mencionar lineamientos de multimedialidad, hiertextualidad y interactividad, entre otros. Checar capitulo 3
  2. Explicar porque esos ? Google rank, Alexa
  3. 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 .
  4. 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 .
  5. 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 .
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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.
  11. 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.
  12. 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.
  13. 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.
  14. 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.
  15. 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.
  16. 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.
  17. 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
  18. El anuncio cumple con los estándares de tamaño y peso, pero no el estándar de tiempo
  19. En previas , lo de preparación de laborotorio de pruebas, diseño de pruebas, reclutamiento de usarios…platicadito rápido.
  20. 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
  21. 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.
  22. 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.
  23. 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 .
  24. 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.
  25. Mencionar que las ganancias no solo son monetarias, ya que con éste tipo de estudios también se gana prestigio