research-article

Open access

Closing the gap between designers and developers in a low code ecosystem

Authors:

Mariana Bexiga,

Stoyan Garbatov,

João Costa SecoAuthors Info & Claims

MODELS '20: Proceedings of the 23rd ACM/IEEE International Conference on Model Driven Engineering Languages and Systems: Companion Proceedings

Article No.: 61, Pages 1 - 10

https://doi.org/10.1145/3417990.3420195

Published: 26 October 2020 Publication History

Abstract

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.

References

[1]

Marc Abrams, Constantinos Phanouriou Ł, Alan L Batongbacal, Stephen M Williams, and Jonathan E Shuster. 1999. UIML: an appliance-independent XML user interface language. Technical Report.

[2]

Quick Base. 2020. Quick Base. Retrieved February 19, 2020 from https://www.quickbase.com/

[3]

Tony Beltramelli. 2018. pix2code: Generating code from a graphical user interface screenshot. Proceedings of the ACM SIGCHI Symposium on Engineering Interactive Computing Systems, EICS 2018 (2018), 1--9. arXiv:1705.07962

Digital Library

[4]

Marco Brambilla and Piero Fraternali. 2015. Implementation of applications specified with IFML. Interaction Flow Modeling Language February (2015), 279--334.

[5]

Sketch B.V. 2020. Sketch. Retrieved January 20, 2020 from https://www.sketch.com/

[6]

Morgan Dixon and James Fogarty. 2010. Prefab: implementing advanced behaviors using pixel-based reverse engineering of interface structure. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. 1525--1534.

Digital Library

[7]

Figma. 2020. Figma. Retrieved January 20, 2020 from https://www.figma.com/

[8]

Saad Hassan, Manan Arya, Ujjwal Bhardwaj, and Silica Kole. 2018. Extraction and Classification of User Interface Components from an Image. Int. J. Pure Appl. Math 118, 24 (2018).

[9]

Google Inc. 2020. App Maker - Google Developers. Retrieved February 19, 2020 from https://developers.google.com/appmaker

[10]

InVisionApp Inc. 2020. InVision | Digital product design, workflow collaboration. Retrieved January 20, 2020 from https://www.invisionapp.com/

[11]

Kissflow Inc. 2020. Kissflow - Digital Workplace. Retrieved February 19, 2020 from https://kissflow.com/

[12]

Zecoda Inc. 2020. Zecoda Turn Designs Into Code Automatically. Retrieved January 12, 2020 from https://zecoda.com/

[13]

Hi Interactive. 2020. Hi Interactive | User-centred experiences. Retrieved February 18, 2020 from https://www.hi-interactive.com/

[14]

Vanita Jain, Piyush Agrawal, Subham Banga, Rishabh Kapoor, and Shashwat Gulyani. 2019. Sketch2Code: Transformation of Sketches to UI in Real-time Using Deep Neural Network. (2019), 1--15. arXiv:1910.08930 http://arxiv.org/abs/1910.08930

[15]

Jang-geun Ki and Kee-young Kwon. 2019. Detection of GUI Elements on Sketch Images Using Object Detector Based on Deep Neural Networks. 502, January (2019), 10--13.

[16]

Q. Limbourg, Jean Vanderdonckt, B. Michotte, L. Bouillon, and Víctor López-Jaquero. 2005. USLXML: A Language Supporting Multi-path Development of User Interfaces Engineering Human Computer Interaction and Interactive Systems. Lecture Notes in Computer Science 3425 (01 2005), 134--135.

[17]

Neonto Ltd. 2020. React Studio. Retrieved January 13, 2020 from https://reactstudio.com/

[18]

Mediaweb. 2020. Mediaweb | Agile the Modern Web. Retrieved February, 18, 2020 from https://mediaweb.pt/

[19]

Tuan Anh Nguyen and Christoph Csallner. 2016. Reverse engineering mobile application user interfaces with REMAUI. Proceedings - 2015 30th IEEE/ACM International Conference on Automated Software Engineering, ASE 2015 (2016), 248--259.

Digital Library

[20]

Outsystems. 2020. OutSystems. Retrieved July 10, 2020 from https://outsystems.com/

[21]

PaintCode. 2020. PaintCode - Turn your drawings into Objective-C or Swift drawing code. Retrieved January 12, 2020 from https://www.paintcodeapp.com/

[22]

Angel Puerta and Jacob Eisenstein. 2001. XIML: A Universal Language for User Interfaces User interface languages, model-based systems, user-interface management systems, interface models INTRODUCTION. Technical Report.

[23]

Nathalie Souchon and Jean Vanderdonckt. 2003. A review of XML-compliant user interface description languages. Lecture Notes in Computer Science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics) 2844, May (2003), 377--391.

[24]

Supernova Studio. 2020. Supernova Studio | The World's First Design to Code Platform. Retrieved January 13, 2020 from https://supernova.io/

[25]

Sarah Suleri, Vinoth Pandian Sermuga Pandian, Svetlana Shishkovets, and Matthias Jarke. 2019. Eve: A sketch-based software prototyping workbench. In Extended Abstracts of the 2019 CHI Conference on Human Factors in Computing Systems. 1--6.

Digital Library

[26]

Anima ToolKit. 2020. Anima ToolKit - Sketch to HTML. Retrieved January 12, 2020 from https://www.animaapp.com/

[27]

TrackVia. 2020. TrackVia | The Most-Trusted Application Building Platform. Retrieved February 19, 2020 from https://trackvia.com/

[28]

Nintex Workflow. 2020. Workflow Automation Software Simplified - Nintex Workflow. Retrieved February 19, 2020 from https://www.nintex.com/workflow-automation/advanced-workflow/

[29]

Yotako. 2020. Yotako. Retrieved January 13, 2020 from https://www.yotako.io/

[30]

Zoho. 2020. Online app maker | Create custom apps for your business - Zoho Creator. Retrieved February 19, 2020 from https://www.zoho.com/creator/

Cited By

Rybiński KŚmiałek M(2024)Low-code development using requirements and knowledge representation modelsComputer Science and Information Systems10.2298/CSIS230102024R21:3(685-724)Online publication date: 2024
https://doi.org/10.2298/CSIS230102024R
Netz LReimer JRumpe BCombemale BWimmer MChechik MEgyed A(2024)Using Grammar Masking to Ensure Syntactic Validity in LLM-based Modeling TasksProceedings of the ACM/IEEE 27th International Conference on Model Driven Engineering Languages and Systems10.1145/3652620.3687805(115-122)Online publication date: 22-Sep-2024
https://dl.acm.org/doi/10.1145/3652620.3687805
Cheng KPu JCheng ZHuang JCong X(2023)NCARVis: No-Code Visualization Creation System based on Free-hand2023 IEEE 16th Pacific Visualization Symposium (PacificVis)10.1109/PacificVis56936.2023.00007(1-5)Online publication date: Apr-2023
https://doi.org/10.1109/PacificVis56936.2023.00007
Show More Cited By

Index Terms

Closing the gap between designers and developers in a low code ecosystem
1. Software and its engineering
  1. Software notations and tools
    1. Development frameworks and environments
      1. Application specific development environments

Recommendations

Perceptions of software developers' empathy with designers
British HCI '15: Proceedings of the 2015 British HCI Conference

This study uses a phenomenological approach to examine software developers' empathy with designers, as experienced by interaction designers. The results show many views on developers' empathy and on the context of the phenomenon, including that ...
Low-Code Flutter Application Development Solution
MODELS Companion '24: Proceedings of the ACM/IEEE 27th International Conference on Model Driven Engineering Languages and Systems

Mobile applications have become an integral part of our lives, mostly by improving the efficiency of our daily tasks. Although the Graphical User Interface (GUI) is essential for the ease and efficient use of these applications, developing them well can ...
The lean gap: A review of lean approaches to large-scale software systems development

Lean approaches to product development (LPD) have had a strong influence on many industries and in recent years there have been many proponents for lean in software development as it can support the increasing industry need of scaling agile software ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image ACM Conferences

MODELS '20: Proceedings of the 23rd ACM/IEEE International Conference on Model Driven Engineering Languages and Systems: Companion Proceedings

October 2020

713 pages

ISBN:9781450381352

DOI:10.1145/3417990

Conference Chairs:
Esther Guerra
Universidad Autonoma de Madrid, Spain
,
Ludovico Iovino
Gran Sasso Science Institute, Italy

Copyright © 2020 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

SIGSOFT: ACM Special Interest Group on Software Engineering

In-Cooperation

IEEE CS

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 26 October 2020

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

MODELS '20

Sponsor:

SIGSOFT

MODELS '20: ACM/IEEE 23rd International Conference on Model Driven Engineering Languages and Systems

October 16 - 23, 2020

Virtual Event, Canada

Acceptance Rates

Overall Acceptance Rate 144 of 506 submissions, 28%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

14
Total Citations
View Citations
2,611
Total Downloads

Downloads (Last 12 months)700
Downloads (Last 6 weeks)61

Reflects downloads up to 18 Nov 2024

Other Metrics

View Author Metrics

Citations

Cited By

Rybiński KŚmiałek M(2024)Low-code development using requirements and knowledge representation modelsComputer Science and Information Systems10.2298/CSIS230102024R21:3(685-724)Online publication date: 2024
https://doi.org/10.2298/CSIS230102024R
Netz LReimer JRumpe BCombemale BWimmer MChechik MEgyed A(2024)Using Grammar Masking to Ensure Syntactic Validity in LLM-based Modeling TasksProceedings of the ACM/IEEE 27th International Conference on Model Driven Engineering Languages and Systems10.1145/3652620.3687805(115-122)Online publication date: 22-Sep-2024
https://dl.acm.org/doi/10.1145/3652620.3687805
Cheng KPu JCheng ZHuang JCong X(2023)NCARVis: No-Code Visualization Creation System based on Free-hand2023 IEEE 16th Pacific Visualization Symposium (PacificVis)10.1109/PacificVis56936.2023.00007(1-5)Online publication date: Apr-2023
https://doi.org/10.1109/PacificVis56936.2023.00007
Käss SStrahringer SWestner M(2023)Practitioners’ Perceptions on the Adoption of Low Code Development PlatformsIEEE Access10.1109/ACCESS.2023.325853911(29009-29034)Online publication date: 2023
https://doi.org/10.1109/ACCESS.2023.3258539
Phalake VJoshi SRade KPhalke VMolawade M(2023)Optimization for achieving sustainability in low code development platformInternational Journal on Interactive Design and Manufacturing (IJIDeM)10.1007/s12008-023-01338-018:8(5717-5724)Online publication date: 21-Apr-2023
https://doi.org/10.1007/s12008-023-01338-0
Rokis KKirikova M(2023)An ArchiMate-Based Thematic Knowledge Graph for Low-Code Software Development DomainNew Trends in Database and Information Systems10.1007/978-3-031-42941-5_40(465-476)Online publication date: 31-Aug-2023
https://doi.org/10.1007/978-3-031-42941-5_40
Osório ARabelo RGonçalves C(2023)A Business Technology Alignment Strategy for Digital Collaborative NetworksCollaborative Networks in Digitalization and Society 5.010.1007/978-3-031-42622-3_27(380-397)Online publication date: 19-Sep-2023
https://doi.org/10.1007/978-3-031-42622-3_27
Oteyo IScull Pupo AZaman JKimani SDe Meuter WGonzalez Boix E(2023)Easing Construction of Smart Agriculture Applications Using Low Code Development ToolsMobile and Ubiquitous Systems: Computing, Networking and Services10.1007/978-3-031-34776-4_2(21-43)Online publication date: 27-Jun-2023
https://doi.org/10.1007/978-3-031-34776-4_2
Gottschalk SBhat RWeidmann NKirchhoff JEngels GKühn TSousa V(2022)Low-code experimentation on software productsProceedings of the 25th International Conference on Model Driven Engineering Languages and Systems: Companion Proceedings10.1145/3550356.3561572(798-807)Online publication date: 23-Oct-2022
https://dl.acm.org/doi/10.1145/3550356.3561572
Kass SStrahringer SWestner M(2022)Drivers and Inhibitors of Low Code Development Platform Adoption2022 IEEE 24th Conference on Business Informatics (CBI)10.1109/CBI54897.2022.00028(196-205)Online publication date: Jun-2022
https://doi.org/10.1109/CBI54897.2022.00028
Show More Cited By

View Options

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

Media

Figures

Other

Tables

View Table of Contents