Pensa al design del tuo sito web. Ai tuoi clienti piace? Perché lo usano? Quali emozioni evoca il logo del tuo sito web?
Le percezioni sono uniche e critiche. Sono praticamente giudizi improvvisi. Ci vogliono solo 50 microsecondi per avere un'idea di una pagina web e, a volte, solo 17 ms secondo la ricerca di Google. L'interfaccia utente del tuo sito web determina la percezione del tuo marchio, perché il 94% della percezione complessiva è guidata dal design. Oltre ad essere ben costruito, un sito web dovrebbe essere una forma di arte visiva. Dovrebbe naturalmente combinare la scienza dell'estetica e i tuoi principi aziendali.
Modello di piano di progetto di Web design
Implementa subito tutto ciò che apprendi dai nostri post sul blog di web design con il nostro modello di piano di progetto. Basta compilare ogni sezione con le informazioni del progetto per creare un brief dettagliato da cui tutti gli stakeholder possono lavorare.
Accedere al modello di piano del progetto di progettazione Web
Come dovrebbe apparire una piacevole struttura dell'interfaccia? Consideriamo la psicologia delle forme e la loro influenza sui tuoi visitatori.
Psicologia dei loghi
In che modo i clienti visualizzano le forme del logo
Dicono che il logo è il re nel design del tuo sito web. È davvero così?
Il logo è praticamente una parola che rappresenta il tuo marchio, poiché deriva dalla parola greca "logos" che significa "parola". Simile alle parole, i loghi mescolano la nostra immaginazione e i nostri sentimenti. La capacità di un logo di suscitare emozioni può avere un effetto sul modo in cui i visitatori trattano un determinato servizio, prodotto o azienda.
Un logo potente e influente può essere abbastanza semplice, ma in realtà può trasmettere più di quanto pensi. Ad esempio, "swoosh" di Nike è uno dei marchi più riconoscibili, anche se è così semplice. Ma suggerisce una forte sensazione di movimento.
Il nostro subconscio risponde in diversi modi a varie forme del logo:
Piazze = stabilità
Forme rettilinee come rettangoli e quadrati sembrano organizzate e stabili. Per molte persone, ricordano una casa che ricorda ancora piacevoli sentimenti di dolce casa. Ecco perché le persone si sentono a proprio agio e si fidano del marchio. I quadrati possono trasmettere valori come affidabilità, equilibrio e ordine.
Gli occhi umani tendono a scandire il mondo in una scatola rettangolare, così, tali forme sono inconsciamente familiari ed esteticamente piacevoli.
cerchi = armonia
Le forme circolari sembrano piene e organiche. I cerchi sono fluidi e aiutano a creare un sentimento di unità e cooperazione. La loro associazione con sicurezza e serenità li rende considerati belli. In realtà tendiamo a preferire oggetti circolari fin dalla prima infanzia. Come un esperto di scienze comportamentali, Eric Jaffe, ha affermato: "La rotondità sembra essere un piacere umano universale".
triangoli = potere
La nitidezza dei suoi angoli dà l'impressione di un logo forte e potente. Tali disegni sono frequentemente usati per le istituzioni religiose, legali o scientifiche.
I triangoli evocano anche i sentimenti di superiorità e grandezza, soprattutto perché possono ricordarci le antiche piramidi e fare riferimento a uno spazio bidimensionale. Tuttavia, possono anche suggerire conflitti e rischi, quando li inverti.
linee orizzontali = calma
Quando le linee orizzontali fanno parte degli elementi del design del logo, otteniamo un effetto calmante e tranquillo.
I suggerimenti sul layout orizzontale sono collegati con l'armoniosa vastità della terra. In realtà producono un effetto di apertura e ampie opportunità.
linee verticali = forza
Le linee verticali sono invece più aggressive, ma allo stesso tempo trasmettono professionalità. Simile ai quadrati, le linee verticali indicano l'equilibrio. Tuttavia, è strettamente correlato al significato competitivo.
Nei termini del design del logo, i verticali possono essere efficaci in settori che mirano a scopi maschili e prepotenti.
Il 50% delle aziende ammirate ha forme rettangolari, mentre il 22% ha caselle e il 20% ha cerchi.
Ora che sei consapevole dei particolari significati e delle forme di influenza psicologica, non è ancora abbastanza. Per sapere come raggiungere i tuoi clienti con il logo del tuo sito web, ci sono ancora approfondimenti più approfonditi sulla psicologia con la teoria della Gestalt, modelli a forma di F e a forma di Z, percorso di scansione e psicologia dei caratteri.
Teoria della Gestalt
Ci sono 6 diverse teorie associate alla teoria della Gestalt:
- Somiglianza
- continuazione
- Chiusura
- Prossimità
- Figura / Terra
- Simmetria e ordine
Il suddetto logo di The World Wildlife Fund è un brillante esempio del principio di chiusura della teoria della Gestalt.
La teoria afferma che l'occhio umano completa gli elementi visivi per formare un insieme che ottiene relativamente più significato. Allo stesso modo gli oggetti sagomati diventano il campo dell'immaginazione che riempie effettivamente gli spazi mancanti.
Il principio della multi-stabilità è spesso utilizzato anche da aziende famose. Si basa sulla capacità degli occhi di cogliere due cose diverse, tuttavia, con una predominanza.
Il profilo dell'elmo spartano e un giocatore di golf si fondono in un'unica immagine:
Modello a forma di F
La prevedibilità degli occhi umani ti dà la possibilità di capire come i visitatori leggeranno molto probabilmente la tua pagina. Le persone percepiscono il testo da sinistra a destra, quindi, la prima cosa che li colpisce immediatamente sarà sul lato sinistro della pagina.
Usa il seguente schema del modello a forma di F per creare accenti sulla tua pagina web:
- In primo luogo, i lettori percepiscono la pagina attraverso la scansione orizzontale della parte superiore della pagina da sinistra a destra;
- Quindi, la seconda scansione orizzontale avviene ad un livello inferiore, quindi i primi paragrafi del testo sono i più importanti;
- E infine, va verticalmente formando un modello a forma di F.
Il modello Z.
Un altro modello gerarchico della psicologia visiva, Z-Pattern, riguarda pagine che non sono centrate sul testo. La parte superiore della pagina viene scansionata come una linea orizzontale. Ecco perché, di solito i siti web hanno una barra dei menu lì. Simile al modello F, le persone presteranno attenzione agli oggetti del layout orizzontale superiore.
L'abitudine di leggere da sinistra a destra e dall'alto dà la possibilità di tracciare ulteriormente il modello. Quando i nostri occhi raggiungono la fine della prima linea orizzontale, scendono e se ne vanno. Dopo di ciò, ripetono una linea orizzontale nella parte inferiore della pagina.
Questo è il motivo per cui le call-to-action vengono solitamente inserite nell'angolo in basso a destra del sito Web se la pagina non contiene alcun testo.
Percorso di scansione
In effetti, molte persone preferiscono scansionare piuttosto che leggere. Per tutto il tempo in cui iniziamo a leggere, si verifica un percorso di scansione. È un modello naturale seguito dai nostri occhi.
Praticamente interrompiamo le frasi in saccadi (scansioni) e fissazioni (pause). In genere, i nostri occhi si spostano su una pagina per circa 7-9 lettere prima di una pausa.
Perché tutto questo è importante?
È fondamentale per la progettazione del testo (font, spazi, lunghezza della linea, ecc.) E il modo in cui le parole appariranno sull'interfaccia perché è possibile influenzare direttamente il lettore attraverso il layout.
Psicologia dei caratteri
Comprendere la psicologia dei caratteri include non solo le famiglie di caratteri e i loro significati, ma anche sapere come il nostro cervello percepisce e decifra gli spazi, le dimensioni dei caratteri e molti altri aspetti.
Caratteri familiari
Costruisci la fiducia con caratteri familiari.
Più familiari sono i tuoi visitatori con il carattere sul tuo sito web, più è probabile che si fidino di te e del tuo marchio. Ecco perché molti designer scelgono Impact o Helvetica come classici.
Puoi semplicemente perdere il tuo pubblico se vai troppo lontano con il font. È successo a Gap quando hanno cambiato il carattere del loro logo. Successivamente, a causa dell'enorme esplosione di reazione sui social media, hanno dovuto riportarlo al vecchio font.
Nuovo logo GAP rispetto al vecchio logo GAP
Ciò non richiede che tu usi gli stessi caratteri che usano i concorrenti. È possibile utilizzare caratteri simili o derivati da quelli più comuni.
Font vs gusti e odori
Abbastanza scioccante, i caratteri che usi sul tuo sito web possono influenzare molto di più del semplice senso di osservazione dei visitatori. Una designer Sarah Hyndman ha parlato di associazioni impressionanti e di come i caratteri accendono odori e sapori.
I caratteri delicati sono più adatti ai profumi, poiché le loro curve trasmettono la sensazione di fragranza e effetti duraturi.
Ad esempio, alcuni tipi di carattere possono riferirsi ai sapori degli alimenti:
Pertanto, quando si sceglie un font, non dimenticare il suo impatto anche su altri sensi.
Conclusione
Per quanto riguarda le forme, hai già la minima idea di quanto siano importanti per la tua immagine di marca. Ma per quanto riguarda altri fattori? Dovresti essere in grado di abbinare non solo le forme e i caratteri del logo, ma anche i colori appropriati. Così tanti elementi dovrebbero essere usati in coordinazione, dato che ognuno di essi contribuisce alla tua immagine agli occhi del tuo pubblico.
Non ci sono regole chiare per il tuo web design. Per quanto possa sembrare scettico, la risposta è ancora "dipende". È piuttosto frustrante perché dovresti considerare molti fattori che influenzano i tuoi visitatori. Non puoi evitare le peculiarità culturali nel design del sito web.
Nonostante la natura ambigua di un web design, la parte più essenziale è il contesto. Cioè, di cosa tratta il tuo marchio, quale scopo hai impostato e quale umore o sentimento desideri.
