Ogni volta che un utente fa qualcosa con il tuo design, viene creata un'interazione. Alcune interazioni, come i clic, passano quasi inosservati dall'utente. Ma altre interazioni includono un certo po 'di magia che rende l'utente ancora più desideroso di giocare con il design.
C'è una linea sottile tra un'interazione che ha il tocco di magia e una che può essere completamente travolgente. Le interazioni più magiche sono un po 'inaspettate, semplici, creano una risposta emotiva e rendono l'utente desideroso usarlo di nuovo.
Interazioni con Magic
La magia è una qualità che fa sembrare qualcosa rimosso dalla vita di ogni giorno, specialmente in un modo che dà gioia.Ciò che rende davvero magica un'interazione è che anticipa ciò che l'utente farà dopo. Il design si muove quasi con te? o forse solo un passo avanti a te, per fare esattamente quello che vuoi solo un secondo spillato prima ancora di aver preso quella decisione.
Per progettare questo tipo di interfaccia interattiva, è necessario conoscere i propri utenti in modo eccezionale. Dovrai studiare le loro abitudini e modelli prima di pensare alle immagini o alle interazioni. E una volta che hai quei dati, allora puoi fare un brainstorming su come creare queste connessioni.
Quindi, cosa rende magica un'interazione? Come lo definisci? La descrizione migliore proviene da un documento accademico, Interazioni magiche con informazioni per ragionamento visivo:
Alcuni esempi includono:
- Fare clic e trascinare un disegno di un personaggio dei cartoni animati che risponde "intelligentemente" cambiando la sua posa in risposta diretta all'input dell'utente, comprendendo come muoversi come per magia;
- Esplorazione dei dati video facendo clic direttamente sui personaggi nel video anziché utilizzare un dispositivo di scorrimento;
- Bumping dispositivi mobili per trasferire file; e
- Selezione di nuvole di punti 3D semplicemente disegnando un lazo 2D.
Tutte queste interazioni hanno "il potere di influenzare apparentemente il corso degli eventi usando forze misteriose o soprannaturali" e "una qualità che fa sembrare qualcosa rimosso dalla vita di tutti i giorni, specialmente in un modo che dà gioia" - due proprietà prese direttamente dal definizione della parola magia.
Animazione intelligente
Le animazioni sono ovunque. Sembra quasi che ogni sito web abbia qualcosa in movimento incorporato, sia che si tratti di un video clip o di un effetto hover o di un caricamento del divot. Questo movimento ha un senso. Il movimento attira naturalmente l'attenzione e offre un momento di coinvolgimento che può anche servire da distrazione mentre il sito carica completamente o lavora in background.
Un tipo di interazione intelligente potrebbe essere una foto in movimento o un cinemagraph. Questa tecnica mescola l'azione ferma e l'azione dal vivo con movimenti o movimenti sottili in modo tale che gli utenti desiderino approfondire il design. (Puoi saperne di più sulla tendenza nel nostro post su foto che prendono vita.)
Le animazioni più intelligenti sono più che semplici movimenti: l'utente vuole fare qualcosa e scopre che è effettivamente funzionale. Questo tipo di interazione sta cominciando ad accadere frequentemente per l'e-commerce, dove gli utenti vogliono l'esperienza di vedere o "tenere"? un prodotto da ogni angolazione. Qantas Airlines, sopra, sta facendo la stessa cosa con un design di un sito web che consente agli utenti di vedere all'interno dei loro aerei e guardare le opzioni dei posti a sedere e altro ancora. (Vai a cliccare su questo sito web, rimarrai sorpreso da tutte le cose che puoi vedere ,? e sembra molto reale.)
Clickability diretto
Troppo spesso atterri su un sito web e gli elementi su cui fai clic non fanno nulla. Con un maggiore clic diretto, più elementi sono oggetti che portano a nuovi elementi e così via per creare una rete di clic e collegamenti e percorsi che l'utente può intraprendere. Il flusso ha una qualità perfetta che rende queste interazioni click desiderabili.
Non ci sono ancora abbastanza di queste interazioni, ma quando lo trovi è molto divertente. Il sito web del film, Sing, è un grande esempio. (È necessario fare clic intorno.) Ogni elemento è progettato per rendere il sito web come un'estensione interattiva del film. Puoi cliccare praticamente su qualsiasi cosa e qualcosa accadrà. Combinalo con l'aspetto dei cartoni animati e ti sembra davvero magico.
Urti e Haptics
Mentre gli accademici amavano la magia del "pancione" ,? più utenti amano la magia delle aptiche. Può facilitare le interazioni con l'orologio - non mi manca mai una chiamata - per giocare a un gioco che si sente più intuitivo grazie al movimento. I dossi possono essere reali o percepiti, come nel gioco Konterball, a seconda del tipo di dispositivo.
In molti di questi casi, il web design del desktop utilizza il movimento percepito dagli utenti, ma su telefoni o orologi o dispositivi VR c'è un elemento tattile.
Il web design, che è stato virtualmente virtuale fino a questo punto, si sta facendo vivo con interazioni tattili. Aspettatevi più interfacce che si toccano e il circuito di feedback è chiuso con una risposta fisica dal dispositivo.
Prospettiva dimensionale
Le linee tra le dimensioni stanno iniziando a sfocare. Mentre gli schermi sono un paesaggio bidimensionale, più progetti creano mondi tridimensionali. Gli utenti agiscono comunque con movimenti 2D. È un concetto strano e quasi strabiliante.
Ma poi intatto con il sito web in questo modo.
Vedrai la magia.
Campo Alle Comete, sopra, racconta una storia magica, in sostanza, ma anche interattività. Trascina il mouse in linea retta sullo schermo per vedere il mondo cambiare e muoversi. E non sembrano esserci regole. Il movimento avviene nella direzione e nella velocità che scegli. La parte migliore di questa esperienza fiabesca? È probabile che tu clicchi e giochi per diversi minuti prima che tu ti renda conto di ciò che il sito sta cercando di mostrare. (È per il vino.)
Conclusione
Quindi, cosa rende magica un'interazione? Deve essere anticipatorio e fare solo ciò che l'utente desidera nel modo in cui l'utente vuole che accada.Dovrebbe essere interessante e solo un po 'diverso. E deve essere abbastanza semplice da non creare confusione.
Infine, la vera magia si verifica quando l'utente risponde ad essa con un sorriso o una sensazione di gioia o soddisfazione. La magia è un legame umano, senza quella sensazione da parte degli utenti, è solo un altro trucco di design.