Migliori Prompt AI per Design e UX

Agisci come senior product designer ed esamina questo design di interfaccia (UI): [descrivi la schermata o incolla una descrizione/screenshot] Valuta: gerarchia visiva, spaziature, tipografia, uso del colore e coerenza complessiva. Sii specifico su cosa migliorare e perché.

Esegui un audit di accessibilità su questa interfaccia in conformità alle linee guida WCAG 2.1 AA: [descrivi l'interfaccia o elencane i componenti] Verifica: contrasto cromatico, navigazione da tastiera, stati di focus, compatibilità con screen reader, dimensioni delle aree di tocco (touch target) e corretto utilizzo degli attributi ARIA. Elenca i problemi rilevati ordinati per gravità.

Revisiona questo design UI per verificarne la responsività su dispositivi mobili: [descrivi il layout o elenca i componenti] Individua: elementi che non scalano correttamente, aree cliccabili/touch troppo piccole, contenuti soggetti a overflow e problemi di spaziatura su schermi ridotti. Suggerisci correzioni puntuali.

Analizza la gerarchia visiva di questa interfaccia: [descrivi il layout della schermata e i relativi elementi] Identifica: dove si posa per primo lo sguardo dell'utente, se la gerarchia visiva rispecchia l'obiettivo d'uso prefissato e quali modifiche migliorerebbero la scansionabilità e la comprensione immediata della schermata.

Scrivi una traccia per interviste utente per approfondire [argomento o funzionalità, es. 'come le persone gestiscono le proprie finanze personali']. Includi: 3 domande introduttive (warm-up), 8–10 domande centrali e 2 domande conclusive di chiusura. Formula domande aperte evitando di influenzare o guidare le risposte dell'intervistato.

Crea una user persona realistica per [prodotto o funzionalità]. Utente target: [descrivi a grandi linee, es. 'graphic designer freelance, 28–40 anni'] Includi: nome, età, occupazione, obiettivi, frustrazioni/pain point, comportamenti chiave e una citazione rappresentativa. Rendila credibile e direttamente utilizzabile dal team di progetto.

Scrivi uno script per un test di usabilità relativo a [funzionalità o flusso, es. 'il flusso di checkout']. Includi: introduzione del moderatore, informativa sul consenso, 4–6 scenari di attività contestualizzati e domande di approfondimento da porre al termine di ogni compito. Evita di svelare o suggerire il percorso corretto.

Progetta un sondaggio per raccogliere feedback dagli utenti su [funzionalità, es. 'il nostro nuovo flusso di onboarding']. Includi: 1 domanda NPS o CSAT, 4–6 domande a scala di valutazione o a scelta multipla e 2 domande aperte. Assicurati che sia compilabile in meno di 3 minuti e suggerisci l'ordine ottimale delle domande.

Proponi una convenzione di naming per i componenti UI del nostro design system. Contesto: [es. 'Utilizziamo React e Figma e disponiamo di una combinazione di componenti atomici e composti'] Tratta: nomi dei componenti, denominazione delle varianti, convenzioni per le proprietà (props) e organizzazione di file e livelli in Figma. Fornisci esempi pratici per Button, Modal e Form Field.

Scrivi una documentazione chiara e completa per questo componente UI: Componente: [nome del componente, es. 'Notifica Toast'] Prop/varianti: [elencale] Contesto d'uso: [dove viene utilizzato] Includi: descrizione generale, quando utilizzarlo e quando evitarlo, tabella delle props, note sull'accessibilità ed esempio pratico di implementazione.

Proponi una struttura per i design token di [nome del prodotto o del design system]. Colori del brand: [elenca i colori principali] Tipografia: [elenca i font o la scala tipografica] Contesto: [es. applicazione web, app mobile o entrambi] Organizza i token per: colore, tipografia, spaziature, raggio dei bordi, ombre e animazioni (motion). Mostra sia esempi di token primitivi sia di token semantici.

Aiutami a revisionare la nostra libreria di componenti e pattern per individuare incoerenze. Ecco l'elenco dei nostri componenti e delle relative varianti attuali: [incolla l'elenco dei componenti] Identifica: pattern duplicati che assolvono al medesimo scopo, incongruenze nei nomi, componenti riutilizzabili mancanti ed elementi eccessivamente specifici che ostacolano il riutilizzo.

Traccia il flusso utente per [funzionalità, es. 'reimpostazione della password']. Obiettivo dell'utente: [descrivi cosa desidera ottenere l'utente] Punto di ingresso: [da dove inizia il percorso l'utente] Elenca ciascun passaggio compiuto dall'utente, i bivi decisionali e i percorsi alternativi in caso di errore o casi limite. Formatta il tutto come un flusso numerato comprensivo di diramazioni ove necessario.

Proponi l'architettura dell'informazione per [sezione dell'applicazione, es. 'l'area impostazioni di una dashboard SaaS']. Tipologie di utenti: [elencale se multiple] Task principali svolti dagli utenti: [elenca 4–6 task] Suggerisci una struttura di navigazione con sezioni di primo livello, sottosezioni, contenuti e azioni disponibili all'interno di ciascuna. Motiva i criteri di raggruppamento adottati.

Proponi un'architettura di navigazione per [prodotto, es. 'uno strumento di project management B2B']. Funzionalità chiave: [elenca le funzionalità principali] Ruoli utente: [elenca i profili utente, se applicabile] Consiglia: voci di navigazione primaria, navigazione secondaria e gestione degli accessi differenziati per ruolo. Considera pattern adatti sia alla barra laterale su desktop sia alla barra di navigazione inferiore su mobile.

Progetta un percorso di onboarding per [prodotto, es. 'un'app mobile per il monitoraggio delle abitudini']. Obiettivo del nuovo utente: [cosa deve completare per percepire il primo valore] Passaggi di configurazione obbligatori: [elenca le azioni minime necessarie, es. 'creare la prima abitudine'] Proponi: sequenza delle schermate, informazioni da richiedere subito vs. da rimandare, indicatori di avanzamento e gestione delle opzioni 'salta' o 'completa più tardi'. Riduci al minimo il tempo necessario per sperimentare il primo valore (time-to-value).

Scrivi messaggi di errore chiari e orientati all'utente per i seguenti scenari: [elenca gli scenari di errore, es. 'formato email non valido', 'file troppo pesante', 'sessione scaduta'] Per ciascuno scrivi: titolo dell'errore, spiegazione semplice di cosa è andato storto e l'azione concreta che l'utente deve compiere per risolvere. Tono: [es. amichevole, professionale, essenziale].

Scrivi testi per schermate vuote (empty state) per i seguenti stati dell'interfaccia: [elenca gli stati, es. 'nessun risultato di ricerca trovato', 'nessuna notifica presente', 'nessun file caricato'] Per ciascuno fornisci: un titolo, una spiegazione di 1–2 frasi e una Call to Action (CTA) se appropriata. Tono: [es. incoraggiante, neutro, informale]. Evita formule banali o riempitive come 'Niente da vedere qui'.

Scrivi varianti di etichette per pulsanti e CTA per [azione o funzionalità, es. 'attivazione della prova gratuita']. Contesto: [dove compare il pulsante, es. 'pagina dei prezzi', 'empty state', 'intestazione di una modale'] Tono: [es. diretto, focalizzato sul beneficio, a basso attrito] Fornisci 6–8 opzioni classificate dalla più assertiva alla più discreta. Illustra i pro e i contro di ciascuna formulazione.

Scrivi tooltip e testi di supporto contestuale (helper text) per questi elementi di interfaccia: [elenca gli elementi, es. 'campo chiave API', 'selettore ciclo di fatturazione', 'impostazione frequenza notifiche'] Per ciascuno scrivi: un tooltip sintetico (sotto le 15 parole) e un testo di aiuto opzionale più esteso per l'integrazione inline. Privilegia sempre la chiarezza rispetto all'originalità fine a se stessa.

Aiutami a scrivere una motivazione chiara e solida per questa scelta di design: Decisione: [descrivi la decisione presa, es. 'Siamo passati da un layout a schede a una pagina unica scorrevole'] Contesto: [quale problema risolve o quali dati/insight hanno guidato la scelta] Alternative valutate: [elencane 1–2] Scrivi una spiegazione concisa da condividere con gli stakeholder che tratti: il problema, la decisione adottata, le motivazioni per cui è la soluzione migliore e gli eventuali compromessi accettati.

Crea una scaletta per una presentazione di design review per [nome della funzionalità o del progetto]. Destinatari: [es. 'team di prodotto + responsabili ingegneria'] Obiettivo della sessione: [es. 'ottenere l'approvazione finale prima dell'handoff' oppure 'raccogliere feedback sulla direzione concettuale'] Fase del progetto: [es. 'concept iniziale', 'mockup avanzati', 'design definitivi'] Includi: sezioni suggerite, contenuti da illustrare per ciascuna, allocazione dei tempi e come orientare e circoscrivere la richiesta di feedback.

Scrivi una narrazione per illustrare un confronto prima/dopo di questa riprogettazione: Prima: [descrivi il design precedente e le sue criticità] Dopo: [descrivi il nuovo design e le modifiche apportate] Metriche o feedback degli utenti (se disponibili): [incolla se presenti] Scrivi una storia sintetica utilizzabile in un case study o in un aggiornamento per gli stakeholder, che metta in luce il problema iniziale, l'intuizione che ha guidato il cambiamento e l'impatto finale generato.

Aiutami a sintetizzare ed elaborare questi feedback raccolti dagli stakeholder durante una design review: [incolla note grezze o commenti ricevuti] Organizza il tutto per: temi ricorrenti, richieste specifiche immediatamente attuabili, aspetti che necessitano di chiarimento ed eventuali indicazioni tra loro contrastanti. Evidenzia gli elementi che si pongono in contrasto con le evidenze emerse dalla ricerca utente o con i principi fondamentali di design.