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

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?

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

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:

• Eye Tracking: najlepszy sposób na przetestowanie użyteczności bogatej aplikacji
• Wytyczne dotyczące projektowania formularzy internetowych: badanie eyetrackingu
• Badanie eye tracking ujawnia 12 taktyk internetowych
• Pytanie StackOverflow dotyczące konfiguracji własnego urządzenia do śledzenia wzroku za pomocą kamery internetowej

Usługi śledzenia wzroku:

• GazeHawk
• SimpleUsability
• UserCentric
• UserVision

Oto krótka wskazówka: dołącz obraz osoby, która patrzy lub wskazuje na twój obiekt docelowy (np. Produkt, przycisk subskrypcji). Oto przykład z reklamy, ale widziałem tę samą taktykę na stronach internetowych:

(Źródło: http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/ )

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.