Transferencia de diseño de interfaces de usuario a código: revisión sistemática

• Autores: Delgado Guerrero, Jonathan Stalin; Antonelli, Leandro; Firmenich, Diego
• Año de publicación: 2024
• Idioma: español castellano
• Tipo de recurso: documento de conferencia
• Materia: Ciencias de la Computación e Información; diseño de interfaz de usuario; transferencia de diseño; diseño a código; métodos transferencia de diseño a código
• Institución: Comisión de Investigaciones Científicas de la Provincia de Buenos Aires

La transferencia de diseño de interfaces de usuario (UI) a código es esencial en el desarrollo web actual. Existen diversos métodos, técnicas y herramientas disponibles para facilitar este proceso, como herramientas de prototipado, frameworks de diseño responsivo y generadores de código. Este estudio realiza una revisión sistemática de la literatura para identificar y analizar los métodos utilizados en la transferencia de diseño de interfaces de usuario web a código. Este aspecto es relevante para los desarrolladores al ser un potencial insumo que se puede usar desde el comienzo del desarrollo con principal impacto en el ahorro de tiempo. Se busca responder a la pregunta clave: ¿Qué métodos, técnicas y herramientas de diseño de interfaces de usuario web permiten la transferencia al código? Se identifican dos categorías principales: a partir de mockups, utilizando herramientas como Figma o Sketch, y a partir de la detección de elementos con algoritmos y redes neuronales. Se discuten los resultados y posibles beneficios de este proceso para futuras investigaciones.
Transferring user interface (UI) design to code is essential in today's web development. There are various methods, techniques and tools available to facilitate this process, such as prototyping tools, responsive design frameworks and code generators. This study conducts a systematic literature review to identify and analyze the methods used in transferring web user interface design to code. This aspect is relevant for developers as it is a potential input that can be used from the beginning of development with the main impact on time savings. It seeks to answer the key question: What web user interface design methods, techniques and tools allow the transfer to code? Two main categories are identified: from mockups, using tools such as Figma or Sketch, and from the detection of elements with algorithms and neural networks. The results and possible benefits of this process for future research are discussed.