Cos’è l’UI/UX Analyzer?
L’UI/UX Analyzer è un audit del design basato sull’AI che valuta design visivo, esperienza mobile, usabilità, accessibilità e potenziale di conversione del tuo sito. Combina controlli automatici con l’analisi visiva di Claude AI per darti raccomandazioni di design concrete.
Eseguire un’analisi UI/UX
Vai su Strumenti nella barra laterale e apri UI/UX Analyzer. Inserisci l’URL e fai clic su Analizza.
L’analisi richiede 30–60 secondi, durante i quali lo strumento:
- Cattura 4 screenshot (desktop + mobile, parte visibile + pagina intera)
- Estrae oltre 40 metadati della pagina (tipografia, colori, contrasto, aree touch, ecc.)
- Esegue 16 controlli automatici di accessibilità e mobile
- Invia gli screenshot a Claude AI per 18 valutazioni del design visivo
Capire il punteggio
Il punteggio complessivo (0–100) combina cinque categorie:
Categoria | Peso | Cosa valuta |
|---|---|---|
Design visivo | 25% | Armonia dei colori, tipografia, spaziature, coerenza del layout, qualità delle immagini |
Mobile | 20% | Layout responsive, aree touch, dimensioni dei caratteri, scorrimento orizzontale |
Usabilità | 20% | Navigazione, struttura dei titoli, moduli, footer |
Accessibilità | 20% | Contrasto dei colori, testo alternativo, navigazione da tastiera, etichette ARIA, indicatori di focus |
Conversione | 15% | Visibilità delle CTA, chiarezza della proposta di valore, segnali di fiducia, design dei moduli |
Scala di valutazione:
- Eccellente (80+): design ai vertici del settore
- Buono (60–79): design solido con margini di miglioramento
- Da migliorare (40–59): problemi rilevanti che incidono sull’esperienza utente
- Scarso (sotto 40): si consiglia un restyling profondo
Analisi basate sull’AI
L’analisi AI fornisce:
- Riepilogo: una panoramica in linguaggio naturale dei punti di forza e delle debolezze del design del tuo sito
- Miglioramenti principali: le modifiche con il maggiore impatto, ordinate in base al rapporto tra sforzo e impatto
- Valutazioni dettagliate: 18 valutazioni AI singole su design visivo, esperienza mobile e ottimizzazione delle conversioni
Controlli automatici
Accanto all’analisi AI, 16 controlli automatici verificano gli standard tecnici:
Accessibilità (8 controlli)
Rapporti di contrasto dei colori, testo alternativo delle immagini, navigazione da tastiera, etichette dei moduli, elementi landmark, attributo della lingua, indicatori di focus, dimensioni delle aree touch.
Mobile (4 controlli)
Meta tag viewport, spaziatura delle aree touch, dimensioni minime dei caratteri, assenza di scorrimento orizzontale.
Usabilità (4 controlli)
Gerarchia dei titoli, presenza del footer, usabilità dei moduli, struttura della navigazione.
Ogni controllo è contrassegnato da un’icona a forma di ingranaggio (⚙️ automatico) o di robot (🤖 AI), così puoi vedere quali valutazioni sono automatiche e quali sono generate dall’AI.
Esportare i risultati
- PDF: report pronto per la stampa tramite la funzione di stampa del browser
- Markdown: scarica un file .md per agenti AI, documentazione o da condividere con gli sviluppatori
Cronologia e nuove analisi
Le tue ultime 20 analisi vengono salvate. Consulta la cronologia per:
- Seguire i miglioramenti del design nel tempo
- Ripetere il controllo su un URL già analizzato
- Confrontare i punteggi prima e dopo un restyling
E adesso?
Serve aiuto? Scrivici a support@eurometrics.eu.
