Porta UX al livello successivo aggiungendo 'Delight'
I siti Web sono creati per eseguire una funzione e comunicare ai propri utenti. Ma oltre a questo, i siti Web possono anche essere coinvolgenti, eccitanti e persino divertenti da usare.
Aggiungere interesse visivo a un sito aiuta a sostenere il nostro impegno con esso, sia che si tratti di tipografia, grafica o fotografia. Ma credo che ci sia anche la possibilità che elementi di interazione forniscano stimoli visivi e feedback, persino delizia l'utente. In questo articolo argomenterò che aggiungere alcuni effetti per divertire, sorprendere ed emozionare i tuoi utenti può rendere migliori i tuoi siti web e le tue app e far tornare gli utenti.
Diletto
Il design del sito web è spesso un tema secco, carico del gergo UX e dei percorsi degli utenti di Information Architecture. Ma perché non dovrebbe esserci del divertimento lungo la strada? Aggiungere delizia a un sito è un ottimo modo per rendere un sito non solo più umano, ma anche rendere unico il tuo sito.
Sto per restringere la mia definizione di piacere qui dicendo che è l'aggiunta di funzionalità non richieste.
Con questo intendo che non è una parte essenziale della funzione del sito. Tuttavia, può avere un potente effetto sul modo in cui il sito viene percepito e vissuto. In effetti, direi che il modo in cui gestisci gli elementi strettamente inutili dell'interfaccia utente sono tanto importanti quanto la tipografia e altri elementi visivi, nell'impostazione del tono di un sito web.
Una interazione libera
In un articolo per Cooper Journal, Chris Noessel chiama "Una interazione libera" un modello di progettazione "che dà al software un aspetto più umano".
Parte di esso è il riconoscimento che gli esseri umani sono creature irrequiete, spesso inclini a ripetere piccole azioni. Tradizionalmente con carta e penna faremmo scarabocchiare o ritirare continuamente le penne. Ad esempio, sono un filatore di penna inveterato.
Spesso le persone trasportano questa confidenza nella navigazione web, spesso scorrendo su e giù, selezionando parti di testo o azioni ripetute.
Il modello One Free Interaction abbraccia questo innato bisogno umano di giocherellare, creando elementi interattivi che danno risultati inaspettati o piacevoli. Hai bisogno di un esempio? Prova a posizionare il cursore sopra il logo 'W' del Web Designer Deport nella parte superiore di questa pagina.
Come dice Noessel, le interazioni libere si collocano al di fuori delle prestazioni del compito, e invece siedono negli spazi intermedi. Ma sono potenti nel plasmare la nostra risposta emotiva ai siti che usiamo.
Effetti di scorrimento
Come affermato in precedenza, uno dei "fermi" più comuni scorre su e giù, quindi i siti che aggiungono interesse visivo durante lo scorrimento sono spesso deliziosi.
Il sito di una pagina per il Nizo L'app per la fotografia di Image Mechanics include i componenti della videocamera "Knolled" che si spostano mentre scorri verso il basso e verso l'esterno mentre scorri verso il basso. Se sei come me, passerai un bel po 'di tempo semplicemente scorrendo su e giù, giocando con la splendida interfaccia. (Non trattenere il respiro in attesa che l'app venga rilasciata).)
L'uso degli effetti di parallasse sullo scorrimento aggiunge gioia, creando l'illusione della profondità. amo il boy-coy sito web, dove gli effetti di scorrimento corrispondono perfettamente al tono e allo stile visivo del sito.
Sono sorpreso che non ci siano più siti web con effetti di scorrimento orizzontale, dato che lo scrolling laterale è un tema molto comune nel game design. Ma un buon esempio è il Nintendo Mario Kart sito che analizza la storia del gioco in 20 anni di console Nintendo.
Il sito polacco Mescolare aggiunge strati di elementi grafici che si alternano durante lo scorrimento, un modo high-tech per ottenere una sensazione di sketchbook low-fi.
Il re dei siti con effetti di scorrimento è probabilmente Acko . Qui, l'elemento di intestazione del sito è un oggetto di graffiti 3D animato. È il logo animato portato al livello successivo: coinvolgente, interattivo, giocoso. Ci sono persino risultati da "sbloccare" sull'interfaccia utente - sebbene la gamification sia un altro argomento.
Progettare per l'emozione
Aggiungere delizia al tuo sito aiuta a creare una connessione emotiva con un utente. Il potere dell'emozione nel design è qualcosa che stiamo solo iniziando a capire, ma aiuta a spiegare perché ci piace usare certi oggetti e avere una connessione così potente con loro. Si applica al design del prodotto fisico e al design interattivo.
Penso che una ragione forte per cui i prodotti Apple siano così apprezzati è che gli utenti diventano emotivamente legati a loro, e ci sono molti esempi di piacere sia nell'hardware che nel software Apple. So che molte persone amano lo scrolling di "rubber-band" su iOS Mobile Safari così tanto che smetteranno di fare il ping su e giù.
OK da 'molte persone' intendo me, ma Steve Jobs lo amava abbastanza da brevettarlo, e ha fatto parte del contenzioso Apple contro Samsung.
Aaron Walter, nel suo libro Progettare per l'emozione, guarda al modo in cui i siti Web di successo attirano le emozioni degli utenti impregnandoli di personalità. Aggiungere elementi che deliziano un utente è un modo molto efficace per farlo. In poche parole, preferiamo gli strumenti che ci deliziano, quindi va bene anche per gli affari.
Delight non è un trucco
Aggiungere delizia non significa aggiungere effetti intenzionali come un espediente. Gli effetti sono lì per aiutare a modellare la personalità del sito. Non devono essere giocosi o bizzarri (anche se possono essere se questa è la personalità che vuoi trasmettere), possono essere sottili e sobri se si adatta meglio al personaggio. Dare un'occhiata a pictet.com. Mi piace il modo in cui la barra di ricerca sfuma quando fai clic sul link di ricerca - impedisce al campo di testo di ricerca di essere un elemento dominante, finché non chiedi di essere. È sottile e di classe, e si adatta perfettamente al tono del sito - una società svizzera di servizi finanziari - perfettamente.
A volte gli effetti sono così sottili che potresti non notarli nemmeno. Sapevi ad esempio che il controllo del volume sul BBC iPlayer sale fino a 11? È un bel cenno a Spinal Tap.
Non esagerare
Aggiungere troppe interazioni inaspettate può essere controproducente, creando un eccessivo impatto visivo. A meno che tu non stia cercando di creare un ambiente iperkinetico simile a un gioco, troppi effetti visivi, con flip-over, pop-up, whizzbang e bizzarri bombe dappertutto comprometteranno seriamente qualsiasi coinvolgimento significativo con il contenuto. Dai un'occhiata al LEDbow sito per esempio. Tecnicamente è brillante ma non credo che comunichi efficacemente. C'è davvero troppo da fare.
Componi la gioia
Amo i siti che trattano lo schermo come un mirino o una superficie piuttosto che un visualizzatore di pagine. Strati che si muovono a velocità diverse creano profondità e interesse. Gli elementi che si spostano in posizione attirano l'attenzione su di loro.
Il movimento rende l'esperienza più immersiva, ma sii consapevole che questo tipo di interattività per se stessa non equivale a un maggiore coinvolgimento.
L'aggiunta di gioia rende i siti più umani e anche più tattili, coinvolgendo il nostro cervello-scimmia nel bisogno di fare casino e giocare mentre pensiamo e impariamo. La prossima volta che crei un sito, pensa a come creare qualcosa di unico per deliziare i tuoi utenti.
Progettate per l'emozione? Come si aggiunge gioia a un sito? Fateci sapere nei commenti.