in usability testing zien we vaak gebruikers die een verandering op het scherm over het hoofd zien waarvan de ontwerpers dachten dat die duidelijk en opvallend zou zijn. Zoals altijd in bruikbaarheid, als je werkte aan een ontwerp, dan weet je wat te zoeken, waar te zoeken, wanneer het zal verschijnen, en wat het betekent. Dus ja, het is duidelijk voor u en u zou het uiterlijk van een belangrijk bericht of gegevensobject niet missen wanneer u uw eigen ontwerp bekijkt. Maar gebruikers doen dat vaak. Waarom?, Vanwege verandering blindheid, dat is een miljoen jaar oud feit van de menselijke (en protohuman) perceptie, en waarschijnlijk niet snel verdwijnen.
dus wat is verandering blindheid? In Alfred Hitchcocks Psycho, een van de beroemdste films aller tijden, kijkt rechercheur Arbogast naar Norman Bates ‘ huis geprojecteerd op een donkere wolkenloze hemel. De camera beweegt terug naar het gezicht van de detective, en volgt hem als hij begint te lopen naar het huis. Het tafereel is nog steeds donker, maar de lucht is plotseling vol wolken geworden.,
of de verandering in de textuur van de hemel opzettelijk was (misschien Hitchock ‘ s subtiele waarschuwing voor wat er zou komen) of een continuïteitfout, de kans is groot dat de meeste kijkers het niet zullen merken. Films hebben vaak kleine inconsistenties zoals deze van de ene scène naar de volgende — veranderingen in de achtergrond, in de acteurs kleding, make-up, of posities, maar deze worden genegeerd wanneer ze worden gemaakt tijdens bezuinigingen tussen scènes.
dit fenomeen wordt veranderingsblindheid genoemd en gaat verder dan Films — Het is van toepassing op hoe mensen scènes in het algemeen waarnemen, of ze nu op een scherm worden geprojecteerd of in het echte leven., Verandering blindheid is zeer robuust: zelfs wanneer mensen worden gewaarschuwd dat een verandering kan gebeuren, kunnen veranderingen in een scène onopgemerkt blijven.
definitie: verandering blindheid verwijst naar de neiging van mensen om veranderingen in een scène te negeren wanneer ze zich voordoen in een gebied dat ver van hun aandachtsgebied verwijderd is.
in de psychologie wordt verandering blindheid misschien het best geïllustreerd door een reeks experimenten uitgevoerd in het midden van de jaren negentig., In deze experimenten kregen de deelnemers ongeveer een halve seconde een foto van een complexe scène te zien, waarna het display een fractie van een seconde leeg werd, en uiteindelijk werd hetzelfde beeld weer getoond. Echter, de tweede keer dat de scène werd getoond, werd een aantal details gewijzigd — bijvoorbeeld, een object veranderde grootte, kleur, of een element werd toegevoegd of verwijderd. Deelnemers aan het experiment werden verondersteld om de veranderingen in de twee beelden te identificeren. In sommige van deze studies, mensen fietste door de twee versies vele malen, totdat ze in staat waren om de verandering te detecteren., Voor velen duurde het 20 of 40 afwisselingen om het te kunnen vinden.
de flikkerende kwaliteit van het scherm (één scène, gevolgd door een leeg scherm, gevolgd door wat dezelfde scène lijkt te zijn) is een essentieel onderdeel van verandering blindheid. In films, de scène knippen speelt de rol van een flikkering; en, in interactie met een computer, de flikkering wordt veroorzaakt door het laden van een nieuwe pagina (of UI-element) zodra de gebruiker een knop heeft ingedrukt., Maar het blijkt dat de flikkering niet letterlijk hoeft te zijn — scene wijzigingen die gebeuren wanneer de gebruiker knippert of tijdens een saccade (wanneer ze haar ogen beweegt naar een ander gebied van het scherm) zijn ook zeer gevoelig voor verandering blindheid.
goochelaars profiteren van de neiging van mensen om blindheid te veranderen als hun ogen bewegen: ze gebruiken een aandachttrekkend apparaat om oogbewegingen naar die plek te veroorzaken, en nemen tegelijkertijd onopgemerkte acties aan die essentieel zijn voor hun trucs.
waarom gebeurt verandering blindheid?,
de fundamentele reden waarom verandering blindheid optreedt is een beperking in onze aandachtscapaciteiten. Elke complexe scène heeft een veelheid aan details, en het is moeilijk en inefficiënt voor mensen om ze allemaal te verzorgen. Wat we normaal doen is kortere wegen nemen.
verandering is en is altijd belangrijk geweest voor de mens — het kan essentiële informatie over onze omgeving overbrengen., De meeste veranderingen in de natuur worden gemedieerd door beweging (met enkele uitzonderingen zoals kameleons, kan een fysiek object niet direct veranderen zonder dat er beweging bij betrokken is), en beweging wordt gemakkelijk gedetecteerd door menselijk perifeer zicht. Zodra de menselijke ogen beweging in de periferie detecteren, kijken ze naar de bron van beweging — centraal zicht begint te werken en geeft aanvullende, gedetailleerde informatie. Dit gedrag is een overblijfsel van ons leven in het wild, waar elke beweging een roofdier kan signaleren die op ons wacht.
verandering blindheid treedt op wanneer beweging als een cue voor verandering zwak of volledig afwezig is., Wanneer het scherm flikkert, wordt de beweging weggejaagd — we zien twee statische versies van de scène. De enige manier om erachter te komen wat er veranderd is door alle overeenkomstige elementen in de voor-en na-versies te inspecteren en ze te vergelijken. Deze taak is erg moeilijk-niet alleen is het vervelend om de talloze kleine details in de scène te inspecteren, maar ons geheugen van de eerdere versie van de scène is waarschijnlijk vrij slecht. In feite is de kans groot dat we toch geen aandacht hebben besteed aan veel van de elementen van die scène.
maar verandering blindheid gebeurt ook tijdens een oogbeweging., Met andere woorden, als twee (mogelijk beweging-cued veranderingen) concurreren met elkaar — zoals in de goochelshow, een verandering meestal wint en trekt het oog, maar die oogbeweging blokkeert de detectie van de tweede verandering. Deze oorzaak is vooral belangrijk in het ontwerp van de interface.
blindheid wijzigen in interfaceontwerp
bij normale interacties met een gebruikersinterface treedt blindheid wijzigen vaak op wanneer een nieuw element (zoals een andere afbeelding in een product-image carrousel, of de inhoud van een dropdown menu) op het scherm verschijnt als gevolg van actie van de gebruiker en andere delen van het scherm ook veranderen., De locatie van de verandering is naar verwachting het zichtbare ontwerpelement dat direct reageert op de actie van de gebruiker en de gebruiker beweegt de ogen in die richting — maar in feite, de verandering is verspreid over meerdere gebieden van het scherm.
bijvoorbeeld, wanneer gebruikers tikken op het hamburger menu in Aldiko ‘ s Android app, verwachten ze dat de veranderingen op het scherm worden gerelateerd aan die actie — namelijk, dat de nieuwe elementen zullen worden gelokaliseerd in het gebied omsluiten van de menu-inhoud., Hun ogen zullen rond dat gebied blijven en ze zullen waarschijnlijk niet merken dat de knop Actie-overloop in de rechterbovenhoek van het scherm is vervangen door een zoekpictogram.
elders hebben we besproken hoe het zoekvenster niet moet worden vervangen door een zoekpictogram op het bureaublad; op een mobiel scherm is het patroon echter bruikbaarder dan op het bureaublad, omdat ons onderzoek aantoont dat het vergrootglas vrij vindbaar is, zelfs wanneer het zoekvenster afwezig is., Echter, als het zoekvak niet standaard zichtbaar is, wanneer gebruikers op het zoekpictogram klikken, moet het tekstveld ernaast verschijnen (in plaats van verder uit elkaar op het scherm) om ervoor te zorgen dat mensen het niet zullen missen.
Semipersistente navigatiebalken of zwevende knoppen die naar de bovenkant van de pagina verschijnen, dreigen ook onopgemerkt te blijven, omdat het scrollen van de pagina hen vaak maskeert., Bijvoorbeeld, semi-persistente navigatiebalken verschijnen aan de bovenkant van het scherm wanneer de gebruiker sterren scrollen omhoog. De hoop is dat mensen zullen merken deze bars en selecteer een van de opties in hen in plaats van vegen hun weg naar de top van de pagina. Helaas, de beweging van de pagina kan gemakkelijk blokkeren de beweging veroorzaakt door de verschijning van de bar, vooral wanneer de kleur van de bar past in de kleur van de pagina, zoals in de New York Times voorbeeld hieronder.,
(ons perifere zicht is verantwoordelijk voor het uitzoeken van beweging en ook schaduwen., Wanneer het” schaduw ” profiel van een pagina verandert, bijvoorbeeld omdat een groot blok contrasterende kleur in één hoek is verschenen, is het voor ons gemakkelijker om het uiterlijk te detecteren dan wanneer hetzelfde blok subtiel in de rest van de pagina opgaat en het schaduwprofiel van de pagina niet significant verandert.)
er zijn veel andere ontwerpaspecten die kunnen worden beïnvloed door verandering blindheid — foutmeldingen of andere meldingen, resultaten die te snel verschijnen, of het veranderen van navigatiebalken kunnen ook genegeerd worden als gevolg van dit fenomeen, zoals besproken in ons begeleidende artikel over hetzelfde onderwerp.,
Hoe verander blindheid te voorkomen in interfaceontwerp
om veranderingsblindheid te voorkomen, analyseer je ontwerp voor alle concurrerende veranderingen die tegelijkertijd kunnen plaatsvinden en die de aandacht van elkaar kunnen afleiden. Hier zijn enkele technieken om het te doen:
- Maak een verandering per keer. In het Aldiko voorbeeld hierboven, kan zoeken worden geplaatst in de rechter bovenhoek en altijd zichtbaar zijn.
- groepeer alle elementen die gelijktijdig in hetzelfde gebied van het scherm veranderen, om er zeker van te zijn dat de beweging de aandacht op alle elementen zal vestigen., Een andere eenvoudige oplossing voor het Aldiko-ontwerp is bijvoorbeeld het verplaatsen van zoeken in het menu. (Merk echter op dat het verbergen van zoeken onder een menu zal ernstige gevolgen hebben voor de vindbaarheid en kan alleen aanvaardbaar zijn op browse-zware sites.)
- gebruik animatie om verandering te signaleren, maar vermijd het hebben van te veel concurrerende animaties op het scherm om een verdunning van de aandacht te voorkomen.
- Dim de gebieden van het scherm die niet veranderen, om de aandacht op veranderingen te trekken.,
- Als u zwevende elementen aan de pagina toevoegt terwijl de gebruiker schuift, laat deze dan zien naast de aandacht van de gebruiker (bijvoorbeeld naar de onderkant van de pagina voor knoppen terug naar boven) en gebruik kleuren die contrasteren met de rest van de pagina.