Design interattivo

La psicologia del web design

I progettisti spesso non prendono il tempo necessario per imparare come i principi psicologici di base possono influenzare l'esperienza che i loro visitatori hanno sui siti che costruiscono.

I principi psicologici sono considerati non necessari o troppo complicati. Ma la verità è che non sono né l'uno né l'altro.

Non ci sono molti concetti associati alla psicologia del design di base, e la maggior parte sono relativamente semplici e facili da imparare.

Sono anche semplici da implementare, anche se alcuni richiedono più attenzione e pianificazione rispetto ad altri.

Continua a leggere per saperne di più e si prega di lasciare il vostro feedback e commenti alla fine di questo post.

Lo scopo del design basato sulla psicologia

Considerare la psicologia nel processo di progettazione può avere alcuni effetti positivi sul risultato finale. Se ti concedi del tempo per riflettere su ciò che i tuoi visitatori vogliono e su come vogliono ottenerlo, allora sei già sulla strada giusta per creare un sito che attingerà alle unità psicologiche del tuo pubblico di destinazione.

Considerando la psicologia dei visitatori, probabilmente finirai con i visitatori più felici che hanno maggiori probabilità di eseguire le azioni che desideri, sia che ti contattino, acquistino il prodotto o facciano riferimento ai loro amici.

Questa è la ragione principale per prendere in considerazione la psicologia nei tuoi progetti. Vuoi renderlo più probabile che i tuoi visitatori facciano quello che vuoi.

Costruire la fiducia

Affinché i tuoi visitatori facciano ciò che vuoi che facciano, devono fidarsi di te. La fiducia non viene facilmente, specialmente in questa epoca di truffe, schemi e personaggi sgradevoli, quasi ovunque guardiamo online.

A qualcuno che sa poco di come funziona veramente Internet, sono sospettosi nei confronti di chiunque gli chieda informazioni personali, non importa quanto sia necessario o quanto sia altamente raccomandato il sito web.

Come designer, spesso trascuriamo questo dato che siamo così abituati a condurre gli affari online. Ma per i nostri clienti, e per i loro clienti, Internet può ancora essere un grosso buco nero spaventoso a cui vanno a finire le informazioni.

Con questo in mente, puoi usare la psicologia del design per rendere il tuo sito web più degno di fiducia per il visitatore medio. La creazione di un sito Web che mette a proprio agio i visitatori significa che è più probabile che si registri un account, acquisti un prodotto o comunque sia in affari con te. Questo può essere fatto attraverso una combinazione di design e linguaggio utilizzato sul sito.

Familiarità e modelli riconoscibili

Quando qualcuno atterra su una pagina all'interno di un sito web, ci sono alcune cose che si aspettano di vedere subito, praticamente indipendentemente dal tipo di sito su cui si trovano.

Se non vedono queste cose, spesso si sentono come se fossero finite in qualche strana terra desolata che non ha senso per loro (e quindi non è degna di fiducia). Le due grandi cose che la gente si aspetta sono lo scopo del sito (che potrebbe essere qualsiasi cosa, dal fornire informazioni su un determinato argomento alla vendita di un prodotto a un aspetto gradevole) e qualche forma di navigazione.

Mentre le tag line possono aiutare a discernere lo scopo, il design può integrare e rafforzare quel messaggio. Diciamo, ad esempio, che stai progettando un blog ambientale. Se il tuo progetto è tutto scuro e cupo e ha una skyline della città al tramonto nell'intestazione, non ci darà nemmeno il minimo indizio su quale sia lo scopo del sito.

D'altra parte, se si tratta di un sito pulito, dall'aspetto moderno con molti accenti verdi e dall'aspetto naturale, ciò rafforzerà il fatto che si tratta di un blog ambientale.

Oltre agli elementi che tutti si aspettano di trovare su ogni sito Web, ci sono altre cose che le persone possono aspettarsi su determinati tipi di siti o all'interno di determinati settori. Le persone si aspettano post sul blog nella prima pagina di un blog. Si aspettano prodotti sulla prima pagina di un sito di e-commerce. Si aspettano una funzione di ricerca su qualsiasi sito che sia profondo più di qualche pagina. E nella maggior parte dei casi, si aspettano una sorta di "informazioni" e una pagina di contatto.

Consistenza del marchio

Oltre agli elementi generali che la maggior parte dei visitatori si aspetta di vedere su un sito, ci sono spesso cose che i visitatori possono associare in particolare alla tua azienda. Mentre questo potrebbe non essere una preoccupazione per un nuovo business, o un business molto piccolo, è una preoccupazione per molti altri.

Pensa ai colori che usi nei materiali promozionali offline. Questi colori dovrebbero essere incorporati nel tuo sito Web in qualche modo, anche se è solo nell'immagine dell'intestazione o come colori di accento.

Lo stesso vale per il tuo logo. Se si utilizza un logo nei materiali di marketing stampati, è necessario includerlo anche sul proprio sito Web. Queste sono cose di base, ma è sorprendente il modo in cui molte aziende trascurano di mantenere la coerenza tra i loro sforzi di marketing online e offline.

Trigger psicologico

I trigger psicologici ed emozionali sono uno strumento prezioso per influenzare i visitatori nel prendere le azioni che vuoi che loro facciano. I trigger includono cose come senso di colpa e paura, ma anche un senso di appartenenza e appello ai valori delle persone.

Incorporare trigger emozionali nei tuoi progetti è più comunemente fatto attraverso la lingua sul sito stesso, con elementi grafici che fungono da sistema di supporto per quei trigger. Usa immagine e grafica che rinforzano il trigger utilizzato.

Immagini per rafforzare i concetti

Le immagini che usi sui tuoi siti possono aiutare o confondere i visitatori. Un'immagine ben scelta può mettere a proprio agio il visitatore, rendendo chiaro il tuo intento. Uno scarsamente scelto può lasciarli grattarsi la testa e sentirsi come se stessero cadendo di nuovo in quel buco nero.

Questa foto di un ippopotamo a Disney World non ha assolutamente nulla a che fare con questo post e serve solo a confondere le cose.

Le immagini astratte a volte funzionano bene, ma fai attenzione a usarle se il loro significato è vitale. A volte un'immagine astratta avrà significati diversi per persone diverse, o il significato sarà perso del tutto.

Psicologia dei colori

La psicologia del colore è uno dei temi più complessi della psicologia del design, e non qualcosa su cui approfondiremo qui. Ma i colori che usi possono avere un forte impatto su come i tuoi visitatori percepiscono il tuo sito. Assicurati che i colori selezionati rafforzino il tuo messaggio e l'immagine che desideri ritrarre.

Di seguito è riportato un elenco di base di colori e il loro significato. Naturalmente, le combinazioni di colori che usi insieme alla loro tonalità, tonalità o tono esatto avranno anche un impatto sul loro significato.

  • Rosso
    Ardente e appassionato, può rappresentare sia l'amore che la rabbia.
  • arancia
    Condivide gli attributi sia del rosso che del giallo. Associato con energia e calore. È più calmo del rosso e più allegro.
  • Giallo
    Un colore caldo e felice. Può rappresentare sia gioia che vigliaccheria.
  • verde
    Significa natura, crescita e rinnovamento. Sulla stessa linea, il verde a volte può rappresentare l'inesperienza. Il rovescio della medaglia, il verde a volte è associato con l'invidia o la gelosia.
  • Blu
    Calmante e fresco, ma troppo può essere deprimente. Spesso associato a immagini aziendali.
  • Viola porpora
    Lungo associato a regalità e ricchezza. È anche un colore spirituale e si pensa che sia creativo.
  • Nero
    Un po 'camaleontico, può essere conservatore o tagliente, tradizionale o moderno. Può essere misterioso e sexy o convenzionale e sicuro, a seconda di come viene utilizzato.
  • bianca
    Associato con purezza e innocenza. Va bene con qualsiasi altro colore.
  • Grigio
    Neutro ed equilibrato. Il grigio è conservatore e sofisticato, ma può essere visto come lunatico.
  • Marrone
    Un colore sano e concreto che denota stabilità e affidabilità.

Modelli di lettura

Le persone tendono a leggere in uno schema a "Z" su un sito Web, iniziando dalla parte superiore a sinistra e finendo nell'angolo in basso a destra del loro schermo.

Come designer, dovresti cercare di posizionare il contenuto più importante all'interno di questa area del modello di lettura. Questo è il motivo per cui molti siti includono il logo nell'angolo in alto a sinistra dell'intestazione.

Includere informazioni non essenziali all'interno di questa zona di lettura significa che i visitatori possono lasciare il sito prima di trovare ciò che stanno cercando, poiché potrebbero pensare che non sia presente sul tuo sito.

Focus di ogni pagina

Ogni pagina del tuo sito dovrebbe avere un focus. Ci dovrebbe essere uno scopo per ogni pagina, sia che lo scopo sia quello di mostrare un prodotto, raccontare la tua azienda o servire notizie recenti.

Il tuo progetto deve mettere l'accento sull'elemento focale di ogni pagina. Il focus di ogni pagina dovrebbe anche essere immediatamente evidente, in modo che i visitatori sappiano cosa stanno facendo lì. Questo può essere ottenuto attraverso gli spunti nella navigazione o attraverso un'intestazione, oltre al contenuto della pagina.

Uno dei più grandi segni di un sito amatoriale sta cercando di mettere troppe informazioni su ogni pagina. Non temere lo spazio bianco sulle tue pagine e non temere di avere uno scopo definito per ciascuna pagina del tuo sito.

Camera respiratoria

Questo ci porta al concetto di spazio bianco e respiro. Se un visitatore arriva su una pagina ingombra di oggetti immaginabili, si sentirà sopraffatto e claustrofobico.

È probabile che la pagina si senta aleatoria e caotica. Ciò lascia ai visitatori la sensazione di non sapere da dove iniziare, il che significa che potrebbero semplicemente saltare il tuo sito interamente e passare a quello in cui hanno un po 'di respiro.

Consenti allo spazio negativo del tuo sito di indirizzare i visitatori verso le aree in cui desideri che si concentrino. Combinando lo spazio vuoto e gli elementi opportunamente stilizzati e proporzionati, puoi incoraggiare i tuoi visitatori a guardare una certa cosa e compiere l'azione desiderata.

Passi per incorporare la psicologia del design

Ora che hai familiarità con ciò che la psicologia del design è e cosa significa per il web design, ti starai chiedendo come, esattamente, dovresti procedere per incorporarlo nel tuo processo di progettazione. Ecco alcune tecniche che puoi utilizzare:

Scopri chi sono i tuoi visitatori
Sapere chi sono i tuoi visitatori è un primo passo importantissimo nella progettazione di un sito che piacerà a loro. Se i tuoi visitatori sono veterani di Internet esperti di tecnologia avranno una serie di priorità diversa da quella di qualcuno che va solo online a guardare le foto dei loro nipotini. Scopri chi è il tuo target di utenti e poi individua quali trigger emozionali funzioneranno per loro.

Intervista ai tuoi utenti
Se non sei sicuro di ciò che vogliono i tuoi utenti o visitatori, prova a intervistare alcuni di loro. Trova clienti attuali o precedenti e vedi se sono disposti a rispondere ad alcune domande sul tuo sito. Quindi crea domande significative in base agli obiettivi specifici del tuo sito. Soprattutto, agisci sul consiglio che ti danno. Troppo spesso, le aziende fanno interviste o sondaggi ma non apportano mai modifiche in base a ciò che gli viene detto.

Crea una Sitemap per il tuo sito
Devi creare una mappa di ogni pagina del tuo sito in modo da assicurarti che ogni pagina abbia un solo focus. Fai una lista di tutto ciò che deve essere sul tuo sito, in primo luogo, quindi mappa su quale pagina ogni elemento dovrebbe andare (idealmente, dovrebbe essere una pagina per articolo a meno che le cose siano molto, molto strettamente correlate).

Assembla i tuoi elementi di branding
Crea una lista o crea un file con gli elementi comuni utilizzati per rappresentare il tuo marchio. Molto probabilmente, questo includerebbe un logo, una combinazione di colori e forse un particolare carattere tipografico. Quindi capire dove incorporare questi nella progettazione del tuo sito.

Fai test A / B
Anche se lo fai su base limitata, è importante capire quali elementi del sito funzionano meglio. Se non sei sicuro di cosa i tuoi visitatori sarebbero più a loro agio in una determinata pagina, testalo con due versioni per vedere quale ottiene risultati migliori.

La psicologia del design è qualcosa che ogni designer dovrebbe sforzarsi di imparare di più e incorporare nel proprio flusso di lavoro. Può essere il singolo fattore più grande in quanto sono efficaci i tuoi progetti e quanto sono felici i tuoi clienti. Non ci vuole molto tempo e non è particolarmente difficile, quindi non c'è davvero nessuna scusa per non prendere almeno alcuni di questi principi e metterli in pratica.

Altre risorse


Scritto esclusivamente per WDD da Cameron Chapman

Tieni a mente i principi psicologici quando fai il tuo lavoro di progettazione? Quali sono quelli più utilizzati nel tuo lavoro e perché?

design web design psicologia