UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la...

22
UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ INSTITUTO DE ARQUITECTURA, DISEÑO Y ARTE DEPARTAMENTO DE DISEÑO LA PERCEPCIÓN DE JÓVENES UNIVERSITARIOS CON CONOCIMIENTOS DE USABILIDAD WEB SOBRE PORTALES DE NOTICIAS LOCALES EN CIUDAD JUÁREZ (MÉXICO)” Mtra. Betsy Vianney Arce Ponce Dra. Gloria Olivia Rodríguez Garay Ciudad Juárez, Chih. México. Abril, 2020 SIMPOSIO 25 Comunicación, educación y juventud: nuevas formas de aprender y enseñar en la era digital

Transcript of UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la...

Page 1: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ

INSTITUTO DE ARQUITECTURA, DISEÑO Y ARTE

DEPARTAMENTO DE DISEÑO

LA PERCEPCIÓN DE JÓVENES UNIVERSITARIOS CON

CONOCIMIENTOS DE USABILIDAD WEB SOBRE PORTALES DE

NOTICIAS LOCALES EN CIUDAD JUÁREZ (MÉXICO)”

Mtra. Betsy Vianney Arce PonceDra. Gloria Olivia Rodríguez Garay

Ciudad Juárez, Chih. México. Abril, 2020

“SIMPOSIO 25

Comunicación, educación y juventud: nuevas formas de aprender y enseñar en la era digital

Page 2: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

La tecnología transforma nuestra cotidianidad en el

ciberespacio, ese entorno intangible y ubicuo en

el que nos movemos.

Page 3: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Para comprender dichas transformaciones, sus nuevas prácticas y crear nuevos significados, han surgido neologismos:

•Netnografía (Kosinets, 1998)

•Etnografía online (Markham, 2005)

•Etnografía virtual (Hine, 2004)

•Webnography (Puri, 2009)

•Ciber-antropología (Vázquez, 2012)

Page 4: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

En las áreas computacionales, las Interfaces Gráficas de Usuario (GUI) han sido sometidas a una constante

evaluación a través de la usabilidad y el estudio de la

experiencia de usuario

El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan y Ortega (2009)

Imagen de: es.semrush.com

Page 5: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Objetivos

• Detectar patrones de inconsistencia y deficiencias en temas de usabilidad

web de dos portales de noticias locales

• Conocer tendencias de hábitos de consumo de noticias en dichos jóvenes

• Sistema de Evaluación de la Usabilidad Web Orientado al Usuario y basado en la Determinación de Tareas Críticas SIRUIS (Suárez-Torrente, 2011)(…) éste establece una relación única de aspectos (heurísticas) y criterios (subHeurísticas) a aplicar durante el proceso de evaluación en dependencia del sitio Web evaluado, basado en la revisión de un conjunto de propuestas heurísticas y métricas desarrolladas por destacados autores: Nielsen, Constantine, Instone, Tognazzini, Olsina, Hassan y Fernández, Pierotti, entre otros. (Peruena y Moráguez, 2013)

1

2• Encuesta online titulada "Consumo de noticias en jóvenes

universitarios"• Survio / 15 preguntas

Page 6: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Los criterios de inclusión son:• Ser alumnos de la Universidad Autónoma de Ciudad Juárez, matriculados en las

licenciaturas Diseño gráfico y Diseño Digital de Medios Interactivos.

• Aula controlada con acceso a equipo de cómputo y conexión a Internet

• Haber cursado al menos una materia relacionada al tema de usabilidad

• Alumnos nivel básico / intermedio

Criterios de exclusión:• Alumnos sin acceso a una computadora. Ya que, por la naturaleza del mismo, el

evaluador debe estar interactuando con el sitio web para dar respuesta a cada

criterio en la evaluación.

Page 7: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Materias

Metodología del diseñoNarrativa y guionismo para

videojuego

Clave DIS140700 DIS987817

Nivel Principiante Intermedio

Semestre 3er 4to

Materia que antecede Introducción al diseño digital: Arquitectura Web

Multimedia y web

No. De evaluadores 21 21

Muestra

Page 8: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Materias

Diseño Digital II: UX Experiencia de usuario

Diseño Digital III: Interfaz dinámica

Clave DIS140700 DIS987817

Nivel Principiante Intermedio

Semestre 3er 4to

Materia que antecede Diseño Digital I: Usabilidad webDiseño Digital II: UX Experiencia de usuario

No. De evaluadores 17 17

Muestra

Page 9: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

SIRUIS

Análisis de la información

1.CRITERIOS DEL “HEURÍSTICO ASPECTOS GENERALES”

2. IDENTIDAD E INFORMACIÓN

3. ESTRUCTURA Y NAVEGACIÓN

4.ROTULADO

5. LAYOUT DE LA PÁGINA

6.CRITERIOS DE “ENTENDIBILIDAD” Y FACILIDAD EN LA

INTERACCIÓN

7.CONTROL Y RETROALIMENTACIÓN

8. ELEMENTOS MULTIMEDIA

9. ELEMENTOS BÚSQUEDA

10. AYUDA

Concretamente se revisan las tablas de “relevancia incumplimiento de criterios” Relevancia crítica (CR) y Relevancia mayor (MA)

Según el tipo de sitio –Comunicación/Noticias–

Page 10: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

SIRUIS

Análisis de la información

Concretamente se revisan las tablas de “relevancia incumplimiento de criterios” Relevancia crítica (CR) y Relevancia mayor (MA)

Según el tipo de sitio –Comunicación/Noticias–

• Crítica (CR): el problema identificado es severo. El usuario

no podrá completar la tarea y podría no desear seguir

utilizando el sitio Web.

• Mayor (MA): es posible que el usuario complete la tarea,

pero tendrá mucha dificultad, frustración o incluso tendrá que

ejecutar muchos pasos innecesarios. Podrá superarlo después

de que se le haya mostrado cómo hacerlo.

• Media (ME)

• Moderada (MO)

Page 11: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Tablas de Relevancia del incumplimiento de los criterios

Fuente: Captura de pantalla de Tabla de relevancia de incumplimiento de los criterios “aspectos generales” en “la Nueva

versión de la excel para la evaluación de la usabilidad web según la metodología Sirius”. (Carreras, 2011)

Análisis de la información

Carreras, M. (2011). SIRUIS. Nuevo sistema para la evaluación de la usabilidad web. Recuperado de: https://olgacarreras.blogspot.com

Page 12: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

RESULTADOS

Page 13: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Resultados

• 71% Redes Sociales16% tráfico directo / 12% búsquedas orgánicas / 1% tráfico referido

• Analizan, en conjunto con la jefa de información, el webmaster y la editora web, datos de redes sociales y Google Analytics y con ello conocen el comportamiento de sus usuarios.

• La duración media de la visita es de 1.5 min.

• “Hemos comprobado con algunas herramientas que si el artículo es largo a veces no terminan de leerlo y en cambio, si es poco el texto y el contenido es más visual, atraemos a más gente” (Comunicación personal, Gonzalez, 2020)

Entrevista al Director Operativo de Net Noticias

Page 14: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Resultados

Periódico

Revistas

Sitios Web

Televisión

Redes Sociales

6. Tipo de medio que utilizas para informarte

Page 15: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Resultados

• Lees sólo el encabezado

• Lees el encabezado y el párrafo que aparece visible

• Lees encabezado, párrafo visible y todo el contenido

• Lees todo el contenido y además verificas la información en otros medios

10 ¿Cuál es tu comportamiento al ver noticias que circulan en redes sociales?

Page 16: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

PERFIL DEUSUARIO

Hombre19 años

Se conecta desde un smartphone.

Pasa más de 5 horas en Internet. Se conecta mayormente porla tarde.

&ঞѴb�-�u;7;v�vo1b-Ѵ;v parabm=oul-uv;ĺ�Facebook�vb;m7oѴ-�t�;�lv�=u;1�;m|-ĺ

�ov�rubm1br-Ѵ;v�|;l-v�t�;�1omv�Ѵ|-son: Memes Ŏv_b|rovࢼm]ŏ, tecnología, -u|;���lিvb1-ĺ

Page 17: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

PERFIL DEUSUARIO

Leen el encabezado y elpárrafo que aparece visible.

La principal fuente de información que consultan en redes sociales son los enlaces a páginas de periódico.

Pocas veces �;ubC1-�Ѵ-�bm=oul-1bॕm�que consume en redes sociales, en otros medios.

�-v�moঞ1b-v�t�;�1bu1�Ѵ-m�;m�u;7;v�sociales son poco creíbles.

�Ѵ�b-ubo����;|��oঞ1b-v�son las r]bm-v�bm=oul-ঞ�-v�7;�moঞ1b-v�locales que mayormente circulan en su ࢼl;Ѳbm;ĸ

A

Page 18: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Conclusiones

• En los hábitos de consumo de noticias, entre los jóvenes, se limitan a leer solamente el encabezado y el párrafo visible, y sólo el 20% da clic en la nota para leer todo el contenido.

• Si bien, la pirámide invertida es un método que ofrece una estructura clara y concisa y, por supuesto, ayuda al lector a seleccionar los datos más importantes de cada información. Sin embargo se hace hincapié en la búsqueda de acciones que estimulen al usuario…

• Cuestionarnos ¿qué otro tipo de elementos, de preguntas o tareas pueden implementarse para estimular la interacción con el usuario y de esta manera incentivar la visita a nuestro portal?

Page 19: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Conclusiones

• Consideran que ambas páginas web presentan objetivos concretos, definidos y emplean un lenguaje claro y conciso. Sin embargo, hacen hincapié en realizar mejoras al layout, ya que no se establece un uso adecuado del espacio visual, ni se aprovechan zonas de alta jerarquía informativa para contenidos de mayor relevancia.

Page 20: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Conclusiones

• Consideran que ambas páginas web presentan objetivos concretos, definidos y emplean un lenguaje claro y conciso. Sin embargo, hacen hincapié en realizar mejoras al layout, ya que no se establece un uso adecuado del espacio visual, ni se aprovechan zonas de alta jerarquía informativa para contenidos de mayor relevancia.

El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan y Ortega (2009)

Page 21: UNIVERSIDAD AUTÓNOMA DE CIUDAD JUÁREZ · El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan

Conclusiones

• Consideran que ambas páginas web presentan objetivos concretos, definidos y emplean un lenguaje claro y conciso. Sin embargo, hacen hincapié en realizar mejoras al layout, ya que no se establece un uso adecuado del espacio visual, ni se aprovechan zonas de alta jerarquía informativa para contenidos de mayor relevancia.

El aspecto gráfico o visual de la interfaz será la que, desde el primer momento de la interacción, condicione su usabilidad. Hassan y Ortega (2009)

Si un sitio web es fácil de usar, los usuarios alcanzan mejor los objetivos que busca el sitio web, además de permitir de forma eficaz e intuitiva su interacción.