UI Remix: Apoio ao Design de Interface do Usuário por meio de Recuperação e Remixagem Interativa de Exemplos
UI Remix: Supporting UI Design Through Interactive Example Retrieval and Remixing
January 26, 2026
Autores: Junling Wang, Hongyi Lan, Xiaotian Su, Mustafa Doga Dogan, April Yi Wang
cs.AI
Resumo
O design de interfaces de utilizador (IU) é uma etapa crítica no lançamento de produtos, construção de portfólios ou personalização de projetos. No entanto, utilizadores finais sem conhecimentos de design frequentemente têm dificuldade em articular a sua intenção e em confiar nas escolhas de design. As ferramentas existentes baseadas em exemplos ou promovem uma exploração ampla, o que pode causar sobrecarga e deriva de design, ou exigem a adaptação de um único exemplo, arriscando a fixação de design. Apresentamos o UI Remix, um sistema interativo que suporta o design de IU móvel através de um fluxo de trabalho de design orientado por exemplos. Alimentado por um modelo de geração aumentada por recuperação multimodal (MMRAG), o UI Remix permite a pesquisa iterativa, seleção e adaptação de exemplos tanto a nível global (interface completa) como local (componente). Para fomentar a confiança, apresenta pistas de transparência da fonte, como classificações, contagens de download e informações do desenvolvedor. Num estudo empírico com 24 utilizadores finais, o UI Remix melhorou significativamente a capacidade dos participantes em alcançar os seus objetivos de design, facilitou a iteração eficaz e incentivou a exploração de designs alternativos. Os participantes também relataram que as pistas de transparência da fonte aumentaram a sua confiança na adaptação dos exemplos. As nossas descobertas sugerem novas direções para sistemas orientados por exemplos e assistidos por IA que capacitam os utilizadores finais a projetar com maior controlo, confiança e abertura à exploração.
English
Designing user interfaces (UIs) is a critical step when launching products, building portfolios, or personalizing projects, yet end users without design expertise often struggle to articulate their intent and to trust design choices. Existing example-based tools either promote broad exploration, which can cause overwhelm and design drift, or require adapting a single example, risking design fixation. We present UI Remix, an interactive system that supports mobile UI design through an example-driven design workflow. Powered by a multimodal retrieval-augmented generation (MMRAG) model, UI Remix enables iterative search, selection, and adaptation of examples at both the global (whole interface) and local (component) level. To foster trust, it presents source transparency cues such as ratings, download counts, and developer information. In an empirical study with 24 end users, UI Remix significantly improved participants' ability to achieve their design goals, facilitated effective iteration, and encouraged exploration of alternative designs. Participants also reported that source transparency cues enhanced their confidence in adapting examples. Our findings suggest new directions for AI-assisted, example-driven systems that empower end users to design with greater control, trust, and openness to exploration.