Relay: A collaborative UI model for design handoff
Article No.: 44, Pages 1 - 3
Abstract
The design handoff process refers to the stage in the user interface (UI) design process where a designer gives their finished design to a developer for implementation. However, design decisions are lost when developers struggle to interpret and implement the designer’s original intent. To address this problem, we built a system called Relay that utilizes concrete UI models to capture design intent. To our knowledge, Relay is the first system described in the academic literature to take artifacts from an existing design tool and generate a UI model.
Supplementary Material
Poster (relay_uist_2023_poster.pdf)
- Download
- 414.67 KB
References
[1]
Gaëlle Calvary, Joëlle Coutaz, David Thevenin, Quentin Limbourg, Laurent Bouillon, and Jean Vanderdonckt. 2003. A Unifying Reference Framework for multi-target user interfaces. Interacting with Computers 15, 3 (06 2003), 289–308. https://doi.org/10.1016/S0953-5438(03)00010-9 arXiv:https://academic.oup.com/iwc/article-pdf/15/3/289/7800242/iwc15-0289.pdf
[2]
Pedro Campos and Nuno Nunes. 2007. Towards useful and usable interaction design tools: CanonSketch. Interacting with Computers 19, 5-6 (06 2007), 597–613. https://doi.org/10.1016/j.intcom.2007.05.006 arXiv:https://academic.oup.com/iwc/article-pdf/19/5-6/597/2548755/iwc19-0597.pdf
[3]
K. J. Kevin Feng, Tony W Li, and Amy X. Zhang. 2023. Understanding Collaborative Practices and Tools of Professional UX Practitioners in Software Organizations. In Proceedings of the 2023 CHI Conference on Human Factors in Computing Systems (Hamburg, Germany) (CHI ’23). Association for Computing Machinery, New York, NY, USA, Article 764, 20 pages. https://doi.org/10.1145/3544548.3581273
[4]
K.J. Kevin Feng and Amy X. Zhang. 2022. From Handoffs to Co-Creation: Deepening Collaboration between Designers, Developers, and Data Science Workers in UX Design. In Proceedings of the InContext: Futuring User-Experience Design Tools Workshop at CHI Conference on Human Factors in Computing Systems (CHI 2022). https://hcibook.net/incontext/wp-content/uploads/sites/5/2022/04/From-Handoffs-to-Co-Creation-Deepening-Collaboration-between-Designers-Developers-and-Data-Science-Workers-in-UX-Design-1.pdf
[5]
Model-Based User Interfaces Incubator Group. 2010. Model-Based UI XG Final Report. Retrieved January 7, 2023 from https://www.w3.org/2005/Incubator/model-based-ui/XGR-mbui/
[6]
Germán Leiva, Nolwenn Maudet, Wendy Mackay, and Michel Beaudouin-Lafon. 2019. Enact: Reducing designer–developer breakdowns when prototyping custom interactions. ACM Transactions on Computer-Human Interaction (TOCHI) 26, 3 (2019), 1–48.
[7]
Mark W. Newman and James A. Landay. 2000. Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice. In Proceedings of the 3rd Conference on Designing Interactive Systems: Processes, Practices, Methods, and Techniques (New York City, New York, USA) (DIS ’00). ACM, New York, NY, USA, 263–274. https://doi.org/10.1145/347642.347758
[8]
Angel Puerta, Michael Micheletti, and Alan Mak. 2005. The UI Pilot: A Model-Based Tool to Guide Early Interface Design. In Proceedings of the 10th International Conference on Intelligent User Interfaces (San Diego, California, USA) (IUI ’05). ACM, New York, NY, USA, 215–222. https://doi.org/10.1145/1040830.1040877
[9]
Jolanda Verhoef. 2022. Jetpack Compose 1.2 is now stable!Retrieved January 7, 2023 from https://android-developers.googleblog.com/2022/07/jetpack-compose-1-2-is-now-stable.html
[10]
Annette Wagner. 1990. Prototyping: A Day in the Life of an Interface Designer. The Art of Human-Computer Interface Design (1990), 79–84.
Index Terms
- Relay: A collaborative UI model for design handoff
Recommendations
Computational Assistance for User Interface Design: Smarter Generation and Evaluation of Design Ideas
CHI EA '23: Extended Abstracts of the 2023 CHI Conference on Human Factors in Computing SystemsThis paper describes a lab demo by the User Interfaces group at Aalto University. The demo allows attendees to interactively experience recent research prototypes aiming to facilitate designers’ creative and problem-solving capabilities in user interface ...
Utilizing Self-Expression Template Method in User Interface Design - Three Design Cases
AcademicMindTrek '13: Proceedings of International Conference on Making Sense of Converging MediaIn this paper, we introduce our Self-Expression Template Method for design. We also briefly present three different UI design cases utilizing the template with authentic users and UI professionals from both research and industry. This method provided ...
Applying knowledge management in UI design process
TAMODIA '04: Proceedings of the 3rd annual conference on Task models and diagramsThis work describes the use of a Knowledge Management (KM) strategy to analyze the User Interface (UI) design process. This analisys approach produced: (i) an ontology to the UI design process and (ii) a new transforming approach to produce an ...
Comments
Information & Contributors
Information
Published In
October 2023
424 pages
ISBN:9798400700965
DOI:10.1145/3586182
Copyright © 2023 Owner/Author.
Permission to make digital or hard copies of part or all 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 third-party components of this work must be honored. For all other uses, contact the Owner/Author.
Sponsors
Publisher
Association for Computing Machinery
New York, NY, United States
Publication History
Published: 29 October 2023
Check for updates
Author Tags
Qualifiers
- Poster
- Research
- Refereed limited
Conference
UIST '23: The 36th Annual ACM Symposium on User Interface Software and Technology
October 29 - November 1, 2023
CA, San Francisco, USA
Acceptance Rates
Overall Acceptance Rate 842 of 3,967 submissions, 21%
Upcoming Conference
Contributors
Other Metrics
Bibliometrics & Citations
Bibliometrics
Article Metrics
- 0Total Citations
- 99Total Downloads
- Downloads (Last 12 months)99
- Downloads (Last 6 weeks)4
Reflects downloads up to 03 Oct 2024
Other Metrics
Citations
View Options
Get Access
Login options
Check if you have access through your login credentials or your institution to get full access on this article.
Sign inFull Access
View options
View or Download as a PDF file.
PDFeReader
View online with eReader.
eReaderHTML Format
View this article in HTML Format.
HTML Format