UI Remix: Apoyo al Diseño de Interfaces de Usuario mediante Recuperación Interactiva y Remezcla de Ejemplos
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
Resumen
El diseño de interfaces de usuario (UI) es un paso crítico al lanzar productos, construir portfolios o personalizar proyectos; sin embargo, los usuarios finales sin experiencia en diseño a menudo tienen dificultades para articular su intención y confiar en las decisiones de diseño. Las herramientas existentes basadas en ejemplos promueven una exploración amplia, lo que puede causar saturación y desviación del diseño, o requieren adaptar un único ejemplo, arriesgando la fijación en el diseño. Presentamos UI Remix, un sistema interactivo que apoya el diseño de UI móviles mediante un flujo de trabajo de diseño basado en ejemplos. Impulsado por un modelo de generación aumentada por recuperación multimodal (MMRAG), UI Remix permite la búsqueda iterativa, selección y adaptación de ejemplos tanto a nivel global (interfaz completa) como local (componente). Para fomentar la confianza, presenta indicios de transparencia de la fuente, como valoraciones, recuentos de descargas e información del desarrollador. En un estudio empírico con 24 usuarios finales, UI Remix mejoró significativamente la capacidad de los participantes para lograr sus objetivos de diseño, facilitó una iteración efectiva y fomentó la exploración de diseños alternativos. Los participantes también informaron que los indicios de transparencia de la fuente aumentaron su confianza al adaptar ejemplos. Nuestros hallazgos sugieren nuevas direcciones para sistemas impulsados por IA y basados en ejemplos que empoderen a los usuarios finales para diseñar con mayor control, confianza y apertura a la exploración.
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.