7 segreti per migliorare UX con microinterazioni
Sapendo che tutti noi giudichiamo un libro dalla sua copertina, i designer intelligenti creano un'interfaccia accattivante e pratica. Potenziali utenti possono essere agganciati, ma come li tiri dentro fino in fondo?
Nel tentativo di rispondere a questa domanda, tutte le strade portano a un approccio progettuale centrato sull'uomo , in cui l'utente è l'obiettivo principale. Sii umano: la tua applicazione dovrebbe parlare la stessa lingua che usiamo ogni giorno, comprese le emozioni, i discorsi a colloquio e con un pizzico di look "come-qui". Un'interfaccia dovrebbe essere il tuo buon amico, pronto a dare consigli per migliorare la tua esperienza e farti ridere.
Tende su, colpisci le luci: entrano in gioco le micro-interazioni. Per essere più precisi, si tratta di animazioni interattive che vengono con un'interfaccia per renderla più accattivante. Una buona animazione può:
- Comunicare lo stato e fornire feedback
- Migliora il senso di manipolazione diretta
- Aiuta le persone a visualizzare i risultati delle loro azioni
In UX, ciò che conta è il modo in cui gestisci gli utenti e come si sentono quando utilizzano il prodotto. Anche piccoli dettagli meritano molta attenzione. Le microinterazioni forniscono agli utenti il feedback necessario e una comprensione dei processi in corso, rendendo l'interfaccia accessibile a prescindere dalla complessità della logica alla base di ciò.
1) Mostra lo stato del sistema
Il primo principio euristico di usabilità di Jakob Nielsen afferma: mantieni il tuo utente informato su cosa sta succedendo. Gli utenti si aspettano di ottenere risposte immediatamente, ma ci sono situazioni in cui un sito ha bisogno di un po 'di tempo prima che un'azione sia completata.
Pertanto, l'interfaccia dovrebbe mantenere l'utente illuminato su ciò che sta accadendo visualizzando un grafico sullo sfondo, misurando il bitrate o riproducendo un suono. Lo stesso principio si riferisce ai trasferimenti di file: non lasciare che il tuo utente si annoi; mostra loro i progressi. Anche una notifica non così piacevole come un trasferimento fallito dovrebbe essere consegnata in un modo carino. Fai sorridere il tuo utente!
2) Evidenzia le modifiche
Spesso, per risparmiare spazio, un'app sostituirà semplicemente un pulsante con un altro quando è necessario. A volte dobbiamo mostrare le notifiche per assicurarci che l'utente lo veda. L'animazione attirerà la loro attenzione e non permetterà agli utenti di trascurare ciò che ritieni sia importante.
3) Mantieni il contesto
Nell'era degli smartphone e degli smartwatch con schermi piccoli, può essere difficile inserire molte informazioni su uno schermo. Un modo per gestirlo è mantenere una chiara navigazione tra le diverse pagine; così l'utente capisce cosa è apparso da dove, ed è in grado di tornare facilmente indietro. Ci sono molte opzioni per questo:
4) Layout non standard
Continuando con gli esempi precedenti, le micro-interazioni dovrebbero aiutare gli utenti a capire come interagire con layout non comuni senza inutili confusioni. Le foto che si spostano in avanti, i grafici a scorrimento e i caratteri rotanti sono tutte ottime opzioni:
5) Inviti all'azione
Oltre ad aiutare un utente a interagire efficacemente con un'applicazione, le micro-interazioni hanno il potere di incoraggiare gli utenti a interagire realmente: continuare a navigare, condividere contenuti o condividerli, solo perché è attraente e non vogliono andarsene:
6) Visualizza input
L'immissione dei dati è uno degli elementi più importanti di qualsiasi applicazione. I risultati di qualità ottenuti dagli utenti dipendono dall'input dei dati. Di norma, è piuttosto noioso, ma le micro-interazioni trasformano questo processo in qualcosa di speciale:
7) Rendi vivi i tutorial
E, naturalmente, le animazioni possono aiutare a educare gli utenti dopo il lancio di un'applicazione evidenziando le funzionalità di base e i controlli necessari per un ulteriore utilizzo senza intoppi.
conclusioni
Quindi, se apprezzi la tua esperienza utente, perfeziona la tua interfaccia dalla A alla Z, ravviandola con microinterazioni e animazioni. Respirerà la vita nel tuo progetto.
L'attenzione a ogni singolo dettaglio è la chiave del tuo successo rendendo l'interazione uomo-computer facile da usare.