Jak skierować oczy użytkowników na stronę internetową

25

W fotografii panuje powszechna zasada, że ​​zdjęcie powinno prowadzić wzrok widza. Często odbywa się to za pomocą linii biegnącej przez zdjęcie. Rozpoznanie, w jaki sposób obserwator skanuje twoje zdjęcie, jest często pomocne w komponowaniu ujęcia, a sposób, w jaki oczy widza skanują zdjęcie, może czasem nawet zmienić jego znaczenie.

Co można zrobić w projektowaniu stron internetowych, aby poprowadzić oczy użytkownika przez witrynę w pożądanym kierunku, bez konieczności szukania odpowiednich części strony?

Na przykład użytkownik może chcieć zobaczyć logo, a następnie krótki opis witryny, a następnie artykuł. Oprócz umieszczenia tych elementów w pionowej kolumnie z jednym poniżej następnego i usunięcia wszystkich innych elementów ze strony, w jaki sposób poprowadziłbyś oczy użytkownika od jednego do drugiego?

website-design design-principles Komputerowy
źródło
7
Być może zainteresuje Cię „Eyetracking Web Usability” (2009) autorstwa Nielsen & Pernice: useit.com/eyetracking
Jari Keinänen
2
@koiyu poszedłem i znalazłem artykuł „F” i miałem go opublikować, gdy zdałem sobie sprawę, że już go masz. Nie mogę wystarczająco podkreślić, jak ważny jest ten nawyk czytania. Świetne projekty dopasowują się do tego przepływu, a złe projekty są przeciwne.
zzzzBov
1
Jestem trochę przeciwny śledzeniu wzroku. Nie dlatego, że nie jest to przydatne, ale ponieważ już w każdym projekcie, który chciałem przeprowadzić proste testy użyteczności, filozofia szefa i firmy polegała na zrobieniu wszystkiego, co jest najtańsze, a możliwe jest szybsze. Naprawdę nie wierzę, że w większości sytuacji będziesz w stanie przekonać się do zakupu systemu śledzenia wzroku i będziesz w stanie poprawnie zliberalizować dane bez odpowiedniej instrukcji zachowania / psychologii człowieka.
Littlemad

Odpowiedzi:

8

Wszystko zależy od równowagi między rozmiarem, kolorem i wyrównaniem. Z doświadczeniem będziesz wiedział, co i kiedy użyć tych sztuczek, aby przyciągnąć uwagę. Na szczęście na stronie internetowej możemy śledzić tę uwagę i istnieje wiele badań naukowych na ten temat, na przykład na stronie Jakoba Nielsena są dobre dane .

O śledzeniu wzroku chcę powiedzieć, że ze względu na budżet, a rzeczywistość nikt nie zapłaci za urządzenie do śledzenia wzroku, a nawet z niego korzystać. (Już trudno jest przekonać szefa w biurze, aby przeprowadził kilka godzin testów użyteczności na dowolnym etapie projektu ...) Osobiście wolę testy użyteczności z prawdziwymi ludźmi, aby ocenić moją kompozycję. Nawet jeśli oznacza to zabranie przyjaciela osoby z mojej rodziny i postawienie go przed ekranem, zadając pytanie lub patrząc na jego zachowanie.

Śledzenie wzroku nie mówi, czy użytkownik szuka, czy rozumie, co to jest, czy nie. Jeśli są sfrustrowani, wahają się lub po prostu podziwiają kompozycję graficzną.

Świetną książką, która może ci w tym pomóc, jest Rocket Surgery Made Easy Steve'a Kruga

Littlemad
źródło
5

Jak wspomniano w komentarzu koiyu, należy śledzić wzrok . Możesz tworzyć projekty z zamiarem prowadzenia wiodących użytkowników na ścieżce, ale jedynym sposobem, aby naprawdę wiedzieć, czy osiągasz swoje cele, jest badanie wzroku.

To powiedziawszy, może okazać się przydatna moja odpowiedź na pytanie: Jak zwrócić uwagę na konkretny obszar projektu? To nie jest dokładnie to samo pytanie, ale jest blisko.

Więcej zasobów do śledzenia wzroku:

Usługi śledzenia wzroku:

Virtuosi Media
źródło
0

Mogę wymyślić dwa proste sposoby skierowania oczu użytkowników na stronę internetową:

  1. Użyj oczywistej numeracji elementów strony. Możesz to zobaczyć na całkiem sporej stronie głównej witryny lub możesz odnieść się do tego pliku PDF ze strony finansowej (chociaż myślę, że to nie jest naprawdę świetny przykład).
  2. Użyj strzałek, aby skierować uwagę użytkownika. Może to być coś w rodzaju schematu blokowego. Nie mogę teraz wymyślić żadnego przykładu online.
Gan
źródło
Sieć nie jest statycznym medium. Strzały nie prowadzą ludzi. Musisz prowadzić je w różnych rozmiarach i kolorach w systemie ważonym.
dkuntz2
Nie rozumiem. Czy mógłbyś rozwinąć więcej informacji na temat „strzałek nie prowadzi ludzi” i „prowadź ich w różnych rozmiarach i kolorach w systemie ważonym”?
Gan