universidad mayor de san andres facultad de ciencias puras y naturales carrera de informÁtica tesis...

32
UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES VISUALMENTE ERGONÓMICOS POSTULANTE DENNYS WILLIAM VILLEGAS GUISBERT

Upload: ria-mariano

Post on 22-Jan-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

UNIVERSIDAD MAYOR DE SAN ANDRESFACULTAD DE CIENCIAS PURAS Y NATURALES

CARRERA DE INFORMÁTICA

TESIS DE GRADO

ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS

DIGITALES VISUALMENTE ERGONÓMICOS

POSTULANTE

DENNYS WILLIAM VILLEGAS GUISBERT

Page 2: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Los ojos

El ojo es un órgano fundamental del cuerpo humano

Una buena visión es fundamental para una correcta realización de las actividades

Page 3: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Uso prolongadoEl Dr. Kent Daum,

optómetra de la Escuela

de Optometría de la

Universidad de

Alabama, señala que la

fatiga ocular es el

problema común en

adultos que pasan

cuatro o más horas por

día frente al monitor del

ordenador e incluso

períodos breves de 25

minutos frente al

monitor del ordenador

pueden provocar

malestar en la vista

Page 4: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

ProblemaMuchas personas que usan

ordenadores se quejan de

cansancio, dolor, ardor,

comezón,

sequedad y/o lagrimeo en

los ojos, también de dolores

de cabeza, visión doble y

fijación de imágenes,

fotofobia (sensibilidad a la

luz), excesivo parpadeo

como consecuencia de

trabajar frente al monitor

del ordenador.

Page 5: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

ALTERACIONES VISUALES

FATIGA VISUAL

Los síntomas de la fatiga visual se dan a tres niveles:

• Molestias oculares

• Trastornos visuales

• Trastornos extra oculares

Page 6: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Molestias OcularesSensación de “sentir los ojos”

Tensión ocular

Pesadez palpebral

Pesadez de ojos

Picores

Quemazón

Necesidad de frotarse los ojos

Somnolencia

Lagrimeo, ojos llorosos

Escozor ocular

Aumento del parpadeo

Ojos secos, pudiendo producirse blefaritis

Enrojecimiento de la conjuntiva, primero tarsal y después

bulbar

Page 7: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Trastornos visuales:

• Fotofobia

• Borrosidad de los caracteres que

se tienen que percibir en la pantalla

• Dificultad para enfocar los objetos

• Imágenes desenfocadas o dobles.

• Astenopia acomodativa y Astenopia de

convergencia. Ocurre cuando los ojos tienen que

adaptar continuamente su enfoque

Page 8: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

¿Qué es ergonomía?

✓ ✗

Page 9: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Hardware

En el año 1995 más de 15

millones de empleados

buscaron tratamiento

optométrico por problemas

en la vista relacionados

con el uso de los

ordenadores

[VisionDat,1995]

Page 10: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Planteamiento del problema

• De las estadísticas consideradas de la fatiga

visual que deriva en el síndrome del ordenador,

se establece la necesidad de buscar

alternativas de solución que contribuyen a la

ergonomía visual en el área del software

reduciendo los síntomas visuales ocasionados

por la lectura de artículos digitales visualmente

no ergonómicos.

Page 11: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

ELECCIÓN DE TIPOGRAFÍA

SERIF (con remate )Times New Roman

SANS SERIF (Sin remate)Calibri

a a

Page 12: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

ELECCIÓN DEL COLOR DE PÁGINA

RGB(255,255,255) RGB(246,245,223)

a

Page 13: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Opciones presentadas en la evaluación

Page 14: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Durante la prueba

Page 15: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Hipótesis

• El uso de las estrategias planteadas para el

diseño de artículos digitales visualmente

ergonómicos conducirá a la elaboración de

artículos cuya lectura requiera menor esfuerzo

visual por los usuarios reduciendo los síntomas

que presenten en la prueba: ardor, resequedad,

dificultad de enfoque, visión borrosa, visión

doble y lagrimeo .

Page 16: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Problema Principal

• Aplicación de la ergonomía en el

diseño de artículos digitales

Page 17: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Objetivo central

• Plantear estrategias para el diseño

de artículos digitales que sean

visualmente ergonómicos.

Page 18: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

OBJETIVOS ESPECÍFICOS

• Investigar trabajos relacionados con la salud

visual

• Plantear estrategias para el diseño de artículos

digitales ergonómicos.

• Desarrollar una plantilla que contenga las

estrategias planteadas para el diseño de artículos

digitales ergonómicos.

• Probar las estrategias planteadas.

Page 19: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

PORCENTAJE DE HOMBRES QUE ELIGIERON LOS FORMATOS A, B, C Y D

ANTES DE LA LECTURA DE LOS ARTÍCULOS DIGITALES

A33%

B44%

C22%

MUJERES

A26%

B29%C

29%

D17%

HOMBRES

Page 20: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Varones

Trastornos extra oculares: Trastornos visuales: Molestias oculares:

26%

11% 11%

20%

13%

8%

20%

23%

13%

0%

29%

21%

Formatos A, B, C y D respectivamente

Page 21: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

Mujeres

Trastornos extra oculares: Trastornos visuales: Molestias oculares:

44%

8%

17%

8%

19%

0%

17%

0%

13%

Formatos A, B y C respectivamente

Page 22: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

CONTRASTACIÓN FORMATO PROPUESTO VS FORMATO ACMv3

visión

bor

rosa

sens

ibili

dad

a la

luz

ojos

llor

osos

pica

zón

o ar

dor e

n lo

s ojo

s

ojos

cans

ados

ojos

seco

s

prob

lem

as e

n el

cam

bio

de fo

co

visión

de

franj

as

0%

5%

10%

15%

20%

25%

30%

35%

40%

45%

50%

BD

Page 23: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

CUADRO DE CONTRASTACIÓN FORMATOS B VS D EN BARRAS

visión borrosa

sensibilidad a la luz

ojos llorosos

picazón o ardor en los ojos

ojos cansados

ojos secos

problemas en el cambio de foco

visión de franjas

40%

100%

70%

40%

100%

40%

-20%

60%

VARONES

REDUCCIÓN DE LOS SÍNTOMAS VISUALES DEL FORMATOS B RESPECTO D (ACMV3)

Page 24: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

PORCENTAJE DE HOMBRES QUE ELIGIERON LOS FORMATOS A, B, C Y D ANTES DE LA LECTURA DE LOS ARTÍCULOS DIGITALES

A26%

B29%

C29%

D17%

Varones

A33%

B44%

C22%

Mujeres

PORCENTAJE DE MUJERES QUE ELIGIERON LOS FORMATOS A, B, C Y D POSTERIOR A LA LECTURA DE LOS ARTÍCULOS

DIGITALES

A31%

B34%

C14%

D20%

Varones

A22%

B56%

C22%

Mujeres

Page 25: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

CONCLUSIONES

Page 26: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

• Existe una disminución importante de síntomas

visuales en los estudiantes que eligieron el formato

propuesto B

• De los síntomas visuales que produce la lectura de

artículos digitales con el formato B, el único síntoma

visual que incrementa es el del cambio de foco

registrándose un aumento en 20%, el resto de

síntomas visuales disminuye respecto a los síntomas

que produce el formato original ACMv3.DECREMENTO DE SÍNTOMAS VISUALES CON EL USO DEL FORMATO B visión

borrosa

sensibilidad a la luz

ojos llorosos

picazón o ardor en los ojos

ojos cansados

ojos secos

problemas en el

cambio de foco

visión de franjas

-40% -100% -70% -40% -100% -40% 20% -60%

Page 27: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

• Los estudiantes que realizaron la lectura del artículo digital con el

formato propuesto B presentaron menor incremento de síntomas

visuales, estableciéndose que los estudiantes realizaron menor

esfuerzo visual, hecho que sustenta la hipótesis planteada.

• De las encuestas realizadas a los estudiantes se establece la

preferencia por el formato de artículos digitales B en ambos

sexos y rechazo absoluto al formato original ACMv3 por las

mujeres.

• De los resultados obtenidos de las encuestas y tests, la lectura

de los artículos digitales con el formato planteado B redujo el

esfuerzo visual en relación a la lectura de los artículos digitales

con formato ACMv3 de la ACM, por lo que se concluye que las

estrategias planteadas para la elaboración de artículos digitales

conducen a la elaboración de artículos digitales visualmente

ergonómicos.

Page 28: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

ESTADO DE LA HIPÓTESIS• El uso de las estrategias planteadas

para el diseño de artículos digitales

visualmente ergonómicos conducirá

a la elaboración de artículos cuya

lectura requiera un menor esfuerzo

visual por parte de los usuarios y

reducirá los síntomas que estos

presenten.

Page 29: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

CUMPLIMIENTO DE OBJETIVOSObjetivo principal

• Plantear estrategias para el diseño de artículos digitales

ergonómicos.

Objetivos específicos

• Investigar trabajos relacionados con la salud visual

• Plantear estrategias para el diseño de artículos digitales

ergonómicos.

• Desarrollar una plantilla que contenga las estrategias planteadas

para el diseño de artículos digitales ergonómicos

www.4shared.com/file/D57PFSfW/formato_de_presentacin_de_artc.html

• Probar las estrategias planteadas.

Page 30: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

RECOMENDACIONES

Page 31: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

De los resultados obtenidos se hacen las siguientes recomendaciones:• Se recomienda el uso de la tipografía sin remate (Sans Serif)

Calibri incluyendo color de página RGB (246, 245, 223) en el

formato de los artículos digitales, por la tendencia a la

lectura de artículos no impresos.

• Se recomienda el uso de la plantilla elaborada en la

redacción de artículos digitales que sean visualmente

ergonómicos.

• Se recomienda la difusión del conocimiento de ergonomía

visual en la población, primordialmente en los centros de

educación superior.

Page 32: UNIVERSIDAD MAYOR DE SAN ANDRES FACULTAD DE CIENCIAS PURAS Y NATURALES CARRERA DE INFORMÁTICA TESIS DE GRADO ESTRATEGIAS PARA EL DISEÑO DE ARTÍCULOS DIGITALES

¡ Gracias !