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

  • 666 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
666
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. Wyniki badań
    Główne wyniki
    • Podczas przeglądania strony fiksacje skupiają się na górnym lewym obszarze.
    • 5. Podczas poszukiwania informacji fiksacje znajdują się najczęściej
    • 6. w środkowej – lewej części ekranu.
    • 7. Niezależnie od zadania trzecia część strony miała małe fiksacje albo w ogóle albo wcale.
  • Wyniki badań
    Skrolowanie i Paginacja
    • Długie teksty powinny być podzielone na sekcje.
    • 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. Zwłaszcza u osób ze słabymi zdolnościami do zapamiętywania.
  • Wyniki badań
    Czy twarze przyciągają wzrok?
  • 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. Wyniki badań
    Czy twarze przyciągają wzrok?
    • Są sytuacje, kiedy ludzie zwracają uwagę na twarz, ale występują one głównie podczas przeglądania strony.
    • 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. 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.
  • Wyniki badań
    Czy twarze przyciągają wzrok?
  • 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. Wyniki badań
    Etykiety w formularzach
    Średni czas trwania przeskoku
    170ms – 240ms
    Średni czas trwania
    przeskoku 50ms
    Średni czas trwania przeskoku
    500ms
    • Umieszczenie etykiet nad polem działało lepiej w większości przypadków – użytkownicy nie muszą skupiać się na tekście i na etykietach oddzielnie.
    • 24. Jeżeli etykiety po lewej stronie są konieczne, lepiej wyrównać etykiety do prawej
    • Hotmail – pogrubione nagłówki
    • 25. eBay – podkreślone kolorem i cieniem
    • 26. Użytkownicy poświęcają więcej uwagi podkreślonym nagłówkom
    Wyniki badań
    Optymalizacja formularzy
  • 27. Wyniki badań
    Optymalizacja formularzy
    • Warto wprowadzić dynamiczną informację zwrotną.
    • 28. Informacja zwrotna powinna znajdować się przy polach, których dotyczy, a nie pod spodem.
    • 29. 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ą.
  • Wyniki badań
    Duże menu rozwijane (mega drop-down)
  • 30. Wyniki badań
    Duże menu rozwijane (mega drop-down)
    • Mega-dropdowny są użyteczne zarówno dla aplikacji jak i stron internetowych.
    • 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. Możliwość dodawania obrazków.
  • Wyniki badań
    Duże menu rozwijane (mega drop-down)
    • Aby zwiększyć dostępność, jako minimum, należy górne menu zrobić klikalne.
    • 35. Ważne: menu powinny być mimo wszystko proste.
  • Wyniki badań
    Podkreślenie odnośników
  • 36. Wyniki badań
    Podkreślenie odnośników
    • Dla zadań, w których użytkownicy mieli odnaleźć odnośnik – użytkownicy odnieśli więcej sukcesów, gdy odnośniki były podkreślone.
    • 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. Jeżeli tekst jest dużo ważniejszy niż odnośniki prawdopodobnie lepiej ich nie podkreślać.
  • Wyniki badań
    Idealne pole wyszukiwania jest szerokie na 27 znaków
    Przeciętne pole wyszukiwania jest szerokie na 18 znaków. 27% zapytań podczas badań było za długie. Zwiększenie boksu do 27 znaków pozwoliłoby zmieścić 90% zapytań.
  • 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)
  • 41. Wyniki badań
    Projektowanie formularzy
  • 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. Wyniki badań
    Serwisy mobilne
    Przeprowadzono badanie, gdzie użytkownicy wypełniali test zamknięty podczas czytania polityki prywatności zarówno na tradycyjnym ekranie jak i na ekranie wielkości iPhona.
    Wyniki
    • Ekran tradycyjny: 39.18%
    • 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. Wyniki badań
    Biała przestrzeń ułatwia zrozumienie strony
    Pusta przestrzeń:
    • dzieli stronę,
    • 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”.
  • 48. Wyniki badań
  • 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.
  • 52. Wyniki badań
    Źródła
  • 53. Dziękuję za uwagę 
    Anna Liszewska
    JanmediaInteractive
    I zapraszam 17 listopada do Wrocławia na