I usability testing, vi ofte observere brukere som vender ut mot en endring på skjermen som designerne trodde ville være tydelig og svært merkbar. Som alltid på brukervennlighet, hvis du har jobbet på en design, så vet du hva du skal se etter, hvor du skal lete for det, da det vil dukke opp, og hva det betyr. Så ja, det er åpenbart for deg, og du ville ikke gå glipp av utseendet av en viktig melding eller data objekt når du leser gjennom din egen design. Men brukere ofte gjør. Hvorfor?, På grunn av endringer blindhet, som er en million år gamle faktum av menneskelige (og protohuman) oppfatning, og ikke sannsynlig å gå bort helst snart.
Så hva er endre blindhet? I Alfred hitchcocks Psycho, en av de mest berømte filmer av all tid, detektiv Arbogast ser på Norman Bates’ hus projisert på en mørk skyfri himmel. Kameraet beveger seg tilbake til den detektiv ansikt, og følger ham når han begynner å gå mot huset. Scenen er fortsatt mørkt, men himmelen har plutselig blitt full av skyer.,
Om endring i himmelen er tekstur var tilsiktet (kanskje Hitchock subtile advarsel for det som skulle komme), eller en kontinuitet feil, sjansene er at de fleste seerne vil ikke merke det. Motion pictures ofte har små uregelmessigheter som dette fra en scene til den neste — endringer i bakgrunnen, i den aktører klær, sminke, eller posisjoner, men disse blir ignorert når de er laget i løpet av kutt mellom scener.
Dette fenomenet kalles endre blindhet og som går utover filmer — det gjelder hvordan folk oppfatter scener generelt, enten projisert på en skjerm eller i det virkelige liv., Endre blindhet er svært robust: selv når folk blir advart om at en endring kan skje endringer i en scene kan gå uoppdaget.
Definisjon: Endre blindhet refererer til folks tendens til å ignorere endringene i en scene når de forekommer i en region som er langt borte fra deres fokus for oppmerksomheten.
I psykologi, endre blindhet er kanskje best illustrert ved en rekke eksperimenter utført i midten av 1990-tallet., I disse eksperimentene, deltakerne ble vist et bilde av en kompleks scene for om lag et halvt sekund; deretter vise gikk tom for en brøkdel av et sekund, og til slutt det samme bildet ble vist igjen. Imidlertid, den andre gangen scenen ble vist, kan enkelte detaljer ble endret, for eksempel et objekt endret størrelse, farge, eller et element ble lagt til eller fjernet. Deltakerne i eksperimentet var ment å identifisere endringer i de to bildene. I noen av disse studiene, folk har syklet gjennom to versjoner mange ganger, helt til de var i stand til å registrere endringer., For mange det tok 20 eller 40 vekslinger å være i stand til å finne det.
Det flakkende kvalitet i displayet (en scene, etterfulgt av en blank skjerm, etterfulgt av hva som synes å være den samme scenen) er en viktig del av endre blindhet. I filmer, scene kuttet spiller rollen som et blaff, og i samspill med en datamaskin, flimmer er forårsaket ved å laste en ny side (eller UI element) når brukeren har trykket på en knapp., Men det viser seg at flimmer trenger ikke å være ordrette — scene endringer som skjer når brukeren blinker eller under en større enn (når hun beveger øynene til et annet område av skjermen) er også svært utsatt for å endre blindhet.
Magikere dra nytte av mennesker » tilbøyelighet til å endre blindhet som deres øyne flytt: de bruker en oppmerksomhet-tiltrekke enheten til å forårsake øye bevegelser til det punktet, og på samme tid, engasjere seg i uobserverte handlinger som er viktige for sine triks.
Hvorfor Ikke Endre Blindhet Skje?,
Den grunnleggende årsaken til hvilke endre blindhet oppstår er en begrensning i vår oppmerksomhet kapasitet. Noen komplekse scene har et mangfold av detaljer, og det er vanskelig og ineffektiv for folk til å delta i alle av dem. Hva vi vanligvis gjør, er å ta snarveier.
Endre er og har alltid vært viktig for mennesket — det kan formidle viktig informasjon om vårt miljø., De fleste endringer i naturen er mediert av bevegelse (med noen få unntak, for eksempel kameleoner, en fysisk gjenstand kan ikke endre umiddelbart med ingen bevegelsen blir involvert), og bevegelse er lett oppdaget av menneskelig sidesynet. Når den menneskelige øyne oppdager bevegelse i periferien, de ser på kilden til bevegelse — sentral visjon spark, og gir supplerende, detaljert informasjon. Dette er en rest av våre liv i naturen, der noen trekk kunne signalisere et rovdyr som venter på å jakte oss.
Endre blindhet oppstår når bevegelsen som et cue for endringen er svake eller helt fraværende., Når skjermen flimrer, bevegelsen er shunted ut — vi ser to statiske versjoner av scenen. Den eneste måten å finne ut hva som er endret er ved å undersøke alle de tilsvarende elementene i før-og etter-versjoner og sammenligne dem. Denne oppgaven er svært vanskelig — ikke bare er det kjedelig å inspisere mylder av små detaljer i bildet, men vårt minne om den tidligere versjonen av scenen er sannsynlig å være ganske dårlig. Faktisk, sjansene er at vi betalte ikke hensyn til mange av elementene i den scenen hvertfall.
Men endre blindhet også skjer i løpet av en eye movement., Med andre ord, hvis to (muligens bevegelse-legges inn endringer) konkurrerer med hverandre — som på magisk vis, en endring som regel vinner og tiltrekker øyet, men som eye movement blokker påvisning av andre endringer. Dette årsaken er spesielt viktig i design av grensesnitt.
Endre Blindhet i Design av Grensesnitt
I vanlig omgang med en UI, endre blindhet ofte oppstår når et nytt element (for eksempel et annet bilde i et produkt-bilde karusellen, eller innholdet i en dropdown-meny) vises på skjermen som et resultat av brukeraktivitet og andre områder av skjermen også endre., Locus av endringen er forventet å være synlig design element som svarer direkte til brukeraktivitet og brukeren beveger øynene i den retningen, men faktisk endring er spredt over flere områder av skjermen.
For eksempel, når brukere trykker på hamburger meny i Aldiko Android-app, som de forventer at endringene på skjermen være relatert til at action — nemlig at den nye elementer vil være lokalisert i området som omslutter meny innholdet., Deres øyne vil holde rundt området, og de vil være usannsynlig å legge merke til at action-overløp-knappen i øverste høyre hjørne av skjermen har blitt erstattet med en søk-ikonet.
andre Steder, diskuterte vi hvordan søk-boksen ikke skulle bli erstattet av en søk-ikonet på skrivebordet, og på en mobilskjerm, men mønsteret er mer brukbare enn på skrivebordet, som vår forskning viser at forstørrelsesglass-verktøyet er ganske synlig selv når søkeboksen er fraværende., Imidlertid, hvis søkeboksen er ikke synlig som standard, når brukere klikker på søk-ikonet, tekst-feltet skal vises ved siden av det (heller enn lenger fra hverandre på skjermen) for å sikre at folk ikke vil gå glipp av det.
Semipersistent navigasjon barer eller flytende knapper som vises mot toppen av siden er også i fare for å bo uoppdaget, fordi ofte å bla på siden masker dem., For eksempel, semipersistent navigasjon barer vises på toppen av skjermen når brukeren stjerner for å bla opp. Håpet er at folk vil legge merke til disse barer og velg ett av alternativene som er inne i dem, i stedet for å dra sin vei opp til toppen av siden. Dessverre bevegelsen fra side kan lett blokkere bevegelse forårsaket av åpenbaringen av bar, spesielt når fargen på linjen går i ett med fargen på siden, som i the New York Times eksempel nedenfor.,
(Vår perifere visjon er ansvarlig for å plukke ut bevegelsen og også skygger., Når «skyggen» profil av en side endres, for eksempel fordi en stor blokk med kontrastfarge har dukket opp i det ene hjørnet, er det enklere for oss å oppdage sitt utseende enn når den samme blokken subtilt harmonerer med resten av siden, og ikke i vesentlig grad endre skyggen profil på siden.)
Det er mange andre design aspekter som kan påvirkes ved å endre blindhet — feilmeldinger eller andre varslinger, resultatene som vises, for raskt, eller endre navigasjon barer kan også bli ignorert på grunn av dette fenomenet, som diskutert på vår følgesvenn artikkel om samme tema.,
Hvordan for å Hindre Endre Blindhet i Design av Grensesnitt
for Å unngå å endre blindhet, analysere design for alle konkurrerende endringer som kan skje på samme tid, og som kan avlede oppmerksomheten fra hverandre. Her er noen teknikker for å gjøre det:
- Gjøre en endring på en gang. I Aldiko eksemplet ovenfor, søk kan være plassert i øvre høyre hjørne og være synlig alltid.
- Gruppe for alle elementer som vil endre samtidig og i samme område av skjermen, for å sørge for at bevegelse vil trekke oppmerksomhet til alle av dem., For eksempel, en annen enkel løsning for Aldiko design er å flytte søk i menyen. (Vær imidlertid oppmerksom på at selv om du skjuler søk under en meny vil alvorlig innvirkning sin oversiktlighet og kan bare være akseptabelt på bla gjennom-tunge nettsteder.)
- Bruke animasjon til å signalisere endringer, men unngå å ha for mange konkurrerende animasjoner på skjermen for å forhindre utvanning av oppmerksomhet.
- Dimme områder av skjermen som ikke endres, for å tiltrekke oppmerksomhet til endringer.,
- Hvis du legger til flyteelementene til side som brukeren ruller, og vise dem ved siden av brukerens fokus for oppmerksomhet (for eksempel, mot bunnen av siden for Tilbake til Toppen knapper) og bruke farger som står i kontrast til resten av siden.