Poznaj 10 kluczowych wytycznych usability/ux dla stworzenia skutecznej karty produktu w sklepie internetowym. Prezentacja / Jacek Popko / Usability LAB - warsztaty na konferencji eCommerceStandard 2017 z 29.09.2017

1. UX stron
produktowych
Jacek Popko

2. User
SEO/
Google
Biznes

3. #1
Zdjęcia i pierwsze
wrażenie

4. Czy ten sklep w ogóle działa?

5. Hmm, gdzie tu kliknąć?

6. Ciekawe, jakie ta lampa ma wymiary

7. O, teraz widzę jak to faktycznie wygląda

8. i do czego to dopasować

9. Ciekawe, co jeszcze sprzedają...

10. ... może się rozejrzę

11. Czy mogę im zaufać?

12. Aha, mają sporo zadowolonych klientów

13. #2
Czytelny nagłówek

14. Co to za produkt?

15. Czy to dokładnie to, czego szukam?

16. #3
Wyraźne
Call-To-Action

17. Które CTA jest najważniejsze?

18. Które CTA jest najważniejsze?

19. Które CTA jest najważniejsze?

20. #4
Dobra oferta
(cena, czas realizacji)

21. Cena jaka jest każdy widzi

22. Co lepiej sprzedaje?
999,00 zł 999,-
1399,00 zł 1 399,- zł
zł

23. Ile zapłacę za przesyłkę?

24. Ile zapłacę za przesyłkę?

25. Na kiedy będę to miał?

26. Na kiedy będę to miał?

27. Skąd mogę to odebrać?

28. #5
Infolinia

29. Gdzie jest numer telefonu?

30. Numer jest.. a kod produktu?

31. OK, jest czynne - mogę zadzwonić!

32. #6
Język i ton komunikacji

33. Językiem producenta...

34. Językiem użytkownika

35. #7
Struktura opisu
produktu

36. Opis
„Metryczka” korzyści
Zajawka
Specyfikacja

37. Zajawka

38. Opis... gdzie jest opis?

39. Zajawka
Kilka cech, wybranych
pod kątem realnych
potrzeb użytkowników

40. „Metryczka” korzyści produktu
Pogłębiony opis,
parametry techniczne
przetłumaczone na język
korzyści

41. „Ściana” tekstu Priorytety, Grupowanie
Specyfikacja techniczna (SEO!)

42. #8
Zaoferuj kilka
opcji do wyboru

43. Eeee...To którą szarą sofę mam kupić?

44. Kilka wyraźnie różnych wariantów

45. pokaż produkty pasujące w kontekście

46. #9
Oferty specjalne
i reguła społecznego
dowodu słuszności

47. to może lepiej się pospieszę...

48. Kilka wyraźnie różnych wariantów

49. okazja szybko znika

50. okazja szybko znika

51. #10
Wyraźnie określ cel

52. 1. Zadbaj o spójność
2. Zapewnij skróty power-userom
3. Dbaj o zrozumiałość komunikatów
4. Projektuj interakcję z myślą o celu
5. Zapewnij łatwą obsługę błędów
6. Zapewnij możliwość cofnięcia akcji (undo)
7. Zapewnij poczucie kontroli nad systemem
8. Redukuj obciążenie pamięci krótkotrwałej
Reguły Shneidermana

53. primary action - dla gotowych do zakupu
1

54. secondary action - dla niezdecydowanych
2

55. secondary action - dla niezdecydowanych

56. Narzędzia

57. Hotjar - clickmaps

58. Hotjar - scrollmaps

59. Optymalizacja, testy A/B

60. Potrzebujesz
konsultacji?
www.usability-lab.pl