Sfruttare i modelli mentali in UX Design

Pubblicato: 2022-03-11

Che si tratti di innovare un nuovo prodotto o di ottimizzarne uno esistente, i designer di UX e UI dovrebbero sfruttare la conoscenza degli utenti dei loro prodotti di prodotti e interfacce familiari. Il vantaggio è costituito da interazioni più fluide, tassi di adozione più rapidi e una migliore usabilità complessiva.

Gli utenti sanno come funziona il tuo prodotto e come utilizzarlo ancor prima di progettarlo. Almeno, dovrebbero . I designer vogliono essere eccitanti e originali, ma gli utenti si avvicineranno sempre a nuovi prodotti e funzionalità in base a ciò che hanno utilizzato in precedenza (si chiama "modello mentale") e per questo motivo i designer dovrebbero lavorare con le aspettative degli utenti.

Definizione del modello mentale
Attraverso l'uso ripetuto, gli utenti formano modelli mentali di come dovrebbero funzionare app e dispositivi.

Che cos'è un modello mentale?

Un modello mentale si basa sulla convinzione, non sui fatti: ovvero è un modello di ciò che gli utenti sanno (o pensano di sapere) su un sistema come il tuo sito web. – Gruppo Nielsen Norman

Attraverso l'uso abituale della moltitudine di prodotti che esistono oggi, il cervello di un utente sviluppa modelli mentali per il funzionamento dei prodotti. Questi modelli mentali si formano attraverso l'uso regolare di un sistema (come un sito Web, un'app o anche un'interfaccia utente più tattile come nell'esempio del seggiolino per auto sopra) e la conoscenza di come funziona un sistema.

Gli utenti trasferiranno le aspettative che hanno costruito attorno a un prodotto familiare a un altro che sembra simile.

In questi giorni, non è raro vedere bambini piccoli che hanno probabilmente trascorso più tempo a interagire con i dispositivi touchscreen rispetto ai libri o ai normali televisori provare a scorrere le TV a schermo piatto (o anche i libri) e rimanere sorpresi quando lo scorrimento non funziona. Sulla base della loro esposizione ai dispositivi touchscreen, la generazione touchscreen ha sviluppato l'aspettativa (il modello mentale) che lo swiping sia il modo in cui ogni oggetto simile a una scatola dovrebbe rispondere.

Anche se sono confusi da un libro, questi bambini probabilmente non hanno problemi a raccogliere un dispositivo touchscreen sconosciuto. Questo non è perché hanno passato del tempo imparando a usare ogni singolo dispositivo, ma perché hanno imparato a conoscerne uno in particolare e come funziona. Il loro cervello ha memorizzato un modello mentale per un'operazione e sono in grado di applicarlo con successo ad altri dispositivi utilizzando schemi e sequenze uguali o simili.

I singoli utenti hanno ciascuno i propri modelli mentali e utenti diversi possono costruire modelli diversi della stessa interfaccia utente. Inoltre, uno dei grandi dilemmi dell'usabilità è il divario comune tra i modelli mentali dei designer e degli utenti. – Jakob Nielsen, Gruppo Nielsen Norman.

Un'interfaccia utente che fa riferimento alla definizione del modello mentale di un sedile
L'impostazione del seggiolino in una Mercedes è un ottimo esempio di un design interattivo che utilizza un modello mentale. La forma del seggiolino auto per i comandi lo rende intuitivamente facile da capire e da usare.

I designer sono immersi in progetti di design e formano regolarmente modelli mentali propri. Li acquisiscono anche da modelli di progettazione di interazione comuni utilizzati da altri designer. In un certo senso, questo può creare una "bolla di design". È facile cadere nella trappola di progettare qualcosa che abbia senso per altri designer, ma che tuttavia potrebbe confondere l'utente medio.

Le persone hanno modelli mentali unici generalmente formati da istruzione, esperienza, età e cultura. L'utente medio non è così esperto dei sottili schemi dell'interfaccia utente familiari ai designer che vivono nella suddetta "bolla dei designer". Per entrare in empatia con gli utenti e progettare per la massima usabilità, i designer devono ridurre il divario che esiste tra il designer e i modelli mentali dell'utente.

Al fine di allinearsi con i modelli mentali esistenti degli utenti, il processo di progettazione dovrebbe incorporare una comprensione delle aspettative degli utenti sul modo in cui un prodotto funzionerà. Ciò è particolarmente importante nell'ambito dei metodi di ricerca UX utilizzati per scoprire le esigenze degli utenti e i punti deboli.

Volevano designer UX freelance a tempo pieno con sede negli Stati Uniti

Modelli mentali utente disallineati

Il disallineamento dei modelli mentali si verifica quando c'è una discrepanza tra il modello mentale di un utente e come funziona effettivamente un progetto. Questo tipo di disconnessione crea problemi di usabilità, poiché il prodotto non è in linea con le aspettative dell'utente e le conoscenze esistenti. La finestra per catturare l'attenzione e la fiducia di un utente è piccola, quindi un disallineamento può causare un disastro.

Ad esempio, la maggior parte delle persone ha utilizzato un numero sufficiente di sistemi di eCommerce da sviluppare aspettative su come scorre l'esperienza. Sorprendere gli utenti con un flusso inaspettato potrebbe potenzialmente significare un calo delle conversioni e delle vendite.

Oggi, la maggior parte degli acquirenti si aspetta una registrazione facoltativa basata su esperienze precedenti e preferisce non dedicare il proprio tempo alla compilazione di moduli ma al check-out come ospite. Secondo un sondaggio di Econsultancy, il 25% degli acquirenti abbandona i propri acquisti quando è costretto a creare un account prima di passare alla procedura di pagamento.

In un caso di studio di User Interface Engineering, quando un pulsante "Registrati" è stato sostituito con un pulsante "Continua" in un flusso di pagamento, quel piccolo aggiustamento ha creato un aumento delle entrate di $ 300 milioni. Sulla base di precedenti esperienze, gli acquirenti disponevano di un modello mentale del processo che sarebbe seguito dopo aver fatto clic sul pulsante "Registrati", in genere un processo di registrazione che richiedeva molto tempo prima di acquistare il prodotto. Queste aspettative negative hanno indotto gli acquirenti ad abbandonare il carrello.

In un altro esempio, Snapchat ha recentemente ricevuto un significativo respingimento dopo aver apportato importanti modifiche alla propria interfaccia utente. Gli utenti volevano che Snapchat appaia e funzionasse come la versione precedente a cui si erano abituati e i modelli mentali esistenti non si allineavano con la nuova versione.

Il risultato? Gli utenti erano confusi, fatti sentire inetti e il cambiamento ha portato a un esodo di massa dal quale l'azienda potrebbe non riprendersi.

Per ricapitolare, le persone hanno aspettative e modelli mentali basati su esperienze precedenti utilizzando un prodotto specifico. Sorprese impreviste nell'esperienza utente o nell'interfaccia utente possono creare confusione e frustrazione e le aziende ne pagano il prezzo.

Modello mentale disallineato
I modelli mentali non corrispondono in azione: l'interfaccia utente di Skype recentemente ridisegnata confonde gli utenti e li rallenta a causa dell'uso di finestre di dialogo non standard in cui le opzioni non sembrano pulsanti di dialogo.

Migliorare i modelli mentali disallineati

I test di usabilità e altri metodi di ricerca UX aiutano a rivelare la discordanza tra l'esperienza progettata e i modelli mentali degli utenti. Inoltre, i divari tra i modelli mentali possono essere migliorati con tour interattivi, un'attenta onboarding, feedback in tempo reale e/o significanti per aiutare nell'apprendimento di nuove funzionalità del prodotto e una nuova interfaccia utente.

Gli aggiornamenti e le modifiche alla progettazione non devono creare caos per gli utenti. Invece di forzare un cambiamento, è vantaggioso dare agli utenti l'opportunità di aggiornare il software quando sono pronti. Quando un utente è in grado di scegliere consapevolmente quando un'interfaccia può cambiare e potenzialmente sfidare il modello esistente di un prodotto familiare, è più consapevole e potenziato dal nuovo design.

Google Calendar riprogettare adeguando gli utenti
Google ha apportato modifiche sostanziali all'interfaccia utente e al comportamento di Google Calendar, un prodotto che non era cambiato molto da molti anni. Avvertendo e consentendo loro di aderire per diversi mesi, Google ha consentito ai suoi utenti di decidere quando cambiare i loro modelli mentali su come dovrebbe funzionare il prodotto.

Google ha recentemente revisionato il suo Google Calendar. La riprogettazione apporta alcune delle modifiche di design più significative in un decennio a un prodotto utilizzato da milioni di persone in tutto il mondo. Piuttosto che imporre la cosa ai suoi utenti, per i quali un cambiamento drastico in qualcosa di così essenziale potrebbe aggiungere attrito e frustrazione, hanno avvisato gli utenti dei cambiamenti imminenti. Google ha consentito agli utenti di passare dalla vecchia versione all'aggiornamento per diversi mesi prima di sostituire definitivamente la vecchia versione.

Rendere compatibili e disponibili le versioni precedenti di un prodotto e consentire agli utenti di continuare a utilizzare una versione familiare per un periodo di tempo limitato può mantenere la fiducia. Consentire e autorizzare gli utenti a decidere quando apprendere la nuova interfaccia li aiuterà a sentirsi come se avessero ancora il controllo dell'esperienza.

UX del modello mentale per l'onboarding degli utenti
Slack utilizza tour interattivi per aiutare i nuovi utenti a imparare l'interfaccia e migliora in modo efficiente qualsiasi modello mentale contraddittorio che gli utenti potrebbero avere.

Apportare modifiche radicali e su larga scala ai progetti esistenti con cui gli utenti hanno acquisito familiarità potrebbe violare i modelli mentali esistenti degli utenti. Per ridurre al minimo il rischio di infastidire gli utenti, le aziende potrebbero prendere in considerazione la possibilità di apportare piccoli aggiustamenti attraverso diversi aggiornamenti o testare le modifiche con gruppi più piccoli.

Facebook ha avuto abbastanza successo nell'uso di questa strategia. Le "reazioni", ad esempio, sono state implementate e testate ampiamente in territori specifici prima di essere rilasciate in tutto il mondo. Sebbene piccoli aggiustamenti avvengano frequentemente, Facebook è attento a distribuire aggiornamenti importanti che possono interrompere i modelli mentali degli utenti. L'avvio di modifiche tramite più rilasci può ridurre al minimo il numero di modelli mentali che devono essere migliorati.

Progettare su una base di modelli mentali

La legge di Jakob sull'esperienza dell'utente in Internet afferma che “gli utenti trascorrono la maggior parte del loro tempo su siti Web diversi dal tuo. Pertanto, gran parte dei modelli mentali dei clienti del tuo sito sarà influenzata dalle informazioni raccolte da altri siti".

In poche parole, l'obiettivo dei designer UX è creare un processo che consenta agli utenti di raggiungere i propri obiettivi in ​​modo rapido e semplice. Le persone sono creature abitudinarie e sfruttare i modelli mentali degli utenti significa che gli utenti sapranno come utilizzare un prodotto prima ancora di averlo utilizzato.

Ricerca sui modelli mentali

È comune per i designer di UX creare mappe di viaggio e mappe dell'empatia e utilizzare i dati per aiutare a identificare i punti deboli degli utenti durante la creazione di un nuovo prodotto (o il miglioramento di uno). Quando si tratta di modelli mentali, gli stessi metodi e processi di ricerca UX possono essere applicati allo studio di prodotti concorrenti o peer esistenti.

Quando si progetta un nuovo prodotto, lo studio di un sistema esistente può potenzialmente far risparmiare ai progettisti molto tempo e denaro poiché può eliminare la necessità di creare nuovi prototipi da zero per testare nuovi concetti. Guarda come gli utenti interagiscono con i progetti esistenti per scoprire cosa possono aspettarsi da qualcosa di simile.

I progettisti possono tentare di migliorare le soluzioni già esistenti. Inoltre, fintanto che il target demografico è lo stesso, il mirroring di sistemi noti significa che è necessario eseguire pochi test per verificare l'usabilità delle funzionalità principali.

esempi di modelli mentali: studio di sistemi e modelli mentali
Gli utenti di sistemi concorrenti e/o correlati possono essere studiati per scoprire come stanno lavorando attualmente, i loro attuali modelli mentali e quali sono i loro punti deboli.

Rispecchiare l'UX esistente

Le app più popolari al mondo sono direttamente influenzate l'una dall'altra e implementano regolarmente progetti basati su modelli mentali esistenti. Ad esempio, Facebook ha introdotto il modello di interazione dei "Mi piace", che è stato poi copiato da LinkedIn e Instagram.

Twitter ha introdotto gli hashtag, che sono stati poi copiati da Facebook e Instagram. Il tagging è stato introdotto da Twitter e poi copiato da Facebook, LinkedIn, Instagram e altri. Instagram ha introdotto le storie e poi Facebook le ha implementate. Snapchat ha introdotto filtri e manipolazioni per le foto, quindi Facebook li ha copiati.

In quasi tutti questi casi, c'è poca variazione nell'adozione di queste funzionalità. Facebook e Twitter sono molto competitivi e cercano sempre di capitalizzare il successo dell'altro. Facebook è metodico nel rispecchiare l'esperienza del prodotto di un concorrente e quando emerge una nuova app di successo, se non sono in grado di acquisirla, è esattamente quello che faranno.

UI dei social media che sfrutta la metodologia UX del modello mentale
L'interfaccia utente di Facebook Messenger rispecchia Snapchat, sfruttando i modelli mentali esistenti. Gli utenti di un'app popolare non avranno problemi a utilizzare e godersi l'altra.

Statistiche recenti mostrano che Facebook ha più di 2,2 miliardi di utenti attivi mensili. L'applicazione è così popolare che ha influenzato molti progetti oggi perché gli utenti hanno aspettative sui paradigmi stabiliti da prodotti familiari come Facebook.

Ad esempio, a causa dell'influenza del design di Facebook oggi, è abbastanza normale trovare l'icona di notifica nell'angolo in alto a destra vicino all'area di accesso su molte diverse applicazioni desktop. Anche gli aggiornamenti di stato, i feed di notizie e i Mi piace sono modelli sempre più comuni in altre applicazioni.

LinkedIn avrebbe potuto progettare aggiornamenti personali, feed di notizie o notifiche in qualsiasi modo desiderasse. Tuttavia, sfruttando il loro successo, la vasta base di utenti e i modelli mentali esistenti degli utenti, hanno scelto di creare un'esperienza che rispecchi direttamente Facebook.

A meno che non vi sia una ragione specifica per aggirare ciò che l'utente si aspetta, fare riferimento a schemi familiari consente al designer di concentrare gli utenti su caratteristiche più importanti e uniche del prodotto. Anche se qualcuno non ha mai usato LinkedIn, la sua conoscenza di Facebook significherà che tutto è familiare.

Modelli mentali e skeuomorfismo

Lo skeuomorphism è un termine utilizzato per descrivere gli oggetti dell'interfaccia che rispecchiano le controparti del mondo reale nel modo in cui appaiono e/o come l'utente può interagire con essi. Questo concetto di design sfrutta le conoscenze esistenti e i modelli mentali degli utenti di un oggetto reale in modo che non abbiano bisogno di apprendere una nuova interfaccia.

Molti elementi dell'interfaccia utente digitale riflettono le controparti del mondo reale. Questo non perché i designer manchino di immaginazione, ma si rendono conto che un elemento dell'interfaccia utente distaccato da qualsiasi analogo nel mondo fisico significa uno sforzo maggiore da parte dell'utente per interpretare ciò che stanno vedendo. Incorporare un interruttore in un'interfaccia utente digitale che sembra e si comporta come un interruttore della luce che qualcuno potrebbe trovare nella propria casa riduce drasticamente il carico cognitivo per quell'utente. La metafora visiva è lì e loro sanno immediatamente a cosa serve.

Buona metodologia UX che sfrutta il modello mentale UX
Anche completamente astratto, l'utente medio probabilmente saprà che ciò che sta guardando è una serie di interruttori da accendere e spegnere a piacere. Il sistema di progettazione dei materiali di Google utilizza un design visivo e un'iconografia molto piatti, ma sfrutta i modelli dell'interfaccia utente comuni basati su metafore fisiche per garantire un'usabilità ottimale.

Questo principio dovrebbe essere usato con moderazione, ma può essere abbastanza efficace per l'usabilità se applicato correttamente. Lo skeuomorfismo implica che l'interfaccia utente assomigli e funzioni come la sua controparte del mondo reale. Tuttavia, i progettisti devono prestare attenzione con questa teoria del modello mentale, poiché le discrepanze nella funzionalità o nell'aspetto possono effettivamente sminuire l'usabilità di un progetto.

Il design skeuomorphic è comune nelle applicazioni di produzione audio professionale. I plug-in digitali spesso emulano apparecchiature analogiche, come compressori, equalizzatori e unità di riverbero. Nell'immagine qui sotto, il plug-in digitale in basso a sinistra utilizza un design skeuomorphic per emulare l'unità superiore.

L'uso di elementi di design skeuomorphic consente agli utenti di applicare modelli mentali che esistono dal funzionamento di un compressore sonoro del mondo reale. L'immagine in basso a destra utilizza un design unico che non si basa su alcun equipaggiamento esistente. Per questo motivo, anche se avessero utilizzato una controparte fisica del mondo reale, gli utenti non avrebbero alcuna conoscenza di base dell'interfaccia e avrebbero bisogno di dedicare tempo e sforzi aggiuntivi per impararla.

I design skeuomorphic fanno riferimento a tipi di modelli mentali del mondo reale
I plug-in audio digitali spesso emulano apparecchiature analogiche, come compressori, equalizzatori e unità di riverbero. L'utilizzo del design skeuomorphic sfrutta i modelli mentali esistenti. Il plug-in in basso a sinistra utilizza un design skeuomorphic, mentre il plug-in in basso a destra no.

Creatività e innovazione fondamentali

Per massimizzare l'usabilità, è importante progettare sulla base di modelli mentali. Creare e innovare all'interno di modelli e standard mentali esistenti può portare a prodotti nuovi ed entusiasmanti che sono ancora in linea con le aspettative degli utenti. Violare quei modelli mentali dovrebbe essere fatto strategicamente e solo quando necessario.

Ad esempio, la maggior parte delle persone ha sviluppato un modello mentale di slider del volume. Nell'esempio seguente, il dispositivo di scorrimento a sinistra rappresenta il modello mentale che la maggior parte delle persone avrebbe per un dispositivo di scorrimento del volume. Il cursore centrale è stato progettato per scherzo, ma illustra un punto importante.

Lo slider contraddice completamente i modelli mentali e le aspettative degli utenti, in quanto appare come uno slider verticale, ma invece opera in orizzontale. Il cursore a destra è preso da iOS di Apple. Apple ha utilizzato la creatività e l'innovazione per progettare qualcosa di nuovo e originale, ma rispetta comunque il reticolo dei modelli mentali che forma l'aspettativa condivisa su come funziona un dispositivo di scorrimento del volume.

Modelli mentali comuni contraddittori
Da sinistra a destra: dispositivo di scorrimento del volume che rappresenta il modello mentale comune, dispositivo di scorrimento del volume che contraddice il modello mentale comune e dispositivo di scorrimento del volume di iOS di Apple, che utilizza il modello mentale comune in un nuovo design.

Pensieri finali

Condurre ricerche sull'esperienza utente su progetti consolidati aiuterà a chiarire i modelli mentali esistenti e consentirà ai designer di sfruttare quelli degli utenti dei loro prodotti. I risultati, a loro volta, aiuteranno i designer a ottimizzare l'usabilità di qualsiasi prodotto digitale.

I designer che ignorano i modelli mentali lo fanno a loro rischio e pericolo. Sfruttare i modelli mentali esistenti come base per la creatività e l'innovazione potrebbe consentire ai designer di migliorare i prodotti esistenti e aiutarli a progettarne di nuovi entusiasmanti.