i användbarhetstestning observerar vi ofta användare som förbiser en förändring på skärmen som designarna trodde skulle vara uppenbara och mycket märkbara. Som alltid i användbarhet, om du arbetade på en design, vet du vad du ska leta efter, var du ska leta efter det, när det kommer att dyka upp och vad det betyder. Så ja, det är uppenbart för dig och du skulle inte missa utseendet på ett viktigt meddelande eller dataobjekt när du granskar din egen design. Men användare gör ofta. Varför?, På grund av förändring blindhet, som är en miljon år gammal faktum av mänskliga (och protohuman) uppfattning, och inte sannolikt att försvinna någon gång snart.
Så vad är ändra blindhet? I Alfred Hitchcocks Psycho, en av de mest kända filmerna genom tiderna, tittar detektiv Arbogast på Norman Bates hus projicerat på en mörk molnfri himmel. Kameran rör sig tillbaka till detektivens ansikte och följer honom när han börjar gå mot huset. Scenen är fortfarande mörk, men himlen har plötsligt blivit full av moln.,
om förändringen i skyens struktur var avsiktlig (kanske Hitchocks subtila varning för vad som skulle komma) eller ett kontinuitetsfel är chansen att de flesta tittare inte märker det. Motion pictures har ofta små inkonsekvenser som detta från en scen till nästa-förändringar i bakgrunden, i skådespelarna kläder, smink, eller positioner, men dessa får ignoreras när de görs under nedskärningar mellan scener.
detta fenomen kallas förändringsblindhet och går utöver filmer — det gäller hur människor uppfattar scener i allmänhet, oavsett om de projiceras på en skärm eller i det verkliga livet., Ändra blindhet är mycket robust: även när människor varnas för att en förändring kan hända, förändringar i en scen kan gå oupptäckt.
Definition: ändra blindhet hänvisar till människors tendens att ignorera förändringar i en scen när de inträffar i en region som är långt ifrån deras fokus av uppmärksamhet.
i psykologi är förändringsblindhet kanske bäst illustrerad av en serie experiment utförda i mitten av 1990-talet., I dessa experiment visades deltagarna en bild av en komplex scen i ungefär en halv sekund; sedan gick displayen tom i en bråkdel av en sekund, och slutligen visades samma bild igen. Men andra gången scenen visades ändrades vissa detaljer-till exempel ett objekt ändrat storlek, färg eller ett element tillsattes eller togs bort. Deltagarna i experimentet skulle identifiera förändringarna i de två bilderna. I vissa av dessa studier cyklade människor genom de två versionerna många gånger tills de kunde upptäcka förändringen., För många tog det 20 eller 40 växlingar för att kunna hitta den.
skärmens flimrande kvalitet (en scen, följt av en tom skärm, följt av vad som verkar vara samma scen) är en viktig del av förändringsblindhet. I filmer spelar scenklippet rollen som en flimmer; och i interaktion med en dator orsakas flimmer av att en ny sida (eller UI-element) laddas när användaren har tryckt på en knapp., Men det visar sig att flimret inte behöver vara bokstavliga scenändringar som händer när användaren blinkar eller under en saccade (när hon flyttar ögonen till en annan region på skärmen) är också mycket mottagliga för att ändra blindhet.
magiker utnyttjar människors benägenhet att ändra blindhet när deras ögon rör sig: de använder en uppmärksamhetslockande enhet för att orsaka ögonrörelser till den platsen och samtidigt engagera sig i icke-observerade handlingar som är nödvändiga för deras tricks.
Varför förändras blindhet?,
den grundläggande orsaken till vilken förändring blindhet uppstår är en begränsning i vår uppmärksamhetskapacitet. Varje komplex scen har en mängd detaljer, och det är svårt och ineffektivt för människor att sköta dem alla. Vad vi normalt gör är att ta genvägar.
förändring är och har alltid varit viktigt för människor – det kan förmedla viktig information om vår miljö., De flesta förändringar i naturen förmedlas av rörelse (med få undantag som kameleoner, ett fysiskt objekt kan inte förändras omedelbart utan att någon rörelse är inblandad), och rörelsen detekteras lätt av mänsklig perifer vision. När de mänskliga ögonen upptäcker rörelse i periferin tittar de på rörelsekällan — central vision sparkar in och ger kompletterande, detaljerad information. Detta beteende är en kvarleva av vårt liv i naturen, där något drag kan signalera en rovdjur som väntar på att jaga oss.
ändra blindhet uppstår när rörelse som en cue för förändring är svag eller helt frånvarande., När skärmen flimrar är rörelsen avstängd – vi ser två statiska versioner av scenen. Det enda sättet att ta reda på vad som ändrats är genom att inspektera alla motsvarande element i före och efter versionerna och jämföra dem. Denna uppgift är mycket svårt-inte bara är det tråkigt att inspektera myriad av små detaljer i scenen, men vårt minne av den tidigare versionen av scenen är sannolikt att vara ganska dålig. Faktum är att chansen är att vi inte uppmärksammade många av elementen i den scenen ändå.
men ändra blindhet händer också under en ögonrörelse., Med andra ord, om två (möjligen rörelse-cued förändringar) konkurrerar med varandra — som i den magiska showen, vinner en förändring vanligtvis och lockar ögat, men den ögonrörelsen blockerar upptäckten av den andra förändringen. Denna orsak är särskilt viktig i gränssnittsdesign.
ändra blindhet i gränssnittsdesign
i normala interaktioner med ett användargränssnitt, förändras blindhet ofta när ett nytt element (till exempel en annan bild i en produkt-Bild karusell, eller innehållet i en rullgardinsmeny) visas på skärmen som ett resultat av användaråtgärder och andra delar av skärmen ändras också., Platsen för förändringen förväntas vara det synliga designelementet som svarar direkt på användaråtgärden och användaren flyttar ögonen i den riktningen — men i själva verket är förändringen spridd över flera regioner på skärmen.
till exempel, när användare trycker på hamburger — menyn i Aldikos Android-app, förväntar de sig att ändringarna på skärmen är relaterade till den åtgärden-nämligen att de nya elementen kommer att lokaliseras i området som omsluter menyinnehållet., Deras ögon kommer att stanna runt det området och de kommer sannolikt inte att märka att action-overflow-knappen i det övre högra hörnet av skärmen har ersatts med en sökikon.
någon annanstans diskuterade vi hur sökrutan inte ska ersättas av en sökikon på skrivbordet; på en mobil skärm är mönstret dock mer användbart än på skrivbordet, eftersom vår forskning visar att förstoringsverktyget är ganska upptäckbart även när sökrutan saknas., Men om sökrutan inte är synlig som standard, när användare klickar på sökikonen, ska textfältet visas bredvid det (snarare än längre ifrån varandra på skärmen) för att säkerställa att människor inte kommer att sakna det.
Semipersistent navigeringsfält eller flytande knappar som visas längst upp på sidan riskerar också att förbli oupptäckta, eftersom ofta rullningen av sidan maskerar dem., Till exempel, semipersistent navigeringsfält visas högst upp på skärmen när användaren stjärnor rulla upp. Hoppet är att människor kommer att märka dessa barer och välja ett av alternativen inuti dem istället för att dra sig upp till toppen av sidan. Tyvärr kan sidans rörelse enkelt blockera rörelsen som orsakas av stapelns uppenbarelse, speciellt när färgen på baren smälter in med sidans färg, som i New York Times-exemplet nedan.,
(vår perifera vision är ansvarig för att plocka ut rörelse och även skuggor., När” shadow ” – profilen för en sida ändras, till exempel för att ett stort block av kontrastfärg har dykt upp i ett hörn, är det lättare för oss att upptäcka sitt utseende än när samma block subtilt smälter in med resten av sidan och inte väsentligt förändrar sidans skuggprofil.)
det finns många andra designaspekter som kan påverkas av förändring blindhet – felmeddelanden eller andra meddelanden, resultat som visas för snabbt, eller ändra navigeringsfält kan också förbli ignoreras på grund av detta fenomen, som diskuteras på vår följeslagare artikel om samma ämne.,
hur man förhindrar förändring blindhet i gränssnittsdesign
för att undvika förändring blindhet, analysera din design för eventuella konkurrerande förändringar som kan hända samtidigt och som kan avleda uppmärksamheten från varandra. Här är några tekniker för att göra det:
- gör en förändring i taget. I Aldiko exemplet ovan, Sök kan placeras i det övre högra hörnet och vara synlig alltid.
- gruppera alla element som kommer att förändras samtidigt i samma region på skärmen, för att se till att rörelsen kommer att uppmärksamma dem alla., Till exempel, en annan enkel fix för Aldiko design är att flytta sök i menyn. (Observera dock att dölja sökning under en meny allvarligt kommer att påverka dess upptäckbarhet och kan endast vara acceptabelt på Bläddra tunga webbplatser.)
- använd animering för att signalera förändring, men undvik att ha för många konkurrerande animationer på skärmen för att förhindra en utspädning av uppmärksamhet.
- dämpa de områden på skärmen som inte ändras för att locka uppmärksamhet åt förändringar.,
- Om du lägger till flytande element på sidan som användaren rullar, visa dem bredvid användarens fokus (till exempel mot botten av sidan för Back to Top-knappar) och använd färger som står i kontrast till resten av sidan.