Psicologia del design: modellare la tua immagine online

Abbiamo trattato a fondo l'importanza del colore nelle due puntate precedenti della nostra serie sulla psicologia del design. La scelta del colore, tuttavia, è solo una parte della lotta contro il cattivo design.

Sia che tu stia creando un motivo di sfondo per un nuovo web design o che tu stia ideando la confezione di un nuovo prodotto, alla fine dovrai mettere la matita su carta e iniziare a disegnare. Indipendentemente dalla forma che inizi a formare, avrà un effetto potente sui tuoi spettatori.

Continua a leggere per saperne di più sulle associazioni comuni che i tuoi clienti creeranno tra le forme che scegli e ciò che dicono del tuo marchio in generale. Inoltre, guarda alcuni esempi reali di come queste forme sono state utilizzate in progetti di ogni tipo!

• Linee
• Cerchi e ovali
• triangoli
• Quadrilateri
• Poligoni
• Forme astratte

Linee dritte e curve

Quando si tratta di lavorare in linea, dovrai davvero rimorchiare la linea tra spigoloso e sinuoso. Le linee possono essere la forma di base che genera tutte le opere d'arte, ma i loghi e i web design che fanno molto affidamento sul disegno al tratto sono tutt'altro che semplici.

In genere, gli esseri umani preferiscono le linee curve rispetto alle linee rette. Questo può essere attribuito alla neurofisiologia del sistema visivo. Anche i neonati i cui occhi non sono completamente formati focalizzeranno la loro attenzione più a lungo sulle forme curve che sulle linee taglienti e spigolose.

Tuttavia, le curve non aumenteranno necessariamente la quantità di tempo in cui un utente focalizzerà la propria attenzione sul tuo progetto. In effetti, è più probabile che gli angoli acuti catturino la rapida attenzione dei tuoi utenti. Dove le curve connotano morbidezza e complessità, linee e angoli taglienti connotano serietà e semplicità.

Gli studi hanno dimostrato che gli oggetti spigolosi possono innescare un senso di minaccia. È stato dimostrato che la nitidezza delle forme aumenta l'attività nell'amigdala, che è l'area del cervello che elabora la paura. Per questo motivo, gli angoli acuti spesso richiedono l'attenzione del pubblico e attirano l'attenzione più rapidamente rispetto alle loro controparti curve.

Puoi utilizzare questi modelli di risposta umana naturale per creare progetti che facciano provare qualcosa al tuo pubblico. Per marchi divertenti e spensierati, le linee curve possono aiutarti a spezzare blocchi di testo sui siti e creare un senso di fantasia. Per i personaggi più seri del marchio, tuttavia, gli angoli acuti e le linee rette contribuiranno a portare a casa un senso di gravità.

Lo studio creativo The Inlay utilizza linee rette e un design minimalista per attirare l'attenzione mentre scorri le pagine, ma evita di abusare degli angoli acuti che potrebbero innescare risposte negative.

La società di consulenza tecnologica Affinity, tuttavia, utilizza un linguaggio orientato alle relazioni in tutto il proprio sito web. Il loro logo a freccia arrotondata e le forme curve in tutto il design sembrano molto più accessibili rispetto alle immagini tradizionali e più rigide utilizzate nello spazio tecnologico.

Cerchi e ovali

Se stai chiamando qualcuno un quadrato, probabilmente stai insinuando che sono noiosi. Il contrario, quindi, significherebbe che i cerchi connotano divertimento, giovinezza e mentalità spensierata. Ha senso che, poiché è stato dimostrato che l'attenzione dei bambini si mantiene più a lungo per le linee curve, tendono anche a preferire i giocattoli circolari.

L'apertura e l'unione vengono in mente quando i tuoi spettatori guardano un cerchio. Le forme rotonde possono anche connotare sentimenti di comunità o protezione, come essere al sicuro nella propria bolla o anche un bel abbraccio. Altre caratteristiche dei cerchi possono includere amicizia, calore, femminilità e rinascita (pensa: il cerchio della vita).

Dal punto di vista del nome, il campanello Ring ha attinto ai sensi degli utenti. Uditivamente, puoi immaginare che il campanello "suoni" mentre visivamente, il "suono" immaginario è legato sia al loro logo che al modo in cui è progettato l'hardware fisico.

The Circle, un reality show di Netflix, è un altro luogo in cui il marchio circolare ha più senso. La premessa è che un gruppo di persone che possono o meno dire la verità sulla propria identità cercano di guadagnare popolarità tra i loro coetanei solo attraverso una piattaforma di social media chiamata The Circle. L'obiettivo? Resta all'interno della comunità, resta nel Cerchio.

triangoli

Accelerazione, movimento ed equilibrio, i triangoli illustrano facilmente l'attività. Sono forme energiche e potenti che possono evocare una serie di emozioni dall'eccitazione alla cautela.

I triangoli hanno un impatto e il modo in cui sono diretti è cruciale, perché la direzione cambierà il loro significato nella mente del consumatore. Ad esempio, un triangolo rivolto verso l'alto può mostrare forza, ma se ruotato anche leggermente di traverso, può mostrare instabilità. Ma più triangoli in tutte le diverse direzioni possono dimostrare divertimento o eccitazione, come i coriandoli!

Il pulsante di riproduzione sul tuo servizio di streaming video o musicale preferito è molto probabilmente solo un triangolo che punta a destra. Assomiglia a una freccia che indica il movimento in avanti, in contrasto con le due linee rette che indicherebbero una pausa (una "rottura" letterale tra due linee rette).

HGTV utilizza anche il design triangolare in modo intelligente. Il triangolo isoscele si trova nella parte superiore del loro marchio denominativo, un modo chiaro ma semplice per illustrare il tetto di una casa. La "V" all'altra estremità del logo fa un grande contrappeso mentre punta verso il basso.

Quadrilateri

I quadrilateri includono qualsiasi forma a quattro lati. Quadrati e rettangoli sono gli esempi più comuni, ma qui sono inclusi anche trapezi, diamanti e altri ancora. Quadrati e rettangoli sono spesso simboli di stabilità e fermezza, conformità o semplicità. I loro angoli retti suggeriscono visivamente razionalità, ordine e struttura.

Quadrati e rettangoli sono spesso usati da marchi che vogliono apparire semplici o pragmatici. Da National Geographic a LinkedIn a Dominos, quadrati e rettangoli sono comuni, soprattutto per i loghi, in un'ampia gamma di settori.

Anche altri tipi di quadrilateri trasmetteranno quelle sensazioni di regolarità, ma con un tocco visivo contemporaneo più all'avanguardia. I diamanti possono essere usati per trasmettere prodotti di lusso o di fascia alta a causa della nostra associazione inconscia tra la forma e la gemma. Quadrilateri come aquiloni e rombi sono ottimi per suggerire un livello di stabilità senza ricorrere a schemi abusati.

Il web designer australiano Mokthar Saghafi utilizza una forma a parallelogramma per il motivo geometrico del suo sito web. Le figure quadrilatere sono ordinatamente impilate, suggerendo la stabilità solitamente connotata dalle forme quadrilatere. Impostandoli leggermente fuori posto come un rombo invece di un vero rettangolo, tuttavia, aggiunge un altro livello di interesse visivo.

Sebbene i Lego possano non sembrare concreti o conformi, sono certamente stabili: in quale altro modo costruiresti con loro? Il loro logo quadrato è anche un richiamo visivo al loro prodotto. Sembra molto simile a un mattoncino Lego quadrato con quattro borchie.

Pentagoni, esagoni e ottagoni

In matematica e design, questo insieme di forme è noto come "poligoni". Poligono è un termine generico usato per descrivere qualsiasi forma geometrica 2D, ma di solito è riservato a quelle con 5 o più lati.

In natura queste forme si trovano ovunque, dai favi ai modelli di conchiglie, ai cristalli e alle formazioni rocciose. Nel web design, tuttavia, vengono utilizzati meno frequentemente. Questa può essere una buona cosa per i tuoi clienti, perché ti aiuterà a distinguerti dalle tendenze del design più comuni!

Complessi e futuristici, i poligoni sono spesso usati per creare un'aura moderna, contemporanea ma ben strutturata. Tuttavia, alcuni poligoni sono comunemente usati nelle industrie di nicchia. Ad esempio, le aziende di produzione e riparazione di automobili e macchinari utilizzano spesso esagoni e ottagoni nel design poiché assomigliano alla testa di un bullone.

Il layout esagonale utilizzato dall'agenzia di web design britannica Built By Buffalo è un ottimo modo per mostrare molti esempi del loro lavoro in anticipo senza sovraccaricare la loro home page. Viene quindi utilizzato in tutto il sito Web per mostrare i colpi alla testa della squadra, mostrare divertenti foto dell'ufficio e richiamare informazioni importanti.

Il Pentagono è uno degli edifici più riconoscibili al mondo ed è giustamente chiamato per la sua struttura a cinque lati. Un ottimo esempio di utilizzo dei poligoni per la progettazione architettonica, l'edificio stesso trasmette stoicismo e stabilità

Forme astratte

Ci sono alcune altre forme geometriche e astratte che vengono comunemente utilizzate nei progetti web e di prodotto, nelle promozioni e negli sforzi di branding. Diamo una rapida panoramica di alcune di quelle forme popolari e dei loro significati.

Blob

I blob sono spesso forme caratterizzate come divertenti o sciocche. Il famoso "effetto bouba/kiki" ha dimostrato che gli individui di tutte le culture e sistemi di scrittura attribuiscono la parola senza senso "bouba" a forme blob, mentre "kiki" è associato a forme astratte appuntite.  

Quando scegli di utilizzare forme astratte nitide con bordi appuntiti, attirerai rapidamente l'attenzione del tuo spettatore. Con forme più rotonde, invece, li farai sentire più comodi e giocosi.

Lo studio di progettazione WordPress personalizzato con sede a Brooklyn Buzzworthy utilizza molte forme di blob e animazioni di transizione bulbose per mostrare il loro stile divertente e funky.

Croci

Spesso utilizzate per mostrare spiritualità e guarigione, connessione o equilibrio, le croci appaiono sempre nel web design. È il modo più comune per connotare visivamente un incontro o una connessione tra due cose. Un altro uso comune per una croce nel design è come segno "più", a indicare che puoi aggiungere qualcosa a un carrello o espandere per ulteriori informazioni.

Nei loghi, le croci sono tipicamente riservate alle organizzazioni religiose a causa dei loro forti legami religiosi, ma anche altri usi più agnostici della forma hanno avuto successo.

La Croce Rossa americana è una delle organizzazioni più importanti per utilizzare le immagini incrociate. Il loro lavoro si trova all'intersezione tra individui che hanno bisogno di aiuto e individui che possono aiutare durante o dopo un disastro. Il logo della Croce Rossa li colloca all'intersezione di queste due cose, alludendo anche visivamente alla guarigione e alla salute.

Spirali

Le spirali connotano movimento e progressione. Spirali e anelli arrotondati spesso illustrano la perfezione, la bellezza e l'evoluzione. Se la tua spirale è più appuntita, come un movimento a zigzag, è più probabile che trasmetta un perno, un cambiamento o una nuova direzione che viene presa da un prodotto, un'azienda o un servizio.

Anche la direzione della tua spirale avrà molto a che fare con il modo in cui viene percepita, specialmente se prevedi di animarla. L'ultima cosa che vuoi è provare a trasmettere sviluppo, crescita o creatività e finire per mandare i tuoi utenti in una spirale discendente. Come con la maggior parte delle cose, trasmetti un movimento positivo facendo muovere le tue spirali verso l'alto e verso destra quando possibile.

Rally, uno studio di prodotti digitali di Salt Lake City, UT, utilizza una semplice spirale su sfondo bianco per l'intero sito. I colori cangianti e il movimento dinamico della spirale mantengono gli spettatori visivamente interessati e creano un'esperienza utente coerente.

Forme organiche

Le forme organiche includono foglie, rami, radici, onde, stelle, nuvole e altro ancora. Dove forme geometriche possono essere utilizzate insieme per creare immagini (esempio: un quadrato con un triangolo in cima diventa una semplice casa), forme organiche tipicamente autonome come un'immagine a sé stante.

Queste forme saranno tipicamente irregolari o asimmetriche (ma non sempre) e avranno in qualche modo un'associazione con il mondo naturale. L'idea della "nuvola" è un uso perfetto di immagini organiche.

L'idea dell'archiviazione "cloud" lega qualcosa di molto inebriante e tecnico - un "luogo" intangibile che contiene informazioni - e lo lega al mondo naturale, rendendolo più accessibile per i novizi della tecnologia. SoundCloud, ad esempio, è un sito di condivisione di musica su cui gli utenti possono caricare file audio e condividerli con una crescente comunità di amanti della musica in tutto il mondo.

La mente dietro il design

Come sempre, queste non sono regole ferree. Usa più forme, spessori di linea e allineamenti all'interno del tuo progetto per creare interesse visivo. Usare più elementi insieme ti permetterà di raccontare una storia che i tuoi lettori potranno vedere con i loro occhi e sentire nelle loro viscere.

Il centro risorse WP Engine è la tua fonte di informazioni su tutto ciò che riguarda il design e la nostra serie Psychology of Design si occupa dell'utilizzo degli elementi fondamentali del design per attirare i clienti con un marchio ben pianificato.

Leggi le parti uno e due per approfondire i significati del colore e come usarli nella tua narrazione visiva. Quindi, fai attenzione alla quarta parte che esaminerà l'importanza del tuo carattere tipografico, posizionamento del contenuto e scelta delle parole.