Come il sound design sta trasformando l'UX

Autore: Peter Berry
Data Della Creazione: 13 Luglio 2021
Data Di Aggiornamento: 13 Maggio 2024
Anonim
How Arduino is open-sourcing imagination | Massimo Banzi
Video: How Arduino is open-sourcing imagination | Massimo Banzi

Contenuto

Link veloci

Diversi tipi di suono
La psicologia del suono
Sfide nell'utilizzo del suono
Principali formati di file audio
Dove trovare gli effetti sonori
Librerie audio da provare

Il suono è un elemento critico quando si crea un'esperienza utente coinvolgente e avvincente. Se hai bisogno di una prova, prova a giocare al tuo gioco preferito o a guardare il tuo film preferito con il volume abbassato.

I rumori ambientali della città, le sirene lontane e il brontolio basso possono farti entrare in una scena, anche senza le immagini. I suoni creano l'atmosfera e stabiliscono il ritmo di un'esperienza interattiva. La musica migliora la suspense, aumenta l'intensità e alla fine innesca una risposta emotiva, e lo fa in modo molto più potente di quanto possa fare la grafica da sola.

In questo articolo, esploreremo il ruolo del suono nel design del web e delle app. Vedremo come il suono può migliorare un'esperienza, nonché quali sono i diversi tipi di suono, dove trovare i suoni da utilizzare nei tuoi progetti e le librerie audio che dovresti provare (puoi creare la tua libreria audio personalizzata archiviando i tuoi file audio preferiti nel cloud storage).


Per una gamma di risorse di web design, consulta le nostre guide ai migliori strumenti per la creazione di siti web e ai servizi di web hosting.

In che modo il suono può migliorare le esperienze online?

Siti coinvolgenti, come modelli di creazione di mondi, esperienze web e giochi nel mondo possono essere notevolmente migliorati da effetti sonori e spartiti musicali. I siti e le applicazioni con animazioni accattivanti, immagini dinamiche o 3D dipendono da un solido sound design. Ma anche i siti più semplici possono trarre vantaggio dal feedback degli utenti e da segnali significativi attraverso l'audio.

Nei tuoi progetti, i suoni possono far parte del sistema di ricompensa per il completamento delle attività. Ad esempio, gli effetti sonori che si attivano con il completamento di un puzzle rendono l'azione molto più soddisfacente. Un piacevole rintocco quando una barra si riempie o quando l'utente raggiunge un obiettivo specifico: funzionano tutti insieme per offrire ricompense a breve termine, mentre l'utente lavora per un obiettivo più ampio.


Il suono può fornire feedback audio, a complemento del feedback visivo. I pulsanti emettono rumore quando vengono cliccati, un metronomo che fa clic può contare prima della registrazione. I suoni possono aiutare a rafforzare che qualcosa è stato fatto come ulteriore modo per riconoscere le azioni dell'utente. Un modo per dire "sì", la tua interazione è stata ricevuta.

In alcuni casi, i suoni possono richiamare qualcosa in un paesaggio visivamente occupato. Nelle applicazioni critiche dal punto di vista temporale, possono comunicare qualcosa più velocemente di quanto potrebbero fare le sole immagini.

Le interfacce utente, sin dai primi giorni della riga di comando, hanno utilizzato effetti sonori sotto forma di semplici segnali acustici, per avvisare degli errori. E oggi, app come Twitter o Facebook utilizzano suoni ben posizionati per notifiche e avvisi. Skype utilizza l'audio per facilitare le comunicazioni.

Man mano che ci spostiamo nelle tecnologie lontano dagli schermi, le interfacce vocali e gestuali dipendono sempre più dall'input e dal feedback audio. Software di assistenza e strumenti come Alexa e Siri forniscono feedback audio alimentati da una potente intelligenza artificiale. I segnali audio e il riconoscimento vocale possono essere utilizzati anche per creare un'esperienza migliore per le persone con disabilità o difficoltà di apprendimento.


Con il supporto, la larghezza di banda e la potenza di rete sempre crescenti, ora è il momento di mettere la potenza dei suoni e della musica per lavorare nei tuoi siti e applicazioni, attraverso un solido sound design.

Quali tipi di suono ci sono?

Spartito
Immagina il tuo film preferito senza l'iconica colonna sonora. Jaws senza il minaccioso avvertimento a due accordi, Star Wars senza l'incredibile colonna sonora, guidando l'azione dal primo iconico fotogramma. La grande musica ha una sua vita; è essenziale per il successo della produzione.

Suono ambientale
Nella progettazione di film e giochi questo è anche chiamato suono asincrono. Non è sincronizzato direttamente con altre azioni, ma forma un mood bed o un paesaggio sonoro atmosferico. Cinguettio dei grilli, fuoco scoppiettante o rumori notturni della città. Loop ambientali che danno un tono all'esperienza. Di tutti i tipi di suono, questo ha la capacità più forte di trasportare inconsciamente l'utente nel mondo dell'esperienza.

Effetti sonori
Ogni interazione, risultato sbloccato e avviso può essere migliorato con effetti sonori. Possono rafforzare il tono dell'esperienza e comunicare rapidamente maggiori dettagli a un utente. Un chiaro tono di avviso potrebbe segnalare una batteria scarica, prima che l'utente noti la barra lampeggiante. Un leggero campanello o un clic soddisfacente quando si preme un pulsante può incoraggiare e rendere più piacevole un'azione. Il bell'effetto pop quando tiri giù su Twitter per aggiornare i risultati è un ottimo esempio.

Voce
Le voci fuori campo possono umanizzare un'esperienza, guidare un utente con le istruzioni e svolgere il ruolo funzionale di comunicare informazioni importanti in assenza di immagini. Ad esempio, un'app di navigazione per la guida o uno strumento didattico. Il riconoscimento del tono per accordare uno strumento o il riconoscimento vocale per ricevere comandi sono solo un paio di possibilità.

L'assistenza vocale tramite app come Alexa o Siri sta rapidamente entrando a far parte delle nostre vite, dall'utilizzo di un telefono, alla guida di un veicolo o alla creazione dell'atmosfera con un po 'di musica a casa. Il riconoscimento vocale nei siti e nelle app è in crescita e continuerà a crescere.

La psicologia del suono

I suoni sono in grado di creare reazioni potenti a livelli profondi e istintivi. Il pianto di un bambino può mettere in azione un nuovo genitore senza un pensiero cosciente, un sibilo acuto di avvertimento di un serpente può innescare l'adrenalina e ascoltare quella canzone preferita alla radio potrebbe far sorridere prima che te ne accorga.

Scienziati e pensatori hanno riflettuto sulla relazione tra suono ed emozione per migliaia di anni. La neuroscienza moderna ha scoperto incredibili intuizioni sulla relazione tra le nostre orecchie, le nostre menti e le nostre emozioni.

Nel profondo del cervello, nell'amigdala, elaboriamo i ricordi e le reazioni emotive, mentre l'ippocampo controlla il comportamento e aiuta a formare i ricordi. All'interno di questi settori primordiali della mente, le risposte vengono attivate quando sentiamo il suono. La respirazione, la frequenza cardiaca, le onde cerebrali e le secrezioni ormonali sono continuamente influenzate dall'audio in ingresso. I suoni sono associati alle esperienze e ai sentimenti ad esse collegati, sia buoni che cattivi.

La musica giusta o i suoni ambientali possono collegare istantaneamente un pubblico a una marea di sensazioni associate

Il modo in cui qualcuno si sente in un dato momento è molto spesso influenzato direttamente da ciò che sente. Le persone hanno la capacità di ricordare centinaia, se non migliaia di canzoni e voci. I suoni vengono ricordati più facilmente a causa dell'impressione che danno nella tua mente e sono anche molto più difficili da ignorare. Sentire qualcuno pronunciare il tuo nome in una stanza affollata, ma che sembra ignorare tutto il resto, è solo un esempio.

I produttori di film e videogiochi hanno capitalizzato per anni il potere psicologico del suono. Sanno come il suono può evocare emozioni. La musica o i suoni ambientali giusti possono collegare istantaneamente un pubblico a una marea di sentimenti associati. Tutti hanno la sigla del gioco o la colonna sonora del film preferita. Non appena lo ascoltano, ricordano come si sono sentiti quando l'hanno suonato o visto la prima volta. Forse è l'iconico tema di Super Mario Bros o la colonna sonora di Azeroth in World of Warcraft.

Il giusto sound design, la giusta musica, non solo possono creare l'atmosfera, ma connettersi emotivamente alle persone in un modo in cui le immagini da sole semplicemente non possono.

In che modo il suono può influenzare le emozioni?

Riflesso del tronco cerebrale
Quando si sentono suoni forti o dissonanti, segnalano un evento potenzialmente importante e urgente, facendoci reagire a livello istintivo. Notifiche, segnali acustici e sirene sono esempi.

Risposta o condizionamento appreso
Quando abbiamo sentito un suono ripetutamente in una determinata situazione, spesso può portare a un'associazione tra quel suono e la situazione. Ascoltarlo di nuovo può suscitare istantaneamente emozioni o sentimenti simili.

Contagio emotivo
Percepire le emozioni espresse da un brano musicale. Non deve sembrare triste. Riconosciamo invece che trasmette "tristezza". Il suono è così fondamentale che spesso trascende le lingue. Persone di diversa estrazione culturale spesso concordano sul fatto che un brano musicale suoni felice o triste. Ciò ha portato alcuni a definire la musica il "linguaggio delle emozioni".

Quali sono le difficoltà nell'usare il suono?

Dimensioni del download e limiti di streaming
Il suono aumenterà il peso della tua pagina. Possiamo ovviare a questo in alcuni modi. Innanzitutto, l'ottimizzazione dei suoni attraverso una buona compressione che bilancia qualità, dimensioni e bit rate. Il formato MP3 fornirà un buon equilibrio di questi fattori e gli strumenti audio ti offriranno opzioni per i livelli di compressione. Trasmetti in streaming file più grandi invece come musica e tracce ambientali. Carica FX per la riproduzione istantanea.

Intrusione inaspettata
A nessuno piace essere colto di sorpresa o avere la sensazione di non avere il controllo della propria esperienza. Offri agli utenti la possibilità di disabilitare i livelli di suono e controllo. Lascia che scelgano la loro esperienza e spesso sceglieranno di ascoltare.

Limitazioni mobili
Il mobile offre nuove sfide. Sulla maggior parte dei dispositivi mobili, l'audio non viene riprodotto fino a quando non viene attivato da un'azione dell'utente. Una soluzione semplice è avviare l'esperienza con un evento di scorrimento o clic, a cui è possibile associare l'inizio dell'audio. Inizializza in anticipo e attendi di attivare il carico e riprodurre gli eventi nel momento in cui ottieni la prima interazione.

Sovraccarico sonoro
È facile esagerare con il suono. Non tutte le azioni richiedono un effetto sonoro. I suoni dovrebbero servire a uno scopo. Usa musica ed effetti che informano o migliorano l'esperienza. Proprio come un buon designer visivo, non aver paura di tagliare. Una cosa troppo buona può essere ancora troppo.

Quali sono i principali formati di file audio?

MP3 - Un formato compresso o "con perdita di dati". I dati audio vengono compressi e ottimizzati per dimensioni e bit rate. Questo è il formato che desideri utilizzare il più spesso possibile.

WAV - Il formato contenitore WAVE è un file audio non compresso e ha in genere dimensioni molto più grandi. I file nel formato contenitore WAVE in genere terminano con l'estensione ".wav".

FLAC - Utilizza la compressione senza perdita di dati, il che significa che il silenzio non occupa spazio sui file, ma l'audio non compresso viene mantenuto. Si tratta di un file di dimensioni maggiori (inferiore a wav) e non altrettanto supportato.

Ogg Theora Vorbis - Supportato in desktop / mobile Gecko (Firefox), Chrome e Opera. Il supporto può essere aggiunto a Safari (ma non su iOS) con un componente aggiuntivo. Il formato non è supportato in IE in alcun modo.

Dove posso trovare i suoni per i miei progetti?

Freesound: un database collaborativo di suoni con licenza Creative Commons. Puoi sfogliare, scaricare e condividere suoni.

SoundJay - Libreria di suoni gratuiti che puoi utilizzare sul tuo sito web, gratuitamente e senza royalty nei tuoi progetti.

Partners in Rhyme - Musica ed effetti sonori gratuiti e royalty free.

Pond 5 - Una delle più grandi collezioni al mondo di video d'archivio royalty free e risorse creative, suoni e musica.

Premium Beat - Libreria di musica royalty free curata di alta qualità, organizzata per genere e umore.

Audio Jungle - Enorme libreria di suoni e musica royalty free a partire da $ 1.

Sound Stripe - Modello di iscrizione, per licenze illimitate per brani in una vasta libreria musicale curata.

Le migliori librerie di suoni da provare

Howler.JS
Una solida libreria audio per il Web moderno. Una solida soluzione multipiattaforma, per gestire facilmente più effetti sonori, con una buona documentazione per iniziare rapidamente. Include un'ampia gamma di supporto per file, uso di sprite audio, audio spaziale per esperienze 3D, memorizzazione automatica nella cache e non ha dipendenze.

Pizzicato.JS
Un'altra libreria JavaScript per Web Audio ben documentata. Pizzicato ha una semplice serie di metodi per creare effetti interessanti, utilizzare input audio e gestire file audio. Sono inclusi compressori, panning stereo, tremolo, riverbero, flanger e molti altri effetti, per iniziare a creare effetti fantastici fuori dal cancello.

SoundJS
Una libreria JavaScript che fornisce una semplice API e potenti funzionalità per rendere estremamente semplice il lavoro con l'audio. Progettato pensando al supporto cross-browser, ricorre con grazia all'audio HTML per un ampio supporto. Collega facilmente il caricamento dei file audio a PreloadJS. Se stai già utilizzando gli strumenti CreateJS, questa è una scelta valida.

Questo articolo è stato originariamente pubblicato sulla rivista di web design creativo Web Designer. Acquista il numero 275 o sottoscrivi.

Articoli Di Portal.
Progetta una semplice app mobile per iOS 7
Per Saperne Di Più

Progetta una semplice app mobile per iOS 7

Creeremo un progetto di applicazione iO 7 utilizzando le funzionalità più intere anti del nuovo i tema operativo mobile di Apple. IO 7 di Apple introduce un nuovo look fre co al i tema opera...
Adam Seligman sul business sociale
Per Saperne Di Più

Adam Seligman sul business sociale

.net: Internet è in continua evoluzione. u co a dovrebbero e ere veramente intonizzati gli imprenditori? COME: La principale interruzione che tiamo vedendo nel mondo degli affari in que to moment...
Facebook per aiutare a costruire il Web mobile
Per Saperne Di Più

Facebook per aiutare a costruire il Web mobile

Facebook ha annunciato piani per upportare l'evoluzione del Web mobile affrontando tre fattori chiave che coraggiano gli viluppatori dal creare app mobili. Il primo di que ti è il problema de...