El Uso de Herramientas de inteligencia Artificial (IA) para Potenciar el Diseño de Interfaz de Usuario (UI)
| dc.contributor.advisor | Vela Beltrán, Diego Alejandro | |
| dc.contributor.author | Duarte Hernandez, Juan David | |
| dc.contributor.corporatename | Universidad Santo Tomas | |
| dc.date.accessioned | 2025-09-29T19:33:48Z | |
| dc.date.available | 2025-09-29T19:33:48Z | |
| dc.date.issued | 2025-09 | |
| dc.description | El 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.abstract | User 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.degreelevel | Pregrado | spa |
| dc.description.degreename | Ingeniero Informático | spa |
| dc.format.mimetype | application/pdf | |
| 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/69942 | |
| dc.language.iso | spa | |
| dc.publisher | Universidad Santo Tomás | spa |
| dc.publisher.branch | CRAI-USTA Tunja | |
| dc.publisher.faculty | Facultad de Ingeniería de Sistemas | spa |
| dc.publisher.program | Ingeniería Informática | spa |
| dc.relation.references | Adobe. (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.references | Alsaeedi, A., et al. (2023). Artificial intelligence and accessibility: Opportunities and challenges. Journal of Accessibility and Design. https://arxiv.org/abs/2107.14506v1 | |
| dc.relation.references | Banani. (2025). Uizard review: AI features, use cases, and alternatives. https://www.banani.co/blog/uizard-ai-review | |
| dc.relation.references | Buolamwini, J., & Gebru, T. (2018). Gender shades. https://proceedings.mlr.press/v81/buolamwini18a/buolamwini18a.pdf | |
| dc.relation.references | Chen, X., et al. (2023). PromptInfuser: Prototyping AI-first products with Figma plugins. https://arxiv.org/html/2402.17721v2 | |
| dc.relation.references | Comisión Europea. (2019). Ethics guidelines for trustworthy AI. https://www.semanticscholar.org/paper/08a2f4f2f8ea8af371fdea5a9d49f1bbd57738a7 | |
| dc.relation.references | Coursera. (2024). Global skills report. https://epale.ec.europa.eu/en/resource centre/content/global-skills-report-202 | |
| dc.relation.references | Design 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.references | Editorial 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.references | elEconomista. (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.references | Figma. (2025). Dora AI - Generate websites in Figma. https://www.figma.com/community/plugin/1389868907117096838/dora-ai-generate websites-in-figma | |
| dc.relation.references | Fontjoy. (2024). Font pairing. https://theresanaiforthat.com/ai/fontjoy | |
| dc.relation.references | Fronty.com. (2017). World’s first image to code converting service. https://www.linkedin.com/company/fronty | |
| dc.relation.references | GatedxLSTM. (2025). A multimodal affective computing approach for emotion recognition in conversations. https://arxiv.org/html/2503.20919v1 | |
| dc.relation.references | Hotjar. (2024). What is Hotjar? Key features & why you should use it. https://www.hotjar.com/blog/what-is-hotjar/ | |
| dc.relation.references | Interfaces conversacionales, tecnolenguajes y tecnodesigualdades. (2025). https://www.semanticscholar.org/paper/b20c87a628401c27c7e4716cf2ad7e65cdd64223 | |
| dc.relation.references | Ironhack. (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.references | Malone, 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.references | MarketsandMarkets. (2024). AI in design market size & trends. https://www.marketsandmarkets.com/Market-Reports/artificial-intelligence-market 74851580.html | |
| dc.relation.references | McKinsey. (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.references | Mehrabi, 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.references | Milmer. (2025). A framework for multiple instance learning based multimodal emotion recognition. https://arxiv.org/html/2502.00547v1 | |
| dc.relation.references | Netflix Tech Blog. (2023). How Netflix’s personalization works. https://litslink.com/blog/all-about netflix-artificial-intelligence-the-truth-behind-personalized-content | |
| dc.relation.references | Nordin, 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.references | QuestionPro. (s.f.). Investigación mixta: Qué es y tipos que existen. https://www.questionpro.com/blog/es/software-para-investigaciones-mixtas/ | |
| dc.relation.references | REGULACIÓN Y ÉTICA EN EL DESARROLLO DE INTERFACES DE USUARIO IMPULSADAS POR IA. (2025). https://www.semanticscholar.org/paper/f4fb207617090c282bf16e1e9fd62ee9bf44b7ba | |
| dc.relation.references | Russell, S., & Norvig, P. (2021). Artificial intelligence: A modern approach (4th ed.). http://lib.ysu.am/disciplines_bk/efdd4d1d4c2087fe1cbe03d9ced67f34.pdf | |
| dc.relation.references | Science 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.references | Soho Humantech. (2025). La emergencia del AI FullStack Designer. https://www.soho.lat/la emergencia-del-ai-fullstack-designer | |
| dc.relation.references | Sun, 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.references | The 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.references | The economies and dimensionality of design prototyping. (2019). https://www.semanticscholar.org/paper/The-Economies-and-Dimensionality-of Prototyping%3A-Silva-Wood/0d55db23cd6ff09bde7c4064b1cb684ab966428 | |
| dc.relation.references | Toolify. (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.references | Uizard. (s.f.). Uizard’s powerful AI UI design features. https://uizard.io/uizard-vs-design-tools | |
| dc.relation.references | UNESCO. (2021). Recommendation on the ethics of artificial intelligence. https://www.unesco.org/en/articles/recommendation-ethics-artificial-intelligence | |
| dc.relation.references | Un análisis reciente sobre IA generativa y asistentes inteligentes. (2025). https://www.semanticscholar.org/paper/7cb97c47ca56a258edde411768f80b9a6a0ce686 | |
| dc.relation.references | Visual ergonomics for colourblindness. (2022). Applying universal design principles in graphical user interface. https://www.semanticscholar.org/paper/7d1225f63125e8759c33e59d1d6bbe6a1349b5f7 | |
| dc.relation.references | Zhang, 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.references | AI-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.references | Automated UI interface generation via diffusion models. (2025). https://arxiv.org/pdf/2503.20229.pdf | |
| dc.relation.references | Liu, 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.rights | Attribution-NonCommercial-NoDerivs 2.5 Colombia | en |
| dc.rights.accessrights | info:eu-repo/semantics/openAccess | |
| 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.title | El Uso de Herramientas de inteligencia Artificial (IA) para Potenciar el Diseño de Interfaz de Usuario (UI) | |
| 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 | |
| dc.type.drive | info:eu-repo/semantics/bachelorThesis | |
| dc.type.local | Trabajo de grado | spa |
| dc.type.version | info:eu-repo/semantics/acceptedVersion |
Archivos
Bloque original
1 - 4 de 4
Cargando...
- 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...
- Nombre:
- CertificacionOpcionMonografía Juan David Duarte.pdf
- Tamaño:
- 614.08 KB
- Formato:
- Adobe Portable Document Format
Cargando...
- Nombre:
- CartaAutorizaciónCRAI.pdf
- Tamaño:
- 169.01 KB
- Formato:
- Adobe Portable Document Format
Cargando...
- Nombre:
- AprobacionFacultadCRAI_IngSist_Diciembre_2025.pdf
- Tamaño:
- 317.72 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:

