El Uso de Herramientas de inteligencia Artificial (IA) para Potenciar el Diseño de Interfaz de Usuario (UI)

dc.contributor.advisorVela Beltrán, Diego Alejandro
dc.contributor.authorDuarte Hernandez, Juan David
dc.contributor.corporatenameUniversidad Santo Tomas
dc.date.accessioned2025-09-29T19:33:48Z
dc.date.available2025-09-29T19:33:48Z
dc.date.issued2025-09
dc.descriptionEl diseño de interfaces (UI) está siendo transformado por la Inteligencia Artificial (IA). Su gran habilidad para automatizar, personalizar, examinar grandes cantidades de información revoluciona las técnicas laborales como el perfil del diseñador. Hoy en día, se puede emplear Inteligencia Artificial para crear prototipos basándose en descripciones textuales, examinar el comportamiento de los usuarios en tiempo real o elaborar diseños visuales que se ajustan automáticamente a diferentes requerimientos y situaciones. Compañías destacadas como Netflix, Amazon y Spotify ya incorporan sistemas sofisticados de Inteligencia Artificial en sus interfaces, consiguiendo experiencias altamente personalizadas y eficaces que incrementan el compromiso, la fidelidad y la satisfacción del usuario. En el entorno de herramientas, alternativas como Uizard, Figma (con plugins de IA), Hotjar, Crazy Egg, Fronty y Fontjoy, ilustran cómo la Inteligencia Artificial mejora cada fase del proceso de diseño: desde la investigación y conceptualización hasta el prototipado, el desarrollo y el análisis post-ejecución. No obstante, la implementación de Inteligencia Artificial en el diseño UI presenta nuevos retos éticos: desde la administración de sesgos algorítmicos y la privacidad de la información, hasta la exigencia de asegurar interfaces inclusivas y accesibles. Así, se percibe el porvenir del diseño UI como una cooperación estrecha entre humanos y sistemas inteligentes, donde la Inteligencia Artificial impulsa la creatividad, pero no sustituye la intuición y la empatía del diseñador. Palabras clave: Inteligencia Artificial (IA), Diseño de interfaces de usuario (UI), Automatización en diseño, Personalización de experiencias, Análisis de datos de usuario, Generación de prototipos y mockups
dc.description.abstractUser interface (UI) design is being transformed by Artificial Intelligence (AI). Its great ability to automate, personalize, and examine large amounts of information is revolutionizing work techniques such as designer profiling. Today, Artificial Intelligence can be used to create prototypes based on textual descriptions, examine user behavior in real time, or develop visual designs that automatically adjust to different requirements and situations. Leading companies such as Netflix, Amazon, and Spotify already incorporate sophisticated Artificial Intelligence systems into their interfaces, achieving highly personalized and effective experiences that increase user engagement, loyalty, and satisfaction. In the tool environment, alternatives such as Uizard, Figma (with AI plugins), Hotjar, Crazy Egg, Fronty, and Fontjoy illustrate how Artificial Intelligence improves every phase of the design process: from research and conceptualization to prototyping, development, and post-execution analysis. However, the implementation of Artificial Intelligence in UI design presents new ethical challenges: from the management of algorithmic biases and information privacy to the requirement to ensure inclusive and accessible interfaces. Thus, the future of UI design is seen as a close cooperation between humans and intelligent systems, where Artificial Intelligence drives creativity but does not replace the designer's intuition and empathy. Keywords: Artificial Intelligence (AI), User Interface (UI) Design, Design Automation, Experience Personalization, User Data Analysis, Prototype and Mockup Generation
dc.description.degreelevelPregradospa
dc.description.degreenameIngeniero Informáticospa
dc.format.mimetypeapplication/pdf
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/69942
dc.language.isospa
dc.publisherUniversidad Santo Tomásspa
dc.publisher.branchCRAI-USTA Tunja
dc.publisher.facultyFacultad de Ingeniería de Sistemasspa
dc.publisher.programIngeniería Informáticaspa
dc.relation.referencesAdobe. (2024). State of creativity report. https://www.adobe.com/content/dam/cct/creativecloud/business/teams/whitepapers/dotcom 116728/Adobe_StateofCreativity_Report_2024_FV_UE.pdf
dc.relation.referencesAlsaeedi, A., et al. (2023). Artificial intelligence and accessibility: Opportunities and challenges. Journal of Accessibility and Design. https://arxiv.org/abs/2107.14506v1
dc.relation.referencesBanani. (2025). Uizard review: AI features, use cases, and alternatives. https://www.banani.co/blog/uizard-ai-review
dc.relation.referencesBuolamwini, J., & Gebru, T. (2018). Gender shades. https://proceedings.mlr.press/v81/buolamwini18a/buolamwini18a.pdf
dc.relation.referencesChen, X., et al. (2023). PromptInfuser: Prototyping AI-first products with Figma plugins. https://arxiv.org/html/2402.17721v2
dc.relation.referencesComisión Europea. (2019). Ethics guidelines for trustworthy AI. https://www.semanticscholar.org/paper/08a2f4f2f8ea8af371fdea5a9d49f1bbd57738a7
dc.relation.referencesCoursera. (2024). Global skills report. https://epale.ec.europa.eu/en/resource centre/content/global-skills-report-202
dc.relation.referencesDesign Now Panel. (2013). Discusión sobre la evolución del diseño y la importancia de la accesibilidad y la estética en UI. https://www.semanticscholar.org/paper/bea83128e6d251b09a3ec5ff2072a10f7687d10d
dc.relation.referencesEditorial INUDI. (2023). Métodos mixtos de investigación para principiantes. https://editorial.inudi.edu.pe/index.php/editorialinudi/catalog/download/119/161/190?inline=1
dc.relation.referenceselEconomista. (2024). Cómo funciona el nuevo AI DJ de Spotify. https://www.eleconomista.es/tecnologia/noticias/12923605/07/24/como-funciona-el-nuevo-ai-dj-de-spotify-escucha-recomendaciones-de-musica-personalizadas-gracias-a-la inteligencia-artificial.html
dc.relation.referencesFigma. (2025). Dora AI - Generate websites in Figma. https://www.figma.com/community/plugin/1389868907117096838/dora-ai-generate websites-in-figma
dc.relation.referencesFontjoy. (2024). Font pairing. https://theresanaiforthat.com/ai/fontjoy
dc.relation.referencesFronty.com. (2017). World’s first image to code converting service. https://www.linkedin.com/company/fronty
dc.relation.referencesGatedxLSTM. (2025). A multimodal affective computing approach for emotion recognition in conversations. https://arxiv.org/html/2503.20919v1
dc.relation.referencesHotjar. (2024). What is Hotjar? Key features & why you should use it. https://www.hotjar.com/blog/what-is-hotjar/
dc.relation.referencesInterfaces conversacionales, tecnolenguajes y tecnodesigualdades. (2025). https://www.semanticscholar.org/paper/b20c87a628401c27c7e4716cf2ad7e65cdd64223
dc.relation.referencesIronhack. (2023). El papel de la inteligencia artificial en el diseño UX/UI. https://www.ironhack.com/es/blog/el-papel-de-la-inteligencia-artificial-en-el-diseno-ux-ui
dc.relation.referencesMalone, T., Vaccaro, M., & MIT Sloan School of Management. (2024). Humans and AI: Do they work better together or alone? https://mitsloan.mit.edu/press/humans-and-ai-do-they-work better-together-or-alon
dc.relation.referencesMarketsandMarkets. (2024). AI in design market size & trends. https://www.marketsandmarkets.com/Market-Reports/artificial-intelligence-market 74851580.html
dc.relation.referencesMcKinsey. (2023). Personalization and recommendation engines. https://www.mckinsey.com/capabilities/growth-marketing-and-sales/our-insights/unlocking the-next-frontier-of-personalized-marketing
dc.relation.referencesMehrabi, N., Morstatter, F., Saxena, N., Lerman, K., & Galstyan, A. (2019). A survey on bias and fairness in machine learning. https://arxiv.org/pdf/2308.11254.pdf
dc.relation.referencesMilmer. (2025). A framework for multiple instance learning based multimodal emotion recognition. https://arxiv.org/html/2502.00547v1
dc.relation.referencesNetflix Tech Blog. (2023). How Netflix’s personalization works. https://litslink.com/blog/all-about netflix-artificial-intelligence-the-truth-behind-personalized-content
dc.relation.referencesNordin, N., et al. (2022). Visual ergonomics for colourblindness: Applying universal design principles in graphical user interface. https://www.semanticscholar.org/paper/Visual Ergonomics-for-Colourblindness%3A-Applying-in-Basak Roy/7d1225f63125e8759c33e59d1d6bbe6a1349b5f
dc.relation.referencesQuestionPro. (s.f.). Investigación mixta: Qué es y tipos que existen. https://www.questionpro.com/blog/es/software-para-investigaciones-mixtas/
dc.relation.referencesREGULACIÓN Y ÉTICA EN EL DESARROLLO DE INTERFACES DE USUARIO IMPULSADAS POR IA. (2025). https://www.semanticscholar.org/paper/f4fb207617090c282bf16e1e9fd62ee9bf44b7ba
dc.relation.referencesRussell, S., & Norvig, P. (2021). Artificial intelligence: A modern approach (4th ed.). http://lib.ysu.am/disciplines_bk/efdd4d1d4c2087fe1cbe03d9ced67f34.pdf
dc.relation.referencesScience et Bien Commun. (s.f.). Integración en métodos mixtos – Evaluación de las intervenciones. https://scienceetbiencommun.pressbooks.pub/evalsalud/chapter/mixtos/
dc.relation.referencesSoho Humantech. (2025). La emergencia del AI FullStack Designer. https://www.soho.lat/la emergencia-del-ai-fullstack-designer
dc.relation.referencesSun, X., et al. (2024). Emotion-aware interaction design in intelligent user interface using multi modal deep learning. https://arxiv.org/abs/2411.06326
dc.relation.referencesThe impact of AI-driven personalization on UX/UI design: Ethical considerations. (2024). https://revistaft.com.br/the-impact-of-ai-driven-personalization-on-ux-ui-design-navigating ethical-considerations-and-data-driven-practices/
dc.relation.referencesThe economies and dimensionality of design prototyping. (2019). https://www.semanticscholar.org/paper/The-Economies-and-Dimensionality-of Prototyping%3A-Silva-Wood/0d55db23cd6ff09bde7c4064b1cb684ab966428
dc.relation.referencesToolify. (2025). Tendencias de diseño UX/UI en 2025: IA y el futuro del diseño. https://www.toolify.ai/es/ai-news-es/tendencias-de-diseo-uxui-en-2025-ia-y-el-futuro-del diseo-3347370
dc.relation.referencesUizard. (s.f.). Uizard’s powerful AI UI design features. https://uizard.io/uizard-vs-design-tools
dc.relation.referencesUNESCO. (2021). Recommendation on the ethics of artificial intelligence. https://www.unesco.org/en/articles/recommendation-ethics-artificial-intelligence
dc.relation.referencesUn análisis reciente sobre IA generativa y asistentes inteligentes. (2025). https://www.semanticscholar.org/paper/7cb97c47ca56a258edde411768f80b9a6a0ce686
dc.relation.referencesVisual ergonomics for colourblindness. (2022). Applying universal design principles in graphical user interface. https://www.semanticscholar.org/paper/7d1225f63125e8759c33e59d1d6bbe6a1349b5f7
dc.relation.referencesZhang, Y., et al. (2024). AI-driven UX/UI design: Empirical research in FinTech. https://www.researchgate.net/publication/382956602_AI Driven_UXUI_Design_Empirical_Research_and_Applications_in_FinTech
dc.relation.referencesAI-Driven UX/UI Design. (2024). https://www.semanticscholar.org/paper/AI-Driven-UX-UI Design%3A-Empirical-Research-and-in-Xu Liu/f42d4a759aa4fd8aa607a333173114001dedff2
dc.relation.referencesAutomated UI interface generation via diffusion models. (2025). https://arxiv.org/pdf/2503.20229.pdf
dc.relation.referencesLiu, S., Xiao, Y., Yang, Y., Zhang, Y., & Liang, J. (2024). Generating automatic feedback on UI mockups with large language models. In Proceedings of the 2024 CHI Conference on Human Factors in Computing Systems (pp. 1–14). ACM. https://dl.acm.org/doi/pdf/10.1145/3613904.3642782
dc.rightsAttribution-NonCommercial-NoDerivs 2.5 Colombiaen
dc.rights.accessrightsinfo:eu-repo/semantics/openAccess
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.titleEl Uso de Herramientas de inteligencia Artificial (IA) para Potenciar el Diseño de Interfaz de Usuario (UI)
dc.typebachelor thesis
dc.type.coarhttp://purl.org/coar/resource_type/c_7a1f
dc.type.coarversionhttp://purl.org/coar/version/c_ab4af688f83e57aa
dc.type.driveinfo:eu-repo/semantics/bachelorThesis
dc.type.localTrabajo de gradospa
dc.type.versioninfo:eu-repo/semantics/acceptedVersion

Archivos

Bloque original

Mostrando 1 - 4 de 4
Cargando...
Miniatura
Nombre:
El Uso de Herramientas de inteligencia Artificial (IA) para Potenciar el Diseño de Interfaz de Usuario (UI).pdf
Tamaño:
1.4 MB
Formato:
Adobe Portable Document Format
Cargando...
Miniatura
Nombre:
CertificacionOpcionMonografía Juan David Duarte.pdf
Tamaño:
614.08 KB
Formato:
Adobe Portable Document Format
Cargando...
Miniatura
Nombre:
CartaAutorizaciónCRAI.pdf
Tamaño:
169.01 KB
Formato:
Adobe Portable Document Format
Cargando...
Miniatura
Nombre:
AprobacionFacultadCRAI_IngSist_Diciembre_2025.pdf
Tamaño:
317.72 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: