w testach użyteczności często obserwujemy użytkowników, którzy przeoczają zmianę na ekranie, która według projektantów byłaby oczywista i wysoce zauważalna. Jak zawsze w użyteczności, jeśli pracowałeś nad projektem, to wiesz, czego szukać, gdzie go szukać, kiedy się pojawi i co to oznacza. Więc tak, jest to dla ciebie oczywiste i nie przegapisz wyglądu ważnej wiadomości lub obiektu danych podczas przeglądania własnego projektu. Ale użytkownicy często to robią. Dlaczego?, Z powodu ślepoty na zmiany, która jest milionowym faktem ludzkiej (i protohumlańskiej) percepcji i prawdopodobnie nie odejdzie w najbliższym czasie.

czym jest ślepota zmian? W psychozie Alfreda Hitchcocka, jednym z najbardziej znanych filmów wszechczasów, detektyw Arbogast patrzy na dom Normana Batesa rzutowany na ciemne, bezchmurne niebo. Kamera wraca do twarzy detektywa i podąża za nim, gdy ten zaczyna iść w kierunku domu. Scena jest jeszcze ciemna, ale niebo nagle stało się pełne chmur.,

czy zmiana tekstury nieba była zamierzona (być może subtelne Ostrzeżenie Hitchocka o tym, co miało nastąpić), czy błąd ciągłości, są szanse, że większość widzów tego nie zauważy. Filmy często mają małe niespójności, takie jak ta z jednej sceny do następnej-zmiany w tle, w ubraniach aktorów, makijażu lub pozycjach, ale te są ignorowane, gdy są wykonywane podczas cięć między scenami.

zjawisko to nazywa się ślepotą zmiany i wykracza poza filmy — odnosi się do tego, jak ludzie postrzegają sceny w ogóle, niezależnie od tego, czy są wyświetlane na ekranie, czy w prawdziwym życiu., Ślepota na zmiany jest bardzo silna: nawet gdy ludzie są ostrzegani, że zmiana może nastąpić, zmiany w scenie mogą pozostać niezauważone.

definicja: ślepota zmiany odnosi się do tendencji ludzi do ignorowania zmian w scenie, gdy występują w regionie, który jest daleko od ich skupienia uwagi.

w psychologii ślepota zmiany najlepiej ilustruje serię eksperymentów przeprowadzonych w połowie lat 90., W tych eksperymentach uczestnicy pokazali obraz złożonej sceny przez około pół sekundy; następnie wyświetlacz zniknął na ułamek sekundy, a wreszcie ten sam obraz został pokazany ponownie. Jednak za drugim razem, gdy scena została pokazana, niektóre szczegóły zostały zmodyfikowane — na przykład obiekt zmienił rozmiar, kolor lub element został dodany lub usunięty. Uczestnicy eksperymentu mieli zidentyfikować zmiany w obu obrazach. W niektórych z tych badań ludzie wielokrotnie przejeżdżali przez obie wersje, aż byli w stanie wykryć zmianę., Dla wielu zajęło 20 lub 40 przemian, aby móc go znaleźć.

jakość migotania wyświetlacza (jedna scena, a następnie pusty ekran, a następnie to, co wydaje się być tą samą sceną) jest istotnym elementem ślepoty zmiany. W filmach cięcie sceny odgrywa rolę migotania, a w interakcji z komputerem migotanie jest spowodowane ładowaniem nowej strony (lub elementu interfejsu użytkownika) po naciśnięciu przycisku., Okazuje się jednak, że migotanie nie musi być dosłowne — modyfikacje scen, które zdarzają się, gdy użytkownik mruga lub podczas saccade (gdy przenosi oczy w inny obszar ekranu), są również bardzo podatne na zmianę ślepoty.

magowie wykorzystują skłonność ludzi do zmiany ślepoty, gdy ich oczy się poruszają: używają urządzenia przyciągającego uwagę, aby spowodować ruchy oczu w tym miejscu, a jednocześnie angażują się w niezauważone działania, które są niezbędne do ich sztuczek.

dlaczego zmienia się ślepota?,

podstawową przyczyną, dla której zachodzi ślepota zmiany, jest ograniczenie możliwości naszej uwagi. Każda złożona scena ma wiele szczegółów, a ludzie ciężko i nieefektywnie zajmują się nimi wszystkimi. Zwykle robimy skróty.

zmiana jest i zawsze była ważna dla człowieka — może przekazywać istotne informacje o naszym środowisku., Większość zmian w przyrodzie odbywa się za pośrednictwem ruchu (z nielicznymi wyjątkami, takimi jak kameleony, obiekt fizyczny nie może się natychmiast zmienić bez udziału ruchu), a ruch jest łatwo wykrywany przez ludzkie widzenie peryferyjne. Gdy ludzkie oczy wykryją ruch na peryferiach, patrzą na źródło ruchu — wkracza centralne widzenie i dostarcza dodatkowych, szczegółowych informacji. Takie zachowanie jest pozostałością naszego życia na wolności, gdzie każdy ruch może sygnalizować drapieżnika czekającego na nas.

ślepota zmiany występuje, gdy ruch jako sygnał do zmiany jest słaby lub całkowicie nieobecny., Kiedy ekran migocze, ruch jest odrzucany — widzimy dwie statyczne wersje sceny. Jedynym sposobem, aby dowiedzieć się, co się zmieniło, jest sprawdzenie wszystkich odpowiednich elementów w wersjach przed i po i porównanie ich. To zadanie jest bardzo trudne — nie tylko żmudne jest sprawdzanie niezliczonych drobnych szczegółów w scenie, ale nasza pamięć o wcześniejszej wersji sceny prawdopodobnie będzie dość słaba. W rzeczywistości, są szanse, że nie zwróciliśmy uwagi na wiele elementów tej sceny w każdym razie.

ale zmiana ślepoty zdarza się również podczas ruchu oczu., Innymi słowy, Jeśli dwie (ewentualnie ruch-cued zmiany) konkurują ze sobą-jak w Magic show, jedna zmiana zwykle wygrywa i przyciąga oko, ale ten ruch oczu blokuje wykrycie drugiej zmiany. Ta przyczyna jest szczególnie ważna w projektowaniu interfejsów.

Zmiana ślepoty w projektowaniu interfejsu

w normalnych interakcjach z interfejsem, zmiana ślepoty często występuje, gdy nowy element (np. inny obraz w karuzeli obrazu produktu lub zawartość menu rozwijanego) pojawia się na ekranie w wyniku działania użytkownika, a inne obszary ekranu również się zmieniają., Oczekuje się, że miejsce zmiany będzie widocznym elementem projektu, który reaguje bezpośrednio na akcję użytkownika, a użytkownik przesuwa oczy w tym kierunku — jednak w rzeczywistości zmiana jest rozłożona na wiele obszarów ekranu.

na przykład, gdy użytkownicy dotkną menu hamburgera w aplikacji Aldiko na Androida, oczekują, że zmiany na ekranie będą związane z tą akcją — a mianowicie, że nowe elementy będą zlokalizowane w obszarze obejmującym zawartość menu., Ich oczy pozostaną w pobliżu tego obszaru i prawdopodobnie nie zauważą, że przycisk action-overflow w prawym górnym rogu ekranu został zastąpiony ikoną wyszukiwania.

Aldiko dla Androida: gdy menu jest otwarte, elementy sterujące w prawym górnym rogu ekranu zostaną zastąpione przez szkło powiększające., Narzędzie wyszukiwania pozostanie niezauważone, ponieważ (1) ludzie będą patrzeć na rozszerzone menu, które będzie bezpośrednim wynikiem ich działania; (2) będą oczekiwać, że inne elementy ekranu pozostaną niezmienione (jak zwykle robią to w interakcjach z większością interfejsów użytkownika).

gdzie indziej omówiliśmy, w jaki sposób pole wyszukiwania nie powinno być zastąpione ikoną wyszukiwania na pulpicie; na ekranie mobilnym wzór jest jednak bardziej użyteczny niż na pulpicie, ponieważ nasze badania pokazują, że narzędzie lupy jest dość wykrywalne nawet wtedy, gdy nie ma pola wyszukiwania., Jeśli jednak pole wyszukiwania nie jest domyślnie widoczne, gdy użytkownicy klikną ikonę wyszukiwania, pole tekstowe powinno pojawić się obok niego (zamiast dalej od siebie na ekranie), aby upewnić się, że ludzie nie przegapią go.

nie tylko Texas A & M University zastąpił pole wyszukiwania ikoną wyszukiwania, ale również wyświetlił pole tekstowe wyszukiwania daleko od ikony wyszukiwania. Animacja obrazu bohatera konkurowała z wyświetlaniem pola wyszukiwania.,
John Hopkins University również użył animowanego bohatera i ukrył wyszukiwanie pod ikoną. Ale przynajmniej wyświetlał pole wyszukiwania w pobliżu ikony wyszukiwania i przyciemniał ruchome tło, aby zmniejszyć część konkurencyjnej animacji.

półprzezroczyste paski nawigacyjne lub pływające przyciski, które pojawiają się u góry strony, również mogą pozostać niezauważone, ponieważ często przewijanie strony maskuje je., Na przykład półprzezroczyste paski nawigacji pojawiają się u góry ekranu, gdy użytkownik przewija gwiazdki w górę. Mamy nadzieję, że ludzie zauważą te paski i wybierają jedną z opcji w nich, zamiast przesuwać drogę do samej góry strony. Niestety, ruch strony może łatwo zablokować ruch spowodowany pojawieniem się paska, zwłaszcza gdy kolor paska łączy się z kolorem strony, jak w przykładzie New York Times poniżej.,

NYTimes for iPhone: gdy zaczynają przewijać w górę, ludzie mogą przegapić półprzezroczysty pasek nawigacyjny, który pojawia się u góry ekranu, ponieważ koncentrują się na przewijaniu strony. Czynnikiem pogarszającym jest fakt, że wizualizacje paska nawigacyjnego nie są wystarczająco odróżniające się od treści strony.,
Strona mobilna Chicago Tribune używa również półprzezroczystego paska nawigacyjnego, który pojawia się na górze strony, gdy ludzie zaczynają przewijać w górę. Jednak w tym przypadku projekt wizualny baru sprawia, że jest bardziej widoczny.

(nasze widzenie obwodowe jest odpowiedzialne za wybieranie ruchu, a także cieni., Gdy profil „cienia” strony zmienia się, na przykład dlatego, że w jednym rogu pojawił się duży blok kontrastujących kolorów, łatwiej jest nam wykryć jego wygląd, niż gdy ten sam blok subtelnie wtapia się w resztę strony i nie zmienia znacząco profilu cienia strony.)

istnieje wiele innych aspektów projektowych, na które może mieć wpływ ślepota zmiany — komunikaty o błędach lub inne powiadomienia, wyniki, które pojawiają się zbyt szybko, lub zmiana pasków nawigacji mogą również pozostać ignorowane z powodu tego zjawiska, jak omówiono w naszym artykule towarzyszącym na ten sam temat.,

jak zapobiec ślepocie zmiany w projektowaniu interfejsu

aby uniknąć ślepoty zmiany, przeanalizuj Projekt pod kątem konkurencyjnych zmian, które mogą wystąpić w tym samym czasie i które mogą odwrócić uwagę od siebie. Oto kilka technik, aby to zrobić:

  • dokonuj jednej zmiany na raz. W powyższym przykładzie wyszukiwanie może być umieszczone w prawym górnym rogu i być zawsze widoczne.
  • grupuje wszystkie elementy, które zmienią się jednocześnie w tym samym obszarze ekranu, aby upewnić się, że ruch zwróci uwagę na wszystkie z nich., Na przykład inną łatwą poprawką dla projektu Aldiko jest przeniesienie wyszukiwania wewnątrz menu. (Należy jednak pamiętać, że ukrywanie wyszukiwania pod menu poważnie wpłynie na jego wykrywalność i może być dopuszczalne tylko w witrynach o dużym natężeniu przeglądania.)
  • używaj animacji do sygnalizowania zmiany, ale unikaj zbyt wielu konkurencyjnych animacji na ekranie, aby zapobiec rozmyciu uwagi.
  • przyciemnij obszary ekranu, które się nie zmieniają, aby przyciągnąć uwagę na zmiany.,
  • Jeśli dodajesz elementy pływające do strony podczas przewijania użytkownika, wyświetl je obok skupienia uwagi użytkownika (na przykład w dolnej części strony dla Przycisków powrót do góry) i użyj kolorów, które kontrastują z resztą strony.

Articles

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *