{"id":26641,"date":"2022-08-25T10:31:48","date_gmt":"2022-08-25T08:31:48","guid":{"rendered":"https:\/\/www.makingscience.com\/?p=26641"},"modified":"2022-08-25T10:31:48","modified_gmt":"2022-08-25T08:31:48","slug":"microinterazioni-e-come-migliorare-esperienza-utenti","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/it\/blog\/microinterazioni-e-come-migliorare-esperienza-utenti\/","title":{"rendered":"Cosa sono le microinterazioni e come possono migliorare l’esperienza degli utenti"},"content":{"rendered":"

Ogni mattina metto una fetta di pane nel tostapane. Mentre tosta, ne approfitto per prepararmi un caff\u00e8. Il suono del tostapane mi avverte che \u00e8 ora di andare a prendere il pane pronto. Tuttavia, questa mattina \u00e8 successo qualcosa di diverso: il tostapane non ha inviato il segnale e i miei toast si sono bruciati. Il suono \u00e8 l’interazione che mi fa smettere di bere il caff\u00e8 e mi porta al tostapane e, se questo non avviene al momento giusto, tutto va storto.<\/span><\/p>\n

Perch\u00e9 raccontare questa storia? Perch\u00e9 la nostra vita quotidiana \u00e8 piena di microinterazioni che ci semplificano la vita, e il tuo sito web non dovrebbe essere da meno.\u00a0<\/span><\/p>\n

Che cos’\u00e8 una microinterazione?\u00a0<\/span><\/h3>\n

Le microinterazioni sono eventi che hanno lo scopo di dare un feedback all’utente<\/strong>, sia esso su un’azione che ha eseguito o sullo stato del sistema, e che viene comunicato attraverso cambiamenti visivi nell’interfaccia.\u00a0<\/span><\/p>\n

Ma una buona microinterazione dovrebbe avere un ulteriore scopo, quello di “intrattenere” l’utente<\/strong>. In altre parole, oltre a informare l’utente, l’interazione deve creare un momento che aumenti il coinvolgimento e rafforzi il marchio<\/strong>.<\/span><\/p>\n

Ecco un esempio pratico: cosa succede quando facciamo \u2018double tap\u2019, ovvero mettiamo un \u2018mi piace\u2019 a un post su Instagram? Come avrai notato, accadono due cose. Da un lato, il cuore che appare in basso a sinistra si colora per informarci che l’azione \u00e8 stata eseguita. Questa microinterazione soddisfa lo scopo principale di fornire un feedback. D’altra parte, sullo schermo appare momentaneamente una piccola animazione di un cuore sopra la foto. Questa parte della microinterazione \u00e8 ci\u00f2 che rende unica l’esperienza di dare un like su Instagram.\u00a0<\/span><\/p>\n

Perch\u00e9 le microinterazioni sono importanti?<\/span><\/h3>\n

Purtroppo, le microinterazioni vengono spesso trascurate come semplici elementi di design<\/strong>. Oggi invece elenchiamo alcuni dei motivi per cui la loro aggiunta pu\u00f2 trasformare un sito web da un sito qualunque a uno che lascia un’impronta nell’utente:\u00a0<\/span><\/p>\n

    \n
  • Migliorano la navigazione.<\/span><\/li>\n
  • Forniscono informazioni immediate e pertinenti su un’azione compiuta dall’utente.<\/span><\/li>\n
  • Facilitano l’interazione con l’utente.<\/span><\/li>\n
  • Rendono la user experience molto pi\u00f9 gratificante.<\/span><\/li>\n
  • Comunicano informazioni su determinati elementi, ad esempio se quell’elemento \u00e8 interattivo o meno.<\/span><\/li>\n
  • Incoraggiano la condivisione, il gradimento e i commenti sui contenuti.<\/span><\/li>\n
  • Infine, fanno semplicemente in modo che l’interfaccia entusiasmi l’utente.<\/span><\/li>\n<\/ul>\n

    Alcuni esempi di microinterazioni<\/span><\/h3>\n

    Scorrimento<\/b>: l’azione di scorrimento elimina il tocco sui dispositivi mobili ed \u00e8 molto pi\u00f9 interattiva e fluida. Aiuta l’utente a passare rapidamente da una scheda all’altra e a ottenere maggiori informazioni sul prodotto. Inoltre, lo swiping<\/em> \u00e8 un gesto molto comune e guida gli utenti in modo inconscio senza farli riflettere.\u00a0<\/span><\/p>\n

    Inserimento dei dati<\/b>: alcune interazioni al momento dell’inserimento dei dati mantengono gli utenti impegnati nel processo e aiutano a raggiungere l’obiettivo. Un esempio classico sono le animazioni sui requisiti e sulla forza quando si imposta una nuova password, che facilitano il percorso per l’utente.<\/span><\/p>\n

    \"\"<\/b><\/p>\n

    Stato attuale del sistema<\/b>: \u00e8 essenziale tenere l’utente informato sullo stato attuale di un sito web o di un’applicazione. Se gli utenti non sono informati, \u00e8 probabile che si sentano frustrati e abbandonino il percorso. Le microinterazioni consentono all’utente di sapere esattamente cosa sta succedendo, quanto tempo ci vorr\u00e0 per completare il processo, eccetera.\u00a0<\/span><\/p>\n

    Standby<\/b>: a volte pu\u00f2 essere utile comunicare all’utente che il sito web \u00e8 in attesa di ulteriori informazioni. Questo tipo di microinterazione incoraggia l’utente a continuare a interagire con un prodotto. Ad esempio, in iOS, quando si tiene premuta l’icona di un’applicazione sulla schermata iniziale del dispositivo, il sistema risponde scuotendo leggermente tutte le applicazioni. Questo movimento comunica che il sistema \u00e8 in attesa di un’azione successiva (ad esempio, toccare la “X” nell’angolo in alto a sinistra dell’applicazione per eliminarla o trascinare l’icona in una posizione diversa dello schermo per spostarla).<\/span><\/p>\n

    Call to action<\/b>: le microinterazioni nella CTA spingono essenzialmente l’utente a interagire con un’applicazione o un sito web. La chiamata all’azione infonde un senso di realizzazione e anche un fattore di empatia nel comportamento dell’utente e il modo migliore per far interagire l’utente con una CTA \u00e8 renderla coinvolgente per suscitare il suo interesse.\u00a0<\/span><\/p>\n

    In conclusione…<\/span><\/h3>\n

    Le microinterazioni ben progettate possono avere un grande impatto sull’esperienza dell’utente. <\/strong>Aggiungono valore, forniscono informazioni visive utili e aiutano gli utenti a evitare errori. Inoltre, le microinterazioni possono arricchire un prodotto rafforzando i valori del marchio, il che incoraggia gli utenti a scegliere un prodotto rispetto alla concorrenza. In breve, questi piccoli dettagli possono trasformare un buon prodotto in un ottimo prodotto e un utente disimpegnato in un utente impegnato.<\/strong><\/span><\/p>\n

    Per saperne di pi\u00f9 su come migliorare l’esperienza dell’utente sui tuoi canali, contattaci!<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

    Ogni mattina metto una fetta di pane nel tostapane. Mentre tosta, ne approfitto per prepararmi un caff\u00e8. Il suono del tostapane mi avverte che \u00e8 ora di andare a prendere il pane pronto. Tuttavia, questa mattina \u00e8 successo qualcosa di diverso: il tostapane non ha inviato il segnale e i miei toast si sono bruciati. […]<\/p>\n","protected":false},"author":39,"featured_media":26644,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[914],"tags":[258],"class_list":["post-26641","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-it","tag-ux-it"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/26641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/comments?post=26641"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/26641\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media\/26644"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media?parent=26641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/categories?post=26641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/tags?post=26641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}