Cosa sono i principi della Gestalt e come applicarli

Una delle teorie psicologiche più influenti nei campi dell'UX e dell'interaction design è la teoria della Gestalt. La teoria è stata fondata da psicologi tedeschi e la parola "Gestalt" significa forma o forma Come dice il nome, l'idea alla base dei principi della Gestalt è che gli esseri umani percepiscono gruppi di oggetti come schemi piuttosto che singoli oggetti.

Esistono molti articoli sui principi della Gestalt, ma non molti aiutano a capire come applicarli nel proprio lavoro di UX/UI designer. Questo articolo vi darà alcune idee su come utilizzare i principi della Gestalt per creare progetti UX e UI migliori che aiutino le persone a raggiungere i propri obiettivi con meno sforzo.

La legge della somiglianza

Il principio di somiglianza afferma che quando gli oggetti sono fisicamente simili tendiamo a raggrupparli e supporre che abbiano il stessa funzionalità Ad esempio, nell'immagine sottostante è abbastanza facile distinguere la linea che contiene i cerchi rosso bordeaux dal resto dell'immagine grazie al suo colore diverso.

Un esempio del principio di somiglianza. Foto dell'autore.

Uso della somiglianza nel design UX e UI

Immaginiamo che la vostra azienda abbia sviluppato un'app chiamata "Il Mio Chef", utilizzata dagli appassionati di cucina italiana negli Stati Uniti e in Canada (la utilizzeremo per il resto di questo articolo). Un recente rapporto consegnatovi dal vostro ricercatore UX afferma che, quando si tratta di ordinare cibo italiano, gli utenti si preoccupano soprattutto di sapere quali sono i ristoranti più vicini a loro. Dopotutto, tutti noi vorremmo avere il nostroLasagne o pizza a domicilio quando sono ancora fresche e calde, non è vero?

Per aiutare gli utenti dell'app a capire quali sono i ristoranti più vicini a loro, possiamo utilizzare il principio di somiglianza evidenziando questi ristoranti nell'interfaccia utente. Nell'immagine qui sotto si può notare come l'evidenziazione di queste opzioni in giallo (a destra) faccia una grande differenza, sottolineando visivamente la differenza tra i ristoranti più vicini e quelli più lontani. È così che sipossono utilizzare il principio di somiglianza per aiutare gli utenti a trovare rapidamente ciò che cercano.

Utilizzando il principio gestaltico della somiglianza. Immagine dell'autore.

La legge della prossimità

Il principio di prossimità afferma che gli oggetti che si trovano in prossimità l'uno dell'altro sembrano essere più correlati Per esempio, la prima e la seconda immagine presentano la stessa quantità di cerchi, ma nella seconda alcune colonne sono più vicine tra loro e danno l'impressione di avere tre gruppi distinti invece di un unico grande gruppo.

Vicinanza - esempio 1 - un grande gruppo. Immagine dell'autore.

Vicinanza - esempio 2 - tre gruppi distinti. Immagine dell'autore.

Utilizzo della prossimità nel design UX e UI

Prendiamo un esempio dal campo della visualizzazione delle informazioni.

Questa volta immaginiamo che siate un dirigente che vuole vedere come si comporta la vostra app "Il Mio Chef". Volete esaminare i KPI che misurano le prestazioni finanziarie, il coinvolgimento degli utenti e la loro soddisfazione. All'inizio, il vostro specialista di visualizzazione delle informazioni crea la dashboard qui sotto che fa sì che voi e tutti gli altri dirigenti vi perdiate nei numeri e vi facciate ancora più domande. Dopo un mese, molti di voismettere del tutto di usare questo cruscotto.

Cruscotto KPI - Il Mio Chef. Immagine dell'autore.

A questo punto tornate dal vostro specialista di visualizzazione delle informazioni e chiedetegli di rendere più facile per le persone capire il quadro generale ridisegnando il dashboard. Il principio di prossimità è utile in questo caso e potete vedere il nuovo design qui sotto. Contiene tre gruppi divisi per il tipo di KPI e aiuta tutti a capire come l'app sta andando in termini finanziari.Raggruppare gli oggetti e utilizzare più spazio bianco tra i gruppi può aiutare gli utenti a digerire più velocemente le informazioni.

Utilizzo del principio gestaltico della prossimità nella progettazione dei cruscotti. Immagine dell'autore.

La legge della continuità

Il principio di continuità afferma che una volta che l'occhio inizia a seguire un oggetto, continuerà a seguire il "movimento" in quella direzione fino a quando non incontrerà un altro oggetto. Questo movimento ci aiuta a percepire l'oggetto come parte dello stesso percorso che dobbiamo fare per trovare le informazioni. L'immagine qui sotto mostra come possiamo usare il principio di continuità per creare questi schemi visivi che guidano ilocchio in una particolare direzione.

Un esempio del principio di continuità. Immagine dell'autore.

Usare la continuità nella progettazione UX e UI

Il vostro ricercatore UX ha presentato un nuovo rapporto che mostra che la motivazione principale per gli utenti ad utilizzare l'app "Il Mio Chef" è l'esplorazione del cibo, in quanto consente loro di accedere a nuovi ristoranti italiani ogni settimana. Guardate la metrica che mostra quante volte le persone scorrono le opzioni con l'attuale design dell'interfaccia utente nell'immagine qui sotto (lato sinistro) e vedete che non passano mai il dito più di due volte sumedia per vedere quali sono le opzioni a loro disposizione.

Utilizzando il principio della continuità (lato destro dell'immagine sottostante), il vostro UX designer ha contribuito ad aumentare questo numero a circa 10 strisciate in media. Come è successo? Nascondendo una parte dell'immagine ed evidenziando il fatto che è necessario scorrere il dito a sinistra o a destra per vedere cosa c'è dentro, gli occhi degli utenti sono stati guidati a creare letteralmente il movimento di "strisciata" e sono stati più motivati ad esplorare più ristoranti e ristoranti.Questo è un aspetto che il progetto precedente non motivava affatto a fare, anche se l'utente è già intrinsecamente motivato a farlo.

Utilizzo del principio gestaltico della continuità nel design UX/UI. Immagine dell'autore.

Per riassumere L'utilizzo dei principi della Gestalt presentati in questo articolo nella progettazione di UX e UI può aiutare gli utenti a trovare le informazioni più velocemente e a digerirle meglio, oltre ad aumentare la loro soddisfazione per il prodotto, motivandoli a compiere le azioni che amano di più.

‍

La copertina include l'opera d'arte di Miklos Philips, editata in Vectornator.