Nei test di usabilità, spesso osserviamo utenti che trascurano un cambiamento sullo schermo che i progettisti pensavano sarebbe ovvio e altamente evidente. Come sempre nell’usabilità, se hai lavorato su un progetto, allora sai cosa cercare, dove cercarlo, quando apparirà e cosa significa. Quindi sì, è ovvio per te e non ti perderesti l’aspetto di un messaggio importante o di un oggetto dati quando rivedi il tuo design. Ma gli utenti lo fanno spesso. Perché?, A causa della cecità del cambiamento, che è un fatto di milioni di anni di percezione umana (e protoumana), e non è probabile che se ne vada presto.
Allora, qual è il cambiamento cecità? In Psycho di Alfred Hitchcock, uno dei film più famosi di tutti i tempi, il detective Arbogast guarda la casa di Norman Bates proiettata su un cielo buio e senza nuvole. La telecamera si sposta di nuovo al volto del detective, e lo segue mentre inizia a camminare verso la casa. La scena è ancora buia, ma il cielo è improvvisamente diventato pieno di nuvole.,
Se il cambiamento nella trama del cielo era intenzionale (forse il sottile avvertimento di Hitchock per quello che doveva venire) o un errore di continuità, è probabile che la maggior parte degli spettatori non lo noterà. Le immagini in movimento hanno spesso piccole incongruenze come questa da una scena all’altra — cambiamenti nello sfondo, nell’abbigliamento degli attori, nel trucco o nelle posizioni, ma questi vengono ignorati quando vengono fatti durante i tagli tra le scene.
Questo fenomeno è chiamato cecità del cambiamento e va oltre i film — si applica a come le persone percepiscono le scene in generale, sia proiettate su uno schermo che nella vita reale., Change blindness è molto robusto: anche quando le persone sono avvertite che un cambiamento può accadere, i cambiamenti in una scena possono passare inosservati.
Definizione: Cambiamento cecità si riferisce alla tendenza delle persone a ignorare i cambiamenti in una scena quando si verificano in una regione che è lontano dal loro centro di attenzione.
In psicologia, la cecità al cambiamento è forse meglio illustrata da una serie di esperimenti eseguiti a metà degli anni 1990., In questi esperimenti, ai partecipanti è stata mostrata un’immagine di una scena complessa per circa mezzo secondo; poi il display è andato in bianco per una frazione di secondo, e infine la stessa immagine è stata mostrata di nuovo. Tuttavia, la seconda volta che la scena è stata mostrata, alcuni dettagli sono stati modificati, ad esempio un oggetto ha cambiato dimensione, colore o un elemento è stato aggiunto o rimosso. I partecipanti all’esperimento avrebbero dovuto identificare i cambiamenti nelle due immagini. In alcuni di questi studi, le persone hanno pedalato attraverso le due versioni molte volte, fino a quando non sono stati in grado di rilevare il cambiamento., Per molti ci sono voluti 20 o 40 alternanze per essere in grado di trovarlo.
La qualità tremolante del display (una scena, seguita da uno schermo vuoto, seguito da quella che sembra essere la stessa scena) è una componente essenziale della cecità al cambiamento. Nei film, la scena tagliata svolge il ruolo di uno sfarfallio; e, nell’interazione con un computer, lo sfarfallio è causato dal caricamento di una nuova pagina (o elemento dell’interfaccia utente) una volta che l’utente ha premuto un pulsante., Ma si scopre che lo sfarfallio non deve essere letterale: le modifiche alla scena che si verificano quando l’utente lampeggia o durante una saccade (quando sposta gli occhi su un’altra regione dello schermo) sono anche altamente suscettibili di cambiare la cecità.
I maghi sfruttano la propensione degli umani a cambiare la cecità mentre i loro occhi si muovono: usano un dispositivo che attira l’attenzione per causare movimenti oculari in quel punto e, allo stesso tempo, si impegnano in azioni inosservate che sono essenziali per i loro trucchi.
Perché il cambiamento cecità accade?,
La ragione fondamentale per cui si verifica la cecità del cambiamento è una limitazione delle nostre capacità di attenzione. Ogni scena complessa ha una moltitudine di dettagli, ed è difficile e inefficiente per le persone partecipare a tutti loro. Quello che facciamo normalmente è prendere scorciatoie.
Il cambiamento è ed è sempre stato importante per gli esseri umani – può trasmettere informazioni essenziali sul nostro ambiente., La maggior parte dei cambiamenti in natura sono mediati dal movimento (con poche eccezioni come i camaleonti, un oggetto fisico non può cambiare istantaneamente senza alcun movimento coinvolto) e il movimento è facilmente rilevato dalla visione periferica umana. Una volta che gli occhi umani rilevano il movimento nella periferia, guardano la fonte del movimento — la visione centrale entra in azione e fornisce informazioni supplementari e dettagliate. Questo comportamento è un residuo della nostra vita in natura, dove ogni mossa potrebbe segnalare un predatore in attesa di cacciarci.
Cambiamento cecità si verifica quando il movimento come spunto per il cambiamento è debole o completamente assente., Quando lo schermo lampeggia, il movimento viene deviato – vediamo due versioni statiche della scena. L’unico modo per scoprire cosa è cambiato è ispezionare tutti gli elementi corrispondenti nelle versioni prima e dopo e confrontarli. Questo compito è molto difficile – non solo è noioso per ispezionare la miriade di piccoli dettagli nella scena, ma la nostra memoria della versione precedente della scena è probabile che sia piuttosto scarsa. In effetti, è probabile che non abbiamo prestato attenzione a molti degli elementi di quella scena comunque.
Ma il cambiamento cecità avviene anche durante un movimento degli occhi., In altre parole, se due (possibilmente cambiamenti di movimento) competono tra loro-come nello spettacolo di magia, un cambiamento di solito vince e attira l’occhio, ma quel movimento oculare blocca il rilevamento del secondo cambiamento. Questa causa è particolarmente importante nella progettazione dell’interfaccia.
Change Blindness in Interface Design
Nelle normali interazioni con un’interfaccia utente, change blindness si verifica spesso quando un nuovo elemento (come un’immagine diversa in un carosello di immagini di prodotto o il contenuto di un menu a discesa) appare sullo schermo come risultato dell’azione dell’utente e anche altre aree dello schermo cambiano., Il luogo del cambiamento dovrebbe essere l’elemento di design visibile che risponde direttamente all’azione dell’utente e l’utente sposta gli occhi in quella direzione, ma in realtà il cambiamento è distribuito su più regioni dello schermo.
Ad esempio, quando gli utenti toccano il menu hamburger nell’app Android di Aldiko, si aspettano che le modifiche sullo schermo siano correlate a quell’azione, ovvero che i nuovi elementi saranno localizzati nell’area che racchiude il contenuto del menu., I loro occhi rimarranno intorno a quell’area e sarà improbabile che notino che il pulsante di overflow dell’azione nell’angolo in alto a destra dello schermo è stato sostituito con un’icona di ricerca.
Altrove, abbiamo discusso di come la casella di ricerca non debba essere sostituita da un’icona di ricerca sul desktop; su uno schermo mobile, tuttavia, il pattern è più utilizzabile che sul desktop, poiché la nostra ricerca mostra che lo strumento magnifier è abbastanza rilevabile anche quando la casella di ricerca è assente., Tuttavia, se la casella di ricerca non è visibile per impostazione predefinita, quando gli utenti fanno clic sull’icona di ricerca, il campo di testo dovrebbe apparire accanto ad esso (piuttosto che più distanti sullo schermo) per garantire che le persone non lo perdano.
Anche le barre di navigazione semipersistenti o i pulsanti mobili che appaiono verso la parte superiore della pagina rischiano di rimanere inosservati, perché spesso lo scorrimento della pagina li maschera., Ad esempio, le barre di navigazione semipersistenti appaiono nella parte superiore dello schermo quando l’utente inizia a scorrere verso l’alto. La speranza è che la gente noterà queste barre e selezionare una delle opzioni al loro interno invece di strisciare la loro strada fino alla parte superiore della pagina. Sfortunatamente, il movimento della pagina può facilmente bloccare il movimento causato dall’apparizione della barra, specialmente quando il colore della barra si fonde con il colore della pagina, come nell’esempio del New York Times qui sotto.,
(La nostra visione periferica è responsabile del rilevamento del movimento e anche delle ombre., Quando il profilo” ombra ” di una pagina cambia, ad esempio perché un grande blocco di colore contrastante è apparso in un angolo, è più facile per noi rilevare il suo aspetto rispetto a quando lo stesso blocco si fonde sottilmente con il resto della pagina e non altera significativamente il profilo ombra della pagina.)
Ci sono molti altri aspetti di progettazione che possono essere influenzati dalla cecità al cambiamento — i messaggi di errore o altre notifiche, i risultati che appaiono troppo rapidamente o la modifica delle barre di navigazione possono anche rimanere ignorati a causa di questo fenomeno, come discusso nel nostro articolo complementare sullo stesso argomento.,
Come prevenire la cecità al cambiamento nel design dell’interfaccia
Per evitare la cecità al cambiamento, analizza il tuo progetto per eventuali modifiche concorrenti che potrebbero accadere contemporaneamente e che potrebbero distogliere l’attenzione l’una dall’altra. Ecco alcune tecniche per farlo:
- Apportare una modifica alla volta. Nell’esempio Aldiko sopra, la ricerca potrebbe essere posizionata nell’angolo in alto a destra ed essere sempre visibile.
- Raggruppa tutti gli elementi che cambieranno simultaneamente nella stessa regione dello schermo, per assicurarti che il movimento attiri l’attenzione su tutti loro., Ad esempio, un’altra soluzione facile per il design Aldiko è spostare la ricerca all’interno del menu. (Si noti tuttavia che nascondere la ricerca in un menu avrà un impatto serio sulla sua rilevabilità e potrebbe essere accettabile solo su siti pesanti.)
- Usa l’animazione per segnalare il cambiamento, ma evita di avere troppe animazioni concorrenti sullo schermo per evitare una diluizione dell’attenzione.
- Dim le aree dello schermo che non cambiano, al fine di attirare l’attenzione sui cambiamenti.,
- Se si aggiungono elementi mobili alla pagina mentre l’utente scorre, visualizzarli accanto al centro dell’attenzione dell’utente (ad esempio, verso la parte inferiore della pagina per i pulsanti Torna all’inizio) e utilizzare colori in contrasto con il resto della pagina.