Come mantenere l'attenzione di Susan Weinshank. 100 principi fondamentali del design. Come mantenere l'attenzione Susan Weinshank 100 principi chiave di progettazione

Susan Weinshank

100 principi fondamentali del design

In memoria di Miles e Janet Schwartz. Peccato che tu non possa leggere questo libro.

Grazie

Un enorme grazie a tutto il mio fantastico team di Peachpit, in particolare al mio editore Jeff Riley, con cui ho inviato e-mail quotidianamente. Grazie a Michael Nolan per avermi aiutato a scrivere questo libro. Grazie a Guthrie Weinschenk per le foto, Maisie Weinschenk per le grandi idee, Peter Weinschenk per il supporto e la pazienza. E grazie a tutti coloro che leggono il mio blog, vengono alle mie presentazioni e in genere mi ascoltano quando parlo di psicologia. Esprimi idee, opinioni preziose e quindi continuo a scrivere di psicologia e design.

Psicologia del progetto

Che tu stia costruendo un sito Web, attrezzature mediche o qualsiasi altro prodotto, il tuo pubblico di destinazione è composto da persone che meritano un buon design.

E la tua responsabilità diretta è conoscere bene il tuo pubblico di destinazione.

Come pensano le persone? Come prendono le decisioni? Cosa spinge una persona a fare clic su un pulsante o a comprare qualcosa? Come convincere le persone a fare quello che vuoi?

Imparerai tutto questo da questo libro. Imparerai come attirare l'attenzione delle persone, quali errori commettono e perché, e molto altro ancora per aiutarti a migliorare il tuo design.

E puoi davvero migliorare il design, perché ho già fatto la maggior parte del duro lavoro per te.

Appartengo a quella strana categoria di persone a cui piace approfondire la ricerca, rovistare tra una quantità enorme di materiali. Quindi leggo ea volte riletto decine di libri e centinaia di articoli scientifici e selezionato le teorie, i concetti e le ricerche scientifiche più interessanti dal mio punto di vista.

Poi li ho combinati con la mia esperienza maturata in molti anni di lavoro nel campo del design dell'interfaccia.

E ora hai tra le mani il risultato di questo lavoro: i 100 principi fondamentali del design - o 100 cose che penso tu debba sapere sulle persone.

Come vede una persona

La vista è il principale canale di percezione. La metà delle risorse del cervello viene utilizzata per elaborare e interpretare le informazioni visive. Ciò che i nostri occhi percepiscono è solo una parte del processo complessivo. Le immagini che entrano nel cervello vengono modificate e interpretate. È sicuro dire che il cervello "vede".

1. Ciò che vediamo è diverso da ciò che entra nel cervello

È opinione consolidata che durante una passeggiata o, ad esempio, un giro turistico, i nostri occhi trasmettano informazioni al cervello, che le elabora e presenta un'immagine realistica di ciò che ci circonda. Ma i nostri occhi non funzionano come una macchina fotografica che cattura oggettivamente il mondo. Agiscono infatti in sinergia con il cervello, che in un certo modo “interpreta” il mondo visibile. Il cervello interpreta continuamente tutto ciò che vedi. Guarda, ad esempio, la fig. 1.1.

Riso. 1.1. Vedi triangoli, ma in realtà non ce ne sono.

Cosa ti dicono i tuoi occhi? Puoi vedere un contorno nero di un triangolo sullo sfondo con un triangolo capovolto bianco sovrapposto. Ma questo non è affatto ciò che è effettivamente presente nella foto, vero? In realtà ci sono solo linee e cerchi parzialmente riempiti. Il tuo cervello "crea" un triangolo bianco capovolto dallo spazio vuoto, perché è esattamente quello che ti aspetti di vedere. Questa illusione è chiamata triangolo di Kanizsa, dal nome del fisiologo italiano Gaetano Kanizsa, che dimostrò questo effetto nel 1955. Ora guarda la fig. 1.2, che crea un'illusione simile di un rettangolo.

Riso. 1.2. Esempio di rettangolo Kanizha

Il nostro cervello utilizza gli stereotipi per elaborare rapidamente le informazioni sul mondo che ci circonda. Ogni secondo riceve milioni di segnali sensoriali e cerca di capire il significato di ciascuno di essi. Sulla base di considerazioni pratiche e sulla base di precedenti esperienze, il cervello interpreta i segnali visivi. Di solito questo metodo funziona senza errori, ma a volte si verificano errori.

Forme e colori possono influenzare ciò che le persone vedono (o pensano di vedere). La Figura 1.3 mostra come il colore aiuta a spostare l'attenzione da un messaggio all'altro.

Riso. 1.3. Il colore e le forme possono influenzare ciò che le persone vedono

Se vuoi vedere qualcosa nell'oscurità, non guardarla direttamente.

L'occhio contiene 7 milioni di coni (cellule retiniche) che forniscono la percezione visiva dell'intera gamma di colori durante il giorno e 125 milioni di bastoncelli (cellule retiniche) che forniscono la visione crepuscolare e notturna. I coni si trovano nella fovea (campo visivo centrale) e i bastoncelli sono distribuiti uniformemente sulla retina. Quindi, se vuoi vedere qualcosa in condizioni di scarsa illuminazione, non guardarlo direttamente.

Illusioni ottiche - la causa degli errori

Le illusioni ottiche sono un esempio di come il cervello interpreta ciò che vedono gli occhi. Ad esempio, nella fig. 1.4, la linea di sinistra sembra essere più lunga della linea di destra, anche se in realtà sono uguali. Questo effetto prende il nome da Franz Muller-Lyer, che lo scoprì nel 1889.

Riso. 1.4. Queste linee sono in realtà della stessa lunghezza.

L'immagine che vediamo è piatta, non tridimensionale

I raggi luminosi entrano nell'occhio attraverso la cornea e il cristallino. L'obiettivo (che è l'obiettivo) mette a fuoco l'immagine sulla retina. Sulla retina si ottiene sempre un'immagine bidimensionale, anche se l'oggetto osservato è tridimensionale. Questa immagine viene inviata alla corteccia visiva, dove avviene il riconoscimento del modello, ad esempio: "Oh, so cos'è questa - questa è una porta". È nella corteccia cerebrale che un'immagine bidimensionale si trasforma in una tridimensionale.

L'area visiva della corteccia cerebrale raccoglie tutte le informazioni insieme

Secondo John Medina (2009), i raggi di luce passano attraverso la pupilla, il cristallino e il corpo vitreo, colpiscono esattamente la retina e formano immagini nitide degli oggetti su di essa. Le cellule oculari sensibili alla luce convertono la luce in segnali elettrici e inviano questi segnali come tracce separate a terminazioni nervose particolarmente sensibili. Alcune tracce contengono informazioni sulle ombre, altre contengono informazioni sul movimento e così via Dodici di queste tracce vengono poi inviate alla corteccia visiva. Diverse parti della corteccia rispondono a queste informazioni e le elaborano. Ad esempio, una regione risponde solo alle linee a 40°, un'altra al colore, una terza al movimento e una quarta ai bordi. In definitiva, tutti questi dati si inseriscono in due tracce: una determina il movimento (l'oggetto si sta muovendo?) e l'altra determina la posizione (come si trova l'oggetto rispetto a me?).

conclusioni

Forse le persone non notano sulla tua pagina web ciò che hai pubblicato con tanta attenzione e per così tanto tempo nella speranza di sorprendere il mondo? La percezione umana dipende dal livello di formazione, conoscenza, grado di familiarità con il materiale che una persona sta guardando e modelli mentali di una persona.

Le tue ipotesi su ciò che le persone vedono su una pagina web potrebbero non corrispondere a ciò che effettivamente vedono.

Puoi convincere le persone a vedere le cose in un certo modo.

2. La visione periferica viene utilizzata più della visione centrale per comprendere l'essenza di ciò che si vede.

Abbiamo due tipi di visione: centrale e periferica. La visione centrale è usata per distinguere i dettagli. La visione periferica comprende il resto del campo visibile, aree che vediamo ma non guardiamo direttamente. La visione periferica consente di vedere le cose da un'angolazione insolita per l'occhio e una nuova ricerca della Kansas State University ha dimostrato che svolge un ruolo più importante nella comprensione del mondo che ci circonda di quanto si credesse comunemente. Si scopre che otteniamo informazioni sul mondo che ci circonda dalla nostra visione periferica.

Perché lampeggiare un'immagine è così fastidioso

La visione periferica di una persona, indipendentemente dal nostro desiderio, coglie il movimento. Ad esempio, se stai leggendo del testo e c'è un'animazione sullo schermo o un cambiamento costante di luminosità e colore attorno ai bordi dello schermo, non puoi ignorarlo. Se devi concentrarti sul testo, trucchi di web design come questo possono essere piuttosto fastidiosi. Funziona la visione periferica! Questo è il motivo per cui gli inserzionisti utilizzano la luminosità e i cambiamenti di colore negli annunci situati ai bordi delle pagine web. È fastidioso, ma attira l'attenzione.

Adam Larson e Lester Loschky (2009) hanno mostrato agli spettatori immagini ordinarie, come le foto della cucina o del soggiorno. In alcune immagini è stata ritagliata la parte esterna, in altre quella centrale. Le immagini sono state visualizzate per un tempo molto breve e attraverso uno speciale filtro grigio in modo che fossero difficili da vedere (vedi Fig. 2.1–2.2). Ai partecipanti è stato poi chiesto di descrivere ciò che hanno visto.

100 principi fondamentali del design. Come mantenere l'attenzione Susan Weinshank

(Ancora nessuna valutazione)

Titolo: 100 principi fondamentali del design. Come mantenere l'attenzione

Circa 100 principi essenziali di progettazione. Come mantenere l'attenzione di Susan Weinshank

Il design non è solo un progetto di un interno, una corporate identity o un sito web. Questo è un intero processo che include non solo una selezione competente di colori, dimensioni e forme degli elementi, ma anche tenendo conto della psicologia umana. Hai notato che una pubblicità attira la tua attenzione, mentre un'altra, anche posta sui cartelloni pubblicitari, non te ne accorgi nemmeno?

Il libro I 100 principi essenziali del design. Come mantenere l'attenzione” ti dirà come mantenere l'attenzione dei consumatori sulla tua pubblicità. Ciò ti consentirà di aumentare le vendite o il traffico del sito web.

Una persona considera ciò che gli interessa, secondo un certo schema: sotto forma di zigzag, guarda attraverso un sito o una pagina di una rivista. Questo è sufficiente per comprendere l'intero significato di ciò che è scritto e raffigurato. Se ti attieni a questa semplice regola, sarai in grado di mettere le informazioni più importanti dove saranno notate.

Tra le altre cose, il libro “100 principi fondamentali del design. Come mantenere l'attenzione Susan Weinshank parla di come convincere i consumatori a fare ciò di cui hai bisogno, come focalizzare i loro occhi sulle informazioni più importanti, come utilizzare una varietà di colori, come scegliere la dimensione e lo stile del carattere in modo che funzionino davvero .

Susan Weinshank è dottore di ricerca in psicologia. Ha lavorato alla ricerca moderna sul comportamento umano, ha analizzato i dati e poi ha creato un libro che contiene tutti i segreti della psicologia dell'uomo moderno.

Oggi le persone sono in qualche modo diverse da quelle di qualche decennio fa. Tutti noi abbiamo imparato a navigare in rete, cioè a sfogliare le pagine di Internet, senza leggere tutte le informazioni, ma solo accorgendoci di qualcosa di importante per noi stessi. Ecco perché i progettisti devono considerare la sequenza in cui una persona visualizza la pagina per inserire le informazioni di contatto dell'azienda o informazioni utili sui prodotti in questi luoghi.

I 100 principi essenziali del design di Susan Weinshank. Come mantenere l'attenzione” sarà utile a tutti coloro che sono coinvolti in progetti di design. Grazie alle utili informazioni che imparerai da questa pubblicazione, potrai creare design non solo attraenti nell'aspetto, ma anche più efficaci, pensati dal punto di vista della psicologia umana.

Inoltre, le conoscenze acquisite da questo libro potranno essere applicate non solo nel design, ma in un'area più ampia. C'è più psicologia qui, come pensa e agisce una persona moderna, così puoi diventare più socievole, capire i tuoi interlocutori e indovinare i loro desideri.

Sul nostro sito sui libri, puoi scaricare il sito gratuitamente senza registrazione o leggere il libro online “100 principi principali del design. Come mantenere l'attenzione” di Susan Weinshank nei formati epub, fb2, txt, rtf, pdf per iPad, iPhone, Android e Kindle. Il libro ti regalerà molti momenti piacevoli e un vero piacere da leggere. Puoi acquistare la versione completa dal nostro partner. Inoltre, qui troverai le ultime notizie dal mondo letterario, impara la biografia dei tuoi autori preferiti. Per gli scrittori alle prime armi, c'è una sezione separata con consigli e trucchi utili, articoli interessanti, grazie ai quali puoi cimentarti nella scrittura.

Citazioni tratte dal libro "100 principi fondamentali del design. Come mantenere l'attenzione di Susan Weinshank

Segnali sullo schermo del computer Quando si progetta un'applicazione o un sito Web, pensare ai segnali che gli oggetti sullo schermo invieranno. Ad esempio, ti sei mai chiesto cosa spinge le persone a fare clic su un pulsante? L'ombra del pulsante è il segnale che indica chiaramente che il pulsante può essere premuto e che la pressione è il modo in cui il pulsante funziona.

Usa le ombre per evidenziare un oggetto quando è selezionato o attivo.
Evita segnali di incentivazione errati.
Modifica i segnali al passaggio del mouse se prevedi di utilizzare applicazioni Web su dispositivi che supportano il multitouch.

Dai al tuo testo intestazioni significative. Questo è molto importante per l'ulteriore percezione del testo.
Tieni sempre presente il tuo pubblico di destinazione. Se il testo è destinato a una vasta gamma di lettori, usa parole semplici.

Non c'è differenza nella leggibilità tra i caratteri serif e sans-serif.
I caratteri insoliti ed eccessivamente decorativi possono interferire con il riconoscimento dei motivi e ridurre la velocità di lettura.
Se le persone hanno difficoltà a leggere i caratteri, tendono a trasferire questa sensazione al testo nel suo insieme e possono decidere che l'argomento discusso nel testo è difficile da capire.

Usa l'espansione sequenziale. Fornire le informazioni giuste al momento giusto.
Ti trovi di fronte a una scelta: clic del mouse o sforzo mentale? Seleziona il clic del mouse.

Prima di utilizzare l'espansione sequenziale, assicurati di sapere cosa e quando la maggior parte delle persone desidera trovare sul tuo sito.

Alcuni dicono che ciò è dovuto al fatto che le persone daltoniche non sono confuse dalle macchie di colore, altri perché percepiscono le immagini, la forma e la consistenza in modo più sottile. Comunque sia, per alcune persone daltoniche il camuffamento non è un travestimento, il che non è il caso di coloro che hanno una visione completa dei colori.

Forse le persone non notano sulla tua pagina web ciò che hai pubblicato con tanta attenzione e per così tanto tempo nella speranza di sorprendere il mondo? La percezione umana dipende dal livello di formazione, conoscenza, grado di familiarità con il materiale che una persona sta guardando e modelli mentali di una persona.

Ecco cosa attira maggiormente l'attenzione:
tutto ciò che si muove (come video o animazioni);
occhi che ci guardano direttamente;
immagini che includono cibo, sesso o pericolo;
storie;
rumori forti (da trattare nel principio 48).

Un nuovo libro di Susan Weinshank chiamato interesserà tutti coloro che sono impegnati nella progettazione grafica e stanno cercando in tutti i modi di attirare l'attenzione dello spettatore sui dettagli necessari nel loro lavoro.

In effetti, il titolo di questo libro non è stato tradotto molto bene (o non molto accuratamente). Il titolo originale del libro è 100 cose che i designer devono sapere sulle persone, ma quel piccolo bug del titolo non sminuisce l'ottimo contenuto di questo libro.

Il libro tratta quasi tutti gli aspetti della percezione umana: dal visivo al sensibile, cosa motiva esattamente una persona a prendere determinate decisioni.

Il libro contiene molti esempi illustrativi e studi su come le persone percepiscono il mondo che li circonda, a cosa prestano attenzione in primo luogo e cosa preferiscono non notare. Il problema di indirizzare correttamente l'attenzione dello spettatore in qualsiasi area del design è molto importante, ma questo fattore è molto importante nella progettazione di interfacce e buone infografiche. Con le interfacce, quasi tutto è già chiaro: in una buona interfaccia, una persona non dovrebbe avere una sola domanda su dove fare clic per ottenere esattamente ciò che vuole.

Ma nelle infografiche, il fattore di percezione visiva è leggermente cambiato, perché se consideriamo un'infografica statica (immagine), l'utente non ha scelta su dove fare clic o come fare qualcosa. Tutto ciò che lo spettatore può fare è percepire le informazioni che gli vengono presentate. E se vede qualcosa di incomprensibile per lui, allora la spiegazione di questo incomprensibile dovrebbe trovarsi nelle immediate vicinanze dell'oggetto commentato. Pertanto, non puoi costringere il lettore a correre intorno all'intera immagine alla ricerca di un commento, perché. mentre cerca questo commento, può dimenticare completamente ciò che era incomprensibile ...

somma totale
Il libro è molto istruttivo e utile a tutti, anche a chi sta solo pensando alla professione di grafico nel campo delle interfacce o dell'infografica. In ognuna di queste aree è estremamente importante manipolare correttamente l'attenzione dello spettatore, non dirigere la sua attenzione con la forza, ma solo spingerlo alla corretta lettura delle informazioni.

Un enorme grazie a tutto il mio fantastico team di Peachpit, in particolare al mio editore Jeff Riley, con cui ho inviato e-mail quotidianamente. Grazie a Michael Nolan per avermi aiutato a scrivere questo libro. Grazie a Guthrie Weinschenk per le foto, Maisie Weinschenk per le grandi idee, Peter Weinschenk per il supporto e la pazienza. E grazie a tutti coloro che leggono il mio blog, vengono alle mie presentazioni e in genere mi ascoltano quando parlo di psicologia. Esprimi idee, opinioni preziose e quindi continuo a scrivere di psicologia e design.

Che tu stia costruendo un sito Web, attrezzature mediche o qualsiasi altro prodotto, il tuo pubblico di destinazione è composto da persone che meritano un buon design.

E la tua responsabilità diretta è conoscere bene il tuo pubblico di destinazione.

Come pensano le persone? Come prendono le decisioni? Cosa spinge una persona a fare clic su un pulsante o a comprare qualcosa? Come convincere le persone a fare quello che vuoi?

Imparerai tutto questo da questo libro. Imparerai come attirare l'attenzione delle persone, quali errori commettono e perché, e molto altro ancora per aiutarti a migliorare il tuo design.

E puoi davvero migliorare il design, perché ho già fatto la maggior parte del duro lavoro per te.

Appartengo a quella strana categoria di persone a cui piace approfondire la ricerca, rovistare tra una quantità enorme di materiali. Quindi leggo ea volte riletto decine di libri e centinaia di articoli scientifici e selezionato le teorie, i concetti e le ricerche scientifiche più interessanti dal mio punto di vista.

Poi li ho combinati con la mia esperienza maturata in molti anni di lavoro nel campo del design dell'interfaccia.

E ora hai tra le mani il risultato di questo lavoro: i 100 principi fondamentali del design - o 100 cose che penso tu debba sapere sulle persone.

La vista è il principale canale di percezione. La metà delle risorse del cervello viene utilizzata per elaborare e interpretare le informazioni visive. Ciò che i nostri occhi percepiscono è solo una parte del processo complessivo. Le immagini che entrano nel cervello vengono modificate e interpretate. È sicuro dire che il cervello "vede".

È opinione consolidata che durante una passeggiata o, ad esempio, un giro turistico, i nostri occhi trasmettano informazioni al cervello, che le elabora e presenta un'immagine realistica di ciò che ci circonda. Ma i nostri occhi non funzionano come una macchina fotografica che cattura oggettivamente il mondo. Agiscono infatti in sinergia con il cervello, che in un certo modo “interpreta” il mondo visibile. Il cervello interpreta continuamente tutto ciò che vedi. Guarda, ad esempio, la fig. 1.1.

Riso. 1.1. Vedi triangoli, ma in realtà non ce ne sono.

Cosa ti dicono i tuoi occhi? Puoi vedere un contorno nero di un triangolo sullo sfondo con un triangolo capovolto bianco sovrapposto. Ma questo non è affatto ciò che è effettivamente presente nella foto, vero? In realtà ci sono solo linee e cerchi parzialmente riempiti. Il tuo cervello "crea" un triangolo bianco capovolto dallo spazio vuoto, perché è esattamente quello che ti aspetti di vedere. Questa illusione è chiamata triangolo di Kanizsa, dal nome del fisiologo italiano Gaetano Kanizsa, che dimostrò questo effetto nel 1955. Ora guarda la fig. 1.2, che crea un'illusione simile di un rettangolo.

Riso. 1.2. Esempio di rettangolo Kanizha

Il cervello usa gli stereotipi

Il nostro cervello utilizza gli stereotipi per elaborare rapidamente le informazioni sul mondo che ci circonda. Ogni secondo riceve milioni di segnali sensoriali e cerca di capire il significato di ciascuno di essi. Sulla base di considerazioni pratiche e sulla base di precedenti esperienze, il cervello interpreta i segnali visivi. Di solito questo metodo funziona senza errori, ma a volte si verificano errori.

Forme e colori possono influenzare ciò che le persone vedono (o pensano di vedere). La Figura 1.3 mostra come il colore aiuta a spostare l'attenzione da un messaggio all'altro.

Riso. 1.3. Il colore e le forme possono influenzare ciò che le persone vedono

Se vuoi vedere qualcosa nell'oscurità, non guardarla direttamente.

L'occhio contiene 7 milioni di coni (cellule retiniche) che forniscono la percezione visiva dell'intera gamma di colori durante il giorno e 125 milioni di bastoncelli (cellule retiniche) che forniscono la visione crepuscolare e notturna. I coni si trovano nella fovea (campo visivo centrale) e i bastoncelli sono distribuiti uniformemente sulla retina. Quindi, se vuoi vedere qualcosa in condizioni di scarsa illuminazione, non guardarlo direttamente.

Illusioni ottiche - la causa degli errori

Le illusioni ottiche sono un esempio di come il cervello interpreta ciò che vedono gli occhi. Ad esempio, nella fig. 1.4, la linea di sinistra sembra essere più lunga della linea di destra, anche se in realtà sono uguali. Questo effetto prende il nome da Franz Muller-Lyer, che lo scoprì nel 1889.

Riso. 1.4. Queste linee sono in realtà della stessa lunghezza.

L'immagine che vediamo è piatta, non tridimensionale

I raggi luminosi entrano nell'occhio attraverso la cornea e il cristallino. L'obiettivo (che è l'obiettivo) mette a fuoco l'immagine sulla retina. Sulla retina si ottiene sempre un'immagine bidimensionale, anche se l'oggetto osservato è tridimensionale. Questa immagine viene inviata alla corteccia visiva, dove avviene il riconoscimento del modello, ad esempio: "Oh, so cos'è questa - questa è una porta". È nella corteccia cerebrale che un'immagine bidimensionale si trasforma in una tridimensionale.

L'area visiva della corteccia cerebrale raccoglie tutte le informazioni insieme

Secondo John Medina (2009), i raggi di luce passano attraverso la pupilla, il cristallino e il corpo vitreo, colpiscono esattamente la retina e formano immagini nitide degli oggetti su di essa. Le cellule oculari sensibili alla luce convertono la luce in segnali elettrici e inviano questi segnali come tracce separate a terminazioni nervose particolarmente sensibili. Alcune tracce contengono informazioni sulle ombre, altre contengono informazioni sul movimento e così via Dodici di queste tracce vengono poi inviate alla corteccia visiva. Diverse parti della corteccia rispondono a queste informazioni e le elaborano. Ad esempio, una regione risponde solo alle linee a 40°, un'altra al colore, una terza al movimento e una quarta ai bordi. In definitiva, tutti questi dati si inseriscono in due tracce: una determina il movimento (l'oggetto si sta muovendo?) e l'altra determina la posizione (come si trova l'oggetto rispetto a me?).

Forse le persone non notano sulla tua pagina web ciò che hai pubblicato con tanta attenzione e per così tanto tempo nella speranza di sorprendere il mondo? La percezione umana dipende dal livello di formazione, conoscenza, grado di familiarità con il materiale che una persona sta guardando e modelli mentali di una persona.