Estrés Digital y Experiencia de Interacción: Análisis Comparativo de una Interfaz Basada en Scroll y una Interfaz Optimizada Mediante Principios UI/UX
| dc.contributor.advisor | Cabra Sánchez, Juan Enrique | |
| dc.contributor.advisor | Acuña Najar, José Alejandro | |
| dc.contributor.author | Mateus Cabra, Miguel Angel | |
| dc.contributor.corporatename | Universidad Santo Tomás | |
| dc.contributor.cvlac | https://scienti.minciencias.gov.co/cvlac/visualizador/generarCurriculoCv.do?cod_rh=0002170112 | |
| dc.date.accessioned | 2026-07-13T05:40:28Z | |
| dc.date.available | 2026-07-13T05:40:28Z | |
| dc.date.issued | 2026-07-09 | |
| dc.description | La presente investigación analiza la influencia de diferentes estrategias de diseño de interfaz web sobre la experiencia de interacción y los factores asociados al estrés digital, a partir de un estudio comparativo realizado en la Universidad Santo Tomás Seccional Tunja. Para ello se diseñaron dos prototipos de interfaz web informativa: una versión funcional basada en scroll continuo y una versión optimizada mediante principios de diseño UI/UX con interactividad progresiva, la investigación se desarrolló desde un enfoque mixto, de alcance descriptivo y comparativo, fundamentado en un diseño cuasi-experimental, en el que los mismos participantes interactuaron con ambas interfaces, las cuales fueron evaluadas mediante encuestas, observación participante y pruebas de usabilidad con escala Likert. Los resultados evidenciaron una mejora en las dimensiones de claridad visual y navegación y control para la interfaz optimizada, favoreciendo la comprensión de la información y la orientación dentro de la interfaz, sin embargo, las diferencias observadas en las dimensiones de carga cognitiva, frustración y estrés digital percibido fueron menos favorables, lo que sugiere que la incorporación de principios UI/UX mejoró aspectos relacionados con la organización visual y la navegación, pero no produjo una disminución proporcional en la percepción de esfuerzo mental o frustración experimentada por los participantes. En consecuencia, se concluye que las decisiones de diseño UI/UX influyen directamente en la experiencia de interacción y constituyen un factor relevante en la reducción o intensificación de factores asociados al estrés digital, aportando evidencia sobre la importancia del diseño centrado en el usuario para promover el bienestar digital en el desarrollo de interfaces web. | |
| dc.description.abstract | This research analyzes the influence of different web interface design strategies on interaction experience and factors associated with digital stress, based on a comparative study conducted at the Santo Tomás University, Tunja campus. Two prototypes of informational web interfaces were designed: a functional version based on continuous scrolling and a version optimized using UI/UX design principles with progressive interactivity. The research employed a mixed-methods approach, with a descriptive and comparative scope, grounded in a quasi-experimental design. Participants interacted with both interfaces, which were then evaluated through surveys, participant observation, and usability tests using a Likert scale. The results showed an improvement in the dimensions of visual clarity and navigation and control for the optimized interface, facilitating information comprehension and orientation within the interface. However, the differences observed in the dimensions of cognitive load, frustration, and perceived digital stress were less favorable, suggesting that the incorporation of UI/UX principles improved aspects related to visual organization and navigation, but did not produce a proportional decrease in the perceived mental effort or frustration experienced by the participants. Consequently, it is concluded that UI/UX design decisions directly influence the interaction experience and constitute a relevant factor in reducing or intensifying factors associated with digital stress, providing evidence on the importance of user-centered design for promoting digital well-being in web interface development. | |
| dc.description.degreelevel | Pregrado | spa |
| dc.description.degreename | Diseñador de Interacción | spa |
| dc.description.domain | http://www.ustatunja.edu.co/investigacion | |
| dc.format.mimetype | application/pdf | |
| dc.identifier.citation | Mateus Cabra, M. A. (2026). Estrés digital y experiencia de interacción: análisis comparativo de una interfaz basada en scroll y una interfaz optimizada mediante principios UI/UX [Trabajo de Grado, Universidad Santo Tomás].Repositorio Institucional | |
| dc.identifier.instname | instname:Universidad Santo Tomás | spa |
| dc.identifier.reponame | reponame:Repositorio Institucional Universidad Santo Tomás | spa |
| dc.identifier.repourl | repourl:https://repository.usta.edu.co | spa |
| dc.identifier.uri | http://hdl.handle.net/11634/73127 | |
| dc.language.iso | spa | |
| dc.publisher | Universidad Santo Tomás | spa |
| dc.publisher.branch | CRAI-USTA Tunja | |
| dc.publisher.faculty | Facultad de Diseño de Interacción | spa |
| dc.publisher.program | Pregrado Diseño de Interacción | spa |
| dc.relation.references | Aguayo. (s.f.). UX y neurociencia: Cómo nuestro cerebro influye en la interacción digital. https://aguayo.co/es/blog-aguayo-experiencia-usuario/ux-y-neurociencia/ American Psychological Association. (2010.). Tipos de estrés. | |
| dc.relation.references | American Psychological Association. (2010.). Tipos de estrés. https://www.apa.org/topics/stress/tipos | |
| dc.relation.references | American Psychological Association. (2013.). Comprendiendo el estrés crónico. Recuperado de https://www.apa.org/topics/stress/estres-cronico | |
| dc.relation.references | American Psychological Association. (2024, octubre). Stress in America™: A nation in political turmoil. https://www.apa.org/news/press/releases/stress | |
| dc.relation.references | AppMaster. (2026). Jerarquía visual. https://appmaster.io/es/glossary/jerarquia visual | |
| dc.relation.references | Armendariz Onofre, L. de los A., & Calle Borbor, A. C. (2021). Diseño de la interfaz gráfica de una aplicación móvil de ayuda en casos de emergencias causadas por la ansiedad para los estudiantes de la Facultad de Arte, Diseño y Comunicación Audiovisual [Tesis de grado, Escuela Superior Politécnica del Litoral]. DSpace en ESPOL. https://www.dspace.espol.edu.ec/handle/123456789/56280 | |
| dc.relation.references | Atlassian. (s.f.). Trello. https://trello.com/ | |
| dc.relation.references | Buitrago-Orjuela LA, Barrera-Verdugo MA, Plazas-Serrano LY, Chaparro-Penagos C. (2021). Estrés laboral: una revisión de las principales causas, consecuencias y estrategias de prevención. Revista Investigación en Salud Universidad de Boyacá, 8(2), 131–146. https://revistasdigitales.uniboyaca.edu.co/index.php/rs/article/view/553 | |
| dc.relation.references | Calm Technology Institute. (s.f.). Calm tech principles. https://www.calmtech.institute/calm-tech-principles | |
| dc.relation.references | Carrión Martínez, P. S., & Parra Granda, M. P. (2024). Diseño Gráfico aplicado a la experiencia de usuario en el recorrido de museos. Caso: Museo de las Conceptas [Trabajo de grado, Universidad del Azuay, DSpace]. Universidad del Azuay. http://dspace.uazuay.edu.ec/handle/datos/14506 | |
| dc.relation.references | Departamento Administrativo Nacional de Estadística [DANE]. (2021). Salud mental en Colombia: Un análisis de los efectos de la pandemia. https://www.dane.gov.co/files/investigaciones/notas-estadisticas/ago-2021-nota-estadistica salud-mental-en-colombia-analisis-efectos-pandemia.pdf | |
| dc.relation.references | Digitalvar. (2024). 10 principios de Nielsen: usabilidad web. https://digitalvar.es/articulos-diseno-web/10-principios-de-nielsen/ | |
| dc.relation.references | Deng, Z., Chen, Y., Yu, Q., Xu, Z., & Ye, X. (2023). An experimental study on web interface design optimization based on user cognitive load with the Design Intelligence Center (DIC) website as an example. En L. C. Jain et al. (Eds.), Design Studies and Intelligence Engineering (pp. 506–517). IOS Press. https://doi.org/10.3233/FAIA220744 | |
| dc.relation.references | E.S.E. Santiago de Tunja. (2025, octubre 23). Se lanza programa de salud mental. E.S.E. Santiago de Tunja. https://esesantiagodetunja.gov.co/noticias/se-lanza programa-de-salud-mental/ | |
| dc.relation.references | ESDIMA. (2023). Principios de experiencia de usuario (UX). https://esdima.com/principios-de-experiencia-de-usuario-ux/ | |
| dc.relation.references | EspacioUX. (s.f.-a). Qué es y cómo usar la tipografía en el diseño de interfaces. https://www.espacioux.com/blog/tipografia-diseno-de-interfaces | |
| dc.relation.references | EspacioUX. (s.f.-b). Uso del color en interfaces UX/UI. https://www.espacioux.com/blog/uso-del-color-en-interfaces-ux-ui | |
| dc.relation.references | Ferrer Mavárez, M. de los Á., Aguirre Villalobos, E. R., & Méndez Sánchez, R. E. (2020). UX: Una metodología de diseño eficiente. Designar. | |
| dc.relation.references | Fu, X., & Jung, E. (2024). A Study on UI Design Analysis From the Perspective of Cognitive Psychology for Improving Usability of Airline Service Apps. Psychology Research, 14(12), 345–358. https://doi.org/10.17265/2159-5542/2024.12.002 | |
| dc.relation.references | Fundora Iglesias, M., & Fernández Sánchez, E. (2023). La legibilidad y lecturabilidad de los textos impresos: consideraciones desde la tipografía. Cuaderno del Centro de Estudios en Diseño y Comunicación, 184, 115–132. https://dialnet.unirioja.es/descarga/articulo/8923956.pdf | |
| dc.relation.references | Giray, L., Nemeño, J., Braganaza, J., Lucero, S. M., & Bacarra, R. (2024). A survey on digital device engagement, digital stress, and coping strategies among college students in the Philippines. International Journal of Adolescence and Youth, 29(1), Article 2371413. https://doi.org/10.1080/02673843.2024.2371413 | |
| dc.relation.references | Headspace. (s.f.). Headspace: Meditation and mindfulness made simple. https://www.headspace.com/ | |
| dc.relation.references | Hispanoamericanos De Psicología, 22(2), 1–9. https://doi.org/10.18270/chps.v22i2.4415 | |
| dc.relation.references | Hollender, N., Hofmann, C., Deneke, M., & Schmitz, B. (2010). Integrating cognitive load theory and concepts of human–computer interaction. Computers in Human Behavior, 26(6), 1278-1288. https://doi.org/10.1016/j.chb.2010.05.031 | |
| dc.relation.references | Huizen, J. (2021, 2 de agosto). La salud mental y el estigma en Latinoamérica. Medical News Today. https://www.medicalnewstoday.com/articles/es/salud-mental estigma-latinoamerica | |
| dc.relation.references | IDEO. (2020). Design Thinking. IDEO. https://designthinking.ideo.com/ | |
| dc.rights | Attribution-NonCommercial-NoDerivs 2.5 Colombia | en |
| dc.rights.accessrights | info:eu-repo/semantics/openAccess | spa |
| dc.rights.coar | http://purl.org/coar/access_right/c_abf2 | |
| dc.rights.local | Abierto (Texto Completo) | spa |
| dc.rights.uri | http://creativecommons.org/licenses/by-nc-nd/2.5/co/ | |
| dc.subject.keyword | digital technologies | |
| dc.subject.keyword | digital well-being | |
| dc.subject.keyword | interaction | |
| dc.subject.proposal | tecnologías digitales | |
| dc.subject.proposal | bienestar digital | |
| dc.subject.proposal | interacción | |
| dc.title | Estrés Digital y Experiencia de Interacción: Análisis Comparativo de una Interfaz Basada en Scroll y una Interfaz Optimizada Mediante Principios UI/UX | |
| dc.type | bachelor thesis | |
| dc.type.coar | http://purl.org/coar/resource_type/c_7a1f | |
| dc.type.coarversion | http://purl.org/coar/version/c_ab4af688f83e57aa | spa |
| dc.type.drive | info:eu-repo/semantics/bachelorThesis | spa |
| dc.type.local | Trabajo de grado | spa |
| dc.type.version | info:eu-repo/semantics/acceptedVersion | spa |
Archivos
Bloque original
1 - 3 de 3
Cargando...
- Nombre:
- Autorización facultad
- Tamaño:
- 292.56 KB
- Formato:
- Adobe Portable Document Format
Cargando...
- Nombre:
- Autorización estudiante
- Tamaño:
- 408.23 KB
- Formato:
- Adobe Portable Document Format
Bloque de licencias
1 - 1 de 1
Cargando...
- Nombre:
- license.txt
- Tamaño:
- 807 B
- Formato:
- Item-specific license agreed upon to submission
- Descripción:

