SlideShare a Scribd company logo
1 of 37
Kupować szybko, sprawnie i przyjemnie, czyli nowe trendy i rozwiązania w webusability Anna Liszewska JanmediaInteractive
Plan Co mówią badania – co zrobić, by sklep sprzedawał jeszcze lepiej?
Wyniki badań Które obszary strony przyciągają wzrok?
Wyniki badań Główne wyniki ,[object Object]
Podczas poszukiwania informacji fiksacje znajdują się najczęściej
w środkowej – lewej części ekranu.
Niezależnie od zadania trzecia część strony miała małe fiksacje albo w ogóle albo wcale.,[object Object]
Użytkownicy mogą lepiej zrozumieć tekst jeżeli sekcje są zaprezentowane na oddzielnych stronach – niż na jednej przewijanej.
Przewijanie – wpływa negatywnie na uczenie się.
Zwłaszcza u osób ze słabymi zdolnościami do zapamiętywania.,[object Object]
Wyniki badań Czy twarze przyciągają wzrok?
Wyniki badań Czy twarze przyciągają wzrok?
Wyniki badań Czy twarze przyciągają wzrok?
Wyniki badań Czy twarze przyciągają wzrok? ,[object Object]
Nawet, gdy zdjęcia twarzy są odpowiednio dopasowane to mogą mieć negatywny wpływ na odbiór treści przez ekspertów.
Użytkownicy zorientowani na zadanie prawdopodobnie nie będą wierzyć, że informacja przez nich poszukiwana jest powiązana z twarzą.
Dodatkowo badania eyetrackingowe pokazały, że podczas wykonywania tych zadań fiksacja wzroku na twarzy była niewielka, udowadniając niewielką przydatność zdjęć twarzy w tych warunkach.,[object Object]
Wyniki badań Czy twarze przyciągają wzrok?
Wyniki badań Jak oznaczać wymagane pola? Czy jest jakaś alternatywa do (*) asterysku w przypadku pól wymaganych?
Wyniki badań Jak oznaczać wymagane pola?
Wyniki badań Jak oznaczać wymagane pola?
Wyniki badań Jak oznaczać wymagane pola? Warto dodać wyróżnienie kolorem pola obowiązkowego. Jednak, ze względu na możliwość ślepoty na kolory należy zastosować kolor tylko jako wyznacznik dodatkowy.
Wyniki badań Etykiety w formularzach Średni czas trwania przeskoku  170ms – 240ms Średni czas trwania  przeskoku 50ms Średni czas trwania przeskoku  500ms ,[object Object]
Jeżeli etykiety po lewej stronie są konieczne, lepiej wyrównać etykiety do prawej,[object Object]
eBay – podkreślone kolorem i cieniem
Użytkownicy poświęcają więcej uwagi podkreślonym nagłówkomWyniki badań Optymalizacja formularzy
Wyniki badań Optymalizacja formularzy ,[object Object]
Informacja zwrotna powinna znajdować się przy polach, których dotyczy, a nie pod spodem.
Dla dłuższych formularzy należy rozważyć wprowadzenie nagłówków przy użyciu koloru i cienia – istnieje większa szansa, że użytkownicy je przeczytają.,[object Object]
Wyniki badań Duże menu rozwijane (mega drop-down) ,[object Object]
Możliwość grupowania i formatowania opcji tak, aby wesprzeć „znajdowalność” (findability)i ułatwić zrozumienie zawartości.
Wszystkie dostępne opcje są widoczne bez przewijania więc użytkownicy nie muszą polegać na pamięci krótkoterminowej.
Możliwość wyświetlenia dodatkowych informacji po najechaniu (tooltipy).
Możliwość dodawania obrazków.,[object Object]
Ważne: menu powinny być mimo wszystko proste.,[object Object]
Wyniki badań Podkreślenie odnośników ,[object Object]
Jednak dla zadań, w których odpowiedź była na stronie, użytkownicy byli bardziej skuteczni, gdy odnośniki były niepodkreślone.

More Related Content

Similar to Kupować szybko, sprawnie i przyjemnie, czyli nowe trendy i rozwiązania w web usability

Usability - Trudne Pytania
Usability - Trudne PytaniaUsability - Trudne Pytania
Usability - Trudne PytaniaTomasz Karwatka
 
Usability Trudne Pytania
Usability Trudne PytaniaUsability Trudne Pytania
Usability Trudne Pytaniaguest4e2bd4
 
Usability - Zdradliwa mądrość - Tomasz Karwatka
Usability - Zdradliwa mądrość - Tomasz KarwatkaUsability - Zdradliwa mądrość - Tomasz Karwatka
Usability - Zdradliwa mądrość - Tomasz KarwatkaTomasz Karwatka
 
Proces zakupowy - badania eyetracking
Proces zakupowy - badania eyetrackingProces zakupowy - badania eyetracking
Proces zakupowy - badania eyetrackingeyeTracking
 
Test strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównej
Test strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównejTest strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównej
Test strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównejEACTIVE wiemy jak
 
Szkolenie UX: nawigacja, formularze, tabele
Szkolenie UX:  nawigacja, formularze, tabeleSzkolenie UX:  nawigacja, formularze, tabele
Szkolenie UX: nawigacja, formularze, tabeleAnna Sorbian
 
Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...
Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...
Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...Michal Cortez
 
Usability i UX - podstawy
Usability i UX - podstawyUsability i UX - podstawy
Usability i UX - podstawyrtaraszka
 

Similar to Kupować szybko, sprawnie i przyjemnie, czyli nowe trendy i rozwiązania w web usability (8)

Usability - Trudne Pytania
Usability - Trudne PytaniaUsability - Trudne Pytania
Usability - Trudne Pytania
 
Usability Trudne Pytania
Usability Trudne PytaniaUsability Trudne Pytania
Usability Trudne Pytania
 
Usability - Zdradliwa mądrość - Tomasz Karwatka
Usability - Zdradliwa mądrość - Tomasz KarwatkaUsability - Zdradliwa mądrość - Tomasz Karwatka
Usability - Zdradliwa mądrość - Tomasz Karwatka
 
Proces zakupowy - badania eyetracking
Proces zakupowy - badania eyetrackingProces zakupowy - badania eyetracking
Proces zakupowy - badania eyetracking
 
Test strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównej
Test strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównejTest strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównej
Test strony www – 6 testów A/B, które powinieneś uruchomić na stronie głównej
 
Szkolenie UX: nawigacja, formularze, tabele
Szkolenie UX:  nawigacja, formularze, tabeleSzkolenie UX:  nawigacja, formularze, tabele
Szkolenie UX: nawigacja, formularze, tabele
 
Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...
Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...
Microsoft Case Study - badania ilościowe i jakościowe narzędzia Shop-in-Shop ...
 
Usability i UX - podstawy
Usability i UX - podstawyUsability i UX - podstawy
Usability i UX - podstawy
 

Kupować szybko, sprawnie i przyjemnie, czyli nowe trendy i rozwiązania w web usability

  • 1. Kupować szybko, sprawnie i przyjemnie, czyli nowe trendy i rozwiązania w webusability Anna Liszewska JanmediaInteractive
  • 2. Plan Co mówią badania – co zrobić, by sklep sprzedawał jeszcze lepiej?
  • 3. Wyniki badań Które obszary strony przyciągają wzrok?
  • 4.
  • 5. Podczas poszukiwania informacji fiksacje znajdują się najczęściej
  • 6. w środkowej – lewej części ekranu.
  • 7.
  • 8. Użytkownicy mogą lepiej zrozumieć tekst jeżeli sekcje są zaprezentowane na oddzielnych stronach – niż na jednej przewijanej.
  • 9. Przewijanie – wpływa negatywnie na uczenie się.
  • 10.
  • 11. Wyniki badań Czy twarze przyciągają wzrok?
  • 12. Wyniki badań Czy twarze przyciągają wzrok?
  • 13. Wyniki badań Czy twarze przyciągają wzrok?
  • 14.
  • 15. Nawet, gdy zdjęcia twarzy są odpowiednio dopasowane to mogą mieć negatywny wpływ na odbiór treści przez ekspertów.
  • 16. Użytkownicy zorientowani na zadanie prawdopodobnie nie będą wierzyć, że informacja przez nich poszukiwana jest powiązana z twarzą.
  • 17.
  • 18. Wyniki badań Czy twarze przyciągają wzrok?
  • 19. Wyniki badań Jak oznaczać wymagane pola? Czy jest jakaś alternatywa do (*) asterysku w przypadku pól wymaganych?
  • 20. Wyniki badań Jak oznaczać wymagane pola?
  • 21. Wyniki badań Jak oznaczać wymagane pola?
  • 22. Wyniki badań Jak oznaczać wymagane pola? Warto dodać wyróżnienie kolorem pola obowiązkowego. Jednak, ze względu na możliwość ślepoty na kolory należy zastosować kolor tylko jako wyznacznik dodatkowy.
  • 23.
  • 24.
  • 25. eBay – podkreślone kolorem i cieniem
  • 26. Użytkownicy poświęcają więcej uwagi podkreślonym nagłówkomWyniki badań Optymalizacja formularzy
  • 27.
  • 28. Informacja zwrotna powinna znajdować się przy polach, których dotyczy, a nie pod spodem.
  • 29.
  • 30.
  • 31. Możliwość grupowania i formatowania opcji tak, aby wesprzeć „znajdowalność” (findability)i ułatwić zrozumienie zawartości.
  • 32. Wszystkie dostępne opcje są widoczne bez przewijania więc użytkownicy nie muszą polegać na pamięci krótkoterminowej.
  • 33. Możliwość wyświetlenia dodatkowych informacji po najechaniu (tooltipy).
  • 34.
  • 35.
  • 36.
  • 37. Jednak dla zadań, w których odpowiedź była na stronie, użytkownicy byli bardziej skuteczni, gdy odnośniki były niepodkreślone.
  • 38.
  • 39. Wyniki badań Linia zanurzenia (przewijanie) W połowie lat ’90 uznano, że użytkownicy nie będą przewijać stron internetowych. „wszystkie najważniejsze informacje muszą znajdować się powyżej linii zanurzenia, w innym przypadku będą całkowicie niezauważane przez internautów.” W roku 1997 Jacob Nielsen unieważnił swój przewodnik dotyczący budowania stron tak, aby nie wymagały skrolowania. Ale „długie” strony nadal są odbierane jako problematyczne. Z drugiej jednak strony okazuje się, że użytkownicy chętniej czytają artykuły w całości, przewijając je. Stronicowanie – konieczność przerwania czynności czytania.
  • 40. Wyniki badań Linia zanurzenia (przewijanie)
  • 42. Wyniki badań Formularze Lepiej używać pojedynczego pola dla numerów telefonów czy kodów pocztowych. Użytkownicy łatwo gubią się podczas wpisywania pól, do których dochodzą numery takie jak kody pocztowe czy numery telefonów eBay posiada dwa pola na numer telefonu, jedno pole to kod międzynarodowy. Użytkownicy nie wiedzą w jaki sposób wpisać numer telefonu – najdłuższe fiksacje na pierwszym członie numeru.
  • 43.
  • 44. Ekran mobilny: 18.93% Użytkownicy widzą mniej na mniejszym ekranie, do tego muszą więcej poruszać się po stronie by zdobyć potrzebne informacje.
  • 45.
  • 46. daje miejsce na „oddech”,
  • 47. umożliwia grupowanie elementów razem - poprzez zmniejszanie miejsca pomiędzy nimi i zwiększenie miejsca pomiędzy innymi elementami.Używanie białych miejsc pomiędzy paragrafami oraz w marginesach zwiększyło zrozumienie tekstu o 20%. Dobry layout nawet, jeżeli nie zmniejszy ilości błędów w danym wypadku, to i tak pomoże poprzeć zwiększenie satysfakcji oraz poprawienie „doświadczenia”.
  • 49. Klienci zapłacą mniej za "buciki" niż za "buty”.  Używanie zdrobnień w opisie produktów może zmniejszyć wielkość, wartość oraz satysfakcję. Wyniki badań Ostrożnie ze zdrobnieniami
  • 50. Wyniki badań Media społecznościowe Ponad dwa razy więcej osób +55 odwiedza strony serwisów społecznościowych przy użyciu swojego telefonu (USA).
  • 51. Wyniki badań Media społecznościowe Aktywni użytkownicy mediów społecznościowych są wpływowi również offline.
  • 53. Dziękuję za uwagę  Anna Liszewska JanmediaInteractive I zapraszam 17 listopada do Wrocławia na