UI Remix: Supporto al Design dell'Interfaccia Utente attraverso il Recupero Interattivo e il Remix di Esempi

Abstract

La progettazione di interfacce utente (UI) è una fase cruciale nel lancio di prodotti, nella creazione di portfolio o nella personalizzazione di progetti, tuttavia gli utenti finali privi di competenze progettuali spesso faticano ad articolare le proprie intenzioni e a fidarsi delle scelte di design. Gli strumenti esistenti basati sugli esempi promuovono o un'ampia esplorazione, che può causare sovraccarico e deriva progettuale, o richiedono l'adattamento di un singolo esempio, rischiando la fissazione del design. Presentiamo UI Remix, un sistema interattivo che supporta la progettazione di UI mobili attraverso un flusso di lavoro progettuale guidato da esempi. Basato su un modello di generazione aumentata da recupero multimodale (MMRAG), UI Remix consente la ricerca iterativa, la selezione e l'adattamento di esempi sia a livello globale (intera interfaccia) che locale (componente). Per favorire la fiducia, presenta indicatori di trasparenza della fonte come valutazioni, conteggi di download e informazioni sullo sviluppatore. In uno studio empirico con 24 utenti finali, UI Remix ha migliorato significativamente la capacità dei partecipanti di raggiungere i propri obiettivi progettuali, ha facilitato un'iterazione efficace e ha incoraggiato l'esplorazione di design alternativi. I partecipanti hanno anche riferito che gli indicatori di trasparenza della fonte hanno aumentato la loro fiducia nell'adattare gli esempi. I nostri risultati suggeriscono nuove direzioni per sistemi guidati da esempi e assistiti dall'IA che consentono agli utenti finali di progettare con maggiore controllo, fiducia e apertura all'esplorazione.

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.