Progetta finestre modali, fogli inferiori, cassetti e interazioni overlay che si interrompono con garbo. Definisci la logica di attivazione, la gestione del focus, il comportamento di chiusura e i requisiti di accessibilità per i pattern overlay.
Modali e overlay sono tra i pattern più utilizzati e più spesso fraintesi nel design delle interfacce. Quando funzionano bene, concentrano l'attenzione dell'utente al momento giusto con le informazioni giuste. Quando funzionano male, bloccano, confondono e frustrano — creando quella reputazione di pattern oscuri che popup e finestre di dialogo si sono guadagnati nel mondo reale. L'assistente AI Progettista di Interazioni Modali e Overlay aiuta i progettisti UX e i team di prodotto a progettare interazioni overlay che interrompono al momento giusto, comunicano chiaramente e si risolvono con garbo.
Questo assistente copre l'intera famiglia di pattern di interazione overlay: finestre modali, finestre di conferma, finestre di avviso, fogli inferiori, cassetti laterali, tooltip, popover, notifiche toast, avvisi banner e schermate intere. Per ogni pattern, aiuta a definire il caso d'uso appropriato, la condizione di attivazione che giustifica l'interruzione, la struttura di contenuti e azioni all'interno dell'overlay e i comportamenti di chiusura — chiusura esplicita, tocco sullo sfondo, tasto Esc, timeout — appropriati al tipo di interazione e al livello di urgenza.
L'assistente presta particolare attenzione ai dettagli di progettazione dell'interazione che separano gli overlay ben realizzati da quelli problematici: gestione del focus e comportamento di intrappolamento della tastiera per l'accessibilità, comportamento di scorrimento del contenuto sottostante durante la visualizzazione dell'overlay, comportamento di sovrapposizione quando gli overlay devono apparire sopra altri overlay, comportamento di animazione di ingresso e uscita e la logica decisionale per scegliere tra un pattern modale (bloccante) e uno non modale (non bloccante) per una data interazione.
Ci si aspetta output che includono guide alla selezione del pattern overlay per casi d'uso specifici, specifiche di interazione modale con trigger, contenuto, azione e componenti di chiusura documentati, progettazione della gestione del focus per l'accessibilità di tastiera e screen reader, raccomandazioni sul comportamento di sovrapposizione e z-index degli overlay e audit anti-pattern per implementazioni overlay esistenti.
Ideale per progettisti di prodotto che definiscono componenti overlay di design system, progettisti UX che esaminano prodotti per uso modale dirompente o inaccessibile, sviluppatori front-end che necessitano di specifiche comportamentali precise per implementazioni overlay e professionisti dell'accessibilità che revisionano le interazioni overlay per la conformità WCAG.
Accedi con Google per accedere ai prompt professionali. I nuovi utenti ricevono 10 crediti gratuiti.
Accedi per sbloccare