Ui Ux Pro Max

• Devi revisionare o migliorare un'interfaccia esistente e vuoi raccomandazioni concrete e prioritizzate anziché consigli vaghi.
• Stai progettando flussi utente per workflow complessi — moduli multi-step, sequenze di onboarding o layout master-detail — e hai bisogno di un approccio strutturato.
• Vuoi costruire o verificare un design system, incluse gerarchie di componenti, regole di spaziatura, definizioni degli stati e linee guida per l'utilizzo.
• Stai implementando dettagli di rifinitura dell'UI come stati di caricamento, stati vuoti, micro-interazioni e transizioni che rendono un'interfaccia veloce e intenzionale.

• Hai bisogno di creazione di asset visivi (icone, illustrazioni, mockup o file di design pronti per la produzione) — questa skill fornisce indicazioni e pattern a livello di codice, non output grafici.
• Stai cercando un design nativo specifico per piattaforma (ad esempio, approfondimenti sulle Human Interface Guidelines di SwiftUI o librerie di componenti Android Material 3) piuttosto che principi generali di UX per web/app.

La skill applica principi fondamentali — divulgazione progressiva, cicli di feedback, prevenzione degli errori, riconoscimento anziché memorizzazione e coerenza — direttamente al tuo specifico contesto di design. Invece di teoria astratta, otterrai decisioni concrete mappate sui tuoi utenti, sul compito e sulla piattaforma.

Copre i pattern di navigazione (barra di navigazione superiore, sidebar, barra delle schede, breadcrumb, palette dei comandi), i pattern per i moduli (colonna singola, wizard, modifica inline) e i pattern per la visualizzazione dei dati (tabelle, griglie di card, liste, dashboard) con indicazioni chiare su quando ciascuno rappresenta la scelta più adatta.

Fornisce specifiche di implementazione precise per gli stati di caricamento (skeleton screen, UI ottimistica), stati vuoti, transizioni (durata, easing, valori di movimento) e micro-interazioni come il feedback alla pressione dei pulsanti, le animazioni dei toggle e gli stati di invio dei moduli.

Produce definizioni di componenti strutturate che includono gerarchie di varianti, scale dimensionali e specifiche complete degli stati (predefinito, hover, attivo, focus, disabilitato, caricamento). L'esempio del sistema di pulsanti dimostra il livello di dettaglio: valori esatti in pixel, regole di opacità e vincoli di utilizzo.

Include metodi di validazione pratici: il test dei 5 secondi per la chiarezza della pagina, il test dello strizzare gli occhi per la gerarchia visiva, il test del tasto Tab per la navigabilità da tastiera e il test degli stati di errore. Questi strumenti ti aiutano a individuare i problemi prima del rilascio.

Quando una pagina delle impostazioni risulta opprimente o disorganizzata, Ui Ux Pro Max analizza la struttura attuale, identifica i problemi di raggruppamento e di interazione, e raccomanda un layout con navigazione a barra laterale, salvataggio automatico, indicatori di modifica e controlli di ripristino per singolo campo — con pattern di componenti specifici inclusi.

Per una nuova funzionalità o prodotto, Ui Ux Pro Max progetta una sequenza di onboarding a passaggi con un'azione primaria per ogni step, indicatori di avanzamento visibili, valori predefiniti precompilati in modo intelligente, passaggi opzionali chiaramente contrassegnati e un obiettivo di tempo totale — pronto per essere consegnato al team di sviluppo.

Quando un'app presenta pulsanti o call-to-action incoerenti, Ui Ux Pro Max produce un sistema di pulsanti completo: quattro varianti semantiche (Primary, Secondary, Ghost, Destructive), tre livelli di dimensione con misure esatte e tutti gli stati di interazione richiesti con specifiche visive precise.

Usa questa skill per valutare un'interfaccia in termini di navigabilità da tastiera, anelli di focus visibili, contrasto cromatico, preferenze di movimento e supporto per screen reader — trattando l'accessibilità come un requisito UX fondamentale anziché un elemento secondario.