Design ed esperienza
Design delle interazioni
L’interazione è dove l’interfaccia risponde: click, drag, tastiera, voce, latenza percepita. Comportamenti che rinforzano il modello mentale senza animazioni gratuite.
Checkout, editor, tool dati, conferme sensibili. Specifiche durate, curve, focus, fallback di rete.
Brand motion vs SaaS utilitario: chiarezza e performance, prefers-reduced-motion.
Portfolio di Design delle interazioni
Consegne
Catalogo pattern
Comportamento descritto.
Storyboard micro-interazioni
Sequenza o stati chiave.
Guida motion
Quando animare, reduced motion.
Matrice feedback
Toast vs inline vs modal.
Checklist tastiera e focus
Tab order, overlay.
Lottie/CSS opzionale
Asset animati riutilizzabili.
Metodologia di esecuzione
-
Inventario momenti critici
Esitazioni, undo, errori costosi.
-
Principi di feedback
Loader, skeleton, toast, modal, gerarchia interruzioni.
-
Specifica micro-interazioni
Trigger, regole, feedback, modalità touch/hover.
-
Prototipo interazione
Figma Smart Animate o video.
-
Handoff e motion token
Durate, curve, note accessibilità.
