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.advisorCabra Sánchez, Juan Enrique
dc.contributor.advisorAcuña Najar, José Alejandro
dc.contributor.authorMateus Cabra, Miguel Angel
dc.contributor.corporatenameUniversidad Santo Tomás
dc.contributor.cvlachttps://scienti.minciencias.gov.co/cvlac/visualizador/generarCurriculoCv.do?cod_rh=0002170112
dc.date.accessioned2026-07-13T05:40:28Z
dc.date.available2026-07-13T05:40:28Z
dc.date.issued2026-07-09
dc.descriptionLa 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.abstractThis 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.degreelevelPregradospa
dc.description.degreenameDiseñador de Interacciónspa
dc.description.domainhttp://www.ustatunja.edu.co/investigacion
dc.format.mimetypeapplication/pdf
dc.identifier.citationMateus 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.instnameinstname:Universidad Santo Tomásspa
dc.identifier.reponamereponame:Repositorio Institucional Universidad Santo Tomásspa
dc.identifier.repourlrepourl:https://repository.usta.edu.cospa
dc.identifier.urihttp://hdl.handle.net/11634/73127
dc.language.isospa
dc.publisherUniversidad Santo Tomásspa
dc.publisher.branchCRAI-USTA Tunja
dc.publisher.facultyFacultad de Diseño de Interacciónspa
dc.publisher.programPregrado Diseño de Interacciónspa
dc.relation.referencesAguayo. (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.referencesAmerican Psychological Association. (2010.). Tipos de estrés. https://www.apa.org/topics/stress/tipos
dc.relation.referencesAmerican Psychological Association. (2013.). Comprendiendo el estrés crónico. Recuperado de https://www.apa.org/topics/stress/estres-cronico
dc.relation.referencesAmerican Psychological Association. (2024, octubre). Stress in America™: A nation in political turmoil. https://www.apa.org/news/press/releases/stress
dc.relation.referencesAppMaster. (2026). Jerarquía visual. https://appmaster.io/es/glossary/jerarquia visual
dc.relation.referencesArmendariz 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.referencesAtlassian. (s.f.). Trello. https://trello.com/
dc.relation.referencesBuitrago-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.referencesCalm Technology Institute. (s.f.). Calm tech principles. https://www.calmtech.institute/calm-tech-principles
dc.relation.referencesCarrió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.referencesDepartamento 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.referencesDigitalvar. (2024). 10 principios de Nielsen: usabilidad web. https://digitalvar.es/articulos-diseno-web/10-principios-de-nielsen/
dc.relation.referencesDeng, 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.referencesE.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.referencesESDIMA. (2023). Principios de experiencia de usuario (UX). https://esdima.com/principios-de-experiencia-de-usuario-ux/
dc.relation.referencesEspacioUX. (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.referencesEspacioUX. (s.f.-b). Uso del color en interfaces UX/UI. https://www.espacioux.com/blog/uso-del-color-en-interfaces-ux-ui
dc.relation.referencesFerrer 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.referencesFu, 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.referencesFundora 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.referencesGiray, 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.referencesHeadspace. (s.f.). Headspace: Meditation and mindfulness made simple. https://www.headspace.com/
dc.relation.referencesHispanoamericanos De Psicología, 22(2), 1–9. https://doi.org/10.18270/chps.v22i2.4415
dc.relation.referencesHollender, 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.referencesHuizen, 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.referencesIDEO. (2020). Design Thinking. IDEO. https://designthinking.ideo.com/
dc.rightsAttribution-NonCommercial-NoDerivs 2.5 Colombiaen
dc.rights.accessrightsinfo:eu-repo/semantics/openAccessspa
dc.rights.coarhttp://purl.org/coar/access_right/c_abf2
dc.rights.localAbierto (Texto Completo)spa
dc.rights.urihttp://creativecommons.org/licenses/by-nc-nd/2.5/co/
dc.subject.keyworddigital technologies
dc.subject.keyworddigital well-being
dc.subject.keywordinteraction
dc.subject.proposaltecnologías digitales
dc.subject.proposalbienestar digital
dc.subject.proposalinteracción
dc.titleEstré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.typebachelor thesis
dc.type.coarhttp://purl.org/coar/resource_type/c_7a1f
dc.type.coarversionhttp://purl.org/coar/version/c_ab4af688f83e57aaspa
dc.type.driveinfo:eu-repo/semantics/bachelorThesisspa
dc.type.localTrabajo de gradospa
dc.type.versioninfo:eu-repo/semantics/acceptedVersionspa

Archivos

Bloque original

Mostrando 1 - 3 de 3
Cargando...
Miniatura
Nombre:
2026MiguelMateus
Tamaño:
2.43 MB
Formato:
Adobe Portable Document Format
Cargando...
Miniatura
Nombre:
Autorización facultad
Tamaño:
292.56 KB
Formato:
Adobe Portable Document Format
Cargando...
Miniatura
Nombre:
Autorización estudiante
Tamaño:
408.23 KB
Formato:
Adobe Portable Document Format

Bloque de licencias

Mostrando 1 - 1 de 1
Cargando...
Miniatura
Nombre:
license.txt
Tamaño:
807 B
Formato:
Item-specific license agreed upon to submission
Descripción: