Towards Human-AI Synergy in UI Design: Supporting Iterative Generation with LLMs

Fuente: arXiv
Salvato in:
Dettagli Bibliografici
Autori principali: Yuan, Mingyue, Chen, Jieshan, Hu, Yongquan, Feng, Sidong, Xie, Mulong, Mohammadi, Gelareh, Xing, Zhenchang, Quigley, Aaron
Natura: Preprint
Pubblicazione: 2024
Soggetti:
Accesso online:
Tags: Aggiungi Tag
Nessun Tag, puoi essere il primo ad aggiungerne!!
_version_ 1866914119976747008
author Yuan, Mingyue
Chen, Jieshan
Hu, Yongquan
Feng, Sidong
Xie, Mulong
Mohammadi, Gelareh
Xing, Zhenchang
Quigley, Aaron
author_facet Yuan, Mingyue
Chen, Jieshan
Hu, Yongquan
Feng, Sidong
Xie, Mulong
Mohammadi, Gelareh
Xing, Zhenchang
Quigley, Aaron
contents In automated UI design generation, a key challenge is the lack of support for iterative processes, as most systems focus solely on end-to-end output. This stems from limited capabilities in interpreting design intent and a lack of transparency for refining intermediate results. To better understand these challenges, we conducted a formative study that identified concrete and actionable requirements for supporting iterative design with Generative Tools. Guided by these findings, we propose PrototypeFlow, a human-centered system for automated UI generation that leverages multi-modal inputs and models. PrototypeFlow takes natural language descriptions and layout preferences as input to generate the high-fidelity UI design. At its core is a theme design module that clarifies implicit design intent through prompt enhancement and orchestrates sub-modules for component-level generation. Designers retain full control over inputs, intermediate results, and final prototypes, enabling flexible and targeted refinement by steering generation and directly editing outputs. Our experiments and user studies confirmed the effectiveness and usefulness of our proposed PrototypeFlow.
format Preprint
id arxiv_https___arxiv_org_abs_2412_20071
institution arXiv
publishDate 2024
record_format arxiv
spellingShingle Towards Human-AI Synergy in UI Design: Supporting Iterative Generation with LLMs
Yuan, Mingyue
Chen, Jieshan
Hu, Yongquan
Feng, Sidong
Xie, Mulong
Mohammadi, Gelareh
Xing, Zhenchang
Quigley, Aaron
Human-Computer Interaction
H.5.2
In automated UI design generation, a key challenge is the lack of support for iterative processes, as most systems focus solely on end-to-end output. This stems from limited capabilities in interpreting design intent and a lack of transparency for refining intermediate results. To better understand these challenges, we conducted a formative study that identified concrete and actionable requirements for supporting iterative design with Generative Tools. Guided by these findings, we propose PrototypeFlow, a human-centered system for automated UI generation that leverages multi-modal inputs and models. PrototypeFlow takes natural language descriptions and layout preferences as input to generate the high-fidelity UI design. At its core is a theme design module that clarifies implicit design intent through prompt enhancement and orchestrates sub-modules for component-level generation. Designers retain full control over inputs, intermediate results, and final prototypes, enabling flexible and targeted refinement by steering generation and directly editing outputs. Our experiments and user studies confirmed the effectiveness and usefulness of our proposed PrototypeFlow.
title Towards Human-AI Synergy in UI Design: Supporting Iterative Generation with LLMs
topic Human-Computer Interaction
H.5.2
url https://arxiv.org/abs/2412.20071