Automating the synthesis of User Interfaces (UIs) plays a crucial role in enhancing productivity and accelerating the development lifecycle, reducing both development time and manual effort. Recently, the rapid develo...
详细信息
Automatically generating webpage code from webpage designs can significantly reduce the workload of front-end developers, and recent Multimodal Large Language Models (MLLMs) have shown promising potential in this area...
详细信息
Customer-facing applications are essential for businesses. Therefore, a good user experience is fundamental for their success in the market. Companies employ highly specialized people in front-end development and User...
详细信息
ISBN:
(纸本)9781665424844
Customer-facing applications are essential for businesses. Therefore, a good user experience is fundamental for their success in the market. Companies employ highly specialized people in front-end development and User Experience (UX) & User Interface (UI) design to achieve this goal. Their collaboration is critical and raises some efficiency challenges, particularly in Low-code platforms, such as OutSystems. UX/UI designers typically use specialized tools with their underlying metamodels. OutSystems developers use an integrated development environment with the underlying OutSystems metamodel. While there are some code-generation plugins for popular design tools, these do not generate code for Low-code platforms. The current transformation process from design to development is done 100% manually, resulting in a loss of efficiency. Our goal is to accelerate this transformation process from a design model to a development model to mitigate this inefficiency. To do so, we developed an approach using model transformations to automate part of the process. Namely, it automates the generation of application pages/screens by composing the screen mockups in a design technology (such as Figma or Sketch) with a library of reusable UI components to instantiate the design in a front-end technology (such as OutSystems). Our approach was validated by a professional team of front-end developers from an established enterprise-grade Low-code platform who applied and evaluated this work on some of their past real projects. Preliminary results show an overall acceptance of the developed tool with a possible increase of 150% to 400% in the number of pages/screens that they can deliver with the same effort. This approach allows mitigating a bottleneck faced by the development team. To increase the value they could offer to customers (e.g., by producing more application screens in the same time frame), they would need to recruit new collaborators whose skill set is high on demand. Our work
Nowadays, going digital is a must for a company to thrive and remain competitive. The digital transformation allows companies to react timely and adequately to the constantly evolving markets. This transformation is n...
详细信息
ISBN:
(纸本)9781450381352
Nowadays, going digital is a must for a company to thrive and remain competitive. The digital transformation allows companies to react timely and adequately to the constantly evolving markets. This transformation is not without challenges. Among these is the growing demand for skilled software developers. Low-code platforms have risen to mitigate this pressure point by allowing people with non-programming backgrounds to craft digital systems capable of solving business relevant problems. Professional development teams are composed of many different profiles - product owners, analysts, UX and UI designers, front-end and back-end developers, among others. Market competition puts unprecedented demands on the collaboration of these professionals. Current methodologies provide tools and approaches for many of these types of collaboration. However, the reality of established industry practices for UX and UI designers collaborating with front-end developers, still leaves a lot to improve in terms of effectiveness and efficiency. This work developed an innovative approach using model transformation and meta-modelling techniques that drastically improves the efficiency of transforming UX/UI design artefacts into low-code web-technology. The approach has been applied to a recognized and established enterprise-grade low-code platform and evaluated in practice by a team of professional designers and front-end developers. Preliminary practical results show savings between 20 and 75% according to the project complexity in the effort invested by development teams in the above mentioned process.
暂无评论