Zastosowanie eye tracking u w poprawie skuteczności formularzy

Podobne dokumenty
Użyteczności serwisów internetowych polskich ubezpieczycieli OC OC w Internecie - aneks

Komplementarność metod badawczych w procesie poprawy użyteczności serwisu informacyjnego mbank

Serwis jest dostępny w internecie pod adresem Rysunek 1: Strona startowa solidnego serwisu

Użyteczność polskich portali turystycznych Wakacje w Internecie - aneks

WOPZ Wieloaspektowa Ocena Preferencji Zawodowych Instrukcja dla badanego

Co to jest usability?

INSTRUKCJA Panel administracyjny

STRONA WWW A LANDING PAGE

Spis treści. Rejestracja - zakładanie konta kandydata 2. Wprowadzanie danych osobowych kandydata 3. Zamieszczanie zdjęcia 5. Ustawienia hasła 6

EFIX Explorer wersja podstawowa

INSTRUKCJA OBSŁUGI PLATFORMY KONSULTACJI SPOŁECZNYCH

MATERIAŁY DYDAKTYCZNE. Streszczenie: Z G Łukasz Próchnicki NIP w ramach projektu nr RPMA /15

Instrukcja. Zarządu Cmentarzy Komunalnych w Warszawie

Spis treści. Rejestracja - zakładanie konta kandydata 2. Wprowadzanie danych osobowych kandydata 3. Zamieszczanie zdjęcia 5. Ustawienia hasła 6

WOPZ Wieloaspektowa Ocena Preferencji Zawodowych instrukcja dla doradcy

ZUS PRZEZ INTERNET KROK PO KROKU OŚWIADCZENIE CZŁONKA OFE O PRZEKAZYWANIU SKŁADKI DO OFE

Opis metody pracy Komisji podczas Kwalifikacji TestingCup 2017

Instrukcja dla użytkowników serwisu internetowego

System estudent 2. Instrukcja użytkownika wersja 1.1 ( )

Podręcznik korzystania z platformy szkoleniowej i szkoleń elearningowych BDOT10k

Moja Polisa Podręcznik użytkownika. Infolinia

StartUp IT / rozgrzewka

Tekstowe alternatywy:

Jak prawidłowo wypełnić formularz zgłoszenia zwrotu podatku z tytułu pracy w Wielkiej Brytanii. Pomoc dla użytkowników

INSTRUKCJA. zakładania konta w Społeczności CEO oraz rejestrowania się do programu Edukacja o polityce KROK 1

REKRUTACJA DO PRZEDSZKOLI

B2B Obsługa portalu zgłoszeniowego

Case Study Gatta. Wdrożenie nowego sklepu internetowego

Opis działania portalu Elektroniczny Generator Wniosków (styczeń 2015)

Usługi finansowe. Raport z badania ilościowego przeprowadzonego w Internecie października 2004

Platforma zakupowa GRUPY TAURON

Użyteczność stron internetowych

Biblioteki publiczne

Instrukcja instalacji programu STATISTICA

Rekrutacja do przedszkoli FORMICO

Krok 1. - utworzenie własnego konta w serwisie.

e-serwis Podręcznik dla Klienta

,Aplikacja Okazje SMS

Wprowadzenie. Cel programu Dlaczego badania Badania użyteczności Badania w trakcie procesu projektowego witryny

Regulamin konkursu Pokaż swoją stronę internetową

Dokumentacja użytkownika systemu Dzieciaki Mazowsza

Instrukcja użytkownika

INSTRUKCJA OBSŁUGI PLATFORMY EDUSCIENCE Administrator/Administratorka szkoły. platforma.eduscience.pl

Instrukcja modułu BKD - Wykonawca

FedEx efaktura Instrukcja Użytkownika

RAPORT ZBIORCZY z diagnozy umiejętności matematycznych

Instrukcja rezerwacji obozów poprzez panel on-line

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015

Instrukcja użytkownika. Google Analytics

APLIKACJA ZIELONA FIRMA DLA PRACOWNIKÓW FIRMY PRINT & DISPLAY (POLSKA) SP Z O.O.

e-serwis Podręcznik dla Klienta

INSTRUKCJA OBSŁUGI BAZY USŁUG ROZWOJOWYCH

1. Rejestracja konta. Krok 1: Wnioskodawca przechodzi na ekran rejestracji klikając w przycisk "Zarejestruj się". Krok 2:

Formularze w programie Word

Historia okulografii. Historia okulografii. Historia okulografii. Historia okulografii. Historia okulografii. Eyetracking = Okulografia

Rys Szkic sieci kątowo-liniowej. Nr X [m] Y [m]

Nabór Przedszkola. Rekrutacja uzupełniająca rejestracja kandydata, który nie brał udziału w rekrutacji właściwej

Jak ustawić cele kampanii?

Instrukcja zgłaszania błędu

Instrukcja obsługi dziennika elektronicznego dla trenerów uczestniczących. w ogólnopolskim projekcie MultiSport. Luty 2015 r.

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.1/2015

INSTRUKCJA UŻYTKOWNIKA. Zamówienie zestawu z certyfikatem kwalifikowanym i odnowienie certyfikatu. Wersja dokumentacji 1.1 UNIZETO TECHNOLOGIES SA

Instrukcja użytkownika serwisu POLPUNKTY.PL. Kazimierz Łodziński ICART

ELF. Instrukcja użytkownika. (System wspomagający wypełnianie wniosków elektronicznych)

Czy do przesyłania rocznych sprawozdań muszę uzyskać zupełnie nowe login/hasło do portalu oraz login/hasło do przesłania sprawozdania?

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

Specyfikacja przygotowania layoutu do systemu Key2Print

Badania behawioralne i inne metody badania użyteczności serwisów

Przyciągnij wzrok, a osiągniesz sukces!

5. Wypełniony formularz należy zatwierdzić klikając na przycisk ZATWIERDŹ.

Archiwum Prac Dyplomowych

Zbieranie kontaktów.

Generator wniosków o dofinansowanie.

PWI Instrukcja użytkownika

Podręcznik Administratora Szkoły

REGULAMIN REKRUTACJI I UCZESTNICTWA W PROJEKCIE

W dowolnej przeglądarce internetowej należy wpisać poniższy adres:

INSTRUKCJA. zakładania konta w Społeczności CEO oraz rejestrowania się do programu lub na szkolenie/cykl szkoleniowy KROK 1

Aplikacja (oprogramowanie) będzie umożliwiać przygotowanie, przeprowadzenie badania oraz analizę wyników według określonej metody.

Instrukcja certyfikat kwalifikowany W 3 krokach Krok 1 - Zakup certyfikatu kwalifikowanego

I N S T R U K C J A O B S Ł U G I P L AT F O R M Y E N E R G I A S P O Ł E C Z N A. Spis treści

Nowoczesne Metody Obserwacyjne. więcej niŝ deklaracje.

INSTRUKCJA. rejestrowania się na szkolenie/cykl szkoleniowy oraz uzupełniania niezbędnej unijnej dokumentacji uczestnictwa w projekcie (PEFS)

PHICS - Polish Harbours Information & Control System Dokumentacja użytkownika System weryfikacji autentyczności polskich dokumentów marynarzy

Instrukcja zarządzania kontem jednostki samorządu terytorialnego w serwisie internetowym

Instrukcja zarządzania kontem przedsiębiorstwa w serwisie internetowym

Biblioteki publiczne

Liga zadaniowa. Serwis administracyjny. UMK w Toruniu. Paweł Lebioda

EKSPERCKA ANALIZA UŻYTECZNOŚCI. dla marki. ilość odwiedzin + 113% ilość transakcji +150% przychody +140%

WPROWADZENIE PRZELEWU W ING BUSINESS

FORMULARZ ZGŁOSZENIOWY Projekt Elastyczny pracownik strefa wysokich kwalifikacji

Załącznik nr 2 FORMULARZ ZGŁOSZENIOWY. Prosimy wypełnić wszystkie pola DRUKOWANYMI literami.

Przewodnik korzystania z platformy TOEIC Online Placement & Practice

Instrukcja użytkownika aplikacji modernizowanego Systemu Informacji Oświatowej

Przewodnik... Tworzenie Landing Page

BIELSKO-BIAŁA, 15 KWIETNIA 2016

UWAGA!!! Przed przystąpieniem do zamknięcia roku proszę zrobić kopie bezpieczeństwa

PAWEŁ SZOŁTYSEK WYDZIAŁ NAUK EKONOMICZNYCH

e-serwis Podręcznik dla Klienta Infolinia:

Transkrypt:

Interfejs użytkownika - Kansei w praktyce 2009 176 Zastosowanie eye tracking u w poprawie skuteczności formularzy Hubert Anyżewski UseLab Sp.z o.o. Warszawa hubert.anyzewski@uselab.pl Agata Pasikowska UseLab Sp. Z o.o. Warszawa agata.pasikowska@uselab.pl Streszczenie Badanie formularza przystąpienia do ING OFE odbyły się w Laboratorium firmy UseLab w styczniu 2009 roku. Badanie zostało przeprowadzone metodą obserwacji użytkowników w połączeniu z badaniem eye tracking na grupie N=20 osób. Połączenie dwóch kluczowych metod badania usability pozwoliło na wskazanie rekomendacji poprawy zauważalności oraz użyteczności formularza wniosku o przystąpienie do otwartego Funduszu Emerytalnego. W celu zbadania procesu przystąpienia do OFE szczególną uwagę położono nie tylko na proces wypełniania formularza. Przeanalizowane zostały również ścieżki przejścia: ze strony www.ing.pl do formularza i z landing page (strony lądującej z kampanii reklamowej) do formularza. Zbadano również, w jaki sposób jest spostrzegana i jaki jest odbiór emocjonalny landing page. Copyright Wydawnictwo PJWSTK Warszawa 2009 Kansei 2009 Interfejs użytkownika Kansei w praktyce ISBN 978-83-89244-78-9 Wyniki analiz pozwoliły zaprojektować zarówno przyjazny w obsłudze, jak i łatwy do wypełnienia formularz przystąpienia do OFE. Poprawiono również ścieżkę dojścia klienta do formularza na bardziej naturalną. This paper should be cited as: Anyżewski, H., & Pasikowska, A. (2009). Zastosowanie eye tracking u w poprawie skuteczności formularzy. Proceedings of the Conference: Interfejs użytkownika - Kansei w praktyce (pp. 176 183). Warsaw: Wydawnictwo PJWSTK.

Interfejs użytkownika - Kansei w praktyce 2009 177 Badanie miało na celu wskazanie rekomendacji poprawy zauważalności oraz użyteczności formularza wniosku o przystąpienie do Otwartego Funduszu Emerytalnego ING. Badanie zostało przeprowadzone metodą obserwacji użytkowników (technologia Morae) w połączeniu z badaniem eye tracking na grupie N=20 osób. Przebadano szczegółowo: ścieżki przejścia klienta ze strony www.ing.pl do formularza, ścieżkę przejścia klienta z landing page do formularza przejście formularza OFE, spostrzeganie i odbiór emocjonalny landing page Wyniki analiz wskazują, że: na landing page elementem najbardziej przyciągającym wzrok osób badanych był button Po raz pierwszy przystępuje do ING OFE, ten element wśród 90% osób badanych był ścieżką wejścia do formularza boks opisujący proces przystąpienia do ING OFE był zauważalny przez 86% osób badanych, jednak 50% osób nie ukończyło zadania, którego celem było wskazanie tego elementu najtrudniejszym krokiem formularza przystąpienia do OFE był krok 1, gdzie osoby badane popełniały najwięcej błędów błędne wprowadzanie daty urodzenia w kroku 1 formularza było przyczyną nieukończenia zadania 2 Do kluczowych problemów w ramach wypełnia formularza zaliczono: wpisywanie numeru PESEL, zrozumienie określenia uposażony, oraz korzystanie z tzw. captchy Do kluczowych rekomendacji zmian należą: przeniesienie boks u z informacją o procesie przystąpienia do OFE w centralną część strony, w celu zwiększenia jego zauważalności (landing page) usunięcie konieczności wyboru dla użytkownika: zniesienie podziału na dwa wnioski przystąpienia do OFE na rzecz jednego przycisku otwierającego formularz (landing page) czytelniejsze oznaczenie pół wymaganych (formularz) zmianę pola daty urodzenia na bardziej intuicyjną (formularz) przearanżowanie formularza tak, aby wszystkie pola typu input znajdowały się w linii skanowania wzrokiem poprawienie systemu CAPTCHy oraz pola PESEL wyjaśnienie terminu uposażony, niezrozumiałego dla użytkowników OPIS I CEL BADAŃ Metoda: Badanie wykonane zostało metodą Eyetracking - śledzenie gałki ocznej za pomocą stacjonarnego narzędzia TOBII120 HZ na grupie badanych (N=20). Podczas procedury osoby badane miały wykonywać krótkie zadania w obrębie strony lub formularza wniosku online. Cel badania: Badania miały na celu poznanie zauważalności linków prowadzących do formularza online.

Interfejs użytkownika - Kansei w praktyce 2009 178 Analizę samego formularza wraz z wskazaniem kluczowych problemów na jakie natrafiają badani. Wskazanie rekomendacji poprawy zauważalności oraz użyteczności formularza. W projekcie położono nacisk na szczegółową analizę: ścieżki przejścia klienta ze strony www.ing.pl do formularza, wypełnienie formularza OFE, ścieżkę przejścia klienta z landing page do formularza. Obiekt badania: Obiektem badania był głównie formularz ING OFE, jak również sposób dotarcia do formularza (strona główna oraz landing page). Płeć: Kobiety i mężczyźni (zachowanie równych proporcji) Wykształcenie: Średnie + Miejsce zamieszkania: Warszawa Wewnętrzny podział grupy: 3 osób po raz pierwszy przystępujących do OFE, 1 osób zmieniających OFE. Dodatkowe kryteria: Osoby badane deklarowały korzystanie z Internetu przynajmniej 2 razy w tygodniu. Stosowane analizy: W ramach analiz przeprowadzonych po badaniu zastosowano analizę punktów fiksacji wzroku (m.in. w odniesieniu do kluczowych obszarów i kolejności czasowej występowania) oraz analizę jakościową dla typowych testów obserwacyjnych usability. Każde z zadań zostało opisane czasem realizacji, klasyfikacją wagi błędów oraz komentarzami badanych. Zadania wykonywane podczas testów liczyły pięć sytuacji, które bazowały na odnalezieniu formularza oraz wypełnieniu wniosku realnymi danymi. Dwa zadania z pięciu miały budowę buforową co związane było z konstrukcją badania. Analiza wyników: rysunek 1. Sposób dotarcia do formularza ING OFE Struktura grupy badanych: Grupa badanych odzwierciedlała grupę osób przystępujących do OFE lub zmieniających OFE. Wielkość: N=20 Wiek: 18-26 lat Podczas analizy eye trackingowej w czasie ekspozycji strony głównej ING oraz tzw. landing page mierzono czasy do pierwszej fiksacji wzroku oraz kolejność skanowania poszczególnych obszarów jak i czas tzw. obserwacji czy powrotów do danego obiektu. Zauważono, iż dwa obszary na stronie głównej były zauważone przez podobna liczbę badanych (87% vs. 65%). Analizując kolejność zauważania obiektów ponad

Interfejs użytkownika - Kansei w praktyce 2009 179 czterokrotnie szybciej zauważany był większy obiekt Emerytury niż obiekt z bocznego Menu. Jednak pozyskiwanie uwagi, czyli czas obserwacji na obiektach był znacząco dłuższy dla obiektu mniejszego jakim był element nawigacji bocznej. rysunek 4. Pozyskiwanie uwagi przez elementy zainteresowania. rysunek 2. Procentowa zauważalność obiektów dojścia do wniosku online ze strony głównej Podczas podobnej zauważalności strony poprzedzającej sam wniosek zauważono, iż obiekty buttony prowadzące do wniosku pomimo innej charakterystyki użytkownika (użytkownik nowy vs. zmieniający fundusz) były zauważane przez taki sam procent osób badanych 82%). rysunek 3. Sposób skanowania serwisu przez badanych. Heatmapa wizualizuje ilości fiksacji na obiektach. rysunek 5 Procentowa zauważalność obiektów dojścia do wniosku online ze strony poprzedzającej wniosek.

Interfejs użytkownika - Kansei w praktyce 2009 180 Jednak analiza pozyskiwania uwagi, czyli mówiąc potocznie zainteresowania obiektem, wskazała na zdecydowanie większe poświęcenie uwagi użytkowników dla linku pierwszego skierowanego do osób przestępujących do OFE pierwszy raz. Analiza pozwoliła na rekomendację przebudowy strony: zastosowanie jednej ścieżki przejścia do formularza, co powinno podwyższyć konwersję. Sposoby dotarcia do formularza przez użytkowników Podczas analizy ścieżek wejścia do formularza zauważono bardzo wysoką zbieżność z wynikami eye trackingowymi. Na stronie głównej osoby korzystały z liku znajdującego się w bocznym menu (90%) tak samo jak wykazała analiza pozyskiwani uwagi. Podobnie wyglądała sytuacja przy stronie pośredniczącej miedzy stroną główną a formularzem. W tym przypadku również obszar wskazany podczas analizy pozyskiwani uwagi był częściej klikany jako pierwszy (link pierwszy raz - 90% wejść.) Podczas wypełnia wniosku 50% osób miało problem z wpisaniem poprawnie sformatowanej daty urodzenia, stad rekomendacja o systemowym rozpoznawaniu formatu daty lub zastosowanie oddzielnych pół na dzień, miesiąc, rok. 50% osób wykorzystało funkcję kopiuj adres zamieszkania jako ułatwienie przy wpisaniu tego samego adresu zamieszkania i zameldowania. Proponujemy zastosować defaultowo rozwiązanie kopiujące adres zamieszkania jako adres zameldowania jest to bardziej typowa sytuacja. Zauważono również, głównie w oparciu o analizę eye trackigową, iż 20% osób badanych pomijały lub nie zauważały pola płeć oraz przycisku Akceptuj. Dlatego rekomendujemy umieszczenie tych pól w osi formularza, a nie w skrajnych obszarach ekranu. Analiza formularza OFE online Podczas analizy wypełniania formularza przez badanych zauważono, iż 80% osób ukończyło proces wypełniania formularza przystąpienia do OFE. Średni czas wypełniania formularza wyniósł 8,3 minuty. Średnia liczba błędów popełniania podczas wypełnia formularza wyniosła 2,3 błędu na osobę, przy jednoczesnej średnio 1 asyście (pomoc badanemu) podczas wypełniania wniosku. rysunek 6. Pierwszy krok formularza online. Zastosowane CAPTCHA w pierwszym roku formularza przysporzyło badanym sporo problemów. Błędnie wpisane parametry nie informują użytkownika o

Interfejs użytkownika - Kansei w praktyce 2009 181 potrzebie ponownego wpisania numerów z obrazka, a pole w którym te parametry się wpisuje nie czyści się samoistnie. O ile to możliwe, celowe było by zrezygnowanie z tego rozwiązania lub zastosowanie wyraźnego feedback u dla użytkownika o błędnie wypełnionym polu i potrzebie wpisania nowych parametrów. 20% osób badanych miało problem z rozróżnieniem pól dotyczących stanu cywilnego. Badani nie wiedzieli jak jest równica między stanem wolny/wolna a panną/kawalerem. Z przeprowadzonych obserwacji wynika, iż 50% błędów popełnianych prze osoby badane wynikało z niskiej zauważalności pól obowiązkowych. Niewłaściwe jest również zastosowanie w formularzu przycisku wyczyść, jest to relikt przeszłości, którego nie należy stosować w formularzach online. Jednocześnie należy wyróżniać tzw. primer y action - czyli główną ścieżkę przejścia (button Dalej ) i unikać możliwości opuszczenia formularza poprzez skorzystanie z linków prowadzących do innej części serwisu. W omawianym formularzu znajduje się przycisk kontakt, który kieruje nas do sekcji poza formularzem. Może to znacząco obniżać konwersję formularza, dlatego należy umieścić numer kontaktowy w części formularza najlepiej zawsze widocznej. rysunek 7. Kolejne kroki formularza. Kolejność zauważania obiektów. Zakończenie pracy z formularzem nie przysparzało badanym problemu, jednak spotkaliśmy się z sugestiami czytelniejszego sformatowania tekstu i ograniczenia jego ilości. W kolejnych krokach formularza duże problemy sprawiało badanych zrozumienie określenia osoby uposażonej, ponad 90% osób deklarowało, iż należy termin wyjaśnić. Jednocześnie 70% osób błędnie wpisało swój numer PESEL.

Interfejs użytkownika - Kansei w praktyce 2009 182 rysunek 9 Pierwszy krok formularza rysunek 8. Koniec pracy z formularzem Podczas obserwacji pracy badanych z formularzem oraz dzięki analizie eye trackingowej wyznaczono kluczowe błędy oraz obszary największego zainteresowania (najbardziej skupiające wzrok użytkowników). Miejsca popełniania najczęstszych błędów, pokrywają się obszarami najdłużej obserwowanymi na formularzu. Poniżej znajdują się przykłady heatmap (mapy cieplnej) prezentujące obszary skupiającej najbardziej uwagę badanych. rysunek 10. Pozyskiwanie uwagi badanych na drugim kroku formularza.

Interfejs użytkownika - Kansei w praktyce 2009 183 Podsumowanie: rysunek 11. Pozyskiwanie uwagi badanych na trzecim kroku formularza. Dzięki przeprowadzonym analizom zdefiniowano, jak użytkownicy docierają do formularza ING OFE online, ile średnio trwa wypełnienie takiego wniosku oraz z jaką średnią liczbą błędów popełniają użytkownicy. Pozwoliło to na zidentyfikowanie błędów w budowie formularza i zarekomendowanie poprawek w celu podwyższenia konwersji oraz łatwości wypełnienia wniosku. Nie posiadamy jeszcze wyników ze statystyk odwiedzin i konwersji dla nowej wersji(zmiany są jeszcze wdrażane), ale jesteśmy przekonani, iż proponowane przez nas niewielkie zmiany pozytywnie wpłyną na korzystnie z formularza zarówno dla Klienta jak i użytkowników ING OFE. Bibliografia [1] Andrew T.Duchowski Eye Tracking Metodology Eye Tracking Methodology: Theory and Practice (Kindle Edition). Springer, 2007 [2] Keith Rayner "Eye Movements in Reading and Information Processing" 20 Years of Research; Psychological Bulletin 1998 American Psychological Association, Inc.;