Wnioski z badań eyetrackingowych przeprowadzonych w trakcie realizacji przez użytkowników kolejnych kroków procesu zakupowego w sklepie internetowym

Opis badania

Badane sklepy to Toys4Boys i Świat Książki

Badania miały charakter eksploracyjny.

Próba badanych wynosiła 10 osób. Każdy z uczestników badania mógł dowolnie wybrał produkty, które chce kupić.

Według statystyk 59,8% użytkowników przerywa proces zakupowy i nigdy go nie kończy*

Głównymi obszarami, które zostały poddane badaniu były:

• Opcje i informacje w koszyku• Nawigacja w procesie zakupowym,• Czytelność umieszczanych opisów,• Informacje o kosztach dostawy i płatności,• Działanie formularzy.

Koszyk

• Widoczność objaśnień i pomocy• Mechanizmy kontynuacji zakupów

Objaśnienia w usprawnianiu procesu decyzyjnego

„Informacja: Koszyk”

• Duża ilość tekstu• Nie przyciąga uwagi

Mało pomocna?

„Jak korzystać z koszyka”

źródło: Ideacto, Eyetracking

Koszyk

Toys4Boys

Objaśnienia w usprawnianiu procesu decyzyjnego

źródło: Ideacto, Eyetracking

Koszyk

Świat Książki

Siła czytelnej nawigacji

„Przyciski nawigacji”

• Odpowiednio dobrane usprawniają proces podejmowania decyzji• Koncentracja na właściwych elementach

źródło: Ideacto, Eyetracking

Koszyk

Siła czytelnej nawigacji

Koszyk

Okno safari

KoszykInformacja o czasie dostawy powoduje nieznaczny wzrost konwersji

źródło: Ideacto, Eyetracking

KoszykWnioski

• Do ikon dodawaj opisy.

• Stosuj użyteczne nagłówki, czyli wyjaśnij jednoznacznie treść, której dotyczą.

• Do ważnych tekstów dodawaj ikony, które przyciągają uwagę.

• Skracaj i upraszczaj teksty.

• Nadawaj priorytety przyciskom, aby ułatwić użytkownikom nawigowanie.

Produkty polecane, rekomendowane

• Widoczność produktów rekomendowanych, polecanych• Wpływ na wypełnianie formularza podczas procesu zakupowego

Elementy zbędne i nieprzydatne

„Top 10” przy procesie zakupowym

• (Na szczęście?) nie odwraca uwagi• Jeśli ma być przydatne, może warto dodać np. ceny produktów?

źródło: Ideacto, Eyetracking

Produkty polecane, rekomendowane

Produkty polecane, rekomendowane

Produkty polecane, rekomendowane

Podsumowanie

• Pamiętaj, że elementy dodatkowe (produkty rekomendowane i inne) widoczne w procesie mogą rozpraszać i odciągać wzrok użytkowników.

• Zdecyduj na którym kroku należało by zrezygnować z widoczności dystraktorów

Promocje i prezenty

• Widoczność promocji, kuponów, zniżek

Nietrafiona, czy niewidzialna promocja?

„Promocja - Prezent od Toys4Boys”• A gdzie patrzy użytkownik?• Czy przeczytał warunki?

źródło: Ideacto, Eyetracking

Promocje i prezenty

Nietrafiona, czy niewidzialna promocja?

źródło: Ideacto, Eyetracking

Promocje i prezenty

Toys 4 Boys

Militaria.pl

Formularze

• Reakcja użytkowników na błędy, np. błędnie wypełniony formularz• Redukowanie, ukrywanie pól formularza

Mylące okna

• Domyślny adres pobiera automatycznie dane adresowe z konta.• Opcjonalny, powinien być uzupełniony, gdy adres dostawy będzie inny niż domyślny.

źródło: Ideacto, Eyetracking

Formularze

Co się działo?

Użytkownik zaczął dopisywać dane do drugiego formularza • Zrezygnować, wygasić, dodać objaśnienie?

źródło: Ideacto, Eyetracking

Formularze

Formularzeźródło: Ideacto, Eyetracking

Wyrównywanie etykietDo prawej

Do lewej

Na górze

źródło: Ideacto, Eyetracking

Formularze

Toys 4 Boys

Czy to jest potrzebne?

Toys 4 Boys

FormularzeWnioski

• Stosuj zrozumiałe etykiety.

• Spraw, aby użytkownicy nie czuli się zdezorientowani działaniem funkcji. Informuj i uprzedzaj.

• W celu zmniejszenia czasu potrzebnego na wypełnianie formularza zastosuj etykiety nad polami formularza.

• Pola formularza najmniej przeszkadzają w czytaniu etykiet do lewej. Dlatego stosuj je, gdy ich zrozumienie jest ważne i gdy chcesz użytkowników trochę zmusić, aby skupili na nich swoją uwagę. Dodatkowo są dosyć przyjemne w percepcji, ze względu na swoje lewostronne wyrównanie, tworzące prostą linię.

• Gdy etykiety są mniej więcej równej długości, dosuń je do prawej strony, aby zmniejszyć dystans od pól do wpisywania.

• Staraj się zredukować odległość pól etykiet od pól do wpisywania.

Wnioski końcoweEtykiety i formularze • Stosuj zrozumiałe etykiety.

• Minimalizuj liczbę pól formularzy.

• Aby wyróżnić formularz i skupić na nim uwagę użytkowników możesz stosować delikatne jasne tło.

Nawigacja • Spraw, aby użytkownicy nie czuli się zdezorientowani działaniem funkcji, powinno być ono intuicyjne i przewidywalne.Informuj i uprzedzaj.

• Stosuj opisy ikon, zwłaszcza tych abstrakcyjnych.

•Nadaj priorytety przyciskom, aby ułatwić użytkownikom nawigowanie.

Wnioski końcowePłynność procesuzakupowego

• Unikaj elementów dodatkowych, które mogą rozpraszać i odciągać wzrok użytkowników.

• Pamiętaj, że prezentacja zawartości koszyka w kolejnych krokach procesu zakupowego rozprasza.

• Jasno i precyzyjnie projektuj kroki procesu zakupowego, tak aby użytkownik wiedział gdzie się znajduje i jaki krok jest ostateczny.

• Stosuj spójne i jasne nazwy dla poszczególnych kroków procesu zakupowego oraz przycisków.

Teksty• Do ważnych tekstów dodaj elementy graficzne, które przyciągną uwagę.

• Stosuj użyteczne nagłówki, czyli wyjaśnij jednoznacznie treść, której dotyczą.

• Skracaj i upraszczaj teksty.

• Pomoc i wszystkie dodatkowe informacje umieszczaj kontekstowo.

Jeśli są Państwo zainteresowani ofertą, lub uzyskaniem dodatkowych informacji prosimy o kontakt: www.eyetracking.pl