UX Decision Card
Compila la card ogni volta che devi argomentare una scelta UX/UI — in review, in presentazione o prima di passare allo sviluppo. L'obiettivo è eliminare il "secondo me" e sostituirlo con dati, principi e fonti verificabili.
Prima della review
Valida la scelta con dati e fonti prima di presentarla al team.
Durante il design
Usa la checklist mobile e le euristiche per verificare la solidità della soluzione.
Onboarding nuovi designer
La card descrive la logica dietro ogni scelta — utile per capire come il team argomenta.
1
Contesto della decisione obbligatorio
Cosa stiamo cambiando e perché esiste questo task?
0
1
2
3
4
5
— nessuna selezionata
2
Evidenze e fonti obbligatorio
Seleziona tutte le fonti applicabili. Il Confidence Score riflette la combinazione.
✓
5/5
Dato quantitativo diretto
Peso massimo. Un'ipotesi senza dato è design fiction.
Amplitude, Clarity, MixPanel, A/B test, conversion rate, drop-off rate
✓
5/5
Dato qualitativo diretto
Osservazione diretta del comportamento utente. Equivalente ai quantitativi.
Usability test, interviste, session recording, heatmap commentata
✓
4/5
Benchmark competitor
Il pattern dominante nel settore è un segnale implicito delle aspettative utente.
Almeno 2 prodotti di riferimento nello stesso settore
✓
3/5
Principio cognitivo / percettivo
Entra quando i dati mancano. Il cognitive load è il parametro fondamentale.
Gestalt, carico cognitivo, attenzione selettiva, memoria a breve termine
✓
2/5
Euristica consolidata
Difendibile, ma non equivalente a un dato osservato.
Nielsen 10 euristiche, Laws of UX, Hick's Law, Fitts's Law, Jakob's Law
✓
2/5
Best practice di settore
Utile per standard tecnici e accessibilità. Non sufficiente da sola.
NNGroup, Baymard Institute, Apple HIG, Material Design 3, WCAG 2.2
Apri fonte ↗
3
Principio di usabilità facoltativo
Euristiche di Nielsen coinvolte dalla scelta
Nessuna euristica selezionata
✓
Visibilità stato sistema — feedback continuo
✓
Match sistema / realtà — linguaggio familiare
✓
Controllo e libertà — uscite di emergenza, undo
✓
Consistenza e standard — convenzioni piattaforma
✓
Prevenzione errori — design che evita il problema
✓
Recognition over recall — visibile > ricordare
✓
Flessibilità ed efficienza — scorciatoie per esperti
✓
Design estetico e minimale — no info irrilevante
✓
Aiuto nel riconoscere errori — messaggi chiari
✓
Help e documentazione — supporto contestuale
M
Checklist mobile first Elevia standard
Si progetta prima a 375px, poi si scala verso l'alto.
Nessun punto verificato
Target ≥ 44pt / 48dp
Apple HIG: 44×44pt · Material: 48×48dp
Controlli primari nella thumb zone
75% usa lo smartphone con una mano
Layout funziona a 375px senza overflow
Viewport minimo iPhone SE
Testo ≥ 16px e contrasto ≥ 4.5:1
Sotto 16px il browser zooma automaticamente
Funziona in portrait e landscape
Verificare su viewport reali o DevTools
Contenuto prioritario above the fold
Contenuto sotto fold = percepito come secondario
Form ottimizzati per tastiera mobile
inputmode="numeric", type="email", type="tel"
Gerarchia ridecisa, non ridimensionata
Mobile non è una versione ridotta del desktop
Feedback al tap visibile e immediato
Assenza di feedback = interfaccia percepita come rotta
Target non troppo vicini — min 8px
Target ravvicinati causano tap accidentali
1 click = ✓ ok
2 click = ✗ problema
3 click = reset
4
Soluzione proposta obbligatorio
Formato: "Se facciamo [X], allora succederà [Y], perché [Fonte/Dato]"
5
Prioritizzazione ICE facoltativo
Impact × Confidence ÷ Effort — punteggio comparabile tra decisioni diverse
Non compilato
Come funziona il calcolo ICE
Ogni dimensione si valuta da 1 a 5. Lo sforzo viene invertito (5=sforzo basso=punteggio alto). La formula pesata produce un numero da 0 a 100.
Impatto utente ×2
+
Impatto business ×2
+
Sforzo invertito ×1
+
Confidenza ×1
÷ 7 × 100
≥ 70 = Alta priorità · 40–69 = Media · < 40 = Bassa — rivaluta
Impatto atteso sull'utente
Impatto business (conv / retention)
Sforzo implementativo (1=basso)
Confidenza nei dati a supporto
—
6
Decisione finale obbligatorio
Una risposta chiara. Anticipa la critica più forte prima di portarla in review.
Nessuna decisione selezionata
Vai — implementa
Testa prima — A/B
Non ora — backlog
"Rallenta il funnel"
"Non è coerente con il brand"
"Costa troppo svilupparlo"
"Gli utenti sono abituati com'è"
"Non abbiamo dati sufficienti"
"Non è una priorità adesso"
"Lo fa già un competitor"
"È troppo rischioso"